@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary: #bba53d;
    --secondary: #333;
    --bgSecondary: #333;
    --white: #ffffff;
    --black: #000000;
    --font-family-heading: 'Montserrat', sans-serif;
}

body {
    font-size: 1.0rem;
    overflow-y: scroll;
    /* font-family: 'Roboto',sans-serif; */
}

.preloader {
    width: 100%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 45px;
    left: 0px;
    z-index: 99999;
}

.preloader p {
    font-size: 0.8rem;
    font-weight: 600;
    background-color: var(--primary);
    color: var(--white);
    border-radius: 30px;
    padding: 15px;
    box-shadow: 0px 4px 8px -1px #00000099;
}

.clr-primary {
    color: var(--primary);
}

.bg-primaryclr {
    background-color: var(--primary);
}

.fontMont {
    font-family: 'Montserrat', sans-serif !important;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 48
}

.z-index1 {
    z-index: 1;
}

.z-index2 {
    z-index: 2;
}

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

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

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

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.fs-21 {
    font-size: 21px;
}

.fs-22 {
    font-size: 22px;
}

.fs-23 {
    font-size: 23px;
}

.fs-24 {
    font-size: 24px;
}

.fs-25 {
    font-size: 25px;
}

.fs-26 {
    font-size: 26px;
}

.fs-27 {
    font-size: 27px;
}

.fs-28 {
    font-size: 28px;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.text-primaryclr {
    color: var(--primary);
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    border-radius: 3px !important;
    font-family: var(--font-family-heading) !important;
}

.el-btn {
    padding: 14px 25px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    cursor: pointer;
    background-color: var(--primary);
}

.el-btn:hover {
    background-color: var(--bgSecondary);
    color: #fff !important;
}

.eapp-all-in-one-chat-root-layout-component .Window__WindowComponent-sc-1wwhwms-1>div:nth-child(5) {
    display: none !important;
}

/* Top Bar Styles */
.header {
    width: 100%;
    height: auto;
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 9998;
}

.top-bar {
    background-color: var(--primary);
    padding: 0px 0;
    color: var(--white);
}

.top-bar a {
    color: #1f1f1f;
    text-decoration: none;
    font-size: 0.8rem;
    letter-spacing: 0px;
    font-weight: 600;
}

.top-bar i {
    margin-right: 5px;
    font-size: 0.96rem;
}

.language-selector {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    gap: 8px;
}

.language-selector p {
    padding: 0px;
    margin: 0px;
    color: #1f1f1f;
}

.translate-icon {
    font-size: 1.2rem;
    cursor: pointer;
}

/* Navbar Styles */
.navbar {
    background-color: var(--bgSecondary);
    padding: 10px 0;
}

.navbar-brand img.logo {
    height: 28px;
    width: auto;
    max-width: fit-content;
    position: relative;
    bottom: 2px;
}

.mobile-logo {
    display: none;
}

.navbar-nav .nav-link {
    color: var(--white);
    font-size: 1.0rem;
    padding: 0px 20px;
    font-family: var(--font-family-heading);
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar-toggler {
    border-color: var(--primary);
    background-color: var(--primary);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    font-weight: 600;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    color: var(--black);
}

/* Additional Custom Styles */
#herosection {
    background-size: cover;
    background-position: center;
    position: relative;
    height: 650px;
    /* Adjusted for better form positioning */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center -90px;
}

/* #herosection.load-css-image {
    background-image: url('../images-webp/hero-bg.webp');
} */

#herosection-overlay {
    width: 100%;
    height: 100%;
    background: rgb(0 48 88 / 18%);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 998;
    display: none;
}

.hero-text-con {
    position: relative;
    z-index: 1;
    padding: 70px 0px;
    text-align: center;
}

.hero-text-con h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--secondary);
    /* text shadow */
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

}

.hero-text-con p {
    font-size: 1.1rem;
    color: var(--white);
    text-shadow: 0px 1px 0px var(--black);
    background: #000000ad;
}

#hero-form-box {
    width: 100%;
    position: absolute;
    z-index: 9997;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
}

.hero-sec-form {
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

}

.oneRe-form-btn {
    background-color: var(--primary);
    color: var(--white);
    height: 55px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}

.oneRe-form-btn:hover {
    background-color: var(--bgSecondary);
    color: var(--white);
    -webkit-box-shadow: 0 8px 22px 0 rgb(0 0 0 / 10%) !important;
    box-shadow: 0 8px 22px 0 rgb(0 0 0 / 10%) !important;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

/* Booking */
.booking-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.booking-box.full-screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    margin: 0px;
    border-radius: 0px;
    z-index: 9999;
}

.booking-header {
    display: flex;
    flex-direction: column;
    padding: 8px;
}

.booking-header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

/* .booking-header.fixed {
    width: 100%;
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 9999;
} */

.booking-top-buttons {
    display: flex;
    gap: 10px;
}

.booking-header-content h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--secondary);
}


#full-screen-booking-btn {
    background-color: var(--primary);
    color: var(--white);
    cursor: pointer;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 500;
    border: none;
}

#full-screen-booking-btn:hover {
    background-color: var(--bgSecondary);
    color: var(--white);
}

.cancel-booking {
    background-color: white;
    color: var(--primary);
    cursor: pointer;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 400;
    border: none;
    border: 1px solid var(--primary);
}

.booking-page .form-navigation {
    margin-bottom: 2rem;
}

.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width:424px) {
    .timeline-steps {
        display: none;
    }
}

.timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1.3rem;
}

.timeline-content {
    cursor: pointer;
}

.timeline-step.active .inner-circle {
    background-color: var(--primary);
}

.timeline-step.active .inner-circle:before {
    background-color: var(--primary);
}

.timeline-content {
    width: 10rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.timeline-content .inner-circle {
    border-radius: 1rem;
    height: 2rem;
    width: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ccc;
    color: white;
    font-weight: bold;
    font-size: 0.9rem;
    position: relative;
    z-index: 2;
}

.timeline-content .inner-circle:before {
    content: "";
    background-color: #ccc;
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    min-width: 2.5rem;
    border-radius: 6.25rem;
    opacity: .3;
    position: absolute;
    z-index: -1;
}

.timeline-content p {
    margin: 0;
    font-family: var(--font-family-heading);
}

.timeline-content .h6 {
    font-size: 0.9rem;
}

.timeline-content .text-muted {
    color: #778591 !important;
    font-size: 0.8rem;
}

@media (min-width: 768px) {
    .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted var(--primary);
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: 1rem;
    }

    .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted var(--primary);
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: 1rem;
    }
}

/* Responsive Styles */
@media (max-width: 900px) {
    #herosection {
        height: 400px;
    }

    .hero-text-con {
        padding: 40px 0px;
    }
}

/* Responsive Styles */
@media (max-width: 768px) {
    .navbar {
        background-color: var(--bgSecondary);
        padding: 10px 0;
        position: relative;
    }

    .mobile-contact-info {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex !important;
        flex-direction: column;
        align-items: baseline;
        text-align: center;
        z-index: 1;
    }

    .mobile-contact-info a {
        color: var(--white);
        text-decoration: none;
        font-size: 14px;
        line-height: 1.5;
        display: flex;
        align-items: center;
        margin: 2px 0;
    }

    .mobile-contact-info i {
        margin-right: 8px;
        font-size: 14px;
        color: var(--primary);
    }

    .navbar-brand {
        margin-right: 0;
        position: relative;
        z-index: 2;
    }

    .navbar-brand img.logo {
        height: 23px;
    }

    .navbar-collapse {
        background-color: var(--bgSecondary);
        padding: 1rem;
        margin-top: 1rem;
    }

    .navbar-nav .nav-link {
        padding: 0.5rem 0;
    }

    .desktop-logo {
        display: none;
    }

    .mobile-logo {
        display: block;
    }

    .navbar-toggler {
        position: relative;
        z-index: 2;
        padding: 0.2em 0.3em;
    }

    .hero-text-con {
        padding: 35px 0px;
    }
}

@media (max-width: 424px) {
    .hero-text-con {
        padding: 20px 0px;
    }
}

footer .footer-upper-sec {
    background: var(--primary);
}

footer .footer-center-sec img.footer-logo {
    width: 150px;
}

footer .footer-center-sec .footer-social-icon-list li i {
    font-size: 14px;
    color: #fff;
}

footer .footer-center-sec .footer-social-icon-list li a:hover i {
    color: var(--dark);
}

footer .footer-center-sec .footer-social-icon-list li a:hover {
    background-color: var(--primaryTwo);
    transition: all .3s ease-in-out;
}

footer .footer-center-sec .footer-social-icon-list li a {
    border: 1px solid var(--dark);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--bgSecondary);
    display: inline-flex;
    align-items: center;
    -webkit-box-align: center;
    justify-content: center;
}

footer .footer-center-sec,
footer .footer-links,
footer .footerbtm {
    background-color: var(--bgSecondary);
}

footer .footer-links .services-pages ul li a:hover,
footer .footer-links .contact-details ul li a:hover {
    color: var(--primary);
    transition: all .3s ease-in-out;
}

footer .footer-links .description p {
    color: rgb(240, 240, 240);
}

footer .footer-links .heading {
    color: #fff;
    font-weight: bolder;
    margin-bottom: 20px;
}

footer .footer-links .services-pages ul li a,
footer .footer-links .contact-details ul li a,
footer .footer-links .contact-details ul li i {
    text-decoration: none;
    color: rgb(240, 240, 240);
    font-weight: 300;
    font-size: 17px;
}

footer .footer-links .contact-details ul li {
    margin-bottom: 10px;
    align-items: flex-start;
}

footer .footer-links .contact-details ul li i {
    margin-right: 8px;
}

footer .footer-links .services-pages ul li {
    margin-bottom: 8px;
}

footer .footerbtm {
    border-top: 1px solid rgba(228, 228, 228, 0.76);
}


