* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: "Assistant-Bold";
    src: url("../fonts/Assistant-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Assistant-Regular";
    src: url("../fonts/Assistant-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: "Assistant-Regular";
    src: url("../fonts/Assistant-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Assistant-Bold";
    src: url("../fonts/Assistant-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Assistant-Bold";
    src: url("../fonts/Assistant-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Assistant-Bold";
    src: url("../fonts/Assistant-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Assistant-Regular";
    src: url("../fonts/Assistant-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Nunito-SemiBoldItalic";
    src: url("../fonts/Nunito-SemiBoldItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
} */

body {
    overflow-x: hidden;
    font-family: "Assistant-Regular";
}

:root{
    --font-size-22:18px;
}
@media screen and (min-width:768px) {
    :root {
            --font-size-22: 19px;
        }
}
@media screen and (min-width:992px) {
    :root {
        --font-size-22: 20px;
    }
}
@media screen and (min-width:1280px) {
    :root {
            --font-size-22: 22px;
        }
}





/* btn focus */
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}
/* navbar three icon */
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: #fff;
}
.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
}


/* navabr */
.navbar-custom{background-color: #fff;}
.navbar-custom .navbar-nav .nav-link {color:#000000;padding-left: 15px;font-size: 18px; font-family: "Assistant-Regular";font-weight: 500;}
.navbar-custom .navbar-nav .nav-link:hover {color:#0C85E8;transition: 0.5s;}
.header-btn{background-color: #0C85E8;color: #fff;margin-left: 15px;border-radius: 30px;font-family: "Assistant-Bold";padding-left: 17px;padding-right: 17px;transition: all .5s ease;}
.header-btn:hover{color: #fff;transform: translateY(-2px); }
/* navabr banner */

.navbar-banner{background-image: url('../images/ezyfleet/img_2.png');
    background-position: center left;background-repeat: no-repeat;background-size: cover;height: auto;padding-bottom: 100px;margin-top: 70px;}
.navbar-banner-container{padding-top: 150px;}

@media screen and (max-width:768px) {
    .navbar-banner {
        padding-bottom: 10px;
    }

    .navbar-banner-container {
        padding-top: 10px;
    }
}
@media (max-width: 992px) {
    .container {
        max-width: 100%;
    }
}

.navbar-banner-inner-sc{background: #fff;border-radius: 30px;padding: 35px;}
.banner-inner-left-body{margin-bottom: 15px;}
.banner-inner-left-body .banner-inner-main-heading{color: #707070;font-family: "Assistant-Bold";margin-bottom: 10px;}
.banner-inner-left-body .banner-inner-text{color: #0C85E8;font-family: "Assistant-Regular"; font-style: italic;font-size: 25px;}
.banner-inner-left-body .banner-inner-subtext{color: #707070;font-family: "Assistant-Regular";font-size:var(--font-size-22);}
.banner-btn{background-color: #0C85E8;color: #fff;border-radius: 30px;font-family: "Assistant-Bold";padding-left: 17px;padding-right: 17px;transition: all .5s ease;}
.banner-btn:hover{color: #fff;transform: translateY(-2px); }
/* why tuk tuk ride*/
.tuktuk-ride-sc{background-color: #FCFFB8;padding-top: 3rem;padding-bottom: 3rem;}
.tuktuk-ride-heading{color: #3B7B3F;font-family: "Assistant-Bold";}

.fleet-booking-point ul li{
    color: #818610;
    font-family: "Assistant-Regular";
    font-size: var(--font-size-22);
    margin-bottom: 10px;
}
@media screen and (min-width:992px){
    .fleet-booking-point ul li {
        margin-bottom: 14px;
    }
}

.about-ezyfleet .tuktuk-ride-heading{
    color: #000;
}
.about-ezyfleet .about-fleet-content,
.in-email{
    font-size: 18px;
    color: #161515;
    font-family: "Assistant-Regular";
}
@media screen and (min-width:768px) {
    .about-ezyfleet .about-fleet-content,
    .in-email {
        font-size: 22px;
    }
}
.about-ezyfleet{
    padding-block: 3.5rem;
}
.features-rider-section{
    padding-block: 3.5rem;
    text-align: center;
}
.features-driver-section {
    padding-block:1rem 3.5rem;
    text-align: center;
}



.features-rider-section .tuktuk-ride-heading,
.features-driver-section .tuktuk-ride-heading{
    color: #707070;
}
.rider-features{
    display: flex;
    gap:1rem;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
}
.rider-features .icon-box {
    width: 170px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap:.75rem;
    font-family: "Assistant-Regular";
    word-spacing: .5px;
}
.rider-features .icon-box img{
   border-radius: 60px;
   width: 120px;
   height: 120px;
   margin-inline: auto;
}
@media screen and (max-width:768px){
    .rider-features .icon-box {
        width: 140px;
    }
}




.tuktuk-ride-content{padding: 20px 10px;margin-left: 10px;}
.tuktuk-ride-content h4{ font-family: "Assistant-Regular"; color: #000000; font-size: 20px;font-weight: 600;}
/* .tuktuk-ride-content p{ color: #818610;font-family: "Assistant-Regular";} */
/* charging points */
.charging-points-sc{padding-top: 3rem;padding-bottom: 3rem;}
.charging-points-heading{color: #707070;font-family: "Assistant-Bold";margin-bottom: 2.5rem;}
.map-section{border-radius: 25px;}
.cardd{position: relative;top: 0;left: 0;}
.tuk-tuk-app-sc{background-color: #B8E5FF;padding-top: 2.5rem;padding-bottom: 2.5rem;}
@media screen and (min-width:768px) {
.tuk-tuk-app-sc {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }
}
.tuktuk-app-left-section{margin-bottom: 25px;}
.tuktuk-app-main-heading{font-family: "Assistant-Bold";color: #0E6AC6;}
.tuktuk-app-main-heading-sc{color: #0E6AC6;font-family: "Assistant-Regular";}
.tuktuk-app-sub-text{color: #536F8B;font-size: var(--font-size-22);margin-bottom: 35px;}
.download-tutuk-app ul{padding: 0;margin: 0;list-style-type: none;}
.download-tutuk-app ul li{display: inline;}
.download-tutuk-app ul li a{text-decoration: none;}
.tuktuk-work-heading{color: #707070;font-family: "Assistant-Bold";}
.tuktuk-work-sc{padding-top: 4rem;padding-bottom: 4rem;}
.mobile-border{margin-inline: auto;background-position: center center;background-repeat: no-repeat;background-size: cover;justify-content: center;align-items: center;margin-top: 1rem;}
.tuktuk-mobile-img img{margin-top: 40px;}
.find-tuktuk-sc{background-color: #000000;padding-top: 3rem;padding-bottom: 3rem;}
.find-tuktuk-sc h2{color: #F4D206;font-family: "Assistant-Bold";}
/* service*/
.service-section{padding-top: 2.5rem;padding-bottom: 2.5rem;}
@media screen and (min-width:768px) {
    .service-section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}
.mission-body ul li {
    font-size: var(--font-size-22);
}
.service-main-heading{color: #707070;font-family: "Assistant-Bold";margin-bottom: 3rem;}
.mission-tuktuk{font-family: "Assistant-Bold";}
.mission-sub-heading{color: #3B7B3F;font-family: "Assistant-Regular";}
.mission-sub-heading-sc{color: #707070;font-family: "Assistant-Regular";font-size: 17px;}
.mission-sub-text{color: #707070;font-size: 13px;font-family: "Assistant-Regular";}
a.learn-more{text-decoration: none;font-family: "Assistant-Bold";color: #0C85E8;margin-top: -10px;font-size: 17px;}
.mission-body{margin-left: 17px;}
.vission-sc{
    background-image: url(../images/our-mission.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding: 90px 10px;
    border-bottom: 17px solid #F4D206;
}
.vission-card h3{
    color: #fff;
    font-family: "Assistant-Bold";
    font-size: 20px;
}
.vission-card p{
    margin-left: 17px;
    color: #fff;
    font-family: "Assistant-Regular";
}
.vission-card{
    width: 100%;
    max-width: 750px;
    margin: auto;
}
.footer{
    border-top: 17px solid #3B7B3F;
    background-color: #353C4A;
    padding-top: 55px;
}
.footer-link ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.footer-link ul li{
    display: inline-block;
    padding-left: 13px;
    font-size: 18px;
}
.footer-link ul li a{
    text-decoration: none;
    color: #FFFFFF;
    font-family: "Assistant-Regular";
}
.footer-main-heading{
    color: #fff;
    font-family: "Assistant-Bold";
    font-size: 17px;
}
.footer-card{
    padding: 15px;
}
.copy-right ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.copy-right ul li{
    display: inline-block;
    padding-left: 13px;
}
.copy-right ul li a{text-decoration: none;color: #D9DFFF;font-family: "Assistant-Regular";line-height: 4; }
.input-card{background-color: #fff;border-radius: 15px;padding: 15px;margin-top: -455px;margin-left: 10px;}
.form-control-custom{height: 47px;font-family: "Assistant-Regular";border:none !important;border-radius: 12px;}
.control-bg{background-color: #DDFFE6}
.pump-heading{color: #707070;font-family: "Assistant-Bold";}


/* terms */
.terms-and-conditon{
    background-color:#0C85E8;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 2rem;
    margin-top: 4rem;
}
.terms-and-conditon ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.terms-and-conditon ul li{
    display: inline-block;
    color: #fff;
    font-family: "Assistant-Regular";
    font-size: 18px;
}
.terms-and-conditon ul li a{
    color: #fff;
    text-decoration: none;
    font-family: "Assistant-Regular";
    font-size: 18px;
}
.terms-and-condition-heading{
    font-family: "Assistant-Bold";
    color: #fff;
    margin-top: 1.5rem;
}
.terms-and-condition-main-heading{
    font-family: "Assistant-Bold";
    font-size: 25px;
}
.terms-and-condition-text{
    font-family: "Assistant-Regular";
    font-weight: 500;
    padding-left: 10px;
    font-size: var(--font-size-22);
}

/* footer */
.footer-sc{
    background-color:#24272e ;
    padding: 5px;
    padding-top: 15px;
}
.footer-sc-link{
   text-align: center;
}
.footer-sc-link ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.copyright{
   text-align: center;
}
.footer-sc-link ul li {
    display: inline-block;
    font-family: "Assistant-Regular";
    color:#fff ;
    border-right: 1px solid #fff;
    padding-right: 10px;

}
.footer-sc-link ul li a{
    color: #fff;
    text-decoration: none;
    font-family: "Assistant-Regular";
    font-size: 18px;

}
.copyright{
    color:#fff ;
    font-family: "Assistant-Regular";
}
@media only screen and (max-width: 576px) {
    .input-card{
       display: none;
    }
    .footer-logo{
        text-align: center;
        margin-bottom: 1rem;
    }

}

.ul-list{
    font-size: var(--font-size-22);
}