@font-face {
    font-family: "aeonik-regular";
    src: url(../fonts/aeonik-regular.ttf);
}
@font-face {
    font-family: "aeonik-light";
    src: url(../fonts/aeonik-light.ttf);
}

@font-face {
    font-family: "aeonik-bold";
    src: url(../fonts/aeonik-bold.ttf);
}
* {
    padding: 0;
    margin: 0;
}
body,
html {
    overflow-x: hidden;
    background: #fff !important;
}


/* / For WebKit-based browsers (Chrome, Safari) / */
::-webkit-scrollbar {
    width: 3px;
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    background-color: #0d1011;
}

/* / For Firefox / */
* {
    scrollbar-width: thin;
    scrollbar-color:#0d1011 #80808021;
}

/* / Optional: Custom styles for other elements / */
.scrollable-element::-webkit-scrollbar {
    width: 3px;
    background-color: #fff ;
}
.scrollable-element::-webkit-scrollbar-thumb {
    background-color: #0d1011;
}



/*button style*/
.colored_btn {
    border: none;
    color: #ffffff !important;
    /* padding:10px 28px; */
    padding: 14px 26px 13px;
    border-radius: 25px;
    text-transform: uppercase;
    font-size: 13px;
    background: #d96a1e;
    font-family: "aeonik-light";
    text-decoration: none;
    letter-spacing: 0.05rem;
}
.colored_btn:hover {
    color: #ffffff;
}
.border_btn {
    border: 1px solid #d96a1e;
    color: #db732b !important;
    padding: 11px 42px;
    border-radius: 23px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "aeonik-regular";
    text-decoration: none;
}
.border_btn:hover {
    color: #db732b;
}
.common_colored_btn {
    border: none;
    color: #ffffff;
    padding: 13px 34px;
    border-radius: 23px;
    text-transform: uppercase;
    font-size: 13px;
    background: #d96a1e;
    font-family: "aeonik-regular";
    text-decoration: none;
}
.common_colored_btn:hover {
    color: #ffffff;
}
.white-colored-btn {
    padding: 5px 11px 2px;
    border: 1px solid #e6e6e6;
    border-radius: 25px;
}
span.white-colored-btn {
    color: #e6e6e6;
    font-family: "aeonik-light";
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: auto;
}
.submit-colored-btn {
    border: none;
    color: #ffffff;
    padding: 11px 40px 9px;
    border-radius: 23px;
    text-transform: uppercase;
    font-size: 13px;
    background: #d96a1e;
    font-family: "aeonik-light";
    text-decoration: none;
}

/**/

/*Heading*/
.maintitle {
    color: #ffffff;
    font-size: 64px;
    font-family: "aeonik-regular";
}
.sub-blk-heading {
    font-family: "aeonik-light";
    color: #211f1f;
    font-size: 31px;
    font-weight: 600;
}
.sub-blk-heading_small {
    font-family: "aeonik-light";
    color: #211f1f;
    font-size: 31px;
    font-weight: 600;
}
.gray-sub-head {
    text-transform: uppercase;
    color: #bdbdbd;
    font-size: 29px;
    font-family: "aeonik-regular";
    font-weight: 500;
    margin-top: 65px;
}
.common_paragraph p {
    font-family: "aeonik-regular";
    color: #393939;
    font-size: 17px;
    line-height: 24px;
}
.common_paragraph_capital p {
    font-family: "aeonik-regular";
    color: #393939;
    font-size: 17px;
    line-height: 24px;
}
.common_paragraph_capital_white p {
    font-family: "aeonik-light";
    color: #c8c8c8;
    font-size: 17px;
    font-weight: 100;
    line-height: 24px;
}
.common_sub_title {
    font-size: 66px;
    font-family: "aeonik-light";
    font-weight: 600;
}
.banner-orange-head {
    color: #d96a1e;
    font-family: "aeonik-regular";
    font-size: 60px;
    margin-top: 20px;
}
.banner-white-para {
    color: #e6e6e6;
    font-family: "aeonik-light";
    margin: auto;
    width: 44%;
    font-size: 17px;
    margin-top: 16px;
}
.common-inner-subhead {
    color: #d96a1e;
    font-size: 38px;
    font-family: "aeonik-regular";
    margin-bottom: 30px;
}
.common_sub_black_head {
    font-family: "aeonik-regular";
    color: #211f1f;
    font-size: 26px;
}
.common_sub_orange_head {
    font-family: "aeonik-light";
    color: #d96a1e;
    font-size: 26px;
    font-weight: 600;
}

/**/

/*Color*/
.textblack {
    color: #211f1f;
}
.textorange {
    color: #d96a1e;
}
.paracolor {
    color: #515151;
}
.footer-bg {
    color: #263029;
}
/**/

/*background*/
.lightgreybg {
    background-color: #26302912;
}
.blackbg {
    background-color: #0d0c0c;
}

/*padding*/
.common_padding_top {
    padding-top: 75px;
}
.common_padding_bottom {
    padding-bottom: 75px;
}
/* .inner_common_padding{
  width: 93%;
    margin: auto;
} */