/* Responsive Section Styles Import */
@import url(../../sections/special-offers/-responsive-dec--special-offers-style.css);
@import url(../../sections/left-image-right-text/-responsive-dec--left-image-right-text-style.css);
@import url(../../sections/vehicles-grid/-responsive-dec--vehicles-grid-style.css);

/* * ALLOWED WIDTHS = <max:>[0px, 576px, 768px, 992px, 1200px, 1400px] * */

/* < 1400px */

@media (max-width: 1400px) {
    .hero-section {
        height: clamp(550px, 58.5vmax, 775px);
    }
    .hero-section .swiper-pagination {
        bottom: 31.75%;
    }
}

/* < 1200px */

@media (max-width: 1200px) {
    /*- Hero Section -*/
    .vehicles-search-fields-container {
        grid-template-columns: repeat(2, 1fr);
    }
    /*- Hero Section Pagination -*/
    .hero-section .swiper-pagination {
        gap: 2%;
        bottom: 46.25%;
    }
    .hero-section .swiper-pagination-bullet {
        scale: 1.5;
    }
    .hero-section .swiper-pagination-bullet-active {
        scale: 2.25;
    }
    /* Hero Section Pagination */
    /* Hero Section */
}

/* < 992px */

@media (max-width: 992px) {
    /*- Hero Section -*/
    .hero-section-swiper .swiper-text-container h1 {
        font-size: clamp(18px, 6vw, 28px);
        /* text-align: center; */
    }
    .hero-section-bottom h2 {
        font-size: clamp(12px, 4.5vw, 24px);
    }
    /* .hero-section-swiper .swiper-image-container {
        padding-right: 3%;
    } */
    .hero-section-car-overlay {
        background-position: center;
        background-size: cover;
        aspect-ratio: unset;
    }

    /*- Hero Section Pagination */
    .hero-section .swiper-pagination {
        gap: 2%;
        bottom: 44%;
    }
    /* Hero Section Pagination -*/
    /* Hero Section */
}

/* < 768px */

@media (max-width: 768px) {
    /*- Hero Section -*/
    .vehicles-search-fields-container {
        grid-template-columns: repeat(1, 1fr);
    }
    /*- Hero Section Pagination -*/
    .hero-section .swiper-pagination {
        /* gap: 0; */
        bottom: 49.25%;
    }
    .hero-section .swiper-pagination-bullet {
        scale: 1.25;
    }
    .hero-section .swiper-pagination-bullet-active {
        scale: 2;
    }
    /* Hero Section Pagination */
    .hero-section-swiper .swiper-text-container {
        align-self: self-start;
        height: max-content;
    }
    .hero-section-swiper .swiper-text-container h1 {
        border-radius: 2.5%;
        /* background-color: rgba(245, 245, 245, 0.45); */
        /* text-shadow: 0 0 8px rgba(220, 220, 220, 0.8); */
        padding: 1%;
        width: 60%;
    }
    .hero-section-swiper {
        flex-basis: 65%;
    }
    /* .hero-section-swiper .swiper-image-container img {
        scale: 1.75;
    } */
    .hero-section-bottom {
        flex-basis: 25%;
    }
    .hero-section-swiper .swiper-slide {
        flex-direction: column;
    }
    /* .hero-section-swiper,
    .hero-section-bottom {
        margin-inline: 2.5%;
     //   margin-left: 4%;
    } */
    .hero-section {
        height: clamp(850px, 41vmax, 950px);
    }
    .hero-section form:first-of-type,
    .hero-section form:first-of-type fieldset *,
    .hero-section form:first-of-type [type="submit"] {
        font-size: clamp(6px, 39vw, 12px);
    }
    /* .location-fields-container,
    .datetime-fields-container {
        width: 90%;
        margin-inline: auto;
        padding-inline-end: clamp(24px, 5vw, 36px);
    } */
    /* Hero Section */
}

/* < 576px */

@media (max-width: 576px) {
    /*- Hero Section -*/
    .hero-section {
        height: clamp(808px, 44vw, 1000px);
    }
    .hero-section-strip-overlay {
        width: 25.5%;
    }
    .hero-section-swiper {
        /* flex-basis: 65%; */
        /* flex-basis: 38%; */
        /* margin-block: 8%; */
        flex-basis: 48%;
        margin-block: 10.5% 0;
    }
    /*- Hero Section Pagination -*/
    /* .hero-section .swiper-wrapper {
        height: 90%;
    } */
    .hero-section-bottom {
        flex-basis: 30%;
    }
    .hero-section .swiper-pagination {
        bottom: 52%;
        padding-inline-start: 70%;
        -webkit-padding-start: 70%;
    }
    .hero-section .swiper-pagination-bullet {
        scale: 1;
    }
    /* Hero Section Pagination */
    .hero-section-swiper .swiper-image-container {
        overflow: visible;
        padding-right: 4.5%;
        translate: 0 -18%;
    }
    /* .hero-section-swiper .swiper-image-container img {
        scale: 1.75;
    } */
    /* Hero Section */
}

/*** Additional ***/

/* < 445px */

@media (max-width: 445px) {
    /*- Hero Section */
    /* .hero-section-strip-overlay {
        width: 25.5%;
    } */
    /* Hero Section -*/
    /*- Hero Section Pagination */
    /* .hero-section-swiper .swiper-image-container img {
        scale: 1.5;
    } */
    /* Hero Section  -*/
}