@media (min-width: 1701px) and (max-width: 1920px) {

    .header {
        background: url(../img/common/header-bg.png) no-repeat left top;
        height: 110px;
        background-size: cover;
    }

    .logo img {
        width: 75%;
        margin: 20px 20px;
    }
    .header .become-partner {
        width: 100%;
        height: 52px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        color: #fff;
        line-height: 45px;
        margin: 27px 20px 0px 0px;
        float: right;
        font-size: 20px;
        font-weight: 500;
        max-width: 360px;
    }
    .download .user-download {
        position: absolute;
        top: -114px;
        right:-80px;
    }

    .navbar ul li {
        margin: 0px 55px;
    }

    .download h4 {
        font-size: 35px;
        text-align: left;
        color: #fff;
        margin-bottom: 1%;
        font-weight: 400;
    }
    .download h5 {
        font-size: 28px;
        text-align: left;
        color: #fff;
    }

    .download input.form-control {
        display: block;
        width: 330px;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        border-radius: 12px;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        margin-right: 15px;
    }

.banner-captian, .banner, .banner-contact, .banner-about  {
 margin-top: 7% !important;
 padding: 0px 1% 3%;
}

.banner-captian img, .banner img, .banner-contact img, .banner-about img {
float: right;
}

.search {
    width: 98%;
    max-width: 1770px;
    height: 193px;
    background: #fff;
    margin: 50px auto;
    padding: 2.5% 2%;
    border-radius: 30px;
    box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
    -webkit-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
    -moz-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
}

.profile-content {
	position: relative;
	top: -78px;
	width: 256px;
}

.cta-banner {
    background: url(../img/home/bg-next-drive.svg) no-repeat center top;
    width: 96%;
    height: 200px;
    border-radius: 30px;
    display: flex;
    margin-bottom: 20px;
    background-size: contain;
   }

.cta-content {
	color: white;
	max-width: 300px;
	margin: 25px 0px 0px 170px;
}

.cta-banner-contact .cta-content {
	color: white;
	max-width: auto;
	margin: 15px 0px 0px 130px !important;
}

.cta-banner-contact .cta-image img {
    width: 90%;
    position: relative;
    right: 60px;
    top: -171px;
}
.contact-info {
	color: white;
	text-align: left;
	margin: 25px 14% 0px;
}

.cta-image img {
	width: 90%;
	position: relative;
	right: 105px;
	top: -85px;
}

.footer-top {
    background: #121318;
    padding: 5% 5% 5% !important;
}

.steps-captain {
	padding: 5% 5% 5%;
	text-align: center;
}

 

.requirements {
	background: #F6F6F6;
	padding: 5% 5% 5% !important;
	color: #121318;
}

.download-driver-app {
	background: #fff;
	padding: 5% 5% 5% !important;
	color: #121318;
}

.why-amber-ontime {
	padding: 5% 5% 5%;
	background: #F6F6F6;
	color: #121318;
}
 
.about {
	background: #F6F6F6;
	padding: 8% 4% 5% !important;
}

 

.about img {
    border-radius: 30px;
    float: right;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1700px;
}

.copy {
	background: #000000;
	padding: 3% 5% 2% !important;
}

.why-amber-ontime .tab-bg {
    background: #fff;
    border-radius: 30px;
    padding: 25px 20px 20px;
    width: 100%;
    margin: 30px auto;
}

.download {
    background: #121318;
    border-radius: 30px;
    padding: 35px 40px 0px !important;
    position: relative;
}

.download .cta-button {
    background: #C30008;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    width: 230px;
    text-align: center;
    margin: 30px 0px 45px;
}

.download .user-download .mw-100 {
    max-width: 80%!important;
}

.profile-info {
	position: relative;
	bottom: 0;
	left: 1px;
	width: 305px;
	padding: 25px 10px;
	color: white;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
	top: -83px;
	border-radius: 30px;
}

.carousel img {
	width: auto;
	height: 380px;
	object-fit: cover;
	border-radius: 30px;
}

.steps-captain .step-1 h3, .steps-captain .step-2 h3, .steps-captain .step-3 h3, .steps-captain .step-4 h3 {
    font-size: 20px;
}

  }
  
 
  @media (min-width: 1580px) and (max-width: 1700.99px) {

    .header {
        background: url(../img/common/header-bg.png) no-repeat left top;
        height: 110px;
        background-size: contain;
    }

    .logo img {
        width: 85%;
        margin: 15px auto;
    }
    .header .become-partner {
        width: 80%;
        height: 52px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        color: #fff;
        line-height: 45px;
        margin: 27px 20px 0px 0px;
        float: right;
        font-size: 20px;
        font-weight: 500;
    }
    .download .user-download {
        position: absolute;
        top: -118px;
        right: 25px;
    }

    .download h4 {
        font-size: 35px;
        text-align: left;
        color: #fff;
        margin-bottom: 1%;
        font-weight: 400;
    }
    .download h5 {
        font-size: 28px;
        text-align: left;
        color: #fff;
    }

    .download input.form-control {
        display: block;
        width: 330px;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        border-radius: 12px;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        margin-right: 15px;
    }

.banner-captian, .banner  {
 margin-top: 120px !important;
}


.profile-content {
	position: relative;
	top: -78px;
	width: 256px;
}

.cta-banner {
    background: url(../img/home/bg-next-drive.svg) no-repeat center top;
    width: 96%;
    height: 200px;
    border-radius: 30px;
    display: flex;
    margin-bottom: 20px;
    background-size: contain;
   }

.cta-content {
	color: white;
	max-width: 300px;
	margin: 10px 0px 0px 30px;
}

.cta-banner-contact .cta-content {
	color: white;
	max-width: auto;
	margin: 15px 0px 0px 130px !important;
}

.cta-banner-contact .cta-image img {
    width: 90%;
    position: relative;
    right: 0px;
    top: -186px;
}
.contact-info {
	color: white;
	text-align: left;
	margin: 25px 14% 0px;
}

.cta-image img {
	width: 90%;
	position: relative;
	right:-15px;
	top: -55px;
}

.footer-top {
    background: #121318;
    padding: 5% 5% 5% !important;
}

.steps-captain {
	padding: 5% 5% 5%;
	text-align: center;
}

 

.requirements {
	background: #F6F6F6;
	padding: 5% 5% 5% !important;
	color: #121318;
}

.download-driver-app {
	background: #fff;
	padding: 5% 5% 5% !important;
	color: #121318;
}

.why-amber-ontime {
	padding: 5% 5% 5%;
	background: #F6F6F6;
	color: #121318;
}
 
.about {
	background: #F6F6F6;
	padding: 8% 5% 5% !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1700px;
}

.copy {
	background: #000000;
	padding: 3% 5% 2% !important;
}

.why-amber-ontime .tab-bg {
    background: #fff;
    border-radius: 30px;
    padding: 25px 20px 20px;
    width: 100%;
    margin: 30px auto;
}

.download {
    background: #121318;
    border-radius: 30px;
    padding: 35px 40px 0px !important;
    position: relative;
}

.download .cta-button {
    background: #C30008;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    width: 230px;
    text-align: center;
    margin: 30px 0px 45px;
}

.download .user-download .mw-100 {
    max-width: 100%!important;
}

.profile-info {
	position: relative;
	bottom: 0;
	left: 1px;
	width: 255px;
	padding: 25px 10px;
	color: white;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
	top: -83px;
	border-radius: 30px;
}

.carousel img {
	width: auto;
	height: 320px;
	object-fit: cover;
	border-radius: 30px;
}



  }

  @media (min-width: 1366px) and (max-width: 1550.99px) {
  .navbar ul li {
	margin: 0px 50px;
    
}
.logo img {
    width: 80%;
    margin: 16px 25px 0px;
}
.header .become-partner {
    width: 260px;
    height: 52px;
    text-align: center;
    border: solid 1px #fff;
    border-radius: 16px;
    color: #fff;
    line-height: 48px;
    margin: 18px 40px 0px 0px;
    float: right;
    font-size: 20px;
    font-weight: 600;
}
.navbar ul li {
    margin: 0px 35px;
}
.banner {
    color: #fff;
    width: 97%;
    margin-top: 110px;
}
.search {
    width: 93%;
    max-width: 1700px;
    height: 193px;
    background: #fff;
    margin: 50px auto;
    padding: 3.5% 2%;
    border-radius: 30px;
    box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
    -webkit-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
    -moz-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
}

.about {
    background: #F6F6F6;
    padding: 8% 4% 5% !important;
    margin: -111px auto 0px;
    z-index: -1;
    position: relative;
    color: #121318;
}
  }

  @media (min-width: 1280px) and (max-width: 1500.99px) {

    
    .logo img {
        width: 80%;
        margin: 15px 10px;
    }
    .navbar {
        background: #A0262D;
        border: solid 2px #BE3840;
        border-radius: 37px;
        margin: 15px auto 0px;
        text-align: center;
        padding: 0px !important;
        max-width: 90%;
    }
    .header .become-partner {
        width: 250px;
        height: 52px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        color: #fff;
        line-height: 45px;
        margin: 14px 20px 0px 0px;
        float: right;
        font-size: 20px;
        font-weight: 500;
    }

    .search h2 {
        font-size: 28px;
        text-align: left;
        color: #121318;
    }
    .search p {
        font-size: 18px;
        text-align: left;
        color: #C30008;
    }
    .steps h3 {
        font-size: 30px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }
    .steps .step-1, .steps .step-2, .steps .step-3, .steps .step-4 {
        margin-top: 40%;
    }
    .steps .step-1 img, .steps .step-2 img, .steps .step-3 img {
        top: -145px;
        position: relative;
        width: 70%;
    }
    .steps .step-1 .one, .steps .step-2 .two, .steps .step-3 .three, .steps .step-4 .four {
        width: 60px;
        height: 60px;
        text-align: center;
        border-radius: 50%;
        font-size: 30px;
        line-height: 60px;
    }

    .meet-our-captains {
        padding: 4% 2.5% 2%;
        text-align: center;
    }

    .meet-our-captains .col-md-8 {
        flex: 0 0 auto;
        width: 80%;
    }
    .carousel img {
        width: auto;
        height: 250px;
        object-fit: cover;
        border-radius: 30px;
    }
    .profile-info {
        width: 200px;
        top:-90px;
        height: 90px;
    }

    .profile-info span {
        font-size: 18px;
        line-height: 20px;
        font-weight: 700;
    }
    
    .profile-info span:last-child {
        font-size: 16px;
        font-weight: 400;
    }
    .profile-content {
        width: 200px;
    }
    .slick-slide p {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
        color: #121318;
        margin: 10px auto;
        padding: 5px;
        font-weight: 400;
    }
    .carousel .tags span {
        font-size: 10px;
        padding: 5px 5px;
    }
    .cta-image img {
        width: 80%;
        position: relative;
        right: -10px;
        top: -75px;
    }
    .contact-info {
        color: white;
        text-align: left;
        margin: 5px 8% 0px 10%;
    }
    .cta-banner-contact .cta-image img {
        width: 88%;
        position: relative;
        right: -16px;
        top: -220px;
    }
    .why-ontime .card {
        height: 390px;
    }
    .why-ontime .card .head p br {
        display: none;
    }
    .why-ontime .card .content p {
        text-align: center;
        color: #FF646A;
        font-size: 16px;
        line-height: 24px;
    }

    .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
        padding: 70% 0% 0px;
        text-align: center;
        max-width: 58%;
        margin: auto;
    }

    .banner-about .banner-content p, .banner-contact .banner-content p, .banner-captian .banner-content p, .banner-content p {
        font-size: 18px;
        line-height: 30px;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link img {
        float: left;
        margin-right: 30px;
        margin-bottom: 20px;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills h4 {
        text-align: left;
        color: #121318;
        display: inline;
        font-size: 20px;
    }

    .steps-captain .step-1 .one, .steps-captain .step-2 .two, .steps-captain .step-3 .three, .steps-captain .step-4 .four {
        width: 60px;
        height: 60px;
        text-align: center;
        border-radius: 50%;
        font-size: 30px;
        line-height: 60px;
    }
    .steps-captain .step-1, .steps-captain .step-2, .steps-captain .step-3, .steps-captain .step-4 {
        height: 500px;
    }
    .banner-content .contact-detials {
        background: #121318;
        border-radius: 30px;
        padding: 25px 30px;
        max-width: 100%;
        margin-top: 30px;
    }

    .banner-content h1, .banner-about .banner-content h1, .banner-captian .banner-content h1, .banner-contact .banner-content h1 {
 
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .footer-top .Social img {
        margin-right: 4px;
    }

    .get-app p {
        font-size: 16px;
        text-align: center;
        color: #121318;
    }

    form#get-app-form {
    /* width: 500px; */
    display: flex;
    max-width: 450px;
    margin: auto;
}


  }
  
  @media (min-width: 1024px) and (max-width: 1200.99px) {
    form#get-app-form {
        width: 500px; 
        display: flex; 
        margin: 20px auto;
        text-align: center;
    }

    .get-app .phone-field {
        width: 450px;
        margin: auto;
    }
  }

  @media (min-width: 1025px) and (max-width: 1200.99px) {

    .download-driver-app .col-md-10 .float-start {
	float: left !important;
	width: 67%;
}

.download .user-download .mw-100 {
	max-width: 79% !important;
}

.download .user-download {
	position: absolute;
	top: -87px;
	right: -83px;
}
  }

  @media (min-width: 992px) and (max-width: 1024.99px) {
    .navbar {
        background: #A0262D;
        border: solid 2px #BE3840;
        border-radius: 37px;
        margin: 10px auto 0px;
        text-align: center;
        padding: 0px !important;
        max-width: 100%;
    }

    .navbar ul li {
        margin: 0px 32px;
    }
    .navbar ul li.nav-item a.nav-link {
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        color: #fff;
        text-align: center;
        padding: 8px 0px;
    }

    .header .become-partner {
        width: 200px;
        height: 40px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        color: #fff;
        line-height: 40px;
        margin: 10px 10px 0px 0px;
        float: right;
        font-size: 18px;
        font-weight: 500;
    }

    .banner-content h1, .banner-about .banner-content h1, .banner-captian .banner-content h1, .banner-contact .banner-content h1 {
        font-size: 35px;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .search h2 {
        font-size: 28px;
        text-align: left;
        color: #121318;
    }
    .search p {
        font-size: 18px;
        text-align: left;
        color: #C30008;
    }

    .steps h3 {
        font-size: 30px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }
    .steps .step-1, .steps .step-2, .steps .step-3, .steps .step-4 {
        margin-top: 40%;
        height: 500px;
    }
    .steps .step-1 img, .steps .step-2 img, .steps .step-3 img {
        top: -135px;
        position: relative;
        width: 75%;
    }
    .steps .step-1 .one, .steps .step-2 .two, .steps .step-3 .three, .steps .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 28px;
        line-height: 50px;
    }

    .why-ontime h3 {
        font-size: 30px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains h3 {
        font-size: 30px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains {
        padding: 4% 2.5% 2%;
        text-align: center;
    }

    .meet-our-captains .col-md-8 {
        flex: 0 0 auto;
        width: 80%;
    }
    .carousel img {
        width: auto;
        height: 250px;
        object-fit: cover;
        border-radius: 30px;
    }
    

    .profile-info {
        width: 200px;
        top:-90px;
        height: 90px;
    }

    .profile-info span {
        font-size: 15px;
        line-height: 16px;
        font-weight: 700;
    }
    
    .profile-info span:last-child {
        font-size: 13px;
        font-weight: 400;
    }

    .profile-content {
        width: 200px;
    }
    .slick-slide p {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
        color: #121318;
        margin: 10px auto;
        padding: 5px;
        font-weight: 400;
    }
    .carousel .tags span {
        font-size: 10px;
        padding: 5px 5px;
    }
    .cta-banner {
        background: url(../img/home/bg-next-drive.svg) no-repeat center top;
        width: 95%;
        height: auto;
        border-radius: 30px;
        display: flex;
        margin-bottom: 20px;
        background-size: contain;
    }
    .cta-content {
        color: white;
        max-width: 315px;
        margin: 0px 0px 0px 10px;
    }
    .cta-content h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .cta-image img {
        width: 62%;
        position: relative;
        right: -111px;
        top: -59px;
    }
    .cta-button {
        background: #C30008;
        color: white;
        padding: 5px 13px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
    }
    .contact-info {
        color: white;
        text-align: left;
        margin: 0px 5% 0px 6%;
    }
    .contact-info p {
        margin-bottom: 0px;
        line-height: 22px;
        font-size: 16px;
    }

    .get-app p {
        font-size: 16px;
        line-height: 1.2;
        text-align: center;
        color: #121318;
        padding-bottom: 15px;
        margin-bottom: 0px;
    }
    

    .get-app .mw-85 {
        max-width: 100%;
    }
    .get-app  .col-md-3, .get-app  .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin: 20px auto;
    }

    .get-app .col-md-3 .d-flex {
        margin: 0px auto 50px !important; 
        text-align: center;
        display: block !important;
    }

    .get-app .col-md-6  .d-inline-flex {
        margin: 0px auto 50px !important; 
        text-align: center;
    }

    .get-app .col-md-3 .d-flex img.mw-80 {
        max-width: 100%;
        width: 150px;
    }

    
    .why-ontime .card .head img {
        max-height: 50px;
        margin: 10px auto 15px;
    }
    .why-ontime .card .head p {
        text-align: center;
        color: #C30008;
        font-size: 18px;
        line-height: 25px;
        font-weight: 700;
    }
    .why-ontime .card {
        height: 390px;
    }
    .why-ontime .card .head p br {
        display: none;
    }
    .why-ontime .card .content p {
        text-align: center;
        color: #FF646A;
        font-size: 16px;
        line-height: 24px;
    }

    .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
        padding: 85% 0% 0px;
        text-align: center;
        max-width: 65%;
        margin: auto;
    }

    .our-commitment .card1 .content h4, .our-commitment .card2 .content h4, .our-commitment .card3 .content h4, .our-commitment .card4 .content h4 {
        font-size: 20px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .banner-about .banner-content p, .banner-contact .banner-content p, .banner-captian .banner-content p, .banner-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .banner-about .banner-content {
        padding: 0px 20px;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5, .why-amber-ontime .tab-bg .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul.flex-column {
        flex-direction: row !important;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul li {
        display: flex;
        width: 25%;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active p {
        display: none;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link img {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active img {
        float: left;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .nav-item button.nav-link.active::after {
 display: none;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills h4 {
        text-align: left;
        color: #121318;
        display: inline;
        font-size: 16px;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        padding: 15px 20px 10px;
    }

    .steps-captain .step-1 .one, .steps-captain .step-2 .two, .steps-captain .step-3 .three, .steps-captain .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 30px;
        line-height: 50px;
    }


    .banner-content {
        padding: 0px 20px;
        width: 100%;
    }

    .banner-content .contact-detials {
        background: #121318;
        border-radius: 30px;
        padding: 20px 25px;
        max-width: 100%;
        margin-top: 10px;
    }

    .banner-content .contact-detials br {
        display: none;
    }

    .banner-captian .banner-content .form-check label {
        display: block;
    }

    .apply-driver {
        background: #F0C858;
        border-radius: 16px;
        width: 250px;
        height: 50px;
        font-size: 20px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 20px;
    }

    .footer-top .col-md-7 .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer-top h4 {
        font-size: 18px;
        text-align: left;
        color: #fff;
        margin-bottom: 2%;
        font-weight: 700;
    }

    .footer-top ul li {
        list-style: none;
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        margin-bottom: 30px;
        margin-right: 10px;
        display: inline-block;
    }
    .footer-top .address p strong, .footer-top .call p strong, .footer-top .email p strong {
        font-size: 18px;
        color: #fff;
        line-height: 24px;
    }

    .footer-top .d-inline-flex {
        display: block !important;
    }

    .footer-top .email {
        margin-left: 0;
    }

    .our-mission h3 {
        font-size: 30px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .steps-about h3 {
        font-size: 30px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .our-commitment h3 {
        font-size: 30px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .why-amber-ontime h3 {
        font-size: 30px;
        text-align: left;
        color: #121318;
        margin-bottom: 25px;
        font-weight: 700;
    }

    .steps-captain h3 {
        font-size: 30px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .requirements h3 {
        font-size: 30px;
        text-align: left;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .our-address .email h4 {
        font-size: 30px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .our-address .physical h4 {
        font-size: 30px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-address .physical p {
        width: 100%;
    }

    .our-address .social h4 {
        font-size: 30px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .form-content h4 {
        font-size: 30px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .about h3 {
        font-size: 30px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .banner-content .contact-detials h4 {
        font-size: 28px;
        text-align: left;
        color: #fff;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .steps-about .step-1 img, .steps-about .step-2 img, .steps-about .step-3 img {
        top: -110px;
        position: relative;
        width: 75%;
    }

    .steps-about .step-1 .one, .steps-about .step-2 .two, .steps-about .step-3 .three{
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 28px;
        line-height: 50px;
    }

    .steps-about .step-1, .steps-about .step-2, .steps-about .step-3 {
        margin-top: 30%;
        height: 490px;
        width: 100%;
    }

    .steps-about .step-1 h3, .steps-about .step-2 h3, .steps-about .step-3 h3 {
        font-size: 20px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: -90px;
    }

    .steps-about .step-1 p, .steps-about .step-2 p, .steps-about .step-3 p {
        font-size: 15px;
        text-align: left;
        color: #121318;
        line-height: 22px;
    }

    .our-commitment p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #121318;
    }

    .steps-captain .step-1, .steps-captain .step-2, .steps-captain .step-3, .steps-captain .step-4 {
        margin-top: 30%;
        height: auto;
        width: 70% !important;
        padding: 25px;
    }

    .steps-captain .step-1 h3, .steps-captain .step-2 h3, .steps-captain .step-3 h3, .steps-captain .step-4 h3  {
        font-size: 20px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: -80px;
    }

    .steps-captain .step-1 p, .steps-captain .step-2 p, .steps-captain .step-3 p, .steps-captain .step-4 p {
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        color: #121318;
    }
    .steps-captain .step-1 img, .steps-captain .step-2 img, .steps-captain .step-3 img, .steps-captain .step-4 img {
        top: -120px;
        position: relative;
        width: 70% !important;
    }

    .steps-captain  .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }

    .download-driver-app {
        background: #fff;
        padding: 10% 2.5% 5% !important;
        color: #121318;
    }

.download-driver-app .col-md-10.download {
        width: 100%;
    }
    .download .user-download {
        position: absolute;
        top: -89px;
        right: -133px;
    }

    .download h4 {
        font-size: 28px;
        text-align: left;
        color: #fff;
        margin-bottom: 1%;
        font-weight: 400;
    }
    .download-driver-app .col-md-2 {
        flex: 0 0 auto;
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }

    .download-driver-app .col-md-2 img {
        margin: 20px auto;
        width: 150px;
    }

    .cta-banner-contact {
        background: url(../img/home/bg-next-drive.svg) no-repeat center top;
        width: 95% !important;
        height: auto;
        border-radius: 30px;
        display: flex;
        margin-bottom: 20px;
        background-size: contain;
    }
    .cta-banner-contact .contact-info {
        color: white;
        text-align: left;
        margin: 10px 2% 0px 7%;
    }

    .cta-banner-contact .cta-content h2 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .cta-banner-contact p {
        margin-bottom: 0px;
        font-size: 16px;
    }

    .cta-banner-contact .cta-image img {
        width: 75%;
        position: relative;
        right: -79px;
        top: -202px;
    }
    .copy {
        background: #000000;
        padding: 5% 2.5% 7% !important;
    }
  }

  @media (min-width: 768px) and (max-width: 991.99px) {
    .navbar-expand-lg .offcanvas {
        display: block;
    }
    body {      
        background: url(../img/common/tab-banner-bg.webp) no-repeat center top;
        background-size:100%;
        overflow-x: hidden;
    }

    .logo img {
        width: 90%;
        margin:10px 0px 0px 10px;
        max-width: 300px;
    }
    
    .header {
        background: url(../img/common/header-bg-tab.svg) no-repeat left -12px; 
        height: 95px;
        background-size: 100%;
        /* position: fixed; */
        /* top: 0; */
        /* width: 100%; */
        /* display: block; */
        /* transition: top 0.3s; */
        /* z-index: 9; */
    }

    .header 
    .navbar {
        background: none;
        border: solid 0px #BE3840;
        border-radius: 37px;
        margin: 10px auto 0px;
        text-align: center;
        padding: 0px !important;
        max-width: 100%;
        float: right;
        position: absolute;
        right: 20px;
        top:17px;
    }
        /* .navbar-toggler-icon {
            filter: invert(1); /* Inverts the color to white
        } */

    #offcanvasNav {
        background: #A0262D;
        width: 100%;
    }
    
    .offcanvas-header {
        text-align: left;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li {
        margin: 0px 32px 30px;
        text-align: right;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li a {
        color: #fff;
        text-decoration: none;
        padding: 10px 20px;
        border: solid 2px #A0262D;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li a:hover {
        border: solid 2px #BE3840;
        border-radius: 30px;
        padding: 10px 20px;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: block;
    }



    .header .become-partner {
        width: 200px;
        height: 40px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        color: #fff;
        line-height: 40px;
        margin: 10px 10px 30px 0px;
        float: right;
        font-size: 18px;
        font-weight: 500;
        display: none;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body .become-partner {
        display: block;
        width: 90%;
        height: 50px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        margin: 20px 20px 30px 0px;
        clear: both;
        line-height: 50px;
        font-size: 20px;
        font-weight: 700;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body .download-app {
        background: #B32931;
        display: block;
        border-radius: 0;
        clear: both;
        width: 100%;
        margin: 30px auto 0px;
        padding: 20px;
        height: auto;
    }

    .download-app p {
        text-align: left;
    }

    .download-app {
        background: #F0C858;
        border-radius: 16px;
        width: 280px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 0;
    }

    .banner-content h1, .banner-about .banner-content h1, .banner-captian .banner-content h1, .banner-contact .banner-content h1 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    
    .search h2 {
        font-size: 25px;
        text-align: center;
        color: #121318;
    }
    .search p {
        font-size: 16px;
        text-align: center;
        color: #C30008;
    }

    .steps h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }
    .steps .step-1, .steps .step-2, .steps .step-3, .steps .step-4 {
        margin-top: 40%;
        height: auto;
        width: 400px;
        max-width: 100%;
        margin: 16% auto 10%;
    }
    .steps .step-1 img, .steps .step-2 img, .steps .step-3 img {
        top: -135px;
        position: relative;
        width: 75%;
    }
    .steps .step-1 .one, .steps .step-2 .two, .steps .step-3 .three, .steps .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .why-ontime h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains {
        padding: 4% 2.5% 2%;
        text-align: center;
    }

    .meet-our-captains .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }
    .carousel img {
        width: auto;
        height: 200px;
        object-fit: cover;
        border-radius: 30px;
    }
    

    .profile-info {
        position: relative;
        bottom: 0;
        left: 1px;
        width: 159px;
        height: 83px;
        padding: 25px 10px;
        color: white;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        top: -83px;
        border-radius: 30px;
    }
    

    .profile-info span {
        font-size: 13px;
        line-height: 15px;
        font-weight: 700;
        width: 80%;
        /* display: inline; */
        text-align: left;
        float: left;
    }
    
    .profile-info span:last-child {
        font-size: 12px;
        font-weight: 400;
        text-align: right !important;
        float: right;
        width: 20%;
    }

    .profile-content {
        width: auto;
    }

    .btn.become-captain {
        width: 195px;
        height: 42px;
        text-align: center;
        border: solid 1px #C30008;
        border-radius: 12px;
        color: #C30008;
        line-height: 25px;
        margin: -75px auto 5%;
        font-size: 16px;
        font-weight: 700;
        background: #fff;
        display: block;
        z-index: 9;
        position: relative;
    }

    .slick-slide p {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
        color: #121318;
        margin: 10px auto;
        padding: 5px;
        font-weight: 400;
    }
    .carousel .tags span {
        font-size: 10px;
        padding: 5px 5px;
    }
    .cta-banner {
        background:#000;
        width: 100%;
        max-width: 300px;
        height: auto;
        border-radius: 30px;
        display: block;
        margin: 20px auto;
        background-size: contain;
    }
    .cta-content {
        color: white;
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
    .cta-content h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .cta-image {
        position: unset;
        right: 0px;
    }

    .cta-image img {
        width: 100%;
        position: relative;
        right: 0px;
        top: 18px;
    }

    .cta-button {
        background: #C30008;
        color: white;
        padding: 5px 13px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
    }
    
    form#get-app-form {
        /* width: 500px; */
        display: block;
        max-width: 450px;
        margin: auto;
    }
    .get-app .phone-field input {
        max-width: 100%;
        width: auto;
        height: 42px;
        border: solid 1px #666666;
        border-radius: 12px;
        margin:20px auto;
    }

    .get-app .phone-field {
        width: auto;
    }

    .get-app .d-inline-flex {
        display: block !important;
    }

    .contact-info {
        color: white;
        text-align: left;
        margin: 20px auto;
    }
    .contact-info p {
        margin-bottom: 0px;
        line-height: 22px;
        font-size: 16px;
    }

    .get-app p {
        font-size: 16px;
        text-align: center;
        color: #121318;
    }

 
    .get-app .mw-85 {
        max-width: 100%;
    }



    .why-ontime .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    .why-ontime .card .head img {
        max-height: 50px;
        margin: 10px auto 15px;
    }
    .why-ontime .card .head p {
        text-align: center;
        color: #C30008;
        font-size: 16px;
        line-height: 25px;
        font-weight: 700;
    }
    .why-ontime .card {
        height: 290px;
        margin-top: 20px;
    }
    .why-ontime .card .head p br {
        display: none;
    }
    .why-ontime .card .content p {
        text-align: center;
        color: #FF646A;
        font-size: 15px;
        line-height: 24px;
    }

    .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
        padding: 110% 0% 0px;
        text-align: center;
        max-width: 90%;
        margin: auto;
    }

    .our-commitment .card1 .content h4, .our-commitment .card2 .content h4, .our-commitment .card3 .content h4, .our-commitment .card4 .content h4 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .banner-about .banner-content p, .banner-contact .banner-content p, .banner-captian .banner-content p, .banner-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .banner-about .banner-content {
        padding: 30px 10px;
        width: 100%;
    }

    .banner-captian .banner-content {
        padding: 30px 20px;
        width: 100%;
        margin: auto;
        text-align: left;
    }

    .banner-captian .banner-content input {
        width: 100%;
        border-radius: 12px;
        background: #fff;
        height: 52px;
        margin: 15px auto;
    }
    .form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: .125rem;
        width: auto;
        margin: auto;
        padding-left: 0px !important;
    }

    .banner-captian .banner-content .form-check-input {
        margin: 0px 10px 0px 0px;
    }

    .banner-about, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
    }

    .banner-contact, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
    }
    .banner-contact .col-md-5, .banner-contact .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .banner-about .col-md-5, .banner-about .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5, .why-amber-ontime .tab-bg .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul.flex-column {
        flex-direction: row !important;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul li {
        display: flex;
        width: 100%;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active p {
        display: block;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active div.d-none {
        display: block !important;
    }

    .why-amber-ontime .tab-bg .col-md-7 {
        display: none;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link img {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active div img {
        float: right;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 30px;
        width: 88%;
    }

    .nav-item button.nav-link.active::after {
 display: none;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills h4 {
        text-align: left;
        color: #121318;
        display: inline;
        font-size: 20px;
        font-weight: 600;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        padding: 15px 20px 10px;
        max-height: 100%;
    }

    .steps-captain .step-1 .one, .steps-captain .step-2 .two, .steps-captain .step-3 .three, .steps-captain .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }


    .banner-content {
        padding: 0px 20px;
        width: 100%;
    }
    .banner-contact .banner-content {
        padding: 0px 20px;
        width: 100%;
    }

    .banner-content .contact-detials {
        background: #121318;
        border-radius: 30px;
        padding: 20px 25px;
        max-width: 100%;
        margin: 10px 0px 20px;
    }

    .banner-content .contact-detials br {
        display: none;
    }

    .banner-captian .banner-content .form-check label {
        display: block;
    }

    .apply-driver {
        background: #F0C858;
        border-radius: 16px;
        width: 250px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 20px;
        margin: 20px 0;
    }

    .footer-top .row {
        width: 100%;
        margin: auto;
        max-width: 400px;
    }

    .copy .row {
        width: 100% !important;
        margin: auto;
        max-width: 100% !important;
    }

    .copy .row .col-md-5,  .copy .row .col-md-2 {
        flex: 0 0 auto;
        width: 100%;
        margin: auto;
    }

    .copy p {
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        margin-bottom: 0px;
        text-align: center;
    }
    #goToTop {
        margin: 20px auto;
    }

    .footer-top .col-md-7 {
        width: 100%;
        margin: auto;
    }
    .footer-top .col-md-4 {
        width: 100%;
        margin: auto;
    }

    .footer-top .col-md-7 .row .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
        margin: 0px auto;
        padding: 0px;
    }
    .footer-top .col-md-7 .row .col-md-4:last-child {
        width: 100%;
        margin: 20px 0;
    }

    .footer-top h4 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        margin-bottom: 4%;
        font-weight: 700;
    }

    .footer-top ul li {
        list-style: none;
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        margin-bottom: 10px;
        margin-right: 0px;
        display: block;
    }
    .footer-top .address p strong, .footer-top .call p strong, .footer-top .email p strong {
        font-size: 16px;
        color: #fff;
        line-height: 24px;
    }

    .footer-top .d-inline-flex {
        display: inline-flex !important;
    }

    .footer-top .email {
        margin-left: 30px;
    }

    .our-mission h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-mission .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .steps-about .col-md-4 {
        flex: 0 0 auto;
        width:100%;
    }


    .steps-about h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .our-commitment h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .why-amber-ontime h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 25px;
        font-weight: 700;
    }

    .steps-captain h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .requirements h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .our-address .email h4 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .our-address .physical h4 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-address .physical p {
        width: 100%;
    }

    .our-address .social h4 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .form-content h4 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .about h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .banner-content .contact-detials h4 {
        font-size: 25px;
        text-align: left;
        color: #fff;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .steps-about .step-1 img, .steps-about .step-2 img, .steps-about .step-3 img {
        top: -0px;
        position: relative;
        width: auto;
    }

    .steps-about .step-1 .one, .steps-about .step-2 .two, .steps-about .step-3 .three{
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .steps-about .step-1, .steps-about .step-2, .steps-about .step-3 {
        margin-top: 30%;
        height: auto;
        width: 60%;
        margin: 20px auto;
        max-width: 600px;
    }

    .steps-about .step-1 h3, .steps-about .step-2 h3, .steps-about .step-3 h3 {
        font-size: 18px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: 40px;
    }

    .steps-about .step-1 p, .steps-about .step-2 p, .steps-about .step-3 p {
        font-size: 16px;
        text-align: left;
        color: #121318;
        line-height: 22px;
    }

    .our-commitment p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #121318;
    }

    .steps-captain .step-1, .steps-captain .step-2, .steps-captain .step-3, .steps-captain .step-4 {
        margin: 35% auto 0px;
        height: 550px;
        width: 100% !important;
        padding: 25px;
    }

    .steps-captain .step-1 h3, .steps-captain .step-2 h3, .steps-captain .step-3 h3, .steps-captain .step-4 h3  {
        font-size: 18px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: -80px;
    }

    .steps-captain .step-1 p, .steps-captain .step-2 p, .steps-captain .step-3 p, .steps-captain .step-4 p {
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        color: #121318;
    }
    .steps-captain .step-1 img, .steps-captain .step-2 img, .steps-captain .step-3 img, .steps-captain .step-4 img {
        top: -120px;
        position: relative;
        width: 70% !important;
    }

    .steps-captain  .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }

    .requirements .col-md-7,  .requirements .col-md-5  {
        flex: 0 0 auto;
        width: 100%;
    }

    .download-driver-app {
        background: #fff;
        padding: 13% 2.5% 5% !important;
        color: #121318;
    }
 
    .download-driver-app .col-md-10.download {
        width: 100%;
        padding-bottom: 0px !important;
    }

    .download-driver-app .col-md-10.download  .float-start {
        float: none !important;
        margin-bottom: 25px;
    }
    .download .user-download {
        position: unset;
        top: -66px;
        right: -81px;
        margin: auto;
        text-align: center;
    }

    .download h4 {
        font-size: 25px;
        text-align: left;
        color: #fff;
        margin-bottom: 1%;
        font-weight: 400;
    }
    .download-driver-app .col-md-2 {
        flex: 0 0 auto;
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }

    .download-driver-app .col-md-2 img {
        margin: 20px auto;
        width: 150px;
    }

    .cta-banner-contact {
        background: #000;
        width: 50% !important;
        height: auto;
        border-radius: 30px;
        display: block;
        margin-bottom: 20px;
        background-size: contain;
        padding-bottom: 0px !important;
    }

    .container-fluid.cta-banner-contact.p-4 {
        padding-bottom: 0px !important;
    }

    .cta-banner-contact .cta-content {
        color: white;
        max-width: 100%;
        margin: 0px 0px 10px;
        text-align: left;
    }

    .cta-banner-contact .contact-info {
        color: white;
        text-align: left;
        margin: 10px 0 7%;
    }

    .cta-banner-contact .cta-content h2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .cta-banner-contact p {
        margin-bottom: 0px;
        font-size: 16px;
    }
    .cta-banner-contact .cta-image {
        position: unset;
        right: 0px;
    }

    .cta-banner-contact .cta-image img {
        width: 100%;
        position: unset;
    }
    .search {
        width: 98%;
        max-width: 1700px;
        height: auto;
        background: #fff;
        margin: 50px auto;
        padding: 3.5% 2%;
        border-radius: 30px;
        box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
        -webkit-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
        -moz-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
    }

    .search .col-md-3, .search .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about {
        background: #F6F6F6;
        padding: 13% 2.5% 5% !important;
        margin: -111px auto 0px;
        z-index: -1;
        position: relative;
        color: #121318;
    }

    .about .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about .col-md-6 img {
        max-width: 100%;
        margin: auto;
    }

    .steps .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .banner-captian .col-md-5, .banner-captian .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer-top .border-start {
        display: none;
    }
    .navbar-toggler.border-white {
        /* background: #A0262D;
        border: none;
        border-radius: 15px; */
        width: 42px;
        height: 42px;
        padding: 0px;
        border: none;
    }  
    
    .navbar-toggler-icon {
        background: url(../img/common/menu-icon.svg) no-repeat center top;
        width: 42px;
        height: 42px;
    }
  }

  @media (min-width: 560px) and (max-width: 767.99px) {

    .banner, .banner-about, .banner-captian, .banner-contact {
        color: #fff;
        width: 95%;
        margin-top: 110px;
    }
 
    .navbar-expand-lg .offcanvas {
        display: block;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: block;
    }

    body {      
        background: url(../img/common/mobile-banner-bg.webp) no-repeat center top;
        background-size:100%;
        overflow-x: hidden;
    }

    .logo img {
        width: 100%;
        margin: 10px 0px 0px 10px;
        max-width:255px;
    }
    
    .header {
        background: url(../img/common/header-bg-mobile-large.svg) no-repeat left top;
        height: 75px;
        background-size: cover;
        /* position: fixed; */
        /* top: 0; */
        /* width: 100%; */
        /* display: block; */
        /* transition: top 0.3s; */
        /* z-index: 9; */
    }
    .navbar {
        background: none;
        border: solid 0px #BE3840;
        border-radius: 37px;
        margin: 10px auto 0px;
        text-align: center;
        padding: 0px !important;
        max-width: 100%;
        float: right;
        position: relative;
        right: 20px;
        top: -46px;
    }
    .navbar-toggler.border-white {
        /* background: #A0262D;
        border: none;
        border-radius: 15px; */
        width: 42px;
        height: 42px;
        padding: 0px;
        border: none;
    }  
    
    .navbar-toggler-icon {
        background: url(../img/common/menu-icon.svg) no-repeat center top;
        width: 42px;
        height: 42px;
    }

    #offcanvasNav {
        background: #A0262D;
        width: 100%;
    }
    
    .offcanvas-header {
        text-align: left;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li {
        margin: 0px 32px 30px;
        text-align: right;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li a {
        color: #fff;
        text-decoration: none;
        padding: 10px 20px;
        border: solid 2px #A0262D;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li a:hover {
        border: solid 2px #BE3840;
        border-radius: 30px;
        padding: 10px 20px;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: block;
    }



    .header .become-partner {
        width: 200px;
        height: 40px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        color: #fff;
        line-height: 40px;
        margin: 10px 10px 30px 0px;
        float: right;
        font-size: 18px;
        font-weight: 500;
        display: none;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body .become-partner {
        display: block;
        width: 90%;
        height: 50px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        margin: 20px 20px 30px 0px;
        clear: both;
        line-height: 50px;
        font-size: 20px;
        font-weight: 700;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body .download-app {
        background: #B32931;
        display: block;
        border-radius: 0;
        clear: both;
        width: 100%;
        margin: 30px auto 0px;
        padding: 20px;
        height: auto;
    }

    .download-app p {
        text-align: left;
    }

    .download-app {
        background: #F0C858;
        border-radius: 16px;
        width: 280px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 0;
    }

    .banner-content h1, .banner-about .banner-content h1, .banner-captian .banner-content h1, .banner-contact .banner-content h1 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    
    .search h2 {
        font-size: 25px;
        text-align: center;
        color: #121318;
    }
    .search p {
        font-size: 16px;
        text-align: center;
        color: #C30008;
    }

    .steps h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }
    .steps .step-1, .steps .step-2, .steps .step-3, .steps .step-4 {
        margin-top: 40%;
        height: auto;
        width: 100%;
        max-width: 100%;
        margin: 25% auto 10%;
    }
    .steps .step-1 img, .steps .step-2 img, .steps .step-3 img {
        top: -135px;
        position: relative;
        width: 75%;
    }
    .steps .step-1 .one, .steps .step-2 .two, .steps .step-3 .three, .steps .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .why-ontime h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains {
        padding: 4% 2.5% 2%;
        text-align: center;
    }

    .meet-our-captains .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }
    .carousel img {
        width: auto;
        height: 300px;
        object-fit: cover;
        border-radius: 30px;
    }

    .profile-info {
        position: relative;
        bottom: 0;
        left: 1px;
        width: 240px;
        padding: 25px 10px;
        color: white;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        top: -68px;
        border-radius: 30px;
    }
    

    .profile-info span {
        font-size: 15px;
        line-height: 16px;
        font-weight: 700;
        width: 85%;
        /* display: inline; */
        text-align: left;
        float: left;
    }

    .profile-info span {
        font-size: 15px;
        line-height: 16px;
        font-weight: 700;
        width: 85%;
        /* display: inline; */
        text-align: left;
        float: left;
    }
    
    .profile-info span:last-child {
        font-size: 13px;
        font-weight: 400;
        text-align: right !important;
        float: right;
        width: 15%;
    }

    .profile-content {
        width: auto;
    }

    .btn.become-captain {
        width: 195px;
        height: 42px;
        text-align: center;
        border: solid 1px #C30008;
        border-radius: 12px;
        color: #C30008;
        line-height: 25px;
        margin: -75px auto 5%;
        font-size: 16px;
        font-weight: 700;
        background: #fff;
        display: block;
        z-index: 9;
        position: relative;
    }

    .slick-slide p {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
        color: #121318;
        margin: 10px auto;
        padding: 5px;
        font-weight: 400;
    }
    .carousel .tags span {
        font-size: 10px;
        padding: 5px 12px;
    }
    .cta-banner {
        background:#000;
        width: 90%;
        max-width: 500px;
        height: auto;
        border-radius: 30px;
        display: block;
        margin: 20px auto;
        background-size: contain;
    }
    .cta-content {
        color: white;
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
    .cta-content h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .cta-image {
        position: unset;
        right: 0px;
    }

    .cta-image img {
        width: 100%;
        position: relative;
        right: 0px;
        top: 18px;
    }

    .cta-button {
        background: #C30008;
        color: white;
        padding: 5px 13px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
    }

    form#get-app-form {
        /* width: 500px; */
        display: block;
        max-width: 450px;
        margin: auto;
    }

    .get-app .phone-field input {
        max-width:500px;
        width: 100%;
        height: 42px;
        border: solid 1px #666666;
        border-radius: 12px;
        margin:20px auto 10px;
    }

    .get-app .phone-field {
        width: auto;
    }

    .get-app .d-inline-flex {
        display: block !important;
    }

    .contact-info {
        color: white;
        text-align: left;
        margin: 20px auto;
    }
    .contact-info p {
        margin-bottom: 0px;
        line-height: 22px;
        font-size: 16px;
    }

    .get-app p {
        font-size: 16px;
        line-height: 1.2;
        text-align: center;
        color: #121318;
    }

    
    .get-app .mw-85 {
        max-width: 100%;
    }
    .get-app  .col-md-3, .get-app  .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin: 20px auto;
    }

    .get-app .col-md-3 .d-flex {
        margin: 0px auto 50px !important; 
        text-align: center;
        display: block !important;
    }

    .get-app .col-md-6  .d-inline-flex {
        margin: 0px auto 50px !important; 
        text-align: center;
    }

    .get-app .col-md-3 .d-flex img.mw-80 {
        max-width: 100%;
        width: 150px;
    }

    .why-ontime .row.mt-5 {
        margin-top: 0px !important;
    }

    .why-ontime .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .why-ontime .card .head img {
        max-height: 50px;
        margin: 10px auto 15px;
    }
    .why-ontime .card .head p {
        text-align: center;
        color: #C30008;
        font-size: 16px;
        line-height: 25px;
        font-weight: 700;
    }
    .why-ontime .card {
        height: 290px;
        margin-top: 20px;
    }
    .why-ontime .card .head p br {
        display: none;
    }
    .why-ontime .card .content p {
        text-align: center;
        color: #FF646A;
        font-size: 15px;
        line-height: 24px;
    }

    .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
        padding: 110% 0% 0px;
        text-align: center;
        max-width: 90%;
        margin: auto;
    }

    .our-commitment .card1 .content h4, .our-commitment .card2 .content h4, .our-commitment .card3 .content h4, .our-commitment .card4 .content h4 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .banner-about .banner-content p, .banner-contact .banner-content p, .banner-captian .banner-content p, .banner-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .banner-about .banner-content {
        padding: 0px 0px 20px;
        width: 100%;
    }

    .banner-captian .banner-content {
        padding: 0px 0px 20px;
        width: 100%;
        margin: auto;
        text-align: left;
    }

    .banner-captian .banner-content input {
        width: 100%;
        border-radius: 12px;
        background: #fff;
        height: 52px;
        margin: 15px auto;
        
    }
    .form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: .125rem;
        width: auto;
        margin: auto;
        padding-left: 0px !important;
    }

    .banner-captian .banner-content .form-check-input {
        margin: 0px 10px 0px 0px;
    }

    .banner, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
        padding-bottom: 30px;
    }

    .banner-about, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
    }

    .banner-contact, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
    }
    .banner-contact .col-md-5, .banner-contact .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .banner-about .col-md-5, .banner-about .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5, .why-amber-ontime .tab-bg .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul.flex-column {
        flex-direction: row !important;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul li {
        display: flex;
        width: 100%;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active p {
        display: block;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active div.d-none {
        display: block !important;
    }

    .why-amber-ontime .tab-bg .col-md-7 {
        display: none;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link img {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active div img {
        float: right;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 30px;
        width: 88%;
    }

    .nav-item button.nav-link.active::after {
 display: none;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills h4 {
        text-align: left;
        color: #121318;
        display: inline;
        font-size: 20px;
        font-weight: 600;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        padding: 15px 20px 10px;
        max-height: 100%;
    }

    .steps-captain .step-1 .one, .steps-captain .step-2 .two, .steps-captain .step-3 .three, .steps-captain .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .banner-content {
        padding: 0px 0px 20px;
        width: 100%;
    }
    .banner-contact .banner-content {
        padding: 0px 0px 20px;
        width: 100%;
    }

    .banner-content .contact-detials {
        background: #121318;
        border-radius: 30px;
        padding: 20px 25px;
        max-width: 100%;
        margin: 10px 0px 20px;
    }

    .banner-content .contact-detials br {
        display: none;
    }

    .banner-captian .banner-content .form-check label {
        display: block;
    }

    .apply-driver {
        background: #F0C858;
        border-radius: 16px;
        width: 250px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 20px;
        margin: 20px 0;
    }

    .footer-top .row {
        width: 100%;
        margin: auto;
        max-width: 400px;
    }

    .copy .row {
        width: 100% !important;
        margin: auto;
        max-width: 100% !important;
    }


    .footer-top .col-md-7 {
        width: 100%;
        margin: auto;
    }
    .footer-top .col-md-4 {
        width: 100%;
        margin: auto;
    }

    .footer-top .col-md-7 .row .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
        margin: 0px auto;
        padding: 0px;
    }
    .footer-top .col-md-7 .row .col-md-4:last-child {
        width: 100%;
        margin: 20px 0;
    }

    .footer-top h4 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        margin-bottom: 4%;
        font-weight: 700;
    }

    .footer-top ul li {
        list-style: none;
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        margin-bottom: 10px;
        margin-right: 0px;
        display: block;
    }
    .footer-top .address p strong, .footer-top .call p strong, .footer-top .email p strong {
        font-size: 16px;
        color: #fff;
        line-height: 24px;
    }

    .footer-top .d-inline-flex {
        display: inline-flex !important;
    }

    .footer-top .email {
        margin-left: 30px;
    }

    .our-mission h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-mission .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .steps-about .col-md-4 {
        flex: 0 0 auto;
        width:100%;
    }


    .steps-about h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .our-commitment h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .why-amber-ontime h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 25px;
        font-weight: 700;
    }

    .steps-captain h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .requirements h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .our-address .email h4 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .our-address .physical h4 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-address .physical p {
        width: 100%;
    }

    .our-address .social h4 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .form-content h4 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .about h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .banner-content .contact-detials h4 {
        font-size: 25px;
        text-align: left;
        color: #fff;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .steps-about .step-1 img, .steps-about .step-2 img, .steps-about .step-3 img {
        top: -0px;
        position: relative;
        width: auto;
    }

    .steps-about .step-1 .one, .steps-about .step-2 .two, .steps-about .step-3 .three{
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .steps-about .step-1, .steps-about .step-2, .steps-about .step-3 {
        margin-top: 30%;
        height: auto;
        width: 100%;
        margin: 20px auto;
        max-width: 600px;
    }

    .steps-about .step-1 h3, .steps-about .step-2 h3, .steps-about .step-3 h3 {
        font-size: 18px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: 40px;
    }

    .steps-about .step-1 p, .steps-about .step-2 p, .steps-about .step-3 p {
        font-size: 16px;
        text-align: left;
        color: #121318;
        line-height: 22px;
    }

    .our-commitment p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #121318;
    }

    .steps-captain .step-1, .steps-captain .step-2, .steps-captain .step-3, .steps-captain .step-4 {
        margin: 35% auto 0px;
        height: 550px;
        width: 100% !important;
        padding: 25px;
    }

    .steps-captain .step-1 h3, .steps-captain .step-2 h3, .steps-captain .step-3 h3, .steps-captain .step-4 h3  {
        font-size: 18px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: -80px;
    }

    .steps-captain .step-1 p, .steps-captain .step-2 p, .steps-captain .step-3 p, .steps-captain .step-4 p {
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        color: #121318;
    }
    .steps-captain .step-1 img, .steps-captain .step-2 img, .steps-captain .step-3 img, .steps-captain .step-4 img {
        top: -120px;
        position: relative;
        width: auto;
    }

    .steps-captain  .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .requirements .col-md-7,  .requirements .col-md-5  {
        flex: 0 0 auto;
        width: 100%;
    }

    .download-driver-app {
        background: #fff;
        padding: 13% 2.5% 5% !important;
        color: #121318;
    }
 
    .download-driver-app .col-md-10.download {
        width: 90%;
        margin: auto;
        padding-bottom: 0px !important;
    }

    .download-driver-app .col-md-10.download  .float-start {
        float: none !important;
        margin-bottom: 25px;
    }
    .download .user-download {
        position: unset;
        top: -66px;
        right: -81px;
        margin: auto;
        text-align: center;
    }

    .download h4 {
        font-size: 25px;
        text-align: left;
        color: #fff;
        margin-bottom: 1%;
        font-weight: 400;
    }
    .download-driver-app .col-md-2 {
        flex: 0 0 auto;
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }

    .download-driver-app .col-md-2 img {
        margin: 20px auto;
        width: 150px;
    }

    .cta-banner-contact {
        background: #000;
        width: 90% !important;
        height: auto;
        border-radius: 30px;
        display: block;
        margin-bottom: 20px;
        background-size: contain;
        padding-bottom: 0px !important;
    }

    .container-fluid.cta-banner-contact.p-4 {
        padding-bottom: 0px !important;
    }

    .cta-banner-contact .cta-content {
        color: white;
        max-width: 100%;
        margin: 0px 0px 10px;
        text-align: left;
    }

    .cta-banner-contact .contact-info {
        color: white;
        text-align: left;
        margin: 10px 0 7%;
    }

    .cta-banner-contact .cta-content h2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .cta-banner-contact p {
        margin-bottom: 0px;
        font-size: 16px;
    }
    .cta-banner-contact .cta-image {
        position: unset;
        right: 0px;
    }

    .cta-banner-contact .cta-image img {
        width: 100%;
        position: unset;
    }
    .search {
        width: 90%;
        max-width: 500px;
        height: auto;
        background: #fff;
        margin: 50px auto;
        padding: 3.5% 3%;
        border-radius: 30px;
        box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
        -webkit-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
        -moz-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
    }

    .search .d-flex {
        display: block !important;
    }

    .search .col-md-3, .search .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about {
        background: #F6F6F6;
        padding: 13% 2.5% 8% !important;
        margin: -11px auto 0px;
        z-index: -1;
        position: relative;
        color: #121318;
    }

    .about .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about .col-md-6 img {
        max-width: 100%;
        margin: auto;
    }

    .steps .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .banner-captian .col-md-5, .banner-captian .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer-top .border-start {
        display: none;
    }

    .copy p {
        text-align: center;
    }
    #goToTop img {
        width: 50px;
        margin: 20px auto;
    }

    
.our-commitment .card1 {
    background: url(../img/about/card-1.svg) no-repeat center top;
    height: 470px;
    margin: 20px auto 0px;
   }

   
   .our-commitment .card2 {
       background: url(../img/about/card-2.svg) no-repeat center top;
       height: 470px;
       margin: 20px auto 0px;
      }
    
   
   .our-commitment .card3 {
   background: url(../img/about/card-3.svg) no-repeat center top;
   height: 470px;
   margin: 20px auto 0px;
   }
    
   
   .our-commitment .card4 {
   background: url(../img/about/card-4.svg) no-repeat center top;
   height: 470px;
   margin: 20px auto 0px;
   }

   .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
    padding: 35% 0% 0px;
    text-align: center;
    max-width: 25%;
    margin: auto;
}

.our-commitment .card1 .content h4, .our-commitment .card2 .content  h4, .our-commitment .card3 .content  h4, .our-commitment .card4 .content  h4  {
    font-size:23px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

.our-commitment .card1 .content p, .our-commitment .card2 .content p, .our-commitment .card3 .content p, .our-commitment .card4 .content p {
 text-align: center;
 color: #fff;
 font-size: 16px;
 line-height: 21px;
 margin-top: 10px;
}
  }
 
  @media (min-width: 460px) and (max-width: 559.99px) {

    .banner, .banner-about, .banner-captian {
        color: #fff;
        width: 95%;
        margin-top: 110px;
    }
 
    .navbar-expand-lg .offcanvas {
        display: block;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: block;
    }

    body {      
        background: url(../img/common/mobile-banner-bg.webp) no-repeat center top;
        background-size:100%;
        overflow-x: hidden;
    }

    .logo img {
        width: 100%;
        margin: 15px 0px 0px 10px;
        max-width:250px;
    }
    .header {
        background: url(../img/common/header-bg-mobile.svg) no-repeat left top;
        height: 80px;
        background-size: cover;
        /* position: fixed; */
        /* top: 0; */
        /* width: 100%; */
        /* display: block; */
        /* transition: top 0.3s; */
        /* z-index: 9; */
    }
    .navbar {
        background: none;
        border: solid 0px #BE3840 !important;
        border-radius: 37px !important;
        margin: 10px auto 0px !important;
        text-align: center !important;
        padding: 0px !important;
        max-width: 100% !important;
        float: right !important;
        position: relative !important;
        right: 20px !important;
        top: -35px !important;
    }
    .navbar-toggler.border-white {
        /* background: #A0262D;
        border: none;
        border-radius: 15px; */
        width: 42px !important;
        height: 42px !important;
        padding: 0px !important;
        border: none;
    }  
    
    .navbar-toggler-icon {
        background: url(../img/common/menu-icon.svg) no-repeat center top !important;
        width: 42px !important;
        height: 42px !important;
    }

    #offcanvasNav {
        background: #A0262D;
        width: 100%;
    }
    
    .offcanvas-header {
        text-align: left;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li {
        margin: 0px 32px 30px;
        text-align: right;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li a {
        color: #fff;
        text-decoration: none;
        padding: 10px 20px;
        border: solid 2px #A0262D;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li a:hover {
        border: solid 2px #BE3840;
        border-radius: 30px;
        padding: 10px 20px;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: block;
    }



    .header .become-partner {
        width: 200px;
        height: 40px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        color: #fff;
        line-height: 40px;
        margin: 10px 10px 30px 0px;
        float: right;
        font-size: 18px;
        font-weight: 500;
        display: none;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body .become-partner {
        display: block;
        width: 90%;
        height: 50px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        margin: 20px 20px 30px 0px;
        clear: both;
        line-height: 50px;
        font-size: 20px;
        font-weight: 700;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body .download-app {
        background: #B32931;
        display: block;
        border-radius: 0;
        clear: both;
        width: 100%;
        margin: 30px auto 0px;
        padding: 20px;
        height: auto;
    }

    .download-app p {
        text-align: left;
    }

    .download-app {
        background: #F0C858;
        border-radius: 16px;
        width: 280px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 0;
    }

    .banner-content h1, .banner-about .banner-content h1, .banner-captian .banner-content h1, .banner-contact .banner-content h1 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    
    .search h2 {
        font-size: 25px;
        text-align: center;
        color: #121318;
    }
    .search p {
        font-size: 16px;
        text-align: center;
        color: #C30008;
    }

    .steps h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }
    .steps .step-1, .steps .step-2, .steps .step-3, .steps .step-4 {
        margin-top: 40%;
        height: auto;
        width: 100%;
        max-width: 100%;
        margin: 25% auto 10%;
    }
    .steps .step-1 img, .steps .step-2 img, .steps .step-3 img {
        top: -135px;
        position: relative;
        width: 75%;
    }
    .steps .step-1 .one, .steps .step-2 .two, .steps .step-3 .three, .steps .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .why-ontime h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains {
        padding: 4% 2.5% 2%;
        text-align: center;
    }

    .meet-our-captains .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }
    .carousel img {
        width: auto;
        height: 280px;
        object-fit: cover;
        border-radius: 30px;
    }
    
    .profile-info {
        position: relative;
        bottom: 0;
        left: 1px;
        width: 223px;
        padding: 25px 10px;
        color: white;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        top: -67px;
        border-radius: 30px;
    }
    

    .profile-info span {
        font-size: 15px;
        line-height: 16px;
        font-weight: 700;
        width: 85%;
        /* display: inline; */
        text-align: left;
        float: left;
    }

    .profile-info span {
        font-size: 15px;
        line-height: 16px;
        font-weight: 700;
        width: 85%;
        /* display: inline; */
        text-align: left;
        float: left;
    }
    
    .profile-info span:last-child {
        font-size: 13px;
        font-weight: 400;
        text-align: right !important;
        float: right;
        width: 15%;
    }

    .profile-content {
        width: auto;
    }

    .btn.become-captain {
        width: 195px;
        height: 42px;
        text-align: center;
        border: solid 1px #C30008;
        border-radius: 12px;
        color: #C30008;
        line-height: 25px;
        margin: -75px auto 5%;
        font-size: 16px;
        font-weight: 700;
        background: #fff;
        display: block;
        z-index: 9;
        position: relative;
    }

    .slick-slide p {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
        color: #121318;
        margin: 10px auto;
        padding: 5px;
        font-weight: 400;
    }
    .carousel .tags span {
        font-size: 10px;
        padding: 5px 5px;
    }
    .cta-banner {
        background:#000;
        width: 90%;
        max-width: 500px;
        height: auto;
        border-radius: 30px;
        display: block;
        margin: 20px auto;
        background-size: contain;
    }
    .cta-content {
        color: white;
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
    .cta-content h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .cta-image {
        position: unset;
        right: 0px;
    }

    .cta-image img {
        width: 100%;
        position: relative;
        right: 0px;
        top: 18px;
    }

    .cta-button {
        background: #C30008;
        color: white;
        padding: 5px 13px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
    }

    form#get-app-form {
        /* width: 500px; */
        display: block;
        max-width: 450px;
        margin: auto;
    }

    .get-app .phone-field input {
        max-width: 100%;
        width: auto;
        height: 42px;
        border: solid 1px #666666;
        border-radius: 12px;
        margin:20px auto;
    }

    .get-app .phone-field {
        width: auto;
    }

    .get-app .d-inline-flex {
        display: block !important;
    }

    .contact-info {
        color: white;
        text-align: left;
        margin: 20px auto;
    }
    .contact-info p {
        margin-bottom: 0px;
        line-height: 22px;
        font-size: 16px;
    }

    .get-app p {
        font-size: 16px;
        text-align: center;
        color: #121318;
    }

 
    .get-app .mw-85 {
        max-width: 100%;
    }

    .why-ontime .row.mt-5 {
        margin-top: 0px !important;
    }

    .why-ontime .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .why-ontime .card .head img {
        max-height: 50px;
        margin: 10px auto 15px;
    }
    .why-ontime .card .head p {
        text-align: center;
        color: #C30008;
        font-size: 16px;
        line-height: 25px;
        font-weight: 700;
    }
    .why-ontime .card {
        height: 290px;
        margin-top: 20px;
    }
    .why-ontime .card .head p br {
        display: none;
    }
    .why-ontime .card .content p {
        text-align: center;
        color: #FF646A;
        font-size: 15px;
        line-height: 24px;
    }

    .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
        padding: 110% 0% 0px;
        text-align: center;
        max-width: 90%;
        margin: auto;
    }

    .our-commitment .card1 .content h4, .our-commitment .card2 .content h4, .our-commitment .card3 .content h4, .our-commitment .card4 .content h4 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .banner-about .banner-content p, .banner-contact .banner-content p, .banner-captian .banner-content p, .banner-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .banner-about .banner-content {
        padding: 0px 0px 20px;
        width: 100%;
    }

    .banner-captian .banner-content {
        padding: 0px 0px 20px;
        width: 100%;
        margin: auto;
        text-align: left;
    }

    .banner-captian .banner-content input {
        width: 100%;
        border-radius: 12px;
        background: #fff;
        height: 52px;
        margin: 15px auto;
    }
    .form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: .125rem;
        width: auto;
        margin: auto;
        padding-left: 0px !important;
    }

    .banner-captian .banner-content .form-check-input {
        margin: 0px 10px 0 0;
    }

    .banner, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
        padding-bottom: 30px;
    }

    .banner-about, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
    }

    .banner-contact, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
    }
    .banner-contact .col-md-5, .banner-contact .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .banner-about .col-md-5, .banner-about .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5, .why-amber-ontime .tab-bg .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul.flex-column {
        flex-direction: row !important;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul li {
        display: flex;
        width: 100%;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active p {
        display: block;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active div.d-none {
        display: block !important;
    }

    .why-amber-ontime .tab-bg .col-md-7 {
        display: none;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link img {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active div img {
        float: right;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 30px;
        width: 88%;
    }

    .nav-item button.nav-link.active::after {
 display: none;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills h4 {
        text-align: left;
        color: #121318;
        display: inline;
        font-size: 20px;
        font-weight: 600;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        padding: 15px 20px 10px;
        max-height: 100%;
    }

    .steps-captain .step-1 .one, .steps-captain .step-2 .two, .steps-captain .step-3 .three, .steps-captain .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .banner-content {
        padding: 0px 0px 20px;
        width: 90%;
    }
    .banner-contact .banner-content {
        padding: 0px 0px 20px;
        width: 100%;
    }

    .banner-content .contact-detials {
        background: #121318;
        border-radius: 30px;
        padding: 20px 25px;
        max-width: 100%;
        margin: 10px 0px 20px;
    }

    .banner-content .contact-detials br {
        display: none;
    }

    .banner-captian .banner-content .form-check label {
        display: block;
    }

    .apply-driver {
        background: #F0C858;
        border-radius: 16px;
        width: 250px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 20px;
        margin: 20px 0;
    }

    .footer-top .row {
        width: 100%;
        margin: auto;
        max-width: 400px;
    }

    .copy .row {
        width: 100% !important;
        margin: auto;
        max-width: 100% !important;
    }

    .copy {
        background: #000000;
        padding: 5% 2.5% 18% !important;
    }


    .footer-top .col-md-7 {
        width: 100%;
        margin: auto;
    }
    .footer-top .col-md-4 {
        width: 100%;
        margin: auto;
    }

    .footer-top .col-md-7 .row .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
        margin: 0px auto;
        padding: 0px;
    }
    .footer-top .col-md-7 .row .col-md-4:last-child {
        width: 100%;
        margin: 20px 0;
    }

    .footer-top h4 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        margin-bottom: 4%;
        font-weight: 700;
    }

    .footer-top ul li {
        list-style: none;
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        margin-bottom: 10px;
        margin-right: 0px;
        display: block;
    }
    .footer-top .address p strong, .footer-top .call p strong, .footer-top .email p strong {
        font-size: 16px;
        color: #fff;
        line-height: 24px;
    }

    .footer-top .d-inline-flex {
        display: inline-flex !important;
    }

    .footer-top .email {
        margin-left: 30px;
    }

    .our-mission h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-mission .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .steps-about .col-md-4 {
        flex: 0 0 auto;
        width:100%;
    }


    .steps-about h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .our-commitment h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .why-amber-ontime h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 25px;
        font-weight: 700;
    }

    .steps-captain h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .requirements h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .requirements img.mw-80.mt-5 {
        max-width: 100% !important;
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }

    .our-address .email h4 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .our-address .physical h4 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-address .physical p {
        width: 100%;
    }

    .our-address .social h4 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .form-content h4 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .about h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .banner-content .contact-detials h4 {
        font-size: 25px;
        text-align: left;
        color: #fff;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .steps-about .step-1 img, .steps-about .step-2 img, .steps-about .step-3 img {
        top: -0px;
        position: relative;
        width: auto;
    }

    .steps-about .step-1 .one, .steps-about .step-2 .two, .steps-about .step-3 .three{
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .steps-about .step-1, .steps-about .step-2, .steps-about .step-3 {
        margin-top: 30%;
        height: auto;
        width: 100%;
        margin: 20px auto;
        max-width: 600px;
    }

    .steps-about .step-1 h3, .steps-about .step-2 h3, .steps-about .step-3 h3 {
        font-size: 18px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: 40px;
    }

    .steps-about .step-1 p, .steps-about .step-2 p, .steps-about .step-3 p {
        font-size: 16px;
        text-align: left;
        color: #121318;
        line-height: 22px;
    }

    .our-commitment p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #121318;
    }

    .steps-captain .step-1, .steps-captain .step-2, .steps-captain .step-3, .steps-captain .step-4 {
        margin: 35% auto 0px;
        height: 550px;
        width: 100% !important;
        padding: 25px;
    }

    .steps-captain .step-1 h3, .steps-captain .step-2 h3, .steps-captain .step-3 h3, .steps-captain .step-4 h3  {
        font-size: 18px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: -80px;
    }

    .steps-captain .step-1 p, .steps-captain .step-2 p, .steps-captain .step-3 p, .steps-captain .step-4 p {
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        color: #121318;
    }
    .steps-captain .step-1 img, .steps-captain .step-2 img, .steps-captain .step-3 img, .steps-captain .step-4 img {
        top: -120px;
        position: relative;
        width: auto;
    }

    .steps-captain  .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .requirements .col-md-7,  .requirements .col-md-5  {
        flex: 0 0 auto;
        width: 100%;
    }

    .download-driver-app {
        background: #fff;
        padding: 13% 2.5% 5% !important;
        color: #121318;
    }
 
    .download-driver-app .col-md-10.download {
        width: 90%;
        margin: auto;
        padding-bottom: 0px !important;
    }

    .download-driver-app .col-md-10.download  .float-start {
        float: none !important;
        margin-bottom: 25px;
    }

    .download-driver-app .col-md-10.download  .d-inline-flex {
        display: block!important;
    }
    .download .download-app {
        background: #C30008;
        border-radius: 12px;
        width: 100%;
        height: 42px;
        font-size: 16px;
        line-height: 25px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        margin: 20px auto;
    }

    .download input.form-control {
        width: 100%;
    }
    .download .user-download {
        position: unset;
        top: -66px;
        right: -81px;
        margin: auto;
        text-align: center;
    }

    .download h4 {
        font-size: 25px;
        text-align: left;
        color: #fff;
        margin-bottom: 1%;
        font-weight: 400;
    }
    .download-driver-app .col-md-2 {
        flex: 0 0 auto;
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }

    .download-driver-app .col-md-2 img {
        margin: 20px auto;
        width: 150px;
    }

    .cta-banner-contact {
        background: #000;
        width: 90% !important;
        height: auto;
        border-radius: 30px;
        display: block;
        margin-bottom: 20px;
        background-size: contain;
        padding-bottom: 0px !important;
    }

    .container-fluid.cta-banner-contact.p-4 {
        padding-bottom: 0px !important;
    }

    .cta-banner-contact .cta-content {
        color: white;
        max-width: 100%;
        margin: 0px 0px 10px;
        text-align: left;
    }

    .cta-banner-contact .contact-info {
        color: white;
        text-align: left;
        margin: 10px 0 7%;
    }

    .cta-banner-contact .cta-content h2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .cta-banner-contact p {
        margin-bottom: 0px;
        font-size: 16px;
    }
    .cta-banner-contact .cta-image {
        position: unset;
        right: 0px;
    }

    .cta-banner-contact .cta-image img {
        width: 100%;
        position: unset;
    }
    .search {
        width: 90%;
        max-width: 500px;
        height: auto;
        background: #fff;
        margin: 50px auto;
        padding: 3.5% 3%;
        border-radius: 30px;
        box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
        -webkit-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
        -moz-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
    }

    .search .d-flex {
        display: block !important;
    }

    .search .col-md-3, .search .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about {
        background: #F6F6F6;
        padding: 13% 2.5% 8% !important;
        margin: -11px auto 0px;
        z-index: -1;
        position: relative;
        color: #121318;
    }

    .about .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about .col-md-6 img {
        max-width: 100%;
        margin: auto;
    }

    .steps .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .banner-captian .col-md-5, .banner-captian .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer-top .border-start {
        display: none;
    }

    .copy p {
        text-align: center;
    }
    #goToTop img {
        width: 50px;
        margin: 20px auto;
    }

    
.our-commitment .card1 {
    background: url(../img/about/card-1.svg) no-repeat center top;
    height: 470px;
    margin: 20px auto 0px;
   }

   
   .our-commitment .card2 {
       background: url(../img/about/card-2.svg) no-repeat center top;
       height: 470px;
       margin: 20px auto 0px;
      }
    
   
   .our-commitment .card3 {
   background: url(../img/about/card-3.svg) no-repeat center top;
   height: 470px;
   margin: 20px auto 0px;
   }
    
   
   .our-commitment .card4 {
   background: url(../img/about/card-4.svg) no-repeat center top;
   height: 470px;
   margin: 20px auto 0px;
   }

   .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
    padding: 42% 0% 0px;
    text-align: center;
    max-width: 35%;
    margin: auto;
}

.our-commitment .card1 .content h4, .our-commitment .card2 .content  h4, .our-commitment .card3 .content  h4, .our-commitment .card4 .content  h4  {
    font-size:23px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

.our-commitment .card1 .content p, .our-commitment .card2 .content p, .our-commitment .card3 .content p, .our-commitment .card4 .content p {
 text-align: center;
 color: #fff;
 font-size: 16px;
 line-height: 21px;
 margin-top: 10px;
}
  }

  @media (min-width: 360px) and (max-width: 459.99px) {
    .banner, .banner-about, .banner-captian, .banner-contact {
        color: #fff;
        width: 95%;
        margin-top: 110px;
    }
    .navbar-expand-lg .offcanvas {
        display: block;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: block;
    }

    body {      
        background: url(../img/common/mobile-banner-bg.webp) no-repeat center top;
        background-size:100%;
        overflow-x: hidden;
    }

    .logo img {
        width: 100%;
        margin: 12px 0px 0px 6px;
        max-width: 180px;
    }
    .header {
        background: url(../img/common/header-bg-mobile-sm.svg) no-repeat left top; 
        height: 55px;
        background-size: cover;
        /* position: fixed; */
        /* top: 0; */
        /* width: 100%; */
        /* display: block; */
        /* transition: top 0.3s; */
        /* z-index: 9; */
    }
    .navbar {
        background: none;
        border: solid 0px #BE3840;
        border-radius: 37px;
        margin: 10px auto 0px;
        text-align: center;
        padding: 0px !important;
        max-width: 100%;
        float: right;
        position: relative;
        right: 15px;
        top: -37px;
    }
    .navbar-toggler.border-white {
        /* background: #A0262D;
        border: none;
        border-radius: 15px; */
        width: 42px;
        height: 42px;
        padding: 0px;
        border: none;
    }  
    
    .navbar-toggler-icon {
        background: url(../img/common/menu-icon.svg) no-repeat center top;
        width: 42px;
        height: 42px;
    }

    #offcanvasNav {
        background: #A0262D;
        width: 100%;
    }
    
    .offcanvas-header {
        text-align: left;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li {
        margin: 0px 32px 30px;
        text-align: right;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li a {
        color: #fff;
        text-decoration: none;
        padding: 10px 20px;
        border: solid 2px #A0262D;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li a:hover {
        border: solid 2px #BE3840;
        border-radius: 30px;
        padding: 10px 20px;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: block;
    }



    .header .become-partner {
        width: 200px;
        height: 40px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        color: #fff;
        line-height: 40px;
        margin: 10px 10px 30px 0px;
        float: right;
        font-size: 18px;
        font-weight: 500;
        display: none;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body .become-partner {
        display: block;
        width: 90%;
        height: 50px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        margin: 20px 20px 30px 0px;
        clear: both;
        line-height: 50px;
        font-size: 20px;
        font-weight: 700;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body .download-app {
        background: #B32931;
        display: block;
        border-radius: 0;
        clear: both;
        width: 100%;
        margin: 30px auto 0px;
        padding: 20px;
        height: auto;
    }

    .download-app p {
        text-align: left;
    }

    .download-app {
        background: #F0C858;
        border-radius: 16px;
        width: 280px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 0;
    }

    .banner-content h1, .banner-about .banner-content h1, .banner-captian .banner-content h1, .banner-contact .banner-content h1 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    
    .search h2 {
        font-size: 25px;
        text-align: center;
        color: #121318;
    }
    .search p {
        font-size: 16px;
        text-align: center;
        color: #C30008;
    }

    .steps h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }
    .steps .step-1, .steps .step-2, .steps .step-3, .steps .step-4 {
        margin-top: 40%;
        height: auto;
        width: 100%;
        max-width: 100%;
        margin: 35% auto 10%;
    }
    .steps .step-1 img, .steps .step-2 img, .steps .step-3 img {
        top: -135px;
        position: relative;
        width: 75%;
    }
    .steps .step-1 .one, .steps .step-2 .two, .steps .step-3 .three, .steps .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .why-ontime h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains {
        padding: 4% 2.5% 2%;
        text-align: center;
    }

    .meet-our-captains .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }
    .carousel img {
        width: auto;
        height: 220px;
        object-fit: cover;
        border-radius: 30px;
    }
    
    .profile-info {
        position: relative;
        bottom: 0;
        left: 1px;
        width: 174px;
        height: 67px;
        padding: 25px 10px;
        color: white;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        top: -67px;
        border-radius: 30px;
    }
    

    .profile-info span {
        font-size: 15px;
        line-height: 16px;
        font-weight: 700;
        width: 85%;
        /* display: inline; */
        text-align: left;
        float: left;
    }

    .profile-info span {
        font-size: 15px;
        line-height: 16px;
        font-weight: 700;
        width: 85%;
        /* display: inline; */
        text-align: left;
        float: left;
    }
    
    .profile-info span:last-child {
        font-size: 13px;
        font-weight: 400;
        text-align: right !important;
        float: right;
        width: 15%;
    }

    .profile-content {
        width: auto;
    }

    .btn.become-captain {
        width: 195px;
        height: 42px;
        text-align: center;
        border: solid 1px #C30008;
        border-radius: 12px;
        color: #C30008;
        line-height: 25px;
        margin: -75px auto 5%;
        font-size: 16px;
        font-weight: 700;
        background: #fff;
        display: block;
        z-index: 9;
        position: relative;
    }

    .slick-slide p {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
        color: #121318;
        margin: 10px auto;
        padding: 5px;
        font-weight: 400;
    }
    .carousel .tags span {
        font-size: 10px;
        padding: 5px 5px;
    }
    .cta-banner {
        background:#000;
        width: 90%;
        max-width: 500px;
        height: auto;
        border-radius: 30px;
        display: block;
        margin: 20px auto;
        background-size: contain;
    }
    .cta-content {
        color: white;
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
    .cta-content h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .cta-image {
        position: unset;
        right: 0px;
    }

    .cta-image img {
        width: 100%;
        position: relative;
        right: 0px;
        top: 18px;
    }

    .cta-button {
        background: #C30008;
        color: white;
        padding: 5px 13px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
    }

    form#get-app-form {
        /* width: 500px; */
        display: block;
        max-width: 450px;
        margin: auto;
    }

    .get-app .phone-field input {
        max-width: 100%;
        width: auto;
        height: 42px;
        border: solid 1px #666666;
        border-radius: 12px;
        margin:20px auto;
    }

    .get-app .phone-field {
        width: auto;
    }

    .get-app .d-inline-flex {
        display: block !important;
    }

    .contact-info {
        color: white;
        text-align: left;
        margin: 20px auto;
    }
    .contact-info p {
        margin-bottom: 0px;
        line-height: 22px;
        font-size: 16px;
    }

    .get-app p {
        font-size: 16px;
        text-align: center;
        color: #121318;
    }

 
    .get-app .mw-85 {
        max-width: 100%;
    }

    .why-ontime .row.mt-5 {
        margin-top: 0px !important;
    }

    .why-ontime .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .why-ontime .card .head img {
        max-height: 50px;
        margin: 10px auto 15px;
    }
    .why-ontime .card .head p {
        text-align: center;
        color: #C30008;
        font-size: 16px;
        line-height: 25px;
        font-weight: 700;
    }
    .why-ontime .card {
        height: 290px;
        margin-top: 20px;
    }
    .why-ontime .card .head p br {
        display: none;
    }
    .why-ontime .card .content p {
        text-align: center;
        color: #FF646A;
        font-size: 15px;
        line-height: 24px;
    }

    .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
        padding: 110% 0% 0px;
        text-align: center;
        max-width: 90%;
        margin: auto;
    }

    .our-commitment .card1 .content h4, .our-commitment .card2 .content h4, .our-commitment .card3 .content h4, .our-commitment .card4 .content h4 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .banner-about .banner-content p, .banner-contact .banner-content p, .banner-captian .banner-content p, .banner-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .banner-about .banner-content {
        padding: 0px 10px;
        width: 100%;
    }

    .banner-captian .banner-content {
        padding: 0px 20px;
        width: 100%;
        margin: auto;
        text-align: left;
    }

    .banner-captian .banner-content input {
        width: 100%;
        border-radius: 12px;
        background: #fff;
        height: 52px;
        margin: 15px auto;
    }
    .form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: .125rem;
        width: auto;
        margin: auto;
        padding-left: 0px !important;
    }

    .banner-captian .banner-content .form-check-input {
        margin: 0px 10px 0px 0px;
    }

    .banner, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
        padding-bottom: 30px;
    }

    .banner-about, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
    }

    .banner-contact, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
    }
    .banner-contact .col-md-5, .banner-contact .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .banner-about .col-md-5, .banner-about .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5, .why-amber-ontime .tab-bg .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul.flex-column {
        flex-direction: row !important;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul li {
        display: flex;
        width: 100%;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active p {
        display: block;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active div.d-none {
        display: block !important;
    }

    .why-amber-ontime .tab-bg .col-md-7 {
        display: none;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link img {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active div img {
        float: right;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 30px;
        width: 88%;
    }

    .nav-item button.nav-link.active::after {
 display: none;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills h4 {
        text-align: left;
        color: #121318;
        display: inline;
        font-size: 20px;
        font-weight: 600;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        padding: 15px 20px 10px;
        max-height: 100%;
    }

    .steps-captain .step-1 .one, .steps-captain .step-2 .two, .steps-captain .step-3 .three, .steps-captain .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .banner-content {
        padding: 30px 0px 20px;
        width: 100%;
    }
    .banner-contact .banner-content {
        padding: 0px 20px;
        width: 100%;
    }

    .banner-content .contact-detials {
        background: #121318;
        border-radius: 30px;
        padding: 20px 25px;
        max-width: 100%;
        margin: 10px 0px 20px;
    }

    .banner-content .contact-detials br {
        display: none;
    }

    .banner-captian .banner-content .form-check label {
        display: block;
    }

    .apply-driver {
        background: #F0C858;
        border-radius: 16px;
        width: 250px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 20px;
        margin: 20px 0;
    }

    .footer-top .row {
        width: 100%;
        margin: auto;
        max-width: 400px;
    }

    .copy .row {
        width: 100% !important;
        margin: auto;
        max-width: 100% !important;
    }

    .copy {
        background: #000000;
        padding: 5% 2.5% 18% !important;
    }
    .footer-top .col-md-7 {
        width: 100%;
        margin: auto;
    }
    .footer-top .col-md-4 {
        width: 100%;
        margin: auto;
    }

    .footer-top .col-md-7 .row .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
        margin: 0px auto 20px;
        padding: 0px;
    }
    .footer-top .col-md-7 .row .col-md-4:last-child {
        width: 100%;
        margin: 20px 0;
    }

    .footer-top h4 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        margin-bottom: 4%;
        font-weight: 700;
    }

    .footer-top ul li {
        list-style: none;
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        margin-bottom: 10px;
        margin-right: 0px;
        display: block;
    }
    .footer-top .address p strong, .footer-top .call p strong, .footer-top .email p strong {
        font-size: 16px;
        color: #fff;
        line-height: 24px;
    }

    .footer-top .d-inline-flex {
        display: block !important;
    }

    .footer-top .email {
        margin-left: 0px;
    }

    .our-mission h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-mission .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .steps-about .col-md-4 {
        flex: 0 0 auto;
        width:100%;
    }


    .steps-about h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .our-commitment h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .why-amber-ontime h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 25px;
        font-weight: 700;
    }

    .steps-captain h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .requirements h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .requirements img.mw-80.mt-5 {
        max-width: 100% !important;
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }

    .our-address .email h4 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .our-address .physical h4 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-address .physical p {
        width: 100%;
    }

    .our-address .social h4 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .form-content h4 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .about h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .banner-content .contact-detials h4 {
        font-size: 25px;
        text-align: left;
        color: #fff;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .steps-about .step-1 img, .steps-about .step-2 img, .steps-about .step-3 img {
        top: -0px;
        position: relative;
        width: auto;
    }

    .steps-about .step-1 .one, .steps-about .step-2 .two, .steps-about .step-3 .three{
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .steps-about .step-1, .steps-about .step-2, .steps-about .step-3 {
        margin-top: 30%;
        height: auto;
        width:100%;
        margin: 20px auto;
        max-width: 100%;
    }

    .steps-about .step-1 h3, .steps-about .step-2 h3, .steps-about .step-3 h3 {
        font-size: 18px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: 40px;
    }

    .steps-about .step-1 p, .steps-about .step-2 p, .steps-about .step-3 p {
        font-size: 16px;
        text-align: left;
        color: #121318;
        line-height: 22px;
    }

    .our-commitment p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #121318;
    }

    .steps-captain .step-1, .steps-captain .step-2, .steps-captain .step-3, .steps-captain .step-4 {
        margin: 35% auto 0px;
        height: 550px;
        width: 100%;
        max-width: 100%;
        padding: 25px;
    }

    .steps-captain .step-1 h3, .steps-captain .step-2 h3, .steps-captain .step-3 h3, .steps-captain .step-4 h3  {
        font-size: 18px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: -80px;
    }

    .steps-captain .step-1 p, .steps-captain .step-2 p, .steps-captain .step-3 p, .steps-captain .step-4 p {
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        color: #121318;
    }
    .steps-captain .step-1 img, .steps-captain .step-2 img, .steps-captain .step-3 img, .steps-captain .step-4 img {
        top: -120px;
        position: relative;
        width: auto;
    }

    .steps-captain  .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .requirements .col-md-7,  .requirements .col-md-5  {
        flex: 0 0 auto;
        width: 100%;
    }

    .download-driver-app {
        background: #fff;
        padding: 13% 2.5% 5% !important;
        color: #121318;
    }

    .download {
        background: #121318;
        border-radius: 30px;
        padding: 30px 20px 30px !important;
        position: relative;
    }
 
    .download-driver-app .col-md-10.download {
        width: 90%;
        margin: auto;
        padding-bottom: 0px !important;
    }

    .download-driver-app .col-md-10.download  .float-start {
        float: none !important;
        margin-bottom: 25px;
    }

    .download-driver-app .col-md-10.download  .d-inline-flex {
        display: block!important;
    }
    .download .download-app {
        background: #C30008;
        border-radius: 12px;
        width: 100%;
        height: 42px;
        font-size: 16px;
        line-height: 25px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        margin: 20px auto;
    }

    .download input.form-control {
        width: 100%;
    }
    .download .user-download {
        position: unset;
        top: -66px;
        right: -81px;
        margin: auto;
        text-align: center;
    }

    .download h4 {
        font-size: 25px;
        text-align: left;
        color: #fff;
        margin-bottom: 1%;
        font-weight: 400;
    }
    .download-driver-app .col-md-2 {
        flex: 0 0 auto;
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }

    .download-driver-app .col-md-2 img {
        margin: 20px auto;
        width: 150px;
    }

    .cta-banner-contact {
        background: #000;
        width: 90% !important;
        height: auto;
        border-radius: 30px;
        display: block;
        margin-bottom: 20px;
        background-size: contain;
        padding-bottom: 0px !important;
    }

    .container-fluid.cta-banner-contact.p-4 {
        padding-bottom: 0px !important;
    }

    .cta-banner-contact .cta-content {
        color: white;
        max-width: 100%;
        margin: 0px 0px 10px;
        text-align: left;
    }

    .cta-banner-contact .contact-info {
        color: white;
        text-align: left;
        margin: 10px 0 7%;
    }

    .cta-banner-contact .cta-content h2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .cta-banner-contact p {
        margin-bottom: 0px;
        font-size: 16px;
    }
    .cta-banner-contact .cta-image {
        position: unset;
        right: 0px;
    }

    .cta-banner-contact .cta-image img {
        width: 100%;
        position: unset;
    }
    .search {
        width: 90%;
        max-width: 500px;
        height: auto;
        background: #fff;
        margin: 0px auto 30px;
        padding: 3.5% 5% 5%;
        border-radius: 30px;
        box-shadow: 0px 0px 34px 2px rgba(0,0,0,0.37);
        -webkit-box-shadow: 0px 0px 34px 2px rgba(0,0,0,0.37);
        -moz-box-shadow: 0px 0px 34px 2px rgba(0,0,0,0.37);
    }

    .search .d-flex {
        display: block !important;
    }

    .search .col-md-3, .search .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about {
        background: #F6F6F6;
        padding: 13% 2.5% 8% !important;
        margin: -11px auto 0px;
        z-index: -1;
        position: relative;
        color: #121318;
    }

    .about .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about .col-md-6 img {
        max-width: 100%;
        margin: auto;
    }

    .steps .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .banner-captian .col-md-5, .banner-captian .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer-top .border-start {
        display: none;
    }

    .copy p {
        text-align: center;
    }
    #goToTop img {
        width: 50px;
        margin: 20px auto;
    }

    
.our-commitment .card1 {
    background: url(../img/about/card-1.svg) no-repeat center top;
    height: 470px;
    margin: 20px auto 0px;
   }

   
   .our-commitment .card2 {
       background: url(../img/about/card-2.svg) no-repeat center top;
       height: 470px;
       margin: 20px auto 0px;
      }
    
   
   .our-commitment .card3 {
   background: url(../img/about/card-3.svg) no-repeat center top;
   height: 470px;
   margin: 20px auto 0px;
   }
    
   
   .our-commitment .card4 {
   background: url(../img/about/card-4.svg) no-repeat center top;
   height: 470px;
   margin: 20px auto 0px;
   }

   .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
	padding: 56% 0% 0px;
	text-align: center;
	max-width: 45%;
	margin: auto;
}

.our-commitment .card1 .content h4, .our-commitment .card2 .content  h4, .our-commitment .card3 .content  h4, .our-commitment .card4 .content  h4  {
    font-size:23px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

.our-commitment .card1 .content p, .our-commitment .card2 .content p, .our-commitment .card3 .content p, .our-commitment .card4 .content p {
 text-align: center;
 color: #fff;
 font-size: 16px;
 line-height: 21px;
 margin-top: 10px;
}
  }

  @media (min-width: 320px) and (max-width: 359px) {
    .banner, .banner-about, .banner-captian, .banner-contact {
        color: #fff;
        width: 95%;
        margin-top: 110px;
    }
    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer;
        width: 46px;
        padding: 5px;
    }
    
    .navbar-expand-lg .offcanvas {
        display: block;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: block;
    }

    body {      
        background: url(../img/common/mobile-banner-bg.webp) no-repeat center top;
        background-size:100%;
        overflow-x: hidden;
    }

    .logo img {
        width: 100%;
        margin: 8px 0px 0px 6px;
        max-width: 130px;
    }
    .header {
        background: url(../img/common/header-bg-mobile-sm.svg) no-repeat left top; 
        height: 67px;
        background-size: contain;
        /* position: fixed; */
        /* top: 0; */
        /* width: 100%; */
        /* display: block; */
        /* transition: top 0.3s; */
        /* z-index: 9; */
    }
    .navbar {
        background: none;
        border: solid 0px #BE3840;
        border-radius: 37px;
        margin: 10px auto 0px;
        text-align: center;
        padding: 0px !important;
        max-width: 100%;
        float: right;
        position: relative;
        right: 15px;
        top: -30px;
    }
    .navbar-toggler.border-white {
        /* background: #A0262D;
        border: none;
        border-radius: 15px; */
        width: 42px;
        height: 42px;
        padding: 0px;
        border: none;
    }  
    
    .navbar-toggler-icon {
        background: url(../img/common/menu-icon.svg) no-repeat center top;
        width: 42px;
        height: 42px;
    }

    #offcanvasNav {
        background: #A0262D;
        width: 100%;
    }
    
    .offcanvas-header {
        text-align: left;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li {
        margin: 0px 32px 30px;
        text-align: right;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li a {
        color: #fff;
        text-decoration: none;
        padding: 10px 20px;
        border: solid 2px #A0262D;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body ul li a:hover {
        border: solid 2px #BE3840;
        border-radius: 30px;
        padding: 10px 20px;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        display: block;
    }



    .header .become-partner {
        width: 200px;
        height: 40px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        color: #fff;
        line-height: 40px;
        margin: 10px 10px 30px 0px;
        float: right;
        font-size: 18px;
        font-weight: 500;
        display: none;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body .become-partner {
        display: block;
        width: 90%;
        height: 50px;
        text-align: center;
        border: solid 1px #fff;
        border-radius: 16px;
        margin: 20px 20px 30px 0px;
        clear: both;
        line-height: 50px;
        font-size: 20px;
        font-weight: 700;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body .download-app {
        background: #B32931;
        display: block;
        border-radius: 0;
        clear: both;
        width: 100%;
        margin: 30px auto 0px;
        padding: 20px;
        height: auto;
    }

    .download-app p {
        text-align: left;
    }

    .download-app {
        background: #F0C858;
        border-radius: 16px;
        width: 100%;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 0;
    }


    .banner-content h1, .banner-about .banner-content h1, .banner-captian .banner-content h1, .banner-contact .banner-content h1 {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    
    .search h2 {
        font-size: 23px;
        text-align: center;
        color: #121318;
    }
    .search p {
        font-size: 16px;
        text-align: center;
        color: #C30008;
    }


    .steps {
        padding: 5% 2.5% 4%;
        text-align: center;
    }
    .steps h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }
    .steps .step-1, .steps .step-2, .steps .step-3, .steps .step-4 {
        margin-top: 40%;
        height: auto;
        width: 100%;
        max-width: 100%;
        margin: 40% auto 20%;
    }
    .steps .step-1 img, .steps .step-2 img, .steps .step-3 img {
        top: -135px;
        position: relative;
        width: 75%;
    }
    .steps .step-1 .one, .steps .step-2 .two, .steps .step-3 .three, .steps .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .why-ontime h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .meet-our-captains {
        padding: 4% 2.5% 2%;
        text-align: center;
    }

    .meet-our-captains .col-md-8 {
        flex: 0 0 auto;
        width: 100%;
    }
    .carousel img {
        width: auto;
        height: 250px;
        object-fit: cover;
        border-radius: 30px;
    }
    

    .profile-info {
        position: relative;
        bottom: 0;
        left: 1px;
        width: 200px;
        height: 67px;
        padding: 25px 10px;
        color: white;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        top: -67px;
        border-radius: 30px;
    }
    

    .profile-info span {
        font-size: 15px;
        line-height: 16px;
        font-weight: 700;
        width: 85%;
        /* display: inline; */
        text-align: left;
        float: left;
    }

    .profile-info span {
        font-size: 15px;
        line-height: 16px;
        font-weight: 700;
        width: 85%;
        /* display: inline; */
        text-align: left;
        float: left;
    }
    
    .profile-info span:last-child {
        font-size: 13px;
        font-weight: 400;
        text-align: right !important;
        float: right;
        width: 15%;
    }

    .profile-content {
        width: auto;
    }

    .btn.become-captain {
        width: 195px;
        height: 42px;
        text-align: center;
        border: solid 1px #C30008;
        border-radius: 12px;
        color: #C30008;
        line-height: 25px;
        margin: -75px auto 5%;
        font-size: 16px;
        font-weight: 700;
        background: #fff;
        display: block;
        z-index: 9;
        position: relative;
    }

    .slick-slide p {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
        color: #121318;
        margin: 10px auto;
        padding: 5px;
        font-weight: 400;
    }
    .carousel .tags span {
        font-size: 10px;
        padding: 5px 5px;
    }
    .cta-banner {
        background:#000;
        width: 90%;
        max-width: 500px;
        height: auto;
        border-radius: 30px;
        display: block;
        margin: 20px auto;
        background-size: contain;
    }
    .cta-content {
        color: white;
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
    .cta-content h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .cta-image {
        position: unset;
        right: 0px;
    }

    .cta-image img {
        width: 100%;
        position: relative;
        right: 0px;
        top: 18px;
    }

    .cta-button {
        background: #C30008;
        color: white;
        padding: 5px 13px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-weight: bold;
        font-size: 14px;
    }

    form#get-app-form {
        /* width: 500px; */
        display: block;
        max-width: 450px;
        margin: auto;
    }

    .get-app .phone-field input {
        max-width: 100%;
        width: auto;
        height: 42px;
        border: solid 1px #666666;
        border-radius: 12px;
        margin:20px auto;
    }

    .get-app .phone-field {
        width: auto;
    }

    .get-app .d-inline-flex {
        display: block !important;
    }

    .contact-info {
        color: white;
        text-align: left;
        margin: 20px auto;
    }
    .contact-info p {
        margin-bottom: 0px;
        line-height: 22px;
        font-size: 16px;
    }

    .get-app p {
        font-size: 16px;
        text-align: center;
        color: #121318;
    }

 
    .get-app .mw-85 {
        max-width: 100%;
    }

    .why-ontime .row.mt-5 {
        margin-top: 0px !important;
    }

    .why-ontime .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .why-ontime .card .head img {
        max-height: 50px;
        margin: 10px auto 15px;
    }
    .why-ontime .card .head p {
        text-align: center;
        color: #C30008;
        font-size: 16px;
        line-height: 25px;
        font-weight: 700;
    }
    .why-ontime .card {
        height: 290px;
        margin-top: 20px;
    }
    .why-ontime .card .head p br {
        display: none;
    }
    .why-ontime .card .content p {
        text-align: center;
        color: #FF646A;
        font-size: 15px;
        line-height: 24px;
    }

    .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
        padding: 110% 0% 0px;
        text-align: center;
        max-width: 90%;
        margin: auto;
    }

    .our-commitment .card1 .content h4, .our-commitment .card2 .content h4, .our-commitment .card3 .content h4, .our-commitment .card4 .content h4 {
        font-size: 18px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }

    .banner-about .banner-content p, .banner-contact .banner-content p, .banner-captian .banner-content p, .banner-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .banner-about .banner-content {
        padding: 0px 10px;
        width: 100%;
    }

    .banner-captian .banner-content {
        padding: 0px 20px;
        width: 100%;
        margin: auto;
        text-align: left;
    }

    .banner-captian .banner-content input {
        width: 100%;
        border-radius: 12px;
        background: #fff;
        height: 52px;
        margin: 15px auto;
    }
    .form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: .125rem;
        width: auto;
        margin: auto;
        padding-left: 0px !important;
    }

    .banner-captian .banner-content .form-check-input {
        margin: 0px 10px 0px 0px;
    }

    .banner, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
        padding-bottom: 30px;
    }

    .banner-about, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
    }

    .banner-contact, .banner-captian {
        /* background: url(../img/home/banner-bg.webp) no-repeat center top;
        background-size:auto; */
    }
    .banner-contact .col-md-5, .banner-contact .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .banner-about .col-md-5, .banner-about .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5, .why-amber-ontime .tab-bg .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul.flex-column {
        flex-direction: row !important;
    }

    .why-amber-ontime .tab-bg .col-md-5 ul li {
        display: flex;
        width: 100%;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active p {
        display: block;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active div.d-none {
        display: block !important;
    }

    .why-amber-ontime .tab-bg .col-md-7 {
        display: none;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link img {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active div img {
        float: right;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 30px;
        width: 88%;
    }

    .nav-item button.nav-link.active::after {
 display: none;
    }
    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills h4 {
        text-align: left;
        color: #121318;
        display: inline;
        font-size: 20px;
        font-weight: 600;
    }

    .why-amber-ontime .tab-bg .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        padding: 15px 20px 10px;
        max-height: 100%;
    }

    .steps-captain .step-1 .one, .steps-captain .step-2 .two, .steps-captain .step-3 .three, .steps-captain .step-4 .four {
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .banner-content {
        padding: 30px 20px 20px;
        width: 100%;
    }
    .banner-contact .banner-content {
        padding: 0px 20px;
        width: 100%;
    }

    .banner-content .contact-detials {
        background: #121318;
        border-radius: 30px;
        padding: 20px 25px;
        max-width: 100%;
        margin: 10px 0px 20px;
    }

    .banner-content .contact-detials br {
        display: none;
    }

    .banner-captian .banner-content .form-check label {
        display: block;
    }

    .apply-driver {
        background: #F0C858;
        border-radius: 16px;
        width: 250px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
        font-weight: 700;
        text-align: center;
        color: #121318;
        margin-top: 20px;
        margin: 20px 0;
    }

    .footer-top .row {
        width: 100%;
        margin: auto;
        max-width: 400px;
    }

    .copy .row {
        width: 100% !important;
        margin: auto;
        max-width: 100% !important;
    }


    .footer-top .col-md-7 {
        width: 100%;
        margin: auto;
    }
    .footer-top .col-md-4 {
        width: 100%;
        margin: auto;
    }

    .footer-top .col-md-7 .row .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
        margin: 0px auto;
        padding: 0px;
    }
    .footer-top .col-md-7 .row .col-md-4:last-child {
        width: 100%;
        margin: 20px 0;
    }

    .footer-top h4 {
        font-size: 16px;
        text-align: left;
        color: #fff;
        margin-bottom: 4%;
        font-weight: 700;
    }

    .footer-top ul li {
        list-style: none;
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        margin-bottom: 10px;
        margin-right: 0px;
        display: block;
    }
    .footer-top .address p strong, .footer-top .call p strong, .footer-top .email p strong {
        font-size: 16px;
        color: #fff;
        line-height: 24px;
    }

    .footer-top .d-inline-flex {
        display: block !important;
    }

    .footer-top .email {
        margin-left:0px;
    }

    .our-mission h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-mission .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .steps-about .col-md-4 {
        flex: 0 0 auto;
        width:100%;
    }


    .steps-about h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .our-commitment h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .why-amber-ontime h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 25px;
        font-weight: 700;
    }

    .steps-captain h3 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .requirements h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 3%;
        font-weight: 700;
    }

    .requirements img.mw-80.mt-5 {
        max-width: 100% !important;
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }

    .our-address .email h4 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .our-address .physical h4 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .our-address .physical p {
        width: 100%;
    }

    .our-address .social h4 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .form-content h4 {
        font-size: 25px;
        text-align: center;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .about h3 {
        font-size: 25px;
        text-align: left;
        color: #121318;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .banner-content .contact-detials h4 {
        font-size: 25px;
        text-align: left;
        color: #fff;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .steps-about .step-1 img, .steps-about .step-2 img, .steps-about .step-3 img {
        top: -0px;
        position: relative;
        width: auto;
    }

    .steps-about .step-1 .one, .steps-about .step-2 .two, .steps-about .step-3 .three{
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 50%;
        font-size: 25px;
        line-height: 50px;
    }

    .steps-about .step-1, .steps-about .step-2, .steps-about .step-3 {
        margin-top: 30%;
        height: auto;
        width:100%;
        margin: 20px auto;
        max-width: 100%;
    }

    .steps-about .step-1 h3, .steps-about .step-2 h3, .steps-about .step-3 h3 {
        font-size: 18px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: 40px;
    }

    .steps-about .step-1 p, .steps-about .step-2 p, .steps-about .step-3 p {
        font-size: 16px;
        text-align: left;
        color: #121318;
        line-height: 22px;
    }

    .our-commitment p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #121318;
    }

    .steps-captain .step-1, .steps-captain .step-2, .steps-captain .step-3, .steps-captain .step-4 {
        margin: 35% auto 0px;
        height: 550px;
        width: 100%;
        max-width: 100%;
        padding: 25px;
    }

    .steps-captain .step-1 h3, .steps-captain .step-2 h3, .steps-captain .step-3 h3, .steps-captain .step-4 h3  {
        font-size: 18px;
        text-align: left;
        color: #121318;
        margin-bottom: 10px;
        font-weight: 700;
        margin-top: -80px;
    }

    .steps-captain .step-1 p, .steps-captain .step-2 p, .steps-captain .step-3 p, .steps-captain .step-4 p {
        font-size: 16px;
        line-height: 22px;
        text-align: left;
        color: #121318;
    }
    .steps-captain .step-1 img, .steps-captain .step-2 img, .steps-captain .step-3 img, .steps-captain .step-4 img {
        top: -120px;
        position: relative;
        width: auto;
    }

    .steps-captain  .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
    }

    .requirements .col-md-7,  .requirements .col-md-5  {
        flex: 0 0 auto;
        width: 100%;
    }

    .download-driver-app {
        background: #fff;
        padding: 13% 2.5% 5% !important;
        color: #121318;
    }
 
    .download-driver-app .col-md-10.download {
        width: 90%;
        margin: auto;
        padding-bottom: 0px !important;
    }

    .download {
        background: #121318;
        border-radius: 30px;
        padding: 30px 20px 30px !important;
        position: relative;
    }

    .download-driver-app .col-md-10.download  .float-start {
        float: none !important;
        margin-bottom: 25px;
    }

    .download-driver-app .col-md-10.download  .d-inline-flex {
        display: block!important;
    }
    .download .download-app {
        background: #C30008;
        border-radius: 12px;
        width: 100%;
        height: 42px;
        font-size: 16px;
        line-height: 25px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        margin: 20px auto;
    }

    .download input.form-control {
        width: 100%;
    }
    .download .user-download {
        position: unset;
        top: -66px;
        right: -81px;
        margin: auto;
        text-align: center;
    }

    .download h4 {
        font-size: 25px;
        text-align: left;
        color: #fff;
        margin-bottom: 1%;
        font-weight: 400;
    }
    .download-driver-app .col-md-2 {
        flex: 0 0 auto;
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }

    .download-driver-app .col-md-2 img {
        margin: 20px auto;
        width: 150px;
    }

    .cta-banner-contact {
        background: #000;
        width: 90% !important;
        height: auto;
        border-radius: 30px;
        display: block;
        margin-bottom: 20px;
        background-size: contain;
        padding-bottom: 0px !important;
    }

    .container-fluid.cta-banner-contact.p-4 {
        padding-bottom: 0px !important;
    }

    .cta-banner-contact .cta-content {
        color: white;
        max-width: 100%;
        margin: 0px 0px 10px;
        text-align: left;
    }

    .cta-banner-contact .contact-info {
        color: white;
        text-align: left;
        margin: 10px 0 7%;
    }

    .cta-banner-contact .cta-content h2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .cta-banner-contact p {
        margin-bottom: 0px;
        font-size: 16px;
    }
    .cta-banner-contact .cta-image {
        position: unset;
        right: 0px;
    }

    .cta-banner-contact .cta-image img {
        width: 100%;
        position: unset;
    }
    .search {
        width: 90%;
        max-width: 500px;
        height: auto;
        background: #fff;
        margin: 0px auto 40px;
        padding: 3.5% 3%;
        border-radius: 30px;
        box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
        -webkit-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
        -moz-box-shadow: 0px 0px 44px 2px rgba(0,0,0,0.37);
    }

    .search .d-flex {
        display: block !important;
    }

    .search .col-md-3, .search .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about {
        background: #F6F6F6;
        padding: 13% 2.5% 8% !important;
        margin: -11px auto 0px;
        z-index: -1;
        position: relative;
        color: #121318;
    }

    .about .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .about .col-md-6 img {
        max-width: 100%;
        margin: auto;
    }

    .steps .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .banner-captian .col-md-5, .banner-captian .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }

    .footer-top .border-start {
        display: none;
    }

    .copy p {
        text-align: center;
    }
    #goToTop img {
        width: 50px;
        margin: 20px auto;
    }

    
.our-commitment .card1 {
    background: url(../img/about/card-1.svg) no-repeat center top;
    height: 470px;
    margin: 20px auto 0px;
   }

   
   .our-commitment .card2 {
       background: url(../img/about/card-2.svg) no-repeat center top;
       height: 470px;
       margin: 20px auto 0px;
      }
    
   
   .our-commitment .card3 {
   background: url(../img/about/card-3.svg) no-repeat center top;
   height: 470px;
   margin: 20px auto 0px;
   }
    
   
   .our-commitment .card4 {
   background: url(../img/about/card-4.svg) no-repeat center top;
   height: 470px;
   margin: 20px auto 0px;
   }

   .our-commitment .card1 .content, .our-commitment .card2 .content, .our-commitment .card3 .content, .our-commitment .card4 .content {
	padding: 56% 0% 0px;
	text-align: center;
	max-width: 45%;
	margin: auto;
}

.our-commitment .card1 .content h4, .our-commitment .card2 .content  h4, .our-commitment .card3 .content  h4, .our-commitment .card4 .content  h4  {
    font-size:23px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

.our-commitment .card1 .content p, .our-commitment .card2 .content p, .our-commitment .card3 .content p, .our-commitment .card4 .content p {
 text-align: center;
 color: #fff;
 font-size: 16px;
 line-height: 21px;
 margin-top: 10px;
}
  }