.mapbox {
    width: 100%;
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.booking-steps-all {
    padding-bottom: 80px;
}

.booking-step {
    display: flex;
    flex-direction: column;
    gap: 5px;
    display: none;
    padding-bottom: 45px;
}

.booking-step.active {
    display: flex;
    flex-direction: column;
}

/* Booking Content Layout */
.booking-content {
    display: flex;
    gap: 20px;
}


@media (max-width: 768px) {
    .booking-step.step-1 {
        flex-direction: column;
    }

    .booking-content {
        flex-direction: column;
    }

    .summary-panel {
        width: 100%;
        max-width: 100%;
        flex: 1;
    }

    .booking-step-details {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .mapbox-show {
        max-width: 100%;
    }

    .mapbox {
        height: 300px;
    }
}

/* Ride Details Form Styles */
.ride-details-card {
    flex: 1.5;
}

.ride-details-header {
    background: var(--secondary);
    color: white;
    padding: 12px 20px;
    border-bottom: 3px solid var(--primary);
}

.ride-details-header h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ride-details-form {
    padding: 20px;
}

.ride-details-form .form-group {
    margin-bottom: 10px;
}

.ride-details-form label {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.ride-details-form .form-control {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.ride-details-form .form-control:focus {
    box-shadow: none;
    /* border-color: var(--secondary); */
}

.ride-details-form input[type="date"],
.ride-details-form input[type="time"] {
    height: 42px;
    cursor: pointer;
}

.mapbox-show {
    flex: 2.5;
}

#map {
    height: 250px;
}

/* Booking Footer Styles */
.booking-footer {
    border-top: 1px solid #dee2e6;
    padding: 15px;
    margin-top: 20px;
    background-color: #fff;
}

.booking-footer.fixed {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.booking-footer-content {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.next-btn,
.previous-btn {
    background-color: var(--bgSecondary);
    color: #fff;
    padding: 10px 35px;
    border-radius: 4px;
    font-weight: 500;
    border: none;
    transition: all 0.3s ease;
    font-size: 1rem;
}

.next-btn:hover,
.previous-btn:hover {
    background-color: var(--bgSecondary);
    color: #fff;
}

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

    .next-btn,
    .previous-btn {
        font-size: 0.8rem;
        padding: 5px 20px;
    }

    .summary-panel {
        display: none;
    }
}

.next-btn:disabled {
    background-color: lightgray;
}

/* Vehicle Selection Page Styles */
.vehicle-selection {
    flex: 1;
}

.section-header {
    background-color: #002B4E;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.section-header h2 {
    color: white;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.vehicle-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    padding: 10px 0;
}

.vehicle-card {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
    background: white;
    display: flex;
    flex-direction: column;
    gap: 0px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.vehicle-card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.vehicle-card img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 10px;
}

.vehicle-type {
    background-color: #dc3545;
    color: white;
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    margin-top: 8px;
}

.vehicle-description {
    color: #666;
    font-size: 0.8rem;
    line-height: 1.5;
    margin: 10px 0;
}

.vehicle-price {
    color: #dc3545;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 10px 0;
}

.vehicle-features {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.feature i {
    font-size: 20px;
    color: #666;
}

.feature span {
    font-size: 12px;
    color: #666;
}

/* Summary Panel Styles */
.summary-panel {
    background: #f8f9fa;
    padding: 20px;
    width: 300px;
    min-width: 300px;
}

.summary-panel h2 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #333;
}

.summary-section {
    margin-bottom: 20px;
}

.summary-section h3 {
    font-size: 0.8rem;
    margin-bottom: 5px;
    font-weight: 600;
}

.summary-section p {
    font-size: 14px;
    color: #333;
    margin: 0;
}

.summary-details {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.detail-item {
    flex: 1;
}

.detail-item span {
    display: block;
    font-size: 12px;
    color: #666;
}

.detail-item span:last-child {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    margin-top: 5px;
}

.booking-details-fill {
    padding-bottom: 80px;
}

.booking-details-fill label {
    font-weight: 600;
    font-size: 0.8rem;
}

.booking-details-fill .form-control {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.warning-message {
    color: #dc3545;
    padding: 10px;
    margin-bottom: 8px;
    border: 1px solid #dc3545;
    background-color: #fff;
    text-align: center;
}

.payment-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.payment-option {
    border: 1px solid #dee2e6;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}

.payment-option:hover {
    border-color: #002147;
}

.section-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dee2e6;
}

.detail-label {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 4px;
}

.detail-value {
    font-size: 14px;
    margin-bottom: 15px;
}

.vehicle-img {
    max-width: 100%;
    height: auto;
}

.terms-box {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
}

.total-section {
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    padding: 15px;
    border-top: 1px solid #dee2e6;
}

.vehicle-card.selected-vehicle {
    box-shadow: 1px 4px 8px -1px #000000;
    outline: 3px dashed var(--primary);
    background-color: rgb(243, 243, 243);
}

#aboutsec {
    margin-top: 0px;
}

@media screen and (max-width:768px) {
    #aboutsec {
        margin-top: 320px;
    }
}

#aboutsec .icons-con .icon-inner-con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
    text-align: center;
}

#whyChoose .whyChoosebg {
    padding: 30px 0;
    background-color: #f3f3f3 !important;
    background-position: 100% !important;
    background-size: 90% auto !important;
    background-repeat: no-repeat;
}

#whyChoose .whyChooseContent {
    max-width: 560px;
    margin-left: auto;
    padding: 30px 30px;
    border-radius: 10px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: hsla(0, 0%, 100%, .9);
    -webkit-box-shadow: 0 13px 90px 0 rgb(16 66 97 / 11%);
    box-shadow: 0 13px 90px 0rgba(16, 66, 97, .11);
}

#whyChoose .whyChooseTitle {
    margin-bottom: 50px;
}

#whyChoose .whyChooseContent .whyChooseFeatures .feature .eli-icon-wrapper {
    background-color: hsla(0, 0%, 100%, .9);
    width: 64px;
    height: 64px;
    border: 1px solid;
    border-radius: 50%;
    font-size: 20px;
    color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    margin-right: 24px;
    flex-shrink: 0;
}

#whyChoose .whyChooseContent .whyChooseFeatures .feature .eli-feature-content .feature-heading .feature-content {
    font-size: 16px;
    line-height: 1.5;
}

#whyChoose .whyChooseContent .whyChooseFeatures .feature .eli-feature-content .feature-heading {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

#whyChoose .whyChooseContent .whyChooseFeatures .feature {
    display: flex;
    align-items: flex-start;
    -webkit-box-align: start;
    margin-bottom: 40px;
}



.custom-select {
    position: relative;
    font-family: 'Lato', sans-serif;
    ;
}

.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected:hover {
    -webkit-box-shadow: 0 8px 22px 0 rgb(0 0 0 / 10%) !important;
    box-shadow: 0 8px 22px 0 rgb(0 0 0 / 10%) !important;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    background: #fff !important;
}

.select-selected {
    height: 55px;
    background: #f2f6f7 !important;
    color: #000 !important;
    border: none;
    border-radius: 0;
    padding: 20px 16px 5px 16px !important;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 27px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #666666 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #666666 transparent;
    top: 17px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
    color: #666666;
    padding: 8px 16px;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    max-height: 295px;
    overflow-y: scroll;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: var(--primary);
}

/*
.cars-sec .card-img-con{
    min-height: 260px;
    position: relative;
}
.cars-sec .card-img-con .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.cars-sec  .card-img-con .badge{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    background-color: var(--primary);
    color: var(--white);
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 0;
}
.cars-sec .card:hover .card-img-con .overlay{
    display: block;
    background: rgba(0, 0, 0, .6);
    transition: all .3s ease-in-out;
    z-index: 0;
}
.cars-sec .card-img-con img{
    min-height: 260px;
    object-fit: cover;
    overflow: hidden;
}
.cars-sec .card{
    border-radius: 0;
    border: 0;
}
.cars-sec .card .card-img-top{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.cars-sec .card:hover .card-body{
    background-color: var(--primaryTwo);
    transition: all .3s ease-in-out;
    color: var(--dark);
}
.cars-sec .card-body{
    background-color: var(--dark);
    color: var(--white);
}
.cars-sec .card-body .card-text{
    min-height: 48px;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
.cars-sec .card:hover .cars-features .feature{
    color: var(--dark);
}
.cars-sec .card:hover .cars-features .feature-center{
    border-color: var(--dark);
}
.cars-sec .card-body .cars-features .feature{
    flex: 1;
    text-align: center;
    color: #ffffffb3;
    font-size: 18px;
}
.cars-sec .card-body .cars-features .feature-center{
    border-right: 1px solid #ffffffb3;
    border-left: 1px solid #ffffffb3;
}
 */

.cars-sec .owl-carousel .owl-nav button.owl-next:hover,
.cars-sec .owl-carousel .owl-nav button.owl-prev:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    transition: all .3s ease-in-out;
    color: var(--white);
}

.cars-sec .owl-carousel .owl-nav button.owl-next,
.cars-sec .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    font: inherit;
    border: 1px solid var(--primary);
    padding: 17px 18px !important;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    color: var(--primary);
}

.cars-sec .nav-tabs {
    border: 0 !important;
    margin-bottom: 40px;
}

.cars-sec .nav-tabs .nav-link.active:hover {
    color: var(--primary);
    background-color: var(--white);
    transition: all .3s ease-in-out;
    box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.9);
    -webkit-box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.9);
    -moz-box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.9);
}

.cars-sec .nav-tabs .nav-link.active {
    border: 1px solid var(--primary);
    color: var(--white);
    background-color: var(--primary);
    box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.9);
    -webkit-box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.9);
    -moz-box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.9);
}

.cars-sec .nav-tabs button.nav-link span {
    vertical-align: bottom;
    margin-right: 6px;
}

.cars-sec .nav-tabs button.nav-link:hover {
    color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.9);
    -webkit-box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.9);
    -moz-box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.9);
    transition: all .3s ease-in-out;
}

.cars-sec .nav-tabs button.nav-link {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0;
    border-bottom: 1px solid var(--primary);
    margin: 0px 10px;
    color: rgb(124, 124, 124);
}

.cars-sec #nav-coach,
.cars-sec #nav-stylish,
.cars-sec #nav-luxmvp,
.cars-sec #nav-Luxury,
.cars-sec #nav-superLux {
    max-width: 72%;
    margin: 0 auto;
}

.cars-sec #nav-coach .owl-carousel .owl-stage-outer,
.cars-sec #nav-stylish .owl-carousel .owl-stage-outer {
    padding: 0 10px;
}

.cars-sec #nav-coach,
.cars-sec #nav-stylish {
    max-width: 48% !important;
}

.cars-sec .owl-carousel.carouselluxurymvp {
    display: flex !important;
    justify-content: center;
    padding-left: 20px;
}



/* OUR SECTION */
#ourServices .Ser-bgimg {
    padding: 90px 0px 280px 0px;
    margin-top: -88px;
}

@media screen and (max-width:768px) {
    #ourServices .Ser-bgimg {
        margin-top: 180px;
    }
}

#ourServices .services-con {
    margin-top: 0px;
}

#ourServices .Ser-bgimg {
    /* background-image: url("../images-webp/LASC31.webp"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-image: none;
}

/* #ourServices .Ser-bgimg.lazyloaded {
    background-image: url("../images-webp/LASC31.webp");
} */

#ourServices .Ser-bgimg .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 0;
}

#ourServices .card {
    border: 0;
    background-color: transparent !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 10px;

}

#ourServices .card.cardTop .Ser-card-img img {
    height: 370px;
}

#ourServices .card.cardBottom .Ser-card-img img {
    height: 350px;
}

#ourServices .card .Ser-card-img img {
    border-radius: 4px !important;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

#ourServices .card .Ser-card-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    box-shadow: inset 0px 0px 180px black;
    border-radius: 4px;
}

#ourServices .card:hover .Ser-card-img::after {
    box-shadow: none;
    transition: .3s all ease-in-out;
}

