.btn-sm-square{padding: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; font-weight: normal; }
.text-primary{--bs-text-opacity: 1; color: var(--theme-color) !important; }

.navbar-light .navbar-nav .nav-link{margin-right: 30px; color: #fff; font-weight: 600; text-transform: uppercase; outline: none; }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active{  }
.dropdown-item:focus, .dropdown-item:hover { color: var(--dark-color); background-color: var(--light-color);}
.dropdown-toggle::after {display: none; }

.sticky-top { top: -100px; transition: .5s; background: linear-gradient(360deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.5) 90.48%);  }
.sticky-top.sticky-nav{ transition: .5s; position: fixed; width: 100%; background: linear-gradient(360deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.5) 90.48%);}
.navbar-dark-bg-mob { background: linear-gradient(360deg, rgba(0, 0, 0, 0) -0%, rgba(0, 0, 0, 0.8) 50%);}

@media (max-width: 991.98px){
    .navbar-light .navbar-nav .nav-link{margin-right: 0; padding: 10px 0; }
    .navbar-light .navbar-nav{border-top: 1px solid #EEEEEE; }
    .navbar-toggler, .navbar-toggler:focus { border:0; box-shadow: unset; }
}
@media (min-width: 992px){
    .navbar .nav-item .dropdown-menu{display: block; border: none; margin-top: 0; top: 150%; opacity: 0; visibility: hidden; transition: .5s; }
    .navbar .nav-item:hover .dropdown-menu{top: 100%; visibility: visible; transition: .5s; opacity: 1; }
}




.hero { height: 850px; color: #fff; justify-content: end; flex-direction: column; text-align: center; padding-bottom: 70px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.68) 57.48%), url('/img/home.jpg') bottom/cover no-repeat;}
.hero h1{text-shadow: 0 0 10px rgba(0,0,0,0.5); font-weight: 800; line-height: 72px; letter-spacing: 1.2px; }
.hero .stats i{color: var(--theme-color); margin-right: 0.5rem; }
.hero .forma{background: #fff; outline: 1px solid var(--alt-color-lighter); box-shadow: 0 4px 8px var(--alt-color-lighter)33; border-radius: 24px; padding: 24px; flex-direction: row; margin-top: 30px; }
.hero .select2-container--default .select2-selection--single{ border-radius: 8px; outline: 1px solid var(--alt-color-lighter); outline-offset: -1px; height: 48px; padding: 0 48px 0 40px; min-width:250px }
.hero .select2-container--default .select2-selection--single .select2-selection__arrow{height: 43px; }
.hero .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 45px; color: var(--alt-color-lighter2); font-size: 15px; }
.hero .fitted{position: relative; }
.hero .fitted i{color: var(--alt-color-lighter); position: absolute; left: 12px; top: 13px; font-size: 22px; }
.hero .fitted.date input{ width: 100%;box-sizing: border-box;border-radius: 8px; color: var(--alt-color-lighter2); font-size: 15px; outline: 1px solid var(--alt-color-lighter); outline-offset: -1px; position: relative; height: 48px; padding: 0 12px 0 40px; }
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;}
.hero .fitted.date i{font-size: 18px;top: 11px;}
.hero #swapBtn {background: transparent; }
.hero #swapBtn i {color: var(--alt-color-lighter); }
.hero .stats-item{font-size: 27px;  font-weight: 800; line-height: 36px; letter-spacing: -0.54px; display: flex; align-items: center; }
.hero .stats-item span{font-size: 16px;  font-weight: 800; line-height: 24px; color: #b1a9bf; margin-left: 10px; }

#fromCity-error, #toCity-error, #pickupDate-error {position: absolute;left: 0;top: 50px;}



.landing-page-divider {background-color: var(--light-color); height: 12px; width: 100%; }
.theme-color-divider {background-color: var(--theme-color); width: 100%; height: 1px; }
.line {background-color: var(--theme-color); width: 70px; height: 4px; margin: 25px auto; }
.fs-10 {font-size: 12px}
.cta-button .theme-button { border-bottom: 3px solid var(--theme-color-darker); width: 100%; margin-top: 15px;}



section.three-box {border-radius: 24px 24px 0 0; margin-top: -24px; background: #fff; }
section.three-box p.card-text{ line-height: 24px; color: #fff; }
section.three-box .svg-icon path { fill: var(--theme-color); }
section.three-box .card img { scale: 1; transition: all 0.3s;}
section.three-box .card:hover > img { scale:1.1; }
section.three-box .card-img-overlay { transition: opacity 0.3s ease-in-out; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.72) 75%); opacity: 0.9;}
section.three-box .card:hover .card-img-overlay { opacity: 1; }

section.cars {}
section.cars .carsSwiper .swiper-slide {transition: all 0.3s;}
section.cars .carsSwiper .swiper-slide:hover {transform: scale(1.05); z-index: 999;}
section.cars .car-image{width: 100%; max-width: 250px; margin: 0 auto 1rem; }
section.cars .car-title{font-weight: 700; font-size: 18px; padding-bottom: 10px; color: var(--alt-color); }
section.cars .car-description{color: #7e7887; font-size: 0.9rem; }




section.extra-services {}
section.extra-services .title{font-weight: 700; font-size: 18px; padding-bottom: 10px; color: var(--alt-color); }



section.our-clients {background: var(--light-color); }


.most-wanted .top-list {display: flex; align-items: center; flex-wrap: wrap; flex: 1; gap: 12px; }
.most-wanted a.top-list-item {position: relative; font-size: 12px; line-height: 16px; color: #756d83; text-decoration: none; }
.most-wanted a.top-list-item:hover {text-decoration: underline;}

section.people-comments {background: var(--alt-color);}
section.people-comments a {text-decoration: none; color: var(--alt-color); }


section.our-clients .items-list {display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));   gap: 1rem;}
section.our-clients .items-list img { justify-self: center; align-self: center; border: 1px solid #d5d5d5;  padding: 0 25px; transition: .5s;}
section.our-clients .items-list img:hover {box-shadow: 0 0 30px 4px rgba(204,195,124,0.4);}
@media (max-width: 1200px) {
    section.our-clients .items-list {  grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
    section.our-clients .items-list {  grid-template-columns: repeat(2, 1fr); }
}


section.featured-services .dark-bg p {font-size: 18px;  font-weight: 700; line-height: 24px; color: #fff; }
section.featured-services .dark-bg i {font-size: 32px; margin-bottom: 10px; }
section.featured-services .dark-bg {background: var(--alt-color); padding: 24px; text-align: left; transition: .5s;}
section.featured-services .dark-bg:hover {background: var(--alt-color-lighter2);}



/* Tab Buttons Style */ 
.custom-tab .nav-link{border: none; background-color: transparent; color: var(--alt-color); padding: 8px 20px; margin-right: 10px; border-radius: 10px;  transition: 0.3s; }
.custom-tab .nav-link.active{background-color: var(--theme-color); ; color: #fff; }

.arrow-custom {width: 92px; position: absolute; right: -10px; top: 25px; }
.arrow-custom .custom-nav{background: var(--light-color); width: 40px; height: 40px; border-radius: 8px; }
.arrow-custom .swiper-button-prev.custom-nav{margin-left: -20px; }
.arrow-custom .swiper-button-next:after, .arrow-custom .swiper-button-prev:after{font-size: 20px; font-weight: 700; color: var(--alt-color); }

.swiper.extraServices.swiper-initialized.swiper-horizontal.swiper-backface-hidden{margin-top: -70px; padding-top: 70px; }
.swiper.featuredServices.swiper-initialized.swiper-horizontal.swiper-backface-hidden{margin-top: -70px; padding-top: 70px; }
.swiper.commentsSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden{margin-top: -70px; padding-top: 70px; }

.swiper-slide .card {border: 1px solid #eee; border-radius: 10px; background-color: #f9f9fb; width: 100%;}
.swiper-slide .card img {max-width: 100%; padding: 10px; }
.swiper{padding: 20px 0; }

.custom-card{border-radius: 1rem; padding: 1rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);  }
.custom-card i{color: var(--theme-color); }





/*Transfer page*/
.transfer .hero {height: 500px;}
.transfer .custom-card { background: #f9f9fb; border: 0; box-shadow: unset;}



.transfer .cars-wrapper {display: flex;flex-wrap: wrap;gap: 15px;}
.transfer .car-slide {flex: 1 1 calc(20% - 15px); }
@media (max-width: 992px) { 
    .transfer .car-slide {flex: 1 1 calc(33.33% - 15px); }
}
@media (max-width: 576px) { 
    .transfer .car-slide {flex: 1 1 100%; }
}







/* Checkout */
.card-title { font-size: 1rem; font-weight: bold; }
.form-label { font-weight: 500; }
.section-title { font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem; }
.border-bottom-light { border-bottom: 1px solid #eee; margin-bottom: 1.5rem; padding-bottom: 0.5rem; }
.customm .form-control{font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; border-radius: 8px; border: 0; box-shadow: 0 4px 8px 0 rgba(217, 209, 231, .2); color: #393147; cursor: pointer; padding: 12px 40px 12px 16px; outline: 1px solid #d9d1e7; outline-offset: -1px; max-height: 48px; width: 100%;}
.customm .form-control:focus {outline: 2px solid var(--theme-color); outline-offset: -2px; box-shadow: none;}
.section-title.border-bottom-light {font-size: 27px; font-style: normal; font-weight: 800; line-height: 36px; letter-spacing: -.54px;}
.quantity-container {display: flex; align-items: center; justify-content: space-between; border: 1px solid #d6cde6; border-radius: 8px; padding: 5px 10px; font-family: sans-serif; color: #2d1e46;}

.quantity-btn {cursor: pointer; font-size: 20px; user-select: none;}

.quantity-number {font-size: 16px;}
.card-body {padding: 0;}
.bi-person{ margin: 0 10px;color: var(--theme-color);font-size: 24px;transform: translateY(3px);display: inline-block;}



.bg-1 {background: #f9f9fb;}
.pt-6 {padding-top: 5rem !important;}


.inner-section{background: #fff;border-radius: 16px;padding: 24px;border: none;}
.square-check{background: #f7f6fa;padding: 24px;border-radius: 8px;}
.smal{font-size: 12px;font-style: normal;font-weight: 500;line-height: 17px !important;color: #938ba1;display: block;margin-top: 10px;}
.width-77{width: 77% !important;}
.small-text{font-size: 12px;font-style: normal;font-weight: 500;line-height: 17px !important;color: #938ba1;}
.hint-text{font-size: 12px;font-style: normal;font-weight: 500;line-height: 17px !important;color: #938ba1;display: block;text-align: right;}
.fs-12{font-size: 12px;}
.com{overflow: hidden;overflow-wrap: break-word;resize: none;text-align: start;height: 96px;max-height: 96px;}
.apply{border-radius: 0 8px 8px 0;border-left: 0;box-shadow: none;color: #393147;max-height: 48px;padding: 12px 16px 12px 12px;border-color: #d9d1e7;}
.continue{font-size: 16px;font-style: normal;font-weight: 800;line-height: 24px;border-radius: 8px;background-color: var(--theme-color);box-shadow: 0 4px 8px 0 rgba(0, 210, 205, 0.20);color: #fff;cursor: pointer;text-decoration: none;border: hidden;outline: none;padding: 12px 20px;width: 100%;}
.agree{font-size: 12px;font-style: normal;font-weight: 500;line-height: 17px !important;color: #938ba1;display: block;text-align: center;margin-top: 10px;}
.summary{font-size: 19px;font-weight: 800;line-height: 24px;}
.fit{object-fit: cover;}
.long{margin-right: 10px;color: var(--theme-color);font-size: 24px;}
.m-55{font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;color: #938ba1;}
.entry{background-color: #f9f9fb;border-radius: 6px;margin: 12px -10px -10px;padding: 24px;}
.longArrow {border: 1px solid #58af1a;height: 60px;margin-top: 11px;}
.longArrow::before {position: absolute;height: 10px;width: 10px;background: #58af1a;content: '';border-radius: 50px;top: -5px;left: -5px;
}
.longArrow::after {position: absolute;height: 10px;width: 10px;background: #58af1a;content: '';border-radius: 50px;bottom: -5px;left: -5px;
}







@media only screen and (max-width: 992px){

    .fs-10 {font-size: 14px}

    .hero h1 {font-size: 32px; line-height: 32px; }
    .forma{display: block !important; }
    .stats-item{font-size: 24px; justify-content: left; }
    .custom-card .d-flex.justify-content-between{display: block !important; }
    .swiper-slide .card img{padding: 0px; }
    .arrow-custom{width: 92px; position: absolute; right: 0px; top: unset; bottom: 27px; display:none; }
    .swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden{padding-bottom: 35px;  }

}