@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

/* @font-face {

    font-family: myFirstFont;

    src: url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap");

  } */

/*Popup Modal CSS Common START*/



/* The Modal (background) */

.modal {

    display: none; 

    position: fixed; 

    z-index: 1; 

    left: 0;

    top: 0;

    width: 100%; 

    height: 100%; 

    overflow: auto; 

    background-color: rgb(0,0,0); 

    background-color: rgba(0,0,0,0.4); 

}



/* Modal Content/Box */

.modal-content {

    background-color: #fefefe;

    margin: 6% auto;

    padding: 20px;

    border: 1px solid #888;

    width: 80%; 

}



/* The Close Button */

.close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

    text-align: right;

}



.close:hover,

.close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}

/*Popup Modal CSS Common END*/

.containercheck {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 22px;

   

  }

  

  /* Hide the browser's default checkbox */

  .containercheck input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

  }

  

  /* Create a custom checkbox */

  .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 25px;

    width: 25px;

    background: #FFFFFF;

    border: 1px solid #DEE0E6;

    box-sizing: border-box;

    border-radius: 5px;

}

.checkmark:focus {

    box-shadow: none !important;

}

  /* On mouse-over, add a grey background color */

  .containercheck:hover input ~ .checkmark {

    background-color: #ccc;

  }

  

  /* When the checkbox is checked, add a blue background */

  .containercheck input:checked ~ .checkmark {

    background: linear-gradient( 

        224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%);

  }

  

  /* Create the checkmark/indicator (hidden when not checked) */

  .checkmark:after {

    content: "";

    position: absolute;

    display: none;

  }

  

  /* Show the checkmark when checked */

  .containercheck input:checked ~ .checkmark:after {

    display: block;

  }

  

  /* Style the checkmark/indicator */

    .containercheck .checkmark:after {

        left: 5px;

        top: 2px;

        width: 13px;

        height: 14px;

        border: solid white;

        border-width: 0px 2px 2px 0;

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

  }

  label.containercheck {

    font-family: Open Sans;

    font-style: normal;

    font-weight: normal;

    font-size: 16px;

    line-height: 24px;

    color: #6D6C6F;

}

/*Common and Essential CSS*/

body {

    font-family: 'Open Sans', sans-serif;

}

a{

    text-decoration: none !important;

}

.modal-backdrop.fade.show {

    display: none;

}

.termcheck{

    width: 20px;

    height: 20px;

    position: absolute;

    margin-top: 3px;

}

.popup_password:focus{

    box-shadow: none !important;

}

.popup_email:focus {

    box-shadow: none;

}

.registration_popup{

    height: 535px !important;

}

.account_login{

    text-align: center;

}

.agree_txt{

    margin-left: 28px;

}

.register_footer{

    font-family: Open Sans;

font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;

padding-bottom: 15px;

padding-top: 15px;

text-align: center;

color: #6D6C6F;

}

.register_btn:focus {

    box-shadow: none !important;

}