#ourServices .card .serCardHeading {
    position: relative;
}

#ourServices .card .serCardHeading h2,
#ourServices .card .serCardHeading img {
    margin-bottom: 13px !important;
}

#ourServices .card .serCardHeading img {
    width: 40px;
    height: 40px;
}

#ourServices .card .serCardHeading::before {
    content: " ";
    width: 35%;
    background-color: white;
    height: 3px;
    position: absolute;
    bottom: 0;
}

#ourServices .card.cardBottom .serCardHeading::before {
    content: " ";
    width: 45%;
    background-color: white;
    height: 3px;
    position: absolute;
    bottom: 0;
}

#ourServices .card .card-img-overlay {
    padding: 35px 20px !important;
}

#ourServices .card.cardBottom .serCardPara {
    max-width: 100%;
}

#ourServices .card .serCardPara {
    margin: 13px 0px;
    max-width: 80%;
}

#ourServices .card .serCardPara,
#ourServices .card .serCardbtn {
    display: block;
}

/* #ourServices .card:hover .serCardPara , #ourServices .card:hover .serCardbtn{
    display: block;
    animation:fadeInUp .5s ease backwards;
    animation-delay: .3s
} */
#ourServices .card .overlay {
    border-radius: 4px;
}

#ourServices .card .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.744);
    transition: .3s all ease-in-out;
}

@keyframes fadeInUp {
    0% {
        transform: translate(0px, 100px);
        opacity: 0;
    }

    100% {
        transform: translate(0px, 0);
        opacity: 1;
    }
}

#reviewSection .testimonial-con .checked {
    color: orange;
}

#reviewSection {
    padding: 40px 0px 60px 0px;
}

#reviewSection .testimonal-col {
    background-color: #000;
    padding: 70px 50px 70px 120px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(5px);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
}

#reviewSection {
    background-image: url("../imgs/testimonial-slider-image-background-min.jpg");
    background-size: auto;
    background-repeat: no-repeat;
    background-color: #000;
    background-position: center center;
}

#reviewSection .testimonial-con .quotes-con i {
    font-size: 48px;
}

#reviewSection .inquiry-con h4 {
    margin-bottom: 12px;
}

#reviewSection .inquiry-con .inquiry-num .number a:hover {
    color: var(--primaryTwo);
    transition: all .3s ease-in-out;
}

#reviewSection .inquiry-con .inquiry-num .number a {
    text-decoration: none;
    color: #FFF;
}


#section_counter {
    margin-top: -4rem;
}

#section_counter .counter-item:hover .counter {
    color: #fff;
    transition: all 0.5s ease-in-out;
}

#section_counter .counter-item:hover {
    background: var(--primary);
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

#section_counter .counter-item:hover::after {
    border-color: transparent transparent var(--white) var(--white);
    transition: all 0.5s ease-in-out;
}

#section_counter .counter-item::after {
    position: absolute;
    bottom: 5px;
    left: 5px;
    border-width: 5px;
    border-style: solid;
    content: '';
    border-color: transparent transparent var(--primary);
}

#section_counter .counter-item {
    background: #f1f5fa;
    padding: 2.5rem 1.5rem;
    text-align: center;
    border-radius: 0;
    transition: all 0.5s ease-in-out;
    transform: translateY(6rem);
    position: relative;
}

.counter-item .counter {
    font-size: 30px;
    color: #333333;
}

@keyframes slide-up {
    0% {
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

#newssection .newsCardimg {
    /* min-height: 300px; */
}

#newssection .newsCardimg img {
    min-height: 200px;
    /* object-fit: cover; */
    object-position: center;
    border-radius: 0;
    width: 100%;
}

#newssection .card-body .dateNpublisheer,
#newssection .card-body h5.card-title {
    margin-bottom: 10px;
}

#newssection .card-body h5.card-title a:hover {
    color: var(--primary);
    transition: all .3s ease-in-out;
}

#newssection .card-body p.newsdes {
    margin-bottom: 22px;
    min-height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#newssection .card-body .newsbtn .el-btn-blog {
    border-radius: 0 !important;
    padding: 8px 10px !important;
}

#newssection .card {
    border: 0;
    border-radius: 0;
    border: 1px solid #d6d4d4;
    padding: 10px;
}

#newssection .card-body {
    padding: 1rem 0px 0px 0px;
}

#newssection .card-body .card-title a {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    color: #121820;
}

footer .footer-center-sec img.footer-logo {
    width: 150px;
}

footer .footer-center-sec .footer-social-icon-list li i {
    font-size: 14px;
    color: #fff;
}

footer .footer-center-sec .footer-social-icon-list li a:hover i {
    color: var(--dark);
}

footer .footer-center-sec .footer-social-icon-list li a:hover {
    background-color: var(--primaryTwo);
    transition: all .3s ease-in-out;
}

footer .footer-center-sec .footer-social-icon-list li a {
    border: 1px solid var(--dark);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #253241;
    display: inline-flex;
    align-items: center;
    -webkit-box-align: center;
    justify-content: center;
}

footer .footer-center-sec,
footer .footer-links,
footer .footerbtm {
    background-color: var(--bgSecondary);
}

footer .footer-links .services-pages ul li a:hover,
footer .footer-links .contact-details ul li a:hover {
    color: var(--primary);
    transition: all .3s ease-in-out;
}

footer .footer-links .description p {
    color: rgb(240, 240, 240);
}

footer .footer-links .heading {
    color: #fff;
    font-weight: bolder;
    margin-bottom: 20px;
}

footer .footer-links .services-pages ul li a,
footer .footer-links .contact-details ul li a,
footer .footer-links .contact-details ul li i {
    text-decoration: none;
    color: rgb(240, 240, 240);
    font-weight: 300;
    font-size: 17px;
}

footer .footer-links .contact-details ul li {
    margin-bottom: 10px;
    align-items: flex-start;
}

footer .footer-links .contact-details ul li i {
    margin-right: 8px;
}

footer .footer-links .services-pages ul li {
    margin-bottom: 8px;
}

footer .footerbtm {
    border-top: 1px solid rgba(228, 228, 228, 0.76);
}


.services-page .banner-sec,
.contact-page .banner-sec,
.about-page .banner-sec,
.Quote-page .banner-sec,
.vehiclesPage .banner-sec {
    padding: 120px 0px;
}

.services-page .banner-sec .bookmark a,
.contact-page .banner-sec .bookmark a,
.about-page .banner-sec .bookmark a,
.Quote-page .banner-sec .bookmark a,
.vehiclesPage .banner-sec .bookmark a {
    text-decoration: none;
    color: #000;
}

.services-page .banner-sec .bookmark a:hover,
.contact-page .banner-sec .bookmark a:hover,
.about-page .banner-sec .bookmark a:hover,
.Quote-page .banner-sec .bookmark a:hover,
.vehiclesPage .banner-sec .bookmark a:hover {
    color: var(--primary);
    transition: all .3s ease-in-out;
}

.contact-page .banner-sec,
.about-page .banner-sec,
.vehiclesPage .banner-sec,
.services-page .banner-sec {
    background-image: url("../imgs/vehiclesBG.png");
    background-size: cover;
    background-position: center center;
}

.contact-page .banner-sec h1,
.about-page .banner-sec h1,
.services-page .banner-sec h1,
.vehiclesPage .banner-sec h1 {
    filter: saturate(0);
}

.contact-page .banner-sec .bookmark span,
.about-page .banner-sec .bookmark span,
.vehiclesPage .banner-sec .bookmark span,
.services-page .banner-sec .bookmark span {
    filter: saturate(0);
}

.vehiclesPage .vehicles-sec .card .card-body .catagory {
    font-size: 13px;
    border: 1px solid rgb(226, 226, 226);
    padding: 5px 15px;
    border-radius: 50px;
    display: inline-block;
    background: var(--primary);
    margin-bottom: 8px;
    font-weight: bolder;
    color: rgb(133, 133, 133);
    letter-spacing: 1px;
}

.vehiclesPage .vehicles-sec .card .veh-features .features-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vehiclesPage .vehicles-sec .card .veh-features .features-list li .icon {
    color: rgb(110, 110, 110);
}

