body{
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
}
:root{
    /* font-size  */
    --first-size:15px;
    --second-size:16px;
    --third-size:24px;
    --fourth-size:32px;
    --fifth-size:38px;
    --sixth-size:48px;
    --seventh-size:18px;
    /* color  */
    --primary-color:#EC1E26;
    --secondary-color:#293138;
    --tertiory-color:#5D6970;
}
.fs-15{
    font-size: var(--first-size);
}
.fs-16{
    font-size: var(--second-size);
}
.fs-18{
    font-size: var(--seventh-size);
}
.fs-24{
    font-size: var(--third-size);
}
.fs-32{
    font-size: var(--fourth-size);
}
.fs-38{
    font-size: var(--fifth-size);
}
.fs-48{
    font-size: var(--sixth-size);
}

.primary-orange{
    color: var(--primary-color);
}
.secondary-black{
    color: var(--secondary-color);
}
.tertiory-grey{
    color: var(--tertiory-color);
}

.nav-link-custom, .primary-btn-plane-fill, .social-svg-fill{
    transition: all 0.3s ease;
}
.nav-link-custom:hover{
    transition: all 0.3s ease;
    color: var(--primary-color);
}
.nav-link-active{
    color: var(--primary-color);
}
.primary-btn-cus{
    background-color: var(--primary-color);
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.primary-btn-cus:hover{
    background-color: #fff;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
    transition: all 0.3s ease;
}
.primary-btn-cus:hover .primary-btn-plane-fill{
    fill: var(--primary-color);
    transition: all 0.3s ease;
}
.header-nav-social:hover .social-svg-fill{
    fill: var(--primary-color);
    transition: all 0.3s ease;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.btn-close:focus{
    box-shadow: none;
}
.fixed-nav {
    position: fixed;
    width: 100%;
    z-index: 4;
    background-color: #fffffff7 !important;
    transition: 0.5s ease-in-out;
}
.section-padding{
    padding: 100px 0px;
}
.fw-extrabold{
    font-weight: 800;
}
.gray-bg{
    background-color: #F0F2F3;
}
.h-swiper-btn{
    position: unset ;
}
.h-swiper-btn::after{
    content: unset;
}
.accordion-item-custom{
    border: 2px solid #D9D9D9;
}
.accordion-button-custom:focus{
    box-shadow: none;
    border: none;
}
.accordion-button-custom:not(.collapsed){
    background-color:unset;
    box-shadow:unset;
}
.accordion-button-custom::after{
    background-image: url(../img/accordian-down-btn.svg) !important;
}
.h-carousel-cursor-set{
    cursor: grab;
    cursor: -webkit-grab;
}
.h-carousel-cursor-set:active{
    cursor: grabbing;
    cursor: -webkit-grabbing;
}
.red-bg{
    background-color: #EC1E26;
}
.ftr-1-mail{
    transition: all 0.3s ease;
}
.ftr-1-mail:hover{
    color: #ffffffc1 !important;
    transition: all 0.3s ease;
}
.secondary-black-bg{
    background-color: var(--secondary-color);
}
.inner-banner-bg{
    background-image: url(../img/inner-banner-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 180px;
}
.abt-s3-card-icon-span{
    transition: all 0.3s ease;
}
.abt-s3-card-icon-div:hover .abt-s3-card-icon-span{
    transform: rotate(360deg);
    transition: all 0.6s ease;
}
.text-justify{
    text-align: justify;
}
.abt-card-link:hover .abt-card-link-span{
    margin-left: 18px !important;
    transition: all 0.3s ease;
}
.abt-card-link-span{
    transition: all 0.3s ease;
}
.brand-card-logo-img{
    height: 120px;
    object-fit: contain;
    margin: 18px 0;
}
.h-s3-slider-img{
    max-width:355px;
    pointer-events: none;
}
.cnt-card-link{
    transition: all 0.3s ease;
}
.cnt-card-link:hover{
    margin-left: 25px !important;
    transition: all 0.3s ease;
    color: #cfcfcf !important;
}
.cnt-input{
    border:1px solid #D9D9D9 !important;
    outline: 0;
}
.cnt-input-textarea{
    height: 130px;
}