.register_btn{

background: linear-gradient( 

    224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%);

        border-radius: 10px;

        border: none !important;

        width: 394px;

        height: 62px;

        font-family: Open Sans;

        font-style: normal;

        font-weight: bold !important;

        font-size: 20px !important;

        line-height: 27px !important;

        color: #FFFFFF !important;

        text-align: center !important;

       display: block;

       margin-left: auto;

       margin-right: auto;

    }

    .register_btn:hover{

        color: white !important;

        background: linear-gradient(120.64deg, #F78D11 -28.2%, #F78D11 -17.15%, #F78D11 7.15%, #EE3321 44.7%, #EE3321 82.26%) !important;

    }

    .ctr_btn:hover{

        color: white !important;

        background: linear-gradient(120.64deg, #F78D11 -28.2%, #F78D11 -17.15%, #F78D11 7.15%, #EE3321 44.7%, #EE3321 82.26%) !important;

    }

.terms_popup{

    padding-bottom: 5px;

    margin-left: 22px;

}

.registration_welcome{

    margin-top: -15px;

    font-family: Open Sans;

    font-style: normal;

    font-weight: bold;

    font-size: 28px;

    line-height: 40px;

    text-align: center;

    color: #232C3D;

    margin-bottom: 0px !important;

}

.registration_sign{

    font-family: Open Sans;

    font-style: normal;

    font-weight: 600;

    font-size: 20px;

    line-height: 40px;

    text-align: center;

    color: #6D6C6F;

}



/*Popup Css End*/

/*Popup Css Start*/



.checkbox {

    width: 116%;

    margin-left: 4px;

}

.login_btn{

    margin-right: 25px !important;

}

.modal-content{

    /*width: 474px !important;*/

    border-radius: 10px !important;

}
.modal-title {text-align: center !important;}
.modal-content_cst{

    height: 550px !important;

    margin-top: 10px;

}



.form-title {

    padding-top: 30px;

}



/*.modal {

    height: auto !important;

}*/

.modal-header{

    display: block !important;

    text-align: right;

}

.welcome_msg{

    font-family: Open Sans;

font-style: normal;

font-weight: bold !important;

font-size: 28px !important;

line-height: 40px !important;

text-align: center;

color: #232C3D;

margin-bottom: 0px !important;

padding-bottom: 0px !important;

margin-top: -30px !important;

}

button.btn.btn-round:focus {

    border: none !important;

    box-shadow: none !important;

}

.popup_email{

    background: #FFFFFF !important;

    border: 1px solid #DEE0E6 !important;

    box-sizing: border-box !important;

    border-radius: 8px !important;

    width: 394px !important;

    height: 56px !important;

    margin-bottom: 22px !important;

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.popup_password{

    background: #FFFFFF !important;

    border: 1px solid #DEE0E6 !important;

    box-sizing: border-box !important;

    border-radius: 8px !important;

    width: 394px !important;

    height: 56px !important;

    margin-bottom: 22px !important;

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.login_btn_popup{

    background: linear-gradient(

        224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%);

            border-radius: 10px;

            border: none !important;

            width: 394px;

            height: 62px;

            font-family: Open Sans;

font-style: normal;

font-weight: bold !important;

font-size: 20px !important;

line-height: 27px !important;

text-align: center !important;

color: #FFFFFF !important;

}

.popuplogin_close{

    background: transparent;

    border: none !important;

    font-size: 30px;

    position: absolute;

    top: 10px;

    right: 15px;

}

.login_btn_popup:hover{

    color: white !important;

    background: linear-gradient(120.64deg, #F78D11 -28.2%, #F78D11 -17.15%, #F78D11 7.15%, #EE3321 44.7%, #EE3321 82.26%) !important;

}

.forget_pass_panel{

    column-count: 2;

    column-gap: 90px;

    margin-bottom: 38px !important;

}

.modal_footer_acc{

    padding-top: 22px;

}

.forget_txt{

    font-family: Open Sans;

font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 22px;

color: #046bd2;

}

.forget_txt:hover{

    color: #046bd2;

}

.welcome_submsg{

    margin-bottom: 18px !important;

}

.Remember_me{

    font-family: Open Sans;

font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;

color: #6D6C6F;

}

.welcome_submsg{

    font-family: Open Sans;

font-style: normal;

font-weight: 600;

font-size: 20px;

line-height: 40px;



text-align: center;

color: #6D6C6F;

}

.close_btn{

    padding: 0;

    margin-right: 10px;

    margin-top: 10px;

}

.modal-backdrop{

    position: unset !important;

}

button#myBtn {

    background: transparent !important;

    color: white !important;

    border: none !important;

}

/*Popup Css End*/



/*Top bar CSS Start*/

.info_spam{

    margin-left: 5px;

}

.login_btn:hover{

    color: #046bd2 !important;

}

button#myBtn:hover{

    color: #046bd2 !important; 

}

button.btn.btn-round {

    color: white;

    text-decoration: none !important;

    padding: 0px !important;

}

.topbar{

    height: 40px;

    background: #18191F;

    padding-top: 8px;

}



.bottom-header {

    padding: 10px 0;

}



.login_panel{

    text-align: right;

}

button#myBtn {

    margin-right: -4px !important;

}

.topbar_link{

    color: white;

    text-decoration: none !important;

}



.topbar_list li .topbar_link:not(:first-child){

    margin-left: 20px;    

}



.topbar_link:hover{

    color: #046bd2 !important;

}

.topbar_list{

    list-style: none;

}

.link_login {

    margin-right: 82px;

}

/*Top bar CSS End*/

/*Faster Header CSS Start*/



.mobile_list{

    list-style: none;

    padding: 0px;

    padding-top: 45px;

    padding-bottom: 45px;



}



.mobile-menu .sidenav {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 1;

    top: 0;

    left: 0;

    background-color: #fff;

    box-shadow: 8px 10px 30px 12px rgba(0, 0, 0, 0.04);

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 60px;

  }

  

.mobile-menu   .sidenav a {

    padding: 12px 8px 12px 32px;

    text-decoration: none;

    font-size: 16px;

    color: #818181;

    display: block;

    transition: 0.3s;

  }

  

.mobile-menu .sidenav a:hover {

    color: #ee3321;

}

  

.mobile-menu   .sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;

}



button.btn.btn-primary.ctr_btn {

    font-size: 20px !important;

    padding: 15px 40px;

    height: auto;

}



.black-play, .header.active .white-play{

    display: none;

}



.header.active .black-play{

    display: inline-block;

    margin-right: 2px;

}



.video iframe{

    background-size: contain;

}



li.nav-item.login{

    display: none;

}



.header.active li.nav-item.login{

    display: inline-block;

}



.header.active li.nav-item.login .nav-link{

    cursor: pointer;

}



.header.active li.nav-item.login svg path{

    fill: #000;

}

  

@media screen and (max-height: 450px) {

    .mobile-menu .sidenav {padding-top: 15px;}

    .mobile-menu .sidenav a {font-size: 18px;}

}



.mobile-menu .menu_icon{

    color: #fff;

    position: absolute;

    right: 0px;

    top: 10px;

    font-size: 30px;

}



.header.active .mobile-menu .menu_icon{

    color: #333;

}



.header{

   position: fixed;

   background: transparent;

   width: 100%;

   top: 0;

   z-index: 10;

   transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.header.active{

    top: -40px;

    background: #fff;

    box-shadow: 8px 10px 30px 12px rgb(0 0 0 / 7%);

    transition: all 0.3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}



.header.active.topbar{

    margin-bottom: 10px;

}



.header.active .nav-pills .nav-link{

    color: #000;

}



.banner_container{

    background: url('../images/header_bg.jpg');

    height: 100vh;

    background-repeat: no-repeat;

    background-position: right top;

    background-size: cover;

}



.order_nw{

    background: linear-gradient(224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%) !important;

    border-radius: 8px !important;

    width: 123px !important;

    color: white !important;

    font-family: Open Sans !important;

    font-style: normal !important;

    font-weight: 600 !important;

    font-size: 14px !important;

    line-height: 20px !important;

    text-align: center !important;

    font-feature-settings: 'liga' off !important;

    color: #FFFFFF !important;

}

.order_nw:hover{

    color: white !important;

    background: linear-gradient(120.64deg, #F78D11 -28.2%, #F78D11 -17.15%, #F78D11 7.15%, #EE3321 44.7%, #EE3321 82.26%) !important;

}

.headerlogo{

    margin-left: 0;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{

    background-color: transparent !important;

    color: #046bd2 !important;

}

.nav-link{

    color: white;

    font-weight:600;

}

.nav-link:focus, .nav-link:hover {

    color: #30c05e ;

    text-decoration: underline;

}

.custom_nav{

    margin-top: 8px;

}

.order_nw:hover {

    text-decoration: none !important;

    color: white!important;

}



header.header.nav-up {

    top: -140px;

}



.header .nav .nav-item.active .nav-link {

    color: #046bd2;

}

/*Faster Header CSS End*/







.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev{

    display: flex !important;

    justify-content: space-around;

}



/*Faster Sticky Header CSS End*/







/*Faster Banner CSS Start*/

.banner_container{

    padding-top: 50px;

    display: flex;

    align-items: center;

}

.banner_title{

    /* width: 803px; */

    font-family: 'Open Sans';

    font-style: normal;

    font-weight: 800;

    font-size: 64px;

    line-height: 80px;

    color: #FFFFFF;

    margin-bottom: 0px;

    margin-top: 18px;

}

.banner_subtitle{

    width: 520px;

    font-family: Open Sans;

font-style: normal;

font-weight: 500;

font-size: 24px;

line-height: 27px;

font-feature-settings: 'liga' off;

color: #FFFFFF;

margin-top: 16px;

margin-bottom: 0px;

}

.order_nw_btn{

        background: linear-gradient(224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%);

        border-radius: 8px;

        border: none;

        width: 196px;

        height: 62px;

        font-family: Open Sans;

        font-style: normal;

        font-weight: bold;

        font-size: 20px;

        line-height: 30px;

        text-align: center;

        font-feature-settings: 'liga' off;

        color: #FFFFFF;

        margin-top: 32px;

}

.order_nw_btn:hover{

    color: white !important;

    background: linear-gradient(120.64deg, #F78D11 -28.2%, #F78D11 -17.15%, #F78D11 7.15%, #EE3321 44.7%, #EE3321 82.26%) !important;

}

/*Faster Banner CSS End*/









/*Faster Feature Css Start*/

.faster_feature{

    background-color: #18191F !important;

    padding-top: 32px;

    padding-bottom: 32px;

}

.mt-5{

margin-top: 0px !important;

}

.faster_ft_cl{

    display: flex;

    justify-content: center;

}

.faster_title{

    display: flex;

    align-items: center;

    justify-content: center;

    color: white;

    width: 158px;

    margin-left: 24px;

}



/*Faster Feature Css End*/









/*Faster About Css Start*/

.abt_vec{

    text-align: right;

    margin-top: 60px;

}

.about_row{

    margin-top: -75px;

}

.about_title{

    font-family: Open Sans;

    font-style: normal;

    font-weight: bold;

    font-size: 40px;

    line-height: 52px;

    color: #18191F;

    width: 385px;

        margin-top: 32px;

        margin-bottom: 0px;

}

.about_text{

    margin-top: 16px;

    margin-bottom: 0px;

        font-family: Open Sans;

        font-style: normal;

        font-weight: normal;

        font-size: 16px;

        line-height: 24px;

        font-feature-settings: 'liga' off;

        color: #6D6C6F;

    }

    .abt_btn{

        margin-top: 48px;

        background: linear-gradient(224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%);

                border-radius: 8px;

                width: 196px;

                height: 62px;

                font-family: Open Sans;

                font-style: normal;

                font-weight: bold;

                font-size: 20px;

                line-height: 30px;

                text-align: center;

                font-feature-settings: 'liga' off;

                color: #FFFFFF;

                border: none !important;

    }

    .abt_btn:hover{

        color: white !important;

    background: linear-gradient(120.64deg, #F78D11 -28.2%, #F78D11 -17.15%, #F78D11 7.15%, #EE3321 44.7%, #EE3321 82.26%) !important;

    }

/*Faster About Css End*/









/*Faster Service Css Start*/

.service{

    background: #F6F9FF;

    padding-top: 64px;

    padding-bottom: 64px;

}

.service_container{

    text-align: center;

}

.service_row{

    padding-top: 48px;

    }

.service_title{

    text-align: center;

    font-family: Open Sans;

font-style: normal;

font-weight: bold;

font-size: 40px;

line-height: 52px;

color: #18191F;

margin-bottom: 0px !important;

}

.servicesubtitle{

    margin-top: 24px;

    font-family: Open Sans;

font-style: normal;

font-weight: 600;

font-size: 24px;

line-height: 32px;

font-feature-settings: 'liga' off;

color: #18191F;

}

.service_text{

    font-family: Open Sans;

font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;

font-feature-settings: 'liga' off;

color: #6D6C6F;

}

.service_btn {

    background: linear-gradient(224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%);

    border-radius: 8px;

    width: 123px;

    height: 40px;

    border: none !important;

    font-family: Open Sans;

    font-style: normal;

    font-weight: 600;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    font-feature-settings: 'liga' off;

    color: #FFFFFF;

}

.service_btn:hover{

    color: white !important;

    background: linear-gradient(120.64deg, #F78D11 -28.2%, #F78D11 -17.15%, #F78D11 7.15%, #EE3321 44.7%, #EE3321 82.26%) !important;

}

.cmg_btn{

        font-family: Open Sans;

        font-style: normal;

        font-weight: 600;

        font-size: 14px;

        line-height: 20px;

        text-align: center;

        font-feature-settings: 'liga' off;

        color: #046bd2;

        width: 137px;

        height: 40px;

        border: 1px solid;

        border-radius: 8px !important;

        border-color: #046bd2 !important;

        background-color: transparent !important;

}

.cmg_btn:hover{

    color: #046bd2 !important;

}

/*Faster Service Css End*/







/*Faster How it Work Css Start*/

.first_img::after{

    content: url(../../../fasterfuel.in/images/line.html);

    position: absolute;

    margin-top: 200px;

    margin-left: 33px;

}

.first_img{

    margin-bottom: 0px;

}

.second_img::before{

    content: url(../../../fasterfuel.in/fuel/assets/images/line1.html);

    position: absolute;

    margin-top: 200px;

    margin-left: 199px;

}





.accordation_vector::before {

    content: url(../../../fasterfuel.in/fuel/assets/images/faqvec.html);

    position: absolute;

    margin-top: 17px;

    left: 0px;

    z-index: 0;

    opacity: 0.4;

}

.second_img{

    margin-bottom: 0px;

}

.second_work_row{

    padding-bottom: 80px;

}



.work_column{

    text-align: center;

}

.service_highlight{

        font-family: Manrope;

        font-style: normal;

        font-weight: 800;

        font-size: 72px;

        line-height: 98px;

        text-align: center;

        font-feature-settings: 'liga' off;

        color: #ECECEC;

        

}

.mt-wt{

    margin-top: -23px;

    margin-bottom: 0px !important;

}

.how_it_works{

    padding-top:110px; 

}

.petrol_vec{

    margin-top: -90px;

}

.downline{

    margin-top: 22px;

}

.before_sbmt{

    font-family: Open Sans;

    font-style: normal;

    font-weight: 600;

    font-size: 10px;

    line-height: 15px;

    color: #FFFFFF;

    margin-top: -22px;

}

.how_it_work_container{

    display: flex;

}

.work_title{

    font-family: Open Sans;

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 28px;

    text-align: center;

    font-feature-settings: 'liga' off;

    color: #18191F;

    margin-bottom: 14px !important;

    margin-top: -45px !important;

}

.work_main_title{

        font-family: Open Sans;

        font-style: normal;

        font-weight: bold;

        font-size: 40px;

        line-height: 54px;

        color: #18191F;

        margin-bottom: 16px !important;

    }

    .work_paragraph{

            font-family: Open Sans;

            font-style: normal;

            font-weight: normal;

            font-size: 16px;

            line-height: 24px;

            font-feature-settings: 'liga' off;

            color: #6D6C6F;

            width: 350px;

        }

.work_text{

    font-family: Open Sans;

font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;

text-align: center;

font-feature-settings: 'liga' off;

color: #18191F;

}

/*Faster How it Work Css End*/









/*Faster Delivery Css Start*/

section.delivery {

    padding-top: 64px;

    background: #F6F9FF;

    overflow: hidden;

}

.delivery_title{

    font-family: Open Sans;

font-style: normal;

font-weight: bold;

font-size: 40px;

line-height: 54px;

text-align: center;

color: #18191F;

margin-bottom: 0px !important;

padding-bottom: 0px !important;

}

.delivery_bg{

    object-fit: contain;

    width: 100%;

    height: fit-content;

}

.delivery_container {

    padding-top: 70px;

    display: flex;

    flex-wrap: wrap;

    /* padding-left: 22px;

    padding-right: 22px; */

}

h5.delivery_head {

    padding-top: 14px;

}

.school{

    text-align: center;

}





/*Faster Delivery Css End*/









/*Faster Testimonial Css Start*/

button.accordion-button.collapsed {

    background: #F9F9F9;

}

.accordion-button:focus {

    z-index: 3;

    border:none !important;

    outline: 0;

    box-shadow:none !important

}

.accordion-body{

    font-family: Open Sans;

font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;

font-feature-settings: 'liga' off;

color: #6D6C6F;

background: rgba(237, 28, 38, 0.05);

}

.accordion-button{

    font-family: Open Sans;

font-style: normal;

font-weight: 600 !important;

font-size: 18px !important;

line-height: 32px !important;

font-feature-settings: 'liga' off;

color: #222222;



}

.accordion-button:not(.collapsed){

    font-family: Open Sans;

font-style: normal;

font-weight: 600;

font-size: 18px;

line-height: 32px;

font-feature-settings: 'liga' off;

box-shadow: none !important;

background: rgba(237, 28, 38, 0.05) !important;

/* Heading Color */



color: #222222;



}

button.accordion-button.collapsed {

    height: 85px;

}

.accordion-button::after{

    background-image:url('../../../fasterfuel.in/fuel/assets/images/down.html') !important;

}

.custom_bck:hover {

    background: linear-gradient(224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%) !important;

    width: 48px !important;

    height: 48px !important;

}

.custom_nxt:hover {

    background: linear-gradient(224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%) !important;

    width: 48px !important;

    height: 48px !important;

}

.accordion-item{

    border:none !important;

    margin-top: 24px !important;

}

/* .testimonial_sc{

    width: 65% !important;

} */

.faqs_title{

    font-family: Open Sans;

font-style: normal;

font-weight: bold;

font-size: 40px;

line-height: 54px;

text-align: center;

font-feature-settings: 'liga' off;

color: #18191F;



}

.card-text{

  

    text-align: left !important;

    color: #6D6C6F !important;

    margin-bottom: 16px !important;

    font-size: 16px;

}

.card1{

    width: 244px !important;

    height: 304.85px !important;

}

.Testiomonial{

    background: url("../images/testimonial_bg.png");

    background-repeat: no-repeat;

    /* height: 764px; */

    padding-top: 93px;

    padding-bottom: 80px;

    background-size: cover;

    background-position: right bottom;

}

.testimonial_first{

    padding-top: 100px;

    /* width: 35% !important; */

}

.testiomonial_container{

    background: #18191F;

    /* height: 598px; */

    padding-bottom: 80px;



}

.testimonial_title{

    font-family: Open Sans;

    font-style: normal;

    font-weight: bold;

    font-size: 40px;

    line-height: 52px;

    width: 338px;

    color: #FFFFFF;

    margin-left: 28px;

}

.testimonial_text{

    font-family: Open Sans;

font-style: normal;

font-weight: normal;

font-size: 18px;

line-height: 27px;

color: #FFFFFF;

margin-left: 28px;

width: 346px;



}

.testimonial_row{

    padding-top: 132px;

}

.quote_img{

    margin-top: -45px;

    margin-left: -45px;

}



/*Faster Testimonial Css End*/











/*Faster FQS Css Start*/

.accordion{

    width: 1060px !important;

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.faqs{

    padding-top: 128px;

    padding-bottom: 128px;

}

.faqs_title{

    padding-bottom: 38px;

}

/*Faster FQS Css End*/









/*Faster Contact CSS Start*/

textarea.form-control.form_f_msg:focus , .form_f_quantity , .form_f_address , .form_f_field , .form_p_field {

    box-shadow: none !important;

}

.contact_links{

    color: #18191F;

}

.contact_links:hover {

    color: #046bd2;

}

.ct_ft_btn:hover{

    background: #30c05e;

}

section#contact {

        background-image: url('../images/contact-form-bg.png');

        /* height: 715px; */

        background-size: cover;

        padding: 80px 0;

}

.contact_out_container{

    /* width: 474px !important; */

    height: 353px;

    background: #FFFFFF;

    border-radius: 8px;

    margin-right: 15px;

}

.contact_heading{

        text-align: center;

        font-family: Open Sans;

        font-style: normal;

        font-weight: bold;

        font-size: 40px;

        line-height: 52px;

        color: white;

padding-bottom: 42px;

    }

    

.firststep{

    column-count: 2;

}

.contact_heading1{

    font-family: Open Sans;

font-style: normal;

font-weight: 600;

font-size: 24px;

line-height: 32px;

font-feature-settings: 'liga' off;

color: #18191F;

}

.contact_details{

    padding-top: 16px;

}

.contact_detail_heading{

    font-family: Open Sans;

font-style: normal;

font-weight: normal;

font-size: 16px;

line-height: 24px;

font-feature-settings: 'liga' off;

color: #6D6C6F;

margin-bottom: 0;

padding-bottom: 0;



}

.contact_icons{

    float: left;

    margin-right: 5px;

}

.contact_container{

    padding-top: 33px;

        padding-left: 20px;

        padding-right: 48px;

}

.contact_detail_text{

    font-family: Open Sans;

font-style: normal;

font-weight: 600;

font-size: 17px;

line-height: 30px;

color: #18191F;

margin-left: 10%;

}

/* .scnd_clm_ct{

    width: 38% !important;

    margin-left: 15px;

} */

.form_f_field{

    /* width: 190px !important; */

    height: 48px !important;

    background: #FFFFFF;

    border-radius: 8px !important;

}

.form_p_field{

    height: 48px;

    background: #FFFFFF;

    border-radius: 8px !important;

    /* width: 190px !important; */

    margin-left: 5px;

    height: 48px !important;

}

.form_f_address{

    margin-top: 32px ;

    margin-bottom: 32px ;

    /* width: 411px; */

    height: 48px;

    border-radius: 8px !important;

}



.form_f_quantity{

    border-radius: 8px !important;

    /* width: 411px; */

    height: 48px !important;

    margin-bottom: 32px !important;

}

.ct_ft_btn{

    background: #30c05e;

    border-radius: 8px !important;

    width: 196px;

    height: 62px;

    color: white;

    border: none;

    font-family: Open Sans;

    font-style: normal;

    font-weight: bold !important;

    font-size: 20px !important;

    line-height: 30px !important;

    text-align: center;

    font-feature-settings: 'liga' off;

    /* margin-top:5px !important; */

    color: #FFFFFF;

}

.form_f_msg{

    width: 100%;

    height: 113px;

    margin-bottom: 32px ;

}

/*Faster Contact CSS End*/





/*TRUSTED BRAND CSS START*/

.trusted_container{

    padding-top: 0;

}

.trusted_brand{

    background: #FFFFFF;

    height: auto;

    padding: 60px 0;

}

.trusted_image{

    display: flex;

    align-items: center;

    justify-content: space-around;

}

.trusted_tt{

    font-family: Open Sans;

    font-style: normal;

    font-weight: bold;

    font-size: 40px;

    line-height: 54px;

    text-align: center;

    font-feature-settings: 'liga' off;

    color: #18191F;

    margin-bottom: 30px;

}



.trusted_image .item img{

    width: 80%;

    margin: 0 auto;

}



/*TRUSTED BRAND CSS END*/





/*CTR START CSS*/

.ctr_img{

    float: left;

    padding-right: 27px !important;

}

.ctr_title{

    font-family: Open Sans;

font-style: normal;

font-weight: bold;

font-size: 24px;

line-height: 33px;

color: #18191F;

padding-bottom: 0;

margin-bottom: 0;

}

.ctr_text{

    font-family: Open Sans;

    font-style: normal;

    font-weight: normal;

    font-size: 13px;

    line-height: 24px;

    color: #6D6C6F;

    padding-bottom: 0;

    margin-bottom: 0;

}

.footer_ctr{

    height: auto;

    padding: 40px 0;

    background: #F6F9FF;

}

/* .footer_ctr_rw{

    padding-top: 24px;

} */

.ctr_btn{

    width: 196px;

        height: 62px;

        background: linear-gradient(224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%);

        border-radius: 8px !important;

border: none !important;

font-family: Open Sans;

font-style: normal !;

font-weight: bold !important;

font-size: 20px !important;

line-height: 30px !important;

text-align: center !important;

font-feature-settings: 'liga' off !important;

color: #FFFFFF;

}

.ctr_second_cl{

    display: flex;

    align-items: center;

    justify-content: center;

}



/*CTR END CSS*/

/*Footer CSS Start*/

.sc-ft{

    margin-top: -30px;

}

.footer_link:hover{

    color: #046bd2 !important;

}

/* .ft_ct_list{

    color: white !important;

} */

.footer{

    background: #091A38;

    /* height: 537px; */

}

.footer_about{

    font-family: Open Sans;

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 24px;

    font-feature-settings: 'liga' off;

    color: #D9DBE1 !important;

    padding-top: 24px;

}

.footer_container{

    padding: 64px 0 0;

}

.footer_title{

    font-family: 'Open Sans', sans-serif;

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    color: #F4F5F7;

    padding-bottom:24px;

}

.two-column{

    column-count: 2;

}

.ft_list {

    padding-bottom: 24px !important;

    font-size: 14px;

    color: #EEEFF4 !important;

}

.footer_link{

    font-family: 'Open Sans', sans-serif;

    font-style: normal;

    font-weight: normal;

    font-size: 14px;

    line-height: 24px;

    font-feature-settings: 'liga' off;

    color: #EEEFF4;

    text-decoration: none;

}

.footer_link:hover {

    color: #EEEFF4;

    text-decoration: none;

}

.ft_ct_list {

    padding-bottom: 24px !important;

    color: #EEEFF4;

    font-size: 14px;

}

.footer_img{

    padding-bottom: 16px;

}

.footer_fr_rw{

    /* border-bottom: 1px solid #e6e6e6; */

    padding-bottom: 45px;

}



.copyright {

    border-top: 1px rgba(255,255,255, 0.1) solid;
    background-color: #22324C !important;
}



.copyright_area{

    padding: 10px 0;
    

}

.copyright_text{

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    color: #D9DBE1;

    margin-bottom: 0;

    font-family: 'Open Sans', sans-serif;

}

.whatsapp{



    content: url('../images/Whatsapp.png');

}

.whatsapp:hover{

    content: url('../images/whatsapphover.png');



}

.instagram , .facebook , .twitter , .whatsapp , .youtube , .linkdein{

    padding-right: 8px;

}

.instagram{



    content: url('../images/Instagram.png');

}

.instagram:hover{

    content: url('../images/instagramhover.png');



}

.facebook{



    content: url('../images/Facebook.png');

}

.facebook:hover{

    content: url('../images/facebookhover.png');



}

.twitter{



    content: url('../images/Twitter.png');

}

.twitter:hover{

    content: url('../images/Twitterhover.png');



}

.youtube{



    content: url('../images/Youtube.png');

}

.youtube:hover{

    content: url('../images/Youtubehover.png');



}

.linkdein{



    content: url('../images/Linkdein.png');

}

.linkdein:hover{

    content: url('../images/linkdinhover.png');



}



/*Footer CSS End*/

.carousel-control-next, .carousel-control-prev {

    z-index: 1;

    align-items: center;

    justify-content: center;

    padding: 0;

    color: #fff;

    text-align: center;

    background: 0 0;

    border: 0;

    opacity: .5;

    transition: opacity .15s ease;

}



.faster_feature .faster_ft_cl img.img-fluid {

    width: auto;

}



/* Responsive CSS START */



@media (max-width: 767px) {

    .carousel-inner .carousel-item > div {

        display: none;

    }

    .carousel-inner .carousel-item > div:first-child {

        display: block;

    }

}



.carousel-inner .carousel-item.active,

.carousel-inner .carousel-item-next,

.carousel-inner .carousel-item-prev {

    display: flex;

}



/* medium and up screens */

@media (min-width: 768px) {

    

    .carousel-inner .carousel-item-end.active,

    .carousel-inner .carousel-item-next {

      transform: translateX(25%);

    }

    

    .carousel-inner .carousel-item-start.active, 

    .carousel-inner .carousel-item-prev {

      transform: translateX(-25%);

    }

}



.carousel-inner .carousel-item-end,

.carousel-inner .carousel-item-start { 

  transform: translateX(0);

}







.custom_nxt{

    margin-right: 510px;

box-shadow: 3px 10px 20px rgb(0 0 0 / 4%) !important;

border-radius: 8px !important;

opacity: 1 !important;

width: 48px !important;

height: 48px !important;

margin-top: 240px !important;

   }

   .cst_nxt_icn{

     content:url(assets/images/rightarrow.html) !important;

   }

   .cst_bck_icn{

     content:url(assets/images/leftarrow.html) !important;

   }

   .custom_bck{

box-shadow: 3px 10px 20px rgb(0 0 0 / 4%) !important;

border-radius: 8px !important;

opacity: 1 !important;

background-color:transparent !important;

margin-top: 240px;

margin-left: 38px;

   }



.testimonial_sc .owl-theme .owl-nav {

    position: absolute;

    bottom: -75px;

    left: 20px;

}



.testimonial_sc .owl-theme .owl-dots {

    position: absolute;

    right: 20px;

    bottom: -60px;

}



.testimonial_sc .owl-theme .owl-dots .owl-dot span{

    background-color: rgba(255, 255, 255, 0.4);

}



.testimonial_sc .owl-theme .owl-nav [class*='owl-']{

    background: transparent;

    width: 48px;

    height: 48px;

    line-height: 38px;

}



.testimonial_sc .owl-theme .owl-nav [class*='owl-']:hover{

    background: linear-gradient(224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%);

    box-shadow: 3px 10px 20px rgba(0, 0, 0, 0.04);

    border-radius: 8px;

}



.testimonial_sc .owl-theme .owl-dots .owl-dot.active span, .testimonial_sc .owl-theme .owl-dots .owl-dot:hover span{

    background-color: #fff;

}

  

  .img-quote{

   width: 43px !important;

height: 43px;

position: relative;

margin-top: -22px;

margin-left: 21px;

  }

  .cards_subname{

    text-align: left;

    color:#6D6C6F;

  }

  .cards-name{

    text-align: left;

    padding-bottom: 0px !important;

margin-bottom: 0px !important;

  }

        .carousel-inner {

padding: 1em;

}

.card {

/* margin: 0 20px; */

box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);

border: none;

border-radius: 13px;

/* width: 590px;

height: 350px; */

}

.carousel-control-prev,

.carousel-control-next {

color:white;

width: 6vh;

height: 6vh;

border-radius: 50%;

top: 50%;

transform: translateY(-50%);

}



.card .img-wrapper {

max-width: 100%;

display: flex;

justify-content: center;

align-items: center;

}

.card img {

max-height: 100%;

}



@media (min-width: 768px) {

.carousel-item {

    margin-right: 0;

    flex: 0 0 33.333333%;

    /*display:flex;*/

}

/* .carousel-inner {

    display: flex;

}*/

}





/*----------- About Page -------------*/

.about-wrapper{

    background-image: url('../images/about-bg.svg');

    background-repeat: no-repeat;

    background-size: cover;

    height: 380px;

    color: #FFFFFF;

    display: flex;

    align-items: center;

    justify-content: center;

}



.about_section{

    padding: 90px 0;

}



section h3{

    font-weight: 700;

    margin-bottom: 20px;

}



section p{

    line-height: 24px;

    margin-bottom: 0;

}



section.about-details {

    background: #F6F9FF;

    padding: 34px 0 0;

}



.vision-wrapper{

    padding: 50px 0;

}



.right-side-content {

    padding: 0 0 0 80px;

}



.mission-content {

    padding-left: 80px;

}





/*----- Services Page CSS Start ------*/



.petrol-section{

    background-color: #F6F9FF;

}



/* .service-wrapper{

    padding: 80px 0;

} */



.diesel-section{

    padding:  50px 0;

}



.btn-primary{

    background: linear-gradient(224.71deg, #F78D11 -47.21%, #F78D11 -31.48%, #F78D11 3.13%, #EE3321 56.61%, #EE3321 110.1%) ;

    border-radius: 8px;

    height: 40px;

    border: 0;

    width: fit-content ;

    font-weight: 600 ;

    font-size: 14px;

    line-height: 30px;

    text-align: center;

    color: #FFFFFF !important;

}



.btn-primary:hover{

    background: linear-gradient(

    120.64deg, #F78D11 -28.2%, #F78D11 -17.15%, #F78D11 7.15%, #EE3321 44.7%, #EE3321 82.26%) !important;

}



.btn-coming{

    height: 40px;

    line-height: 25px;

    font-weight: 600;

    display: inline-block;

    text-align: center;

    border-radius: 8px;

    border: 1px #EE3321 solid;

    color: #EE3321;

    background: transparent;

    width: 140px;

}



.load-button .btn-coming{

    line-height: 37px;

}



.btn-coming:hover{

    color: #EE3321;

    background: transparent;

}



.diesel-content h5{

    margin-bottom: 15px;

}



.diesel-content p{

    margin-bottom: 25px;

}



/*-----blogs Page CSS Start------*/



.blogs-wrapper{

    padding: 90px 0;

}



.load-button{

    margin-top: 50px;

    text-align: center;

}



.blog-box {

    border: 1px #DEE0E6 solid;

    border-radius: 8px;

    margin-bottom: 30px;

    overflow: hidden;

}



.blog-box figure{

    margin-bottom: 0;

}



.blog-box figure img{

    width: 100%;

}



.blog-box .blog-content{

    padding: 20px 30px;

}



.blog-box .blog-content h4{

    font-size: 24px;

    font-weight: 600;

}



.blog-box .blog-content p{

    margin: 20px 0;

}



.blog-box .blog-content a{

    color: #EE3321;

    font-weight: 700;

    font-size: 16px;

}



.blogdetail-wrapper{

    padding: 90px 0;

}



.detail-content{

    position: relative;

}



.detail-content::after{

    content: url('../images/detail-after-img.png');

    display: inline-block;

    position: absolute;

    top: -40px;

    left: 0;

}



.detail-content{

    padding-right: 110px;

}



.detail-content h4 {

    font-size: 24px;

    color: #18191F;

    font-weight: 700;

    line-height: 30px;

    margin-bottom: 16px;

}



.paragraph {

    margin-top: 50px;

}



.paragraph p{

    margin-bottom: 20px;

}



/*-----Location Page CSS Start------*/



section.location-wrapper {

    padding-top: 80px;

}



/*-----How It Work Page CSS Start------*/



.work-video{

    background: #F6F9FF;

    padding: 90px 0;

}



.work-video .video {

    height: 500px;

    max-width: 700px;

    margin: 0 auto;

}



.work-list{

    font-weight: 600;

    font-size: 24px;

}



/*-----policy Page CSS Start------*/



.policy-content{

    padding: 90px 0;

}



.policy-content p{

    margin-bottom: 15px;

    line-height: 24px;

}



.policy-content .consent{

    margin-top: 40px;

}



.policy-content .consent h5, .policy-content h5{

    font-weight: 600;

    font-size: 24px;

    margin-bottom: 20px;

    color: #18191F;

}



.policy-content .consent ul{

    margin-top: 30px;

    padding-left: 20px;

    color: #6D6C6F;

}



.policy-content .consent ul li:not(:last-child){

    margin-bottom: 8px;

}



.policy-content .consent a{

    color: #EE3321;

}



.policy-content .consent p, .policy-content p{

    color: #6D6C6F;

}



/*-----Track Page CSS Start------*/



.track-wrapper{

    padding: 90px 0;

}



.track-wrapper .track-form{

    max-width: 700px;

    padding: 56px 90px;

    box-shadow: 8px 10px 30px 12px rgba(0, 0, 0, 0.04);

    border-radius: 8px;

}



.track-wrapper .track-form h4.title{

    font-weight: 600;

    font-size: 24px;

    text-align: center;

    margin-bottom: 32px;

}



.track-wrapper .track-form .form-group{

    margin-bottom: 30px;

}



.track-wrapper .track-form .form-group .delivery-time{

    font-size: 10px;

    margin-top: 6px;

    color: #6D6C6F;

}



.track-wrapper .track-form .form-group .form-control{

    height: 56px;

    border: 1px solid #DEE0E6;

    border-radius: 8px;

}



.track-wrapper .track-form button.btn-primary {

    font-size: 20px;

    width: fit-content;

    padding: 0 60px;

    height: 52px;

}



/*-----Team Page CSS Start------*/



.team-wrapper{

    padding: 70px 0;

}



.team-box{

    border: 1px #DEE0E6 solid;

    padding: 20px 30px;

    cursor: pointer;

    border-radius: 8px;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

}



.team-box:hover{

    box-shadow: 8px 10px 30px 12px rgba(0, 0, 0, 0.04);

    border-color: #FFFFFF;

}



.team-box .member-details h5{

    color: #18191F;

    font-size: 20px;

    font-weight: 700;

}



.team-box .member-details span{

    color: #F1491E;

    font-weight: 700;

}



.team-box .member-details p{

    font-size: 16px;

    line-height: 24px;

    color: #6D6C6F;

    margin-bottom: 0;

    margin-top: 16px;

}



.member-details ul{

    margin-top: 40px;

}



.member-details ul li {

    display: inline-block;

}



.member-details ul li a{

    display: inline-block;

    width: 35px;

    height: 35px;

    background: #ccc;

    border-radius: 50%;

    line-height: 32px;

    transition:  all .3s ease-in-out;

    -webkit-transition:  all .3s ease-in-out;

}



.member-details ul li a:hover{

    background: #eee;

}



.member-details ul li:not(:first-child){

    margin-left: 15px;

}



/*-----Contact Page CSS Start------*/



.contact-wrapper, .contact-form-wrapper{

    padding: 70px 0;

}



.contact-box figure{

    width: 64px;

    height: 64px;

    border: 1px#EE3321 solid;

    border-radius: 50%;

    text-align: center;

    line-height: 50px;

}



.contact-form-wrapper .form-inline .form-group{

    width: 100%;

}



.contact-form-wrapper .form-group input.form-control {

    height: 56px;

    border-radius: 8px;

    color: #6D6C6F;
    box-shadow: 0 0 8px 0 #30c05e;

}
.contact-form-wrapper .form-group select.form-control {

    height: 56px;

    border-radius: 8px;

    color: #6D6C6F;
    box-shadow: 0 0 8px 0 #30c05e;
}



.contact-form-wrapper  p{

    font-size: 10px;

    margin-top: 5px;

}



section.about-wrapper.contact-bg {

    background-image: url('../images/contact-bg.png');

}



.contact-form-wrapper .map{

    height: 100%;

}



/*-----Support Page CSS Start------*/



.support-box {

    border: 1px #eee solid;

    height: 100%;

    border-radius: 8px;

    padding: 30px;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

}



.support-box:hover{

    border-color: #FFFFFF;

    box-shadow: 8px 10px 30px 12px rgba(0, 0, 0, 0.04);

}



.support-box .support-details h5{

    font-size: 20px;

    margin: 25px 0;

    color: #18191F;

    font-weight: 700

}



.support-box .support-details p{

    margin-bottom: 15px;

    font-weight: 400;

    color: #6D6C6F;

}



.support-box .support-details a{

    color: #EE3321;

}



.support-left-side {

    border: 1px #DEE0E6 solid;

    padding: 55px 35px 35px;

    border-radius: 8px;

    height: 492px;

}



.support-left-side .inner_head{

    padding-bottom: 20px;

}



/*-----Payment Page CSS Start------*/



section.contact-wrapper.payment-wrapper .support-box{

    position: relative;

}



section.contact-wrapper.payment-wrapper .support-box p {

    font-size: 14px;

    margin-bottom: 10px;

}



section.contact-wrapper.payment-wrapper .support-box a{

    color: #EE3321;

}



section.contact-wrapper.payment-wrapper .support-box .credit-card1 {

    position: absolute;

    bottom: 20px;

    right: 20px;

}



.contact_text h5{

    font-size: 20px;

    font-weight: 700;

}



.contact_text h5 a{

    color: #18191F;

}



/*-----feedback Page CSS Start------*/



.feedback-wrapper{

    padding: 70px 0;

}



.feedback-detail ul.list-inline{

    margin: 40px 0;

}



.feedback-detail ul li{

    font-weight: 600;

    font-size: 16px;

    color: #18191F;

}



.feedback-detail ul li span{

    display: inline-block;

    width: 250px;

}



.feedback-detail ul li:not(:first-child){

    margin-top: 18px;

}



.radio_button form {

    --background: #ffffff;

    --text: #414856;

    --radio: #7C96B2;

    --radio-checked: #EE3321;

    --radio-size: 20px;

    background: var(--background);

    /* width: var(--width);

    height: var(--height); */

    border-radius: var(--border-radius);

    color: var(--text);

    position: relative;

    /* box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05);

    padding: 30px 45px; */

    display: flex;

    /* grid-template-columns: auto var(--radio-size); */

    align-items: center;

  }

.radio_button  form label {

    cursor: pointer;

    margin-left: 10px;

  }

.radio_button  form input[type=radio] {

    -webkit-appearance: none;

    -moz-appearance: none;

    position: relative;

    height: var(--radio-size);

    width: var(--radio-size);

    outline: none;

    margin: 0;

    cursor: pointer;

    border: 2px solid var(--radio);

    background: transparent;

    border-radius: 50%;

    display: grid;

    justify-self: end;

    justify-items: center;

    align-items: center;

    overflow: hidden;

    transition: border 0.5s ease;

  }

.radio_button  form input[type=radio]::before, form input[type=radio]::after {

    content: "";

    display: flex;

    justify-self: center;

    border-radius: 50%;

  }

.radio_button  form input[type=radio]::before {

    position: absolute;

    width: 100%;

    height: 100%;

    background: var(--background);

    z-index: 1;

    opacity: var(--opacity, 1);

  }

.radio_button  form input[type=radio]::after {

    position: relative;

    width: calc(100% /2);

    height: calc(100% /2);

    background: var(--radio-checked);

    top: var(--y, 100%);

    transition: top 0.5s cubic-bezier(0.48, 1.97, 0.5, 0.63);

  }

.radio_button  form input[type=radio]:checked {

    --radio: var(--radio-checked);

  }

.radio_button  form input[type=radio]:checked::after {

    --y: 0%;

    -webkit-animation: stretch-animate 0.3s ease-out 0.17s;

            animation: stretch-animate 0.3s ease-out 0.17s;

  }

.radio_button  form input[type=radio]:checked::before {

    --opacity: 0;

  }

.radio_button  form input[type=radio]:checked ~ input[type=radio]::after {

    --y: -100%;

  }

.radio_button  form input[type=radio]:not(:checked)::before {

    --opacity: 1;

    transition: opacity 0s linear 0.5s;

  }

  

  @-webkit-keyframes stretch-animate {

    0% {

      transform: scale(1, 1);

    }

    28% {

      transform: scale(1.15, 0.85);

    }

    50% {

      transform: scale(0.9, 1.1);

    }

    100% {

      transform: scale(1, 1);

    }

  }

  

  @keyframes stretch-animate {

    0% {

      transform: scale(1, 1);

    }

    28% {

      transform: scale(1.15, 0.85);

    }

    50% {

      transform: scale(0.9, 1.1);

    }

    100% {

      transform: scale(1, 1);

    }

  }





.faq-wrapper{

    padding: 70px 0;

}



.faq-wrapper .faq-tabs .nav-tabs{

    border: 0;

}



.faq-wrapper .faq-tabs .nav-tabs .nav-item:not(:first-child){

    margin-left: 18px;

}



.faq-wrapper .faq-tabs .nav-tabs .nav-link{

    color: #909090;

    border: 0;

    font-weight: 600;

}



.faq-wrapper .faq-tabs .nav-tabs .nav-item.show .nav-link, .faq-wrapper .faq-tabs .nav-tabs .nav-link.active, .faq-wrapper .faq-tabs .nav-tabs .nav-link:focus, .faq-wrapper .faq-tabs .nav-tabs .nav-link:hover{

    background: linear-gradient(224.71deg, rgba(247, 141, 17, 0.1) -47.21%, rgba(247, 141, 17, 0.1) -31.48%, rgba(247, 141, 17, 0.1) 3.13%, rgba(238, 51, 33, 0.1) 56.61%, rgba(238, 51, 33, 0.1) 110.1%);

    border-radius: 8px;

    border: 0;

    color: #EE3321;

    font-weight: 700;

    text-decoration: none;

}



.modal{

    z-index: 999;

}



/*.mobile-menu .sidenav a:last-child {

    padding-left: 10px;

    margin-left: 30px;

    margin-top: 15px;

}*/