.vehiclesPage .vehicles-sec .card .veh-features .features-list li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.vehiclesPage .vehicles-sec .card .veh-features .pricingsec {
    background-color: var(--bgSecondary);
    width: 45%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.vehiclesPage .vehicles-sec .card .veh-features .pricingsec a.el-btn {
    border-radius: 0;
}

.vehiclesPage .vehicles-sec .card .veh-features .pricingsec .price-con span.from,
.vehiclesPage .vehicles-sec .card .veh-features .pricingsec .price-con span.duration {
    font-size: 14px;
    font-weight: 700;
    color: var(--white);
}

.vehiclesPage .vehicles-sec .card .veh-features .pricingsec .price-con span.duration {
    font-weight: 400 !important;
}

.vehiclesPage .vehicles-sec .card .veh-features .pricingsec .price-con span.price {
    font-size: 38px;
    font-weight: 700;
}

.vehiclesPage .vehicles-sec .card .veh-features .pricingsec {
    padding-top: 20px;
    padding-bottom: 10px;
}

.vehiclesPage .vehicles-sec .card .veh-features .pricingsec .price-con .price-wrapper {
    margin-top: -8px;
    margin-bottom: -10px;
}

.vehiclesPage .vehicles-sec {
    background-color: #F9F9F9;
}

.vehiclesPage .vehicles-sec .card .vehicles-card-img {
    min-height: 200px;
    height: 250px;
    overflow: hidden;
}

.vehiclesPage .vehicles-sec .card .vehicles-card-img img {
    border-radius: 0;
    object-fit: cover;
    min-height: 200px;
}

.vehiclesPage .vehicles-sec .card:hover {
    box-shadow: 0 0 22px rgb(51 60 71 / 10%);
    transition: all .3s ease-in-out;
    border: 2px solid var(--primary);
    border-top: none;
}

.homepage .vehiclesPage .vehicles-sec .card {
    box-shadow: 0 0 22px rgb(51 60 71 / 10%);
    transition: all .3s ease-in-out;
}

.vehiclesPage .vehicles-sec .card:hover .vehicles-card-img .overlay {
    display: block;
    background: rgba(0, 0, 0, .3);
    transition: all .3s ease-in-out;
    z-index: 1;
}

.vehiclesPage .vehicles-sec .card:hover .vehicles-card-img img {
    transform: scale(1.1);
    transition: all .3s ease-in-out;
    overflow: hidden;
}

.vehiclesPage .vehicles-sec .card .vehicles-card-img {
    position: relative;
}

.vehiclesPage .vehicles-sec .card .vehicles-card-img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.vehiclesPage .vehicles-sec .card {
    border: 0;
    border-radius: 0;
    padding-bottom: 8px;
}

.vehiclesPage .vehicles-sec {
    padding: 80px 0px;
}

.vehiclesPage .vehicles-sec a.viewmore {
    font-size: 18px;
    border-radius: 0;
}

.vehiclesPage .vehicles-sec .filterbtnCon {
    margin-bottom: 15px;
    padding: 10px 0px;
}

.homepage .vehiclesPage .vehicles-sec {
    padding: 0 !important;
    margin: 20px 0px;
}



.Quote-page .vehicle-list .filterbtnCon .filter-button,
.vehiclesPage .vehicles-sec .filterbtnCon .filter-button {
    border: 0;
    border-bottom: 2px solid var(--primary);
    border-radius: 0;
    padding: 4px 7px;
    margin-right: 10px;

}

.Quote-page .vehicle-list .filterbtnCon .filter-button:hover,
.vehiclesPage .vehicles-sec .filterbtnCon .filter-button:hover {
    background-color: var(--primary);
    color: var(--white);
    transition: all .3s ease-in-out;
}

.Quote-page .vehicle-list .filterbtnCon .filter-button.active,
.vehiclesPage .vehicles-sec .filterbtnCon .filter-button.active {
    background-color: var(--primary);
    color: var(--white);
}

.Quote-page .banner-sec {
    background-image: url("../imgs/vehiclesBG.png");
    background-size: cover;
    background-position: center center;
}

.Quote-page .quote-details-sec {
    padding: 100px 0px;
}

/* .Quote-page .vehicle-list .list-view .card{
    display: flex;
    flex-direction: row;
}
.Quote-page .vehicle-list .list-view .card .cardimg{
    width: 40%;
}
.Quote-page .vehicle-list .list-view .card .card-body .car-info{
    display: flex;
    flex-direction: column;
}
.Quote-page .vehicle-list .car-list-con .car-info-con .car-info-top{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}
.Quote-page .vehicle-list .car-list-con .car-info-con .car-data{
    display: block;
    width: 50%;
    padding-top: 10px;
}
.Quote-page .vehicle-list .car-list-con .car-info-con .car-preview-img .img img{
    width: 100%;
    max-height: 170px;
    object-fit: cover;
    object-position: center;
}
.Quote-page .vehicle-list .car-list-con .car-info-con .car-preview-img .img{
    min-height: 170px;
}
.Quote-page .vehicle-list .car-list-con .car-info-con .car-preview-img{
    display: block;
    width: 50%;
}
.Quote-page .vehicle-list .car-list-con .car-info-con .car-info-bottom ul li{
    width: 16.66%;
    padding: 20px 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-right: 1px solid #f3f3f3;
    margin: 0;
}
.Quote-page .vehicle-list .car-list-con .car-info-con .car-info-bottom ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
.Quote-page .vehicle-list .car-list-con .car-info-con .car-info-bottom{
    display: block;
    width: 100%;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}
.Quote-page .vehicle-list .car-list-wrapper{
    display: block;
    background: #fff;
    border: 2px solid #fff;
    padding: 8px 8px 10px;
    margin-bottom: 20px;
    position: relative;
    transition: all .1s ease-in-out;
}
.Quote-page .vehicle-list .car-list-con{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.Quote-page .vehicle-list .car-list-con .car-price-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 23%;
    background: #f5faff;
    margin-left: 10px;
    text-align: center;
    padding: 10px;
} */

.Quote-page .vehicle-list .res-vehicle-con .res-feature-con ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

.Quote-page .vehicle-list .res-vehicle-con .res-img-con {
    padding: 25px 35px 30px 20px;
}

.Quote-page .vehicle-list .res-vehicle-con .res-feature-con ul li span.icon {
    margin-bottom: 5px;
    font-size: 24px;
}

.Quote-page .vehicle-list .res-vehicle-con .res-feature-con ul li {
    /* display: inline-block;
    padding: 10px 15px;
    border-right: 1px solid black;
    border-left: 1px solid black; */
    width: 25%;
    padding: 10px 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-right: 1px solid #f3f3f3;
    margin: 0;
}

.Quote-page .vehicle-list .res-vehicle-con .res-car-top .res-car-data {
    padding-top: 20px;
}

.Quote-page .vehicle-list .res-vehicle-con .res-car-top .res-car-data .cat-con .category {
    margin: 0;
    padding: 0;
    color: #aaa;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.Quote-page .vehicle-list .res-vehicle-con .res-car-top .res-car-data .cat-con {
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 20px;
    padding: 3px 20px 2px;
    margin-bottom: 20px;
}

.Quote-page .vehicle-list .res-vehicle-con .res-feature-con ul li:nth-child(4) {
    border-right: 0;
}

.Quote-page .vehicle-list .res-veh-wrapper .res-veh-inner-wrapper {
    background: #fff;
    border: 2px solid #fff;
    padding: 8px 8px 10px;
    position: relative;
    transition: all .1s ease-in-out;
}

.Quote-page .vehicle-list {
    background-color: #F9F9F9;
    padding-top: 60px;
}

.Quote-page .vehicle-list .res-veh-wrapper {
    padding-bottom: 20px;
}

.Quote-page .vehicle-list .res-veh-wrapper .res-veh-price-wrapper {
    background: #fff;
    border: 2px solid #fff;
}

.Quote-page .vehicle-list .res-veh-wrapper .res-veh-price-wrapper .res-veh-price-inner {
    height: 100%;
}

.Quote-page .vehicle-list .res-veh-wrapper .res-veh-price-wrapper .res-veh-price-inner .price-info-con .price-info-con-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 5PX;
    background-color: #ffe19f85;
}

.Quote-page .vehicle-list .res-veh-wrapper .res-veh-price-wrapper .res-veh-price-inner .price-info-con a.el-btn {
    border-radius: 0;
    color: white !important;
}

.Quote-page .vehicle-list .res-veh-wrapper .res-veh-price-wrapper .res-veh-price-inner .price-info-con {
    padding: 15px 5px 7px 5px;
}

.Quote-page .vehicle-list .res-veh-wrapper .res-veh-price-wrapper .res-veh-price-inner .price-info-con .price-info .priceTag,
.Quote-page .vehicle-list .res-veh-wrapper .res-veh-price-wrapper .res-veh-price-inner .price-info-con .price-info .way {
    font-size: 14px;
    font-weight: 700;
}

.Quote-page .vehicle-list .res-veh-wrapper .res-veh-price-wrapper .res-veh-price-inner .price-info-con .price-info .price-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    margin: -7px 0px;
}

.Quote-page .vehicle-list .res-veh-wrapper .res-veh-price-wrapper .res-veh-price-inner .price-info-con .price-info .price-wrapper .currency {
    font-size: 20px;
    margin-right: 4px;
}

.Quote-page .vehicle-list .res-veh-wrapper .res-veh-price-wrapper .res-veh-price-inner .price-info-con .price-info .price-wrapper .price {
    font-size: 38px;
    font-weight: 700;
}

.bkformPageS {
    background-color: #F9F9F9;
}

.bkformPageS .bkForm-con .bkform-wrapper {
    background-color: #fff;
    padding: 36px 30px;
}

.bkformPageS .bkForm-con .bkform-wrapper .bkformsec-heading h2 {
    font-size: 36px;
    margin-bottom: 35px;
    text-transform: capitalize;
}

.bkformPageS .bkForm-con .bkform-wrapper label {
    font-size: 14px;
    margin-bottom: 8px;
    color: #888;
}

.contact-page .form-sec .contact-form textarea:focus,
.contact-page .form-sec .contact-form input:focus,
.bkformPageS .bkForm-con .bkform-wrapper input:focus {
    box-shadow: none;
    border-color: var(--primary);
}

.contact-page .form-sec .contact-form .form-control:hover,
.bkformPageS .bkForm-con .bkform-wrapper .form-control:hover {
    -webkit-box-shadow: 0 8px 22px 0 rgb(0 0 0 / 10%) !important;
    box-shadow: 0 8px 22px 0 rgb(0 0 0 / 10%) !important;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    background: #fff !important;
}

.contact-page .form-sec .contact-form textarea.form-control,
.bkformPageS .bkForm-con .bkform-wrapper textarea.form-control {
    height: auto !important;
}

.contact-page .form-sec .contact-form .form-control,
.bkformPageS .bkForm-con .bkform-wrapper .form-control {
    height: 50px;
    color: #666666;
    border: none;
    border-radius: 0;
    background: #f2f6f7 !important;
}

.bkformPageS .bkForm-con .bkform-wrapper {
    margin-bottom: 20px;
}

.contact-page .form-sec .contact-form .form-row,
.bkformPageS .bkForm-con .bkform-wrapper .form-row {
    margin-bottom: 15px;
}

.bkformPageS .bkForm-con .bkform-wrapper .form-row .custom-select .select-items {
    overflow: hidden;
}

.bkformPageS .bkForm-con .bkform-wrapper .form-row .custom-select .select-selected:after {
    top: 25px !important;
}

.bkformPageS .bkForm-con .bkform-wrapper .form-row .custom-select .select-selected {
    height: 50px !important;
    padding: 15px 16px 5px 16px !important;
}

.bkformPageS .bkForm-con .bkform-wrapper input[name="paymentop"] {
    display: none;
}

.bkformPageS .bkForm-con .bkform-wrapper label.paymetoplabel {
    width: 100%;
    padding: 0px 20px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    border-radius: 0;
    background: #f2f6f7 !important;
}

.bkformPageS .bkForm-con .bkform-wrapper label.paymetoplabel:hover {
    -webkit-box-shadow: 0 8px 22px 0 rgb(0 0 0 / 10%) !important;
    box-shadow: 0 8px 22px 0 rgb(0 0 0 / 10%) !important;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    background: #fff !important;
}

.bkformPageS .bkForm-con .bkform-wrapper input[name="paymentop"]:checked+label {
    background-color: var(--primary);
    color: #fff;
    -webkit-box-shadow: 0 8px 22px 0 rgb(0 0 0 / 10%) !important;
    box-shadow: 0 8px 22px 0 rgb(0 0 0 / 10%) !important;
}

.bkformPageS .bkForm-con .bkform-wrapper div.content {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .25s linear, opacity .15s linear;
    position: relative;
    top: 5px;
    margin-bottom: 0;
    padding: 10px 10px;
    color: #333;
    font-family: helvetica;
    font-size: 12px;
    line-height: 18px;
    opacity: 0;
}

.bkformPageS .bkForm-con .bkform-wrapper div.paymentOpRow>input:checked~div.contenOne {
    height: 80px !important;
    opacity: 1;
}

.bkformPageS .bkForm-con .bkform-wrapper div.paymentOpRow>input:checked~div.contenTwo {
    height: 330px !important;
    opacity: 1;
}

.bkformPageS form input[type="submit"] {
    width: 30%;
    background-color: var(--primary);
    color: var(--white);
    padding: 15px 20px;
    border: 1px solid var(--primary);
}

.bkformPageS form input[type="submit"]:hover {
    background-color: #fff;
    border-color: var(--primary);
    transition: all .3s ease-in-out;
    color: var(--primary);
}


.bkformPageS .bkform-detail-sidebar .sidebar-detail-con {
    background-color: #fff;
    padding: 20px 12px;
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .bkcar-category {
    margin-bottom: 8px;
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con span.price-details {
    font-size: 14px;
    color: #888;
    margin: 10px 0px;
    display: inline-block;
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .bkcar-category span.category {
    font-size: 14px;
    border: 1px solid rgb(233, 233, 233);
    padding: 8px 15px;
    border-radius: 50px;
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .more-details span {
    font-size: 13px;
    color: #888;
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .more-details .bkslip {
    width: 50%;
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .more-details .bktotal span {
    color: #000;
    font-weight: 700;
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .more-details {
    background-color: #ffe7b4a8;
    padding: 5px 0px 5px 10px;
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .price-quote .total {
    font-size: 16px;
    font-weight: 900;
    color: var(--primary);
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .price-quote .price-value {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .price-quote .price-value .currency {
    color: var(--primary);
    font-weight: 900;
    margin-right: 2px;
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .price-quote .price-value .value {
    font-size: 40px;
    font-weight: 900;
    color: var(--primary);
}

.bkformPageS .bkform-detail-sidebar .sidebar-detail-con .price-quote {
    border: 2px solid var(--primary);
    padding: 30px 10px;
}




/* About Page */
.about-page .benefits-sec {
    padding: 100px 0px;
    background-color: var(--black);
}

.about-page .benefits-sec .bf-icon-box .top-content {
    margin-bottom: 35px;
}

.about-page .benefits-sec .bf-icon-box .top-content svg {
    width: 70px;
    height: 80px;
    fill: var(--white);
}

.about-page .benefits-sec .bf-icon-box .bf-icon-box-title {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 17px;
    font-weight: 700;
}

.about-page .benefits-sec .bf-icon-box .bf-icon-box-inner p {
    color: var(--text-gray);
}

.about-page .benefits-sec .bf-icon-box .bf-icon-box-inner:hover,
.about-page .benefits-sec .bf-icon-box.active .bf-icon-box-inner {
    box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.2);
    -webkit-box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.2);
    -moz-box-shadow: 0px 20px 42px -10px rgba(223, 182, 44, 0.2);
    transition: all .3s ease-in-out;
}

.about-page .benefits-sec .bf-icon-box.active .bf-icon-box-inner p {
    color: var(--white);
}

.about-page .benefits-sec .bf-icon-box.active .bf-icon-box-inner {
    background-color: var(--bgSecondary);
}

.about-page .benefits-sec .bf-icon-box .bf-icon-box-inner {
    transition: .3s ease;
    position: relative;
    padding: 55px 40px;
    text-align: center;
    color: var(--white);
    background-color: var(--black-light);
}

.about-page .benefits-sec .bf-icon-box .bf-icon-box-inner:hover::after {
    border-bottom-color: var(--white);
    border-left-color: var(--white);
}

.about-page .benefits-sec .bf-icon-box .bf-icon-box-inner:hover p {
    color: var(--white);
}

.about-page .benefits-sec .bf-icon-box .bf-icon-box-inner:hover {
    background-color: var(--bgSecondary);
}

.about-page .benefits-sec .bf-icon-box.active .bf-icon-box-inner::after,
.about-page .benefits-sec .bf-icon-box .bf-icon-box-inner::after {
    position: absolute;
    bottom: 5px;
    left: 5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent;
    content: '';
}

.about-page .benefits-sec .bf-icon-box .bf-icon-box-inner::after {
    border-bottom-color: var(--primary);
    border-left-color: var(--primary);
}

.about-page .benefits-sec .bf-icon-box.active .bf-icon-box-inner::after {
    border-bottom-color: var(--white);
    border-left-color: var(--white);
}

.about-page .aboutSection .img-video-wrapper {
    margin-bottom: 60px;
}

.about-page .aboutSection .img-video-wrapper .img-wrapper {
    margin-bottom: 20px;
    padding: 20px;
}

.about-page .aboutSection .img-video-wrapper .video-icon-wrapper a:hover {
    background-color: var(--primary-hov-light);
    transition: all .3s ease-in-out;
}

.about-page .aboutSection .img-video-wrapper .video-icon-wrapper a {
    font-size: 30px;
    color: #ffffff;
    background-color: var(--primary);
    box-shadow: 0px 10px 16px 0px rgba(255, 83, 48, 0.35);
    padding: 40px;
    border-radius: 3px;
}

.about-page .aboutSection .img-video-wrapper .video-icon-wrapper {
    position: absolute;
    bottom: -12px;
    right: -39px;
}

.about-page .aboutSection .rightsec {
    margin: 15px 90px 0px 70px;
}

.about-page .aboutSection .rightsec .features-con {
    margin: 25px 0px;
}

.about-page .aboutSection .rightsec .features-con .ficon {
    margin-bottom: 12px;
}

.about-page .aboutSection .rightsec .features-con .ficon svg {
    width: 70px;
    height: 70px;
}

.about-page .aboutSection .rightsec .features-con .fcontent span {
    font-size: 14px;
    font-weight: 500;
}

.about-page .aboutSection .rightsec .heading h4 {
    font-size: 42px;
}

.about-page .aboutSection {
    padding: 80px 0px;
}

.about-page .cta-section a.cta-call:hover {
    color: var(--primary-hov-light);
    transition: all .3s ease-in-out;
}

.about-page .cta-section a.cta-call {
    text-decoration: none;
    color: var(--white);
}

.about-page .cta-section a.el-btn {
    border-radius: 0;
    border-color: var(--bgSecondary) !important;
}

.about-page .cta-section {
    padding: 100px 0px 70px 0px;
    margin-top: -50px;
    background-color: var(--bgSecondary);
}

.about-page .howWeWork-sec {
    counter-reset: section;
}

.about-page .howWeWork-sec .hww-con .icon-box {
    position: relative;
    padding: 73px 0px;
    text-align: center;
}

.about-page .howWeWork-sec .hww-con .icon-box::before {
    background-color: #fff;
}

.about-page .howWeWork-sec div[class*='col-12'] .hww-con .icon-box::after {
    content: counter(section, decimal);
    counter-increment: section;
    font-size: 18px;
    font-weight: 700;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    color: white;
    background: var(--bgSecondary);
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    /* Stick at the top of the box */
    z-index: 4;
}

.about-page .howWeWork-sec .hww-con .icon-box::before {
    content: '';
    width: 260px;
    height: 260px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 65px;
    -ms-border-radius: 65px;
    border-radius: 30px;
    z-index: 0;
    background: var(--primary);
}

.about-page .howWeWork-sec .hww-con .icon-box .icon {
    position: relative;
    z-index: 3;
}

.about-page .howWeWork-sec .hww-con .icon-box .icon img {
    max-width: 62px;
}

.about-page .howWeWork-sec .hww-con .icon-box .content {
    position: relative;
    z-index: 3;
    padding: 0 42px;
    color: var(--white);
}

.about-page .howWeWork-sec .hww-con .icon-box .content .title {
    margin-top: 15px;
}

.about-page .howWeWork-sec .hww-con .icon-box .content .title h4 {
    font-size: 22px;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: -.5px;
    text-transform: capitalize;
}

.about-page .howWeWork-sec .hww-con .icon-box .content .description span {
    color: rgb(238, 238, 238);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    max-height: 44px;
    overflow: hidden;
}

.about-page .howWeWork-sec .dotimg::after {
    position: absolute;
    left: -100px;
    top: 62px;
    content: "";
    display: block;
    width: 200px;
    height: 50px;
    background-image: url(../imgs/icons/arrow.png);
    background-size: cover;
    background-position: center;
}

.about-page .howWeWork-sec {
    background-image: url("../imgs/LASC.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
}

.about-page .howWeWork-sec .subheading,
.about-page .howWeWork-sec .heading {
    z-index: 3;
}

.about-page .howWeWork-sec .overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.822);
    z-index: 0;
}

.about-page .howWeWork-sec .heading {
    max-width: 40%;
}

.about-page .howWeWork-sec .heading h2 {
    font-size: 40px;
    font-weight: 600;
}

.about-page .faq-sec .accordion .accordion-button:not(.collapsed) {
    color: white;
    background-color: var(--primary);
}

.about-page .faq-sec .accordion button.accordion-button:focus {
    box-shadow: none;
    border-color: var(--primary);
}

.about-page .faq-sec .accordion button.accordion-button {
    padding: 1.5rem 1.25rem;
}


.faq-sec .testimonial-con .content {
    position: relative;
    padding: 50px;
    background-color: #fff0bfb0;
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0.3px;
}

.faq-sec .testimonial-con .content::after {
    position: absolute;
    top: 100%;
    left: 67px;
    border-width: 15px;
    border-style: solid;
    content: '';
}

.faq-sec .testimonial-con .content::after {
    border-color: #fff0bfb0 #fff0bfb0 transparent transparent;
}

.faq-sec .testimonial-con .client-detail {
    padding-top: 40px;
    padding-left: 70px;
}

.faq-sec .testimonial-con .client-detail .name h6 {
    font-weight: 700;
    font-size: 14px;
    margin: 0;
}

.faq-sec .testimonial-con .client-detail .position p {
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 3px;
}

.faq-sec .owl-carousel.testimonial-carousel {
    position: relative;
}

.faq-sec .owl-carousel.testimonial-carousel .owl-nav {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
}

.faq-sec .owl-carousel.testimonial-carousel .owl-nav .owl-next,
.faq-sec .owl-carousel.testimonial-carousel .owl-nav .owl-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--primary);
    color: var(--white);
}

.faq-sec .owl-carousel.testimonial-carousel .owl-nav .owl-next:hover,
.faq-sec .owl-carousel.testimonial-carousel .owl-nav .owl-prev:hover {
    background-color: var(--primary-hov-light);
    transition: all .3s ease-out;
}

.contact-page .contact-us-info {
    margin: 100px 0px;
}

.contact-page .contact-us-info .contact-icon-box-con {
    padding: 65px 15px 35px;
    position: relative;
    background-color: var(--bgSecondary);
    min-height: 200px;
    border-radius: 20px;
    box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, .2);
}

.contact-page .contact-us-info .contact-icon-box-con .top-content {
    background-color: var(--primary);
    color: var(--white);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    top: 0;
    left: 50%;
    position: absolute;
    width: 80px;
    height: 80px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.contact-page .contact-us-info .contact-icon-box-con::after {
    position: absolute;
    bottom: 10px;
    left: 10px;
    border-width: 5px;
    border-style: solid;
    content: '';
    border-color: transparent transparent var(--primary);
}

.contact-page .contact-us-info .contact-icon-box-con .bottom-content .icon-title h5 {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 10px;
    font-weight: 600;
}

.contact-page .contact-us-info .contact-icon-box-con .bottom-content .icon-desc .des {
    font-size: 14px;
}

.contact-page .contact-us-info .contact-icon-box-con .bottom-content .icon-desc a.des {
    font-size: 14px;
    text-decoration: none;
    color: var(--white);
}

.contact-page .contact-us-info .contact-icon-box-con .bottom-content .icon-desc a.des:hover {
    color: var(--dark);
    transition: all .3s ease-in-out;
}

.contact-page .contact-us-info .contact-icon-box-con .bottom-content .icon-desc ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.contact-page .contact-us-info .contact-icon-box-con .bottom-content .icon-desc ul li {
    display: inline-block;
    margin-right: 5px;
}

.contact-page .contact-us-info .contact-icon-box-con .bottom-content .icon-desc ul li a {
    font-size: 18px;
    color: var(--white);
    padding: 12px 14px;
    border: 1px solid var(--white);
    border-radius: 50%;
}

.contact-page .contact-us-info .contact-icon-box-con .bottom-content .icon-desc ul li a:hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
    transition: all .3s ease-in-out;
}


.contact-page .form-sec {
    margin: 30px 0px 90px 0px;
}

.contact-page .form-sec .form-heading h2 span {
    font-family: 'Montserrat', sans-serif;
}

.contact-page .form-sec .form-heading h2 {
    font-size: 28px;
    font-weight: 700;
}

.contact-page .form-sec .form-heading p {
    color: var(--text-gray);
}

.contact-page .form-sec .contact-form button.el-btn {
    border-radius: 0px !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}




.booking-page .tab .billing-detail-con,
.booking-page .tab .ride-detail-con {
    background-color: var(--primary);
    color: #fff;
}

.booking-page .tab .billing-detail-con .billing-detail-wrapper .billing-detail {
    padding: 14px 21px 14px 21px !important;
}

.booking-page .tab .billing-detail-con .billing-detail-wrapper .billing-detail label::before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
}

.booking-page .tab .billing-detail-con .billing-detail-wrapper .billing-detail label {
    padding: 0 !important;
    position: relative;
    cursor: pointer;
}

.booking-page .tab .billing-detail-con .billing-detail-wrapper .billing-detail input:checked+label::after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid var(--primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.booking-page .tab .billing-detail-con .billing-detail-wrapper .billing-detail input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.booking-page .tab .billing-detail-con .billing-detail-wrapper .billing-detail label,
.booking-page .tab .ride-detail-con .ride-detail-wrapper .ride-detail h4 {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 14px 21px 7px 21px;
}

.booking-page .tab .filed-clm .el-bk-form-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 35px;
}

.booking-page .tab .filed-clm .el-bk-form-input {
    border: 0;
    padding: 8px;
}

.booking-page .tab .Pickup-loc-con.filed-clm {
    position: relative;
}

.booking-page .tab .filed-clm .removeRow:hover,
.booking-page .tab .filed-clm .addrow:hover {
    color: var(--white);
    background-color: var(--primary);
    transition: all .3s ease-in-out;
}

.booking-page .tab .filed-clm .removeRow {
    padding: 0px 14px !important;
}

.booking-page .tab .filed-clm .removeRow,
.booking-page .tab .filed-clm .addrow {
    color: var(--primary);
    background-color: var(--white);
    border: 1px solid var(--primary);
    padding: 0px 12px;
    font-size: 28px;
}

.booking-page .tab .filed-clm .removeRow {
    position: absolute;
    right: 60px;
    top: 25%;
}

.booking-page .tab .filed-clm .addrow {
    position: absolute;
    right: 20px;
    top: 25%;
}

.booking-page .tab .filed-clm .el-bk-form-input:focus {
    box-shadow: 2px 2px 5px #000;
}

.booking-page .tab .extratime-con.filed-clm {
    padding: 0px 0px 0px 0px;
}

.booking-page .tab .extratime-con .el-bk-form-label {
    padding-left: 20px;
}

.booking-page .tab .filed-clm {
    border-color: #EAECEE;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    padding: 0px 10px 10px 10px;
    position: relative;
}

.booking-page .tab .filed-clm span.invalid {
    display: none;
}

.booking-page .tab .filed-clm .invalid.invaliderror::before {
    content: "";
    height: 8px;
    width: 9px;
    background: red;
    position: absolute;
    bottom: -4px;
    left: 2px;
    transform: rotate(141deg);
    color: #000;
}

.booking-page .tab .filed-clm .invalid.invaliderror {
    display: inline-block !important;
    font-size: 11px;
    background-color: red;
    padding: 3px 10px;
    color: #fff;
    position: absolute;
    top: -23px;
    right: 0;
}

.booking-page .tab .countryselect-con.filed-clm .select-selected,
.booking-page .tab .right-veh-area .select-selected,
.booking-page .tab .extratime-con .select-selected {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 5px 16px 0px 20px !important;
    height: 43px !important;
}

.booking-page .tab .countryselect-con.filed-clm .select-selected::after,
.booking-page .tab .right-veh-area .select-selected::after,
.booking-page .tab .extratime-con .select-selected:after {
    top: 18px !important;
    right: 20px !important;
}

.booking-page .tab .nav-pills .nav-link {
    border-radius: 0;
    width: 100%;
    padding: 20px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    color: #778591;
}

.booking-page .tab .nav-pills .nav-item .nav-link {
    border-color: #EAECEE;
}

.booking-page .tab .nav-pills .nav-item .nav-link.active {
    color: #fff;
    border-color: var(--primary);
    background-color: var(--primary);
}

.booking-page .tab ul.nav-pills>li:last-child>button {
    border-right-width: 1px;
}

.booking-page .tab ul.nav-pills {
    border-bottom: 2px solid var(--primary);
}

.mtnv65 {
    margin-top: -65px !important;
}

.paddingev23 {
    padding: 0px 23px;
}

.booking-page .route-cal-con .total-time {
    border-right: 0px !important;
}

.booking-page .route-cal-con .total-distance-wrapper {
    /* border-right: 1px solid #EAECEE; */
}

.booking-page .route-cal-con .total-distance-con .icon {
    margin-right: 15px;
}

.booking-page .route-cal-con .total-distance-con .icon span {
    font-size: 48px;
    color: var(--primary);
}

.booking-page .route-cal-con .total-distance-con {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 21px 0px 19px 0px;
}

.booking-page .route-cal-con .total-distance-con .content span {
    font-size: 12px;
    text-transform: uppercase;
    color: #778591;
}

.booking-page .route-cal-con .total-distance-con .content h4 {
    font-size: 26px;
    font-weight: 400;

}

.btmshadow {
    box-shadow: 0px 18px 19px -20px rgb(0 0 0 / 10%);
}

.booking-page .form-navigation ul {
    list-style: none;
}

/* .booking-page .form-navigation ul .step .count{
    cursor: pointer;
} */
.booking-page .form-navigation ul .step.active .count {
    background-color: var(--primary);
}

.booking-page .form-navigation ul li .count {
    background-color: #ccc;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 18px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 10px;
}

.booking-page .form-navigation ul li {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    position: relative;
}

.booking-page .form-navigation ul li>div {
    width: 100%;
    height: 3px;
    z-index: 1;
    position: absolute;
    background-color: #EAECEE;
    top: 20px;
    left: 60%;
}

.booking-page .tab {
    display: none;
}



.booking-page .tab .booking-details-sidebar-con {
    background-color: #F6F6F6;
    padding: 28px 20px 20px 20px;
}

.booking-page .tab .booking-details-sidebar-con .booking-details-sidebar-heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

.booking-page .tab .booking-details-sidebar-con .detail-row:last-child {
    border: none;
    padding-bottom: 0px;
}

.booking-page .tab .booking-details-sidebar-con .detail-row {
    margin-top: 15px;
    padding-bottom: 20px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #CED3D9;
}

.booking-page .tab .booking-details-sidebar-con .detail-row .detail-heading {
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #000000;
    display: block;
}

.booking-page .tab .booking-details-sidebar-con .detail-row .detail-desc {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #2C3E50;
}

.booking-page .filter-veh-con .heading span {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.booking-page .countryselect-con.filed-clm>label,
.booking-page .tab .right-veh-area .filter-veh-con .filed-clm>label {
    padding-left: 20px;
}

.booking-page .countryselect-con.filed-clm,
.booking-page .tab .right-veh-area .filter-veh-con .filed-clm {
    padding: 0;
}

.booking-page .filter-veh-con .heading {
    background-color: var(--primary);
    color: #fff;
    padding: 14px 21px 15px 21px;
}

.booking-page .vehicles-con .single-veh-con .veh-desc .top-desc button:focus {
    border: 0 !important;
    border-color: transparent !important;
    color: var(--white) !important;
}

.booking-page .vehicles-con .single-veh-con .veh-desc .top-desc button.selected::before {
    background-color: var(--dark) !important;
    align-items: center;
}

.booking-page .vehicles-con .single-veh-con .veh-desc .top-desc button.selected span {
    font-size: 18px;
    margin-right: 5px;
}

.booking-page .vehicles-con .single-veh-con .veh-desc .veh-price {
    margin-top: -5px;
}

.booking-page .vehicles-con .single-veh-con .veh-desc .veh-price span {
    font-size: 25px;
    color: var(--primary-hov-dark);
}

.booking-page .vehicles-con .single-veh-con .veh-desc .veh-price sup {
    font-size: 25px;
    top: -14px;
    position: relative;
}

.booking-page .vehicles-con .single-veh-con .veh-desc .veh-features {
    padding: 10px 0px;
}

.booking-page .vehicles-con .single-veh-con .veh-desc .veh-features .row .col-3 {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #EAECEE;
}

.booking-page .vehicles-con .single-veh-con .veh-desc .veh-features .row .col-3:last-child {
    border-right: 1px solid #EAECEE;
}

.booking-page .vehicles-con .single-veh-con .veh-desc {
    padding-top: 10px;
}

.booking-page .vehicles-con .single-veh-con {
    padding: 10px;
    border: 1px solid #212529;
    margin-bottom: 20px;
    border-radius: 5px;
}

.booking-page .vehicles-con .single-veh-con:hover {
    border: 1px solid #212529;
    background-color: #ff3d3f24;
}

.booking-page .tab .booking-details-sidebar-wrapper .booking-details-sidebar-total-con {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #CED3D9;
}

.booking-page .tab .booking-details-sidebar-wrapper .booking-details-sidebar-total-con .total-con {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.booking-page .tab .booking-details-sidebar-wrapper .booking-details-sidebar-total-con .total-con h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}



.booking-page .tab .payment-method-wrapper label.payment-method-label {
    width: 20%;
}

.booking-page .tab .payment-method-wrapper .payment-method-con .payment-method-img-con {
    display: flex;
    justify-content: center;
    align-items: center;
}

.booking-page .tab .payment-method-wrapper .select-payment-method {
    display: none;
}

.booking-page .tab .payment-method-wrapper .payment-method-con {
    margin: 10px;
    padding: 2px 0px;
}

.booking-page .tab .payment-method-wrapper .payment-method-con:hover {
    cursor: pointer;
}

.booking-page .tab .payment-method-wrapper .payment-method-con span.payment-check-icon {
    display: none;
}

.booking-page .tab .payment-method-wrapper .payment-method-con span.payment-check-icon {
    background-color: var(--primary);
    padding: 8px;
    border-radius: 50%;
    color: var(--white);
    position: absolute;
    bottom: -19px;
    right: 40%;
}

.booking-page .tab .payment-method-wrapper .payment-method-con {
    border: 1px solid #8d8d8d;
    position: relative;
    background: #fefefe38;
    width: 80%;
}

.booking-page .tab .payment-method-wrapper .select-payment-method:checked+.payment-method-con span.payment-check-icon {
    display: block;
}

.booking-page .tab .payment-method-wrapper .select-payment-method:checked+.payment-method-con {
    box-shadow: 0 0 1px 1px var(--primary);
}

.booking-page .tab .billing-details-more-con {
    display: none;
    transition: all .3s ease-in-out;
}



.booking-page .tab .booking-summary a.edit-details:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    transition: all .3 ease-in-out;
    color: var(--white);
}

.booking-page .tab .booking-summary a.edit-details {
    border: 1px solid #CED3D9;
    color: #778591;
    padding: 3px 14px 3px 14px;
    border-radius: 999em;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
}

.booking-page .tab .booking-summary-total-con {
    padding-top: 20px;
}

.booking-page .tab .booking-summary-total-con .extratime,
.booking-page .tab .booking-summary-total-con .selveh {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.booking-page .tab .booking-summary-total-con .extratime span,
.booking-page .tab .booking-summary-total-con .selveh span {
    font-size: 15px;
    font-weight: 400;
}

.homepage .booking-form-offcanvas .offcanvas.offcanvas-end {
    width: 90%;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    z-index: 99999999999 !important;
    background: #fff !important;
}

p.date {
    font-size: 11px;
}

.datepicker {
    padding: 30px 25px;
}

.datepicker.dropdown-menu {
    border: 0;
}

.datepicker.dropdown-menu td {
    padding: 10px 12.5px;
}

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    color: black;
}

.datepicker .datepicker thead tr:first-child th,
.datepicker .datepicker tfoot tr th {
    cursor: pointer;
    border-radius: 20px;
    font-size: 12px;
}

.datepicker table tr td {
    border-radius: 20px;
}

.datepicker table tr td.day {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.datepicker table tr td.day:hover {
    border-radius: 20px;
}

.datepicker thead tr:first-child th {
    position: relative;
}

.datepicker thead tr:first-child th:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    width: 99%;
    height: 100%;
    border-radius: 50px;
    border: 1px solid var(--primary);
}

.datepicker.dropdown-menu,
.datepicker table tr td.active.day,
.datepicker table tr td.day:hover,
.datepicker thead tr:first-child th:hover {
    box-shadow: 0px 10px 20px rgba(223, 182, 44, 0.3);
}

.datepicker table tr td.active.day,
.datepicker table tr td.day:hover,
.datepicker thead tr:first-child th:hover {
    color: #fff;
    font-size: 14px !important;
}


.client .news-item .news-text .date {
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.client .news-details-area .meta .date {
    font-size: 12px;
    margin-right: 30px;
}

.client .news-details-area .meta .date span {
    color: #ffffff;
}

.client .notice-item .date {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.client .events-item .card .card-body .date {
    position: absolute;
    top: -30px;
    left: 20px;
    background: #415094;
    display: inline-block;
    padding: 12px;
    max-width: 60px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.client.light .news-details-area .meta .date span {
    color: #415094;
}

.events-area .date {
    line-height: 18px;
}

.bootstrap-datetimepicker-widget table td span.timepicker-hour,
.bootstrap-datetimepicker-widget table td span.timepicker-minute {
    border: 1px solid var(--primary);
    background: transparent;
    color: black;
    border-radius: 10px;
    height: 80px;
    line-height: 80px;
    width: 60px;
    font-size: 13px;
}

.admin .navbar .right-navbar .dropdown .time {
    font-size: 12px;
}

.student-activities .single-activity .time {
    margin-bottom: 0;
    color: #415094;
    font-size: 12px;
    min-width: 76px;
}

@media (min-width: 1100px) and (max-width: 1400.98px) {
    .datepicker {
        padding: 16px 12px;
    }

    .datepicker.dropdown-menu {
        font-size: 12px;
        line-height: 17px;
    }

    .datepicker table tr td {
        border-radius: 30px;
    }
}

.service-inr-text {
    line-height: 40px !important;
}

@media only screen and (max-width: 992px) {
    .img-1 {
        display: none;
    }

    .img-2 {
        display: block;
    }

    .about-page .howWeWork-sec .dotimg::after {
        display: none;
    }
}

@media (min-width: 992px) {
    .img-1 {
        display: block;
    }

    .img-2 {
        display: none;
    }

    /* .services-page .banner-sec {
        background-repeat: no-repeat;
        background-position-x: right;
        background-size: contain;
        background-position: center right;
    }
    .services-page .airport_transfers {
        background-image: url("../imgs/service-images/airportChauffer.jpg");
    }
    .services-page .business_chauffeur {
        background-image: url("../imgs/service-images/BusinessChauffeur.webp");
    }
    .services-page .chauffeur_minibuses {
        background-image: url("../imgs/service-images/chauffeur_minibuses.jpg");
    }
    .services-page .event_chauffeur {
        background-image: url("../imgs/service-images/EventChauffeur.webp");
    }
    .services-page .private_tours {
        background-image: url("../imgs/service-images/TourChauffeur.jpg");
    }
    .services-page .wedding_chauffeur {
        background-image: url("../imgs/service-images/weddingChauffeur.jpg");
    } */

}

.bootstrap-datetimepicker-widget button[data-action="togglePeriod"] {
    min-width: 60px !important;
    width: 60px !important;
    height: 75px !important;
    border-radius: 5px !important;
}

.bootstrap-datetimepicker-widget a[data-action="incrementHours"],
.bootstrap-datetimepicker-widget a[data-action="incrementMinutes"],
.bootstrap-datetimepicker-widget a[data-action="decrementHours"],
.bootstrap-datetimepicker-widget a[data-action="decrementMinutes"] {
    display: none;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background-color: var(--primary);
    color: var(--white);
}

.map {
    width: 100% !important;
    /* min-height: 400px !important; */
}

.booking-form-offcanvas .offcanvas {
    z-index: 999 !important;
}

.booking-form-offcanvas .offcanvas-backdrop {
    z-index: 998 !important;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    border-radius: 4px;
}

/* RESPONSIVE BUGS FIXESS */
@media only screen and (max-width:430px) {

    /* .hero-sec-form-con{
        margin-top: -340px !important;
    } */
    .booking-page .form-navigation ul li>div {
        top: 14px;
    }

    .header-el .info-container .left-top-header-con .widget {
        padding: 0 !important;
    }

    .header-el .info-container .left-top-header-con .widget .social-media ul li {
        padding: 0 !important;
        height: 28px;
        width: 28px;
    }

    .header-el .info-container .left-top-header-con .widget .social-media ul li a {
        font-size: 12px !important;
    }

    .booking-page .form-navigation ul li .description {
        font-size: 14px;
    }

    .booking-page .form-navigation ul li .count {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .homepage .booking-form-offcanvas .offcanvas.offcanvas-end {
        width: 100% !important;
    }

    .homepage .booking-form-offcanvas .offcanvas-body {
        padding-bottom: 80px;
    }

    /* <-------------> */
    .hero-sec-form-con .hero-sec-form .tab-content {
        padding: 20px;
    }

    .hero-sec-form ul li button.nav-link {
        padding: 0px;
    }

    .hero-sec-form-con .hero-sec-form .tab-content .oneRe-form .form-floating {
        margin-bottom: 0.5rem;
    }

    #herosection .hero-text-con .content-con {
        display: none;
    }

    #herosection .hero-text-con .content-con {
        background-color: #ffffff8a !important;
        color: #000000 !important;
        width: 100% !important;
        opacity: 1 !important;
        text-align: center !important;
        /* margin-top: -45px !important; */
    }

    #herosection .hero-text-con .content-con p {
        color: black !important;
        font-weight: 700;
        text-align: center;
    }

    .hero-sec-form-con {
        margin-top: -430px !important;
    }
}

@media only screen and (max-width:367px) {
    .header-el .info-container .left-top-header-con .widget .social-media ul {
        display: none !important;
    }

    /* .hero-sec-form ul li{
        width: 50% !important;
    } */
    .hero-sec-form ul li button.nav-link {
        font-size: 14px;
    }
}

@media only screen and (max-width:867px) {
    .header-el .info-container .left-top-header-con #custom_html-2 {
        display: none !important;
    }
}

@media only screen and (max-width:667px) {
    #herosection .hero-text-con .content-con {
        background-color: #ffffff8a !important;
        color: #000000 !important;
        width: 100% !important;
        opacity: 1 !important;
        margin-left: 0px;
        margin-top: 0px;
        text-align: center !important;
        align-content: center;
        display: block;
    }
}

@media only screen and (max-width:495px) {
    #herosection .hero-text-con .content-con {
        background-color: #ffffff8a !important;
        color: #000000 !important;
        width: 100vw !important;
        opacity: 1 !important;
        margin-left: -28px;
        margin-top: -50px;
        text-align: center !important;
        align-content: center;
        display: block;
    }

    #herosection .hero-text-con .content-con h1 {
        font-size: 21px !important;
    }

    .booking-form-offcanvas form#canvas-booking-form #nextBtn,
    .booking-form-offcanvas form#canvas-booking-form #prevBtn,
    .booking-form-offcanvas form#canvas-booking-form #nextBtn-canvas-upper,
    .booking-form-offcanvas form#canvas-booking-form #prevBtn-canvas-upper {
        width: 100% !important;
    }

    .booking-form-offcanvas form#canvas-booking-form #nextBtn-canvas-upper {
        margin-bottom: 15px;
        display: inline-block;
    }

    .booking-form-offcanvas form#canvas-booking-form #nextBtn {
        display: inline-block;
    }

    .contact-page .banner-sec .small_overlay,
    .about-page .banner-sec .small_overlay,
    .vehiclesPage .banner-sec .small_overlay,
    .services-page .banner-sec .small_overlay {
        background-color: rgb(0 0 0 / 50%);
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .contact-page .banner-sec .col-12>h1,
    .about-page .banner-sec .col-12>h1,
    .vehiclesPage .banner-sec .col-12>h1,
    .services-page .banner-sec .col-12>h1 {
        color: #fff;
        line-height: 1.3em;
    }

    .contact-page .banner-sec .col-12,
    .about-page .banner-sec .col-12,
    .vehiclesPage .banner-sec .col-12,
    .services-page .banner-sec .col-12 {
        z-index: 2;
    }

    .contact-page .banner-sec .bookmark a,
    .about-page .banner-sec .bookmark a,
    .vehiclesPage .banner-sec .bookmark a,
    .services-page .banner-sec .bookmark a {
        text-decoration: underline;
    }

    .contact-page .banner-sec .bookmark a,
    .about-page .banner-sec .bookmark a,
    .vehiclesPage .banner-sec .bookmark a,
    .services-page .banner-sec .bookmark a,
    .contact-page .banner-sec .bookmark,
    .about-page .banner-sec .bookmark,
    .vehiclesPage .banner-sec .bookmark,
    .services-page .banner-sec .bookmark {
        color: #fff;
    }

    .contact-page .banner-sec,
    .about-page .banner-sec,
    .vehiclesPage .banner-sec,
    .services-page .banner-sec {
        background-position: 500px;
        position: relative;
    }
}

.booking-page .countryselect-con.filed-clm,
.booking-page

/*.tab .right-veh-area .filter-veh-con */
.bkType {
    padding-left: 20px !important;
}

.booking-page .countryselect-con.filed-clm>label,
.booking-page

/*.tab .right-veh-area .filter-veh-con */
.filed-clm.bkType>label {
    padding: 0 !important;
}

.booking-page .countryselect-con.filed-clm>label,
.booking-page

/*.tab .right-veh-area .filter-veh-con */
.filed-clm.bkType .form-check {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 10px;
}

.booking-page .countryselect-con.filed-clm>label,
.booking-page

/*.tab .right-veh-area .filter-veh-con */
.filed-clm.bkType .form-check input[type="radio"] {
    display: none;
}

.booking-page .countryselect-con.filed-clm>label,
.booking-page

/*.tab .right-veh-area .filter-veh-con */
.filed-clm.bkType .form-check label {
    cursor: pointer;
    position: relative;
}

.booking-page .countryselect-con.filed-clm>label,
.booking-page

/*.tab .right-veh-area .filter-veh-con */
.filed-clm.bkType .form-check label::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: transparent;
    border: 2px solid #b5b5b5;
    border-radius: 50%;
    top: 50%;
    left: -1.7rem;
    transform: translateY(-50%);
    transition: border-color 400ms ease;
}

.booking-page .countryselect-con.filed-clm>label,
.booking-page

/*.tab .right-veh-area .filter-veh-con */
.filed-clm.bkType .form-check label::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: var(--primary);
    border: 2px solid var(--primary);
    border-radius: 50%;
    top: 50%;
    left: -1.7rem;
    transform: translateY(-50%) scale(0);
    transition: transform 400ms ease;
}

.booking-page .countryselect-con.filed-clm>label,
.booking-page

/*.tab .right-veh-area .filter-veh-con */
.filed-clm.bkType .form-check input[type="radio"]:checked+label::before {
    border-color: var(--primary-hov-dark);
}

.booking-page .countryselect-con.filed-clm>label,
.booking-page

/*.tab .right-veh-area .filter-veh-con */
.filed-clm.bkType .form-check input[type="radio"]:checked+label::after {
    transform: translateY(-50%) scale(0.55);
}

.padding1011 {
    padding: 10px 11px !important;
}

#show-cars-here>div>div>div>div>div.col-md-9.col-12>div>div.veh-price.text-center>div>div>div>label {
    color: #000 !important;
}

#show-cars-here>div>div>div>div>div.col-md-3.col-12>div.row>div>.text-white {
    color: #000 !important;
    background: #ff3d3f78;
}

.veh-img-con {
    height: 80px;
    text-align: center;
}

#show-cars-here>div>div>div>div>div.col-md-3.col-12>div.veh-img-con>img {
    height: 80px;
}

.text-custom-modal {
    margin-top: 10px;
    border: 1px solid;
    background: #f69b9b3d;
    text-align: center;
    padding-block: 4px;
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgb(35 72 150) !important;
}

#step-error {
    font-weight: bold;
    text-wrap: nowrap;
    --bs-text-opacity: 1;
    font-size: small;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
    width: fit-content;
    padding: 15px;
    border-radius: 5px;
    position: absolute;
    top: 60px;
    right: 45px;
    background-color: white;
    z-index: 99999;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    display: none;
}


div.tb_theme_container>div:nth-child(1),
div.tb_theme_container a {
    max-width: 0px !important;
    max-height: 0px !important;
    margin-top: 60px;
}

.tb_post_modal_modal_body a {
    top: 60px;
    z-index: -1;
}

.picker--time .picker__frame {
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.picker__wrap {
    display: block;
    width: fit-content;
    top: 28px;
    position: absolute;
}

.picker--time .picker__box {
    font-size: 1em;
    background: #f2f2f2;
    overflow: auto;
    margin-bottom: 0px;
}

.picker__list {
    list-style: none;
    padding: 0px;
    padding-inline: 0.75em;
    margin: 0;
    overflow-y: auto;
    height: 157px;
}

.offcanvas li.nav-item {
    margin-left: 7px;
    margin-right: 7px;
}

.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
    background: #0089ec;
    color: var(--primary);
    z-index: 10;
    font-weight: bold;
}

.vehiclesPage .vehicles-sec .card .card-body {
    padding: 15px;
}

.vehiclesPage .vehicles-sec .card .card-body .card-title {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
}

.vehiclesPage .vehicles-sec .card .card-body .catagory {
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 50px;
    background: var(--primary);
    margin-bottom: 6px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.vehiclesPage .vehicles-sec .filtercol {
    display: flex;
}

.vehiclesPage .vehicles-sec .card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.vehiclesPage .vehicles-sec .card .vehicles-card-img {
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vehiclesPage .vehicles-sec .card .vehicles-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-us .payment-section {
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 20px;
    margin-top: 20px;
}

.contact-us .payment-section .payment-heading {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.contact-us .payment-section .payment-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
}

footer .footer-content .footer-links li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

footer .footer-content .footer-links li i,
footer .footer-content .footer-links li span.material-symbols-outlined {
    margin-right: 10px;
    font-size: 18px;
    min-width: 20px;
    display: flex;
    align-items: center;
}

footer .footer-content .footer-links li a,
footer .footer-content .footer-links li span {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
}

.payment-method-con .heading {
    text-align: left;
    padding: 10px 0;
}

.payment-method-con .heading span {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    text-align: left;
}

.contact-details .bi-envelope {
    position: relative;
    top: -5px;
}

/* Suggstions */
.suggestions {
    position: absolute;
    width: fit-content;
    min-width: 350px;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: white;
    z-index: 1000;
    display: none;
}

.suggestion-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid lightgray;
}

.suggestion-item:hover {
    background-color: #f0f0f0;
}

@media screen and (max-width:424px) {
    .suggestions {
        min-width: 90%;
    }
}


/* cab */
.taxi-animation-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    padding-bottom: 45px;
    overflow: hidden;
}

.road {
    position: relative;
    width: 800px;
    height: 150px;
    background: #333;
    border-radius: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.road::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #fff, #fff 50%,
            transparent 50%, transparent 100%);
    background-size: 50px;
    animation: animate_road 0.2 linear infinite;
}

@keyframes animate_road {
    0% {
        background-position: 150px 0;
    }

    100% {
        background-position: 0 0;
    }
}

.taxi {
    position: absolute;
    width: 200px;
    height: 80px;
    background: #f4b603;
    border-radius: 10px;
    box-shadow: -10px 10px rgba(0, 0, 0, 0.25);
    transform-style: preserve-3d;
    perspective: 800px;
    animation: animate_taxi 5s linear infinite;
    z-index: 10;
}

@keyframes animate_taxi {
    0% {
        transform: translateX(-100px) translateY(0px);
    }

    5% {
        transform: translateX(-100px) translateY(0px);
    }

    50% {
        transform: translateX(20px) translateY(0px);
    }

    75% {
        transform: translateX(-10px) translateY(0px);
    }

    100% {
        transform: translateX(20px) translateY(0px);
    }
}


.taxi::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 2px;
    border-radius: 2px;
    width: 5px;
    height: 15px;
    background: #fc3c25;
    box-shadow: 0 42px #fc3c25;

}

.taxi::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 2px;
    background: #fff;
    box-shadow: 0 44px #fff;
    width: 6px;
    height: 16px;
}

.taxi span {
    position: absolute;
    inset: 5px 10px;
    background: #fdd206;
    border-radius: 10px;
    overflow: hidden;
}

.taxi span::before {
    content: 'cab';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background: #fff;
    padding: 2px;
    font-size: 0.75em;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: 2px;
    box-shadow: 0 0 0 1px #0005;
    z-index: 10;
}

.taxi span b {
    position: absolute;
    inset: 0 30px;
    background: #111;
    border-radius: 10px;
}

.taxi span b::before {
    content: '';
    position: absolute;
    inset: 6px 25px;
    background: #fdd206;
    border-radius: 5px;
}

.taxi span b::after {
    content: '';
    position: absolute;
    inset: 0px 58px;
    background: #fdd206;
}

.taxi span i {
    position: absolute;
    inset: 0;
}

.taxi span i::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 20px;
    width: 40px;
    height: 5px;
    background: #fdd206;
    transform: rotate(15deg);
    transform-origin: right;
    box-shadow: 100px 34px #fdd206;

}

.taxi span i::after {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 20px;
    width: 40px;
    height: 5px;
    background: #fdd206;
    transform-origin: right;
    transform: rotate(-15deg);
    box-shadow: 100px -34px #fdd206;
}

.light_beam {
    position: absolute;
    top: 5px;
    right: 10px;
    height: 70px;
    background: #0002;
    border-radius: 15px;
    transform-style: preserve-3d;
}

.light_beam::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 150px;
    height: 16px;
    background: linear-gradient(90deg, #fff, transparent);
    transform-origin: left;
    transform: rotateY(-50deg) perspective(500px);

}

.light_beam::after {
    content: '';
    position: absolute;
    bottom: 5px;

    left: 0;
    width: 150px;
    height: 16px;
    background: linear-gradient(90deg, #fff, transparent);
    transform-origin: left;
    transform: rotateY(-50deg) perspective(500px);
}


/* GOOGLE TRANLATE */
/* Container for the translate gadget */
.skiptranslate.goog-te-gadget {
    display: inline-block;
    background-color: transparent;
    /* border-radius: 8px;
    padding: 10px; */
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
}

/* Dropdown styling */
#google_translate_element {
    width: fit-content;
    padding: 0px;
    height: fit-content;
    border: none;
}

#google_translate_element select {
    width: fit-content;
    appearance: none;
    background-color: var(--primary);
    color: var(--white);
    /* border: 2px solid #ccc; */
    border-radius: 5px;
    padding: 5px;
    border: 1px solid var(--white);
    font-size: 0.7rem;
    cursor: pointer;
    outline: none;
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); */
}

/* Hover effect for the dropdown */
.skiptranslate .goog-te-combo:hover {
    border-color: #007bff;
}

/* Style the dropdown options */
.skiptranslate .goog-te-combo option {
    padding: 10px;
    font-size: 16px;
}

/* Focus effect */
.skiptranslate .goog-te-combo:focus {
    border-color: #007bff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
}