body {
    font-family: "Barlow", sans-serif;
    /* font-weight: 600; */
    font-style: normal;
    overflow-x: hidden;
}

.dealer .swiper {
    width: 100%;
    height: 100%;
    padding: 6rem 0;
}

.dealer .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px;
    position: relative;
}

.dealer .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}

.dealer .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 85% !important;
}

.dealer .swiper-button-next,
.dealer .swiper-button-prev {
    top: 650px;
    color: white !important;
    background: #5e5e5e !important;
    height: 50px !important;
    width: 50px !important;
    border-radius: 50% !important;
}

.dealer .swiper-button-next:after,
.dealer .swiper-button-prev:after {
    font-size: 22px !important;
}

.dealer .swiper-scrollbar {
    opacity: 1 !important;
    background: rgb(255 255 255) !important;
    bottom: 42px !important;
    width: 80% !important;
}

.dealer .swiper-scrollbar-drag {
    width: 80% !important;
}

.feedback .swiper {
    width: 100%;
    height: 100%;
}

.feedback .swiper-slide {
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feedback .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.feedback .swiper {
    margin-left: auto;
    margin-right: auto;
}

.feedback .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.feedback .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    display: none;
}

.feedback .swiper-button-next,
.feedback .swiper-button-prev {
    color: white;
    width: 130px !important;
    border: 1px solid white;
    padding: 0 5px;
    top: unset !important;
    bottom: 4% !important;
}

.feedback .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: 35% !important;
}

.feedback .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 20% !important;
    bottom: 6% !important;
    top: unset !important;
    left: 13% !important;
}

.feedback .swiper-pagination-bullet-active {
    background: white !important;
}

.spin {
    animation: spinRound 1s linear infinite;
}

.spin1 {
    animation: spinRound1 5s linear infinite;
}

.hideElement {
    transition: 3s;
    animation: hideElement 1s linear forwards;
}

@keyframes spinRound {
    0% {
        rotate: 0deg;
    }

    100% {
        rotate: 360deg;
    }
}

@keyframes spinRound1 {
    0% {
        rotate: 360deg;
    }

    100% {
        rotate: 0deg;
    }
}

@keyframes hideElement {
    0% {
        opacity: 1;
        visibility: visible;
        z-index: 50;
        transition: 3s;
    }

    100% {
        opacity: 0;
        visibility: hidden;
        z-index: -50;
        transition: 3s;
    }
}



/* Extra small devices (phones, less than 576px) */
@media (max-width: 320px) {
    .dealer .swiper-slide {
        height: 300px;
    }

    .dealer .swiper-scrollbar,
    .dealer .swiper-scrollbar-drag {
        width: 62% !important;
    }

    .dealer .swiper-button-next,
    .dealer .swiper-button-prev {
        top: 455px;
        height: 30px !important;
        width: 30px !important;
    }

    .dealer .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 73% !important;
    }

    .feedback .swiper {
        overflow: visible;
    }

    .feedback .swiper-button-next,
    .feedback .swiper-button-prev {
        bottom: -15% !important;
    }

    .feedback .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        left: 55% !important;
    }

    /* .feedback .swiper-button-next,
    .feedback .swiper-button-prev {
        bottom: -10% !important;
    } */

    .feedback .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        display: none;
    }
}

@media (min-width: 321px) and (max-width: 419px) {
    .dealer .swiper-slide {
        height: 370px;
    }

    .dealer .swiper-scrollbar,
    .dealer .swiper-scrollbar-drag {
        width: 62% !important;
    }

    .dealer .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 73% !important;
    }

    .dealer .swiper-button-next,
    .dealer .swiper-button-prev {
        top: 520px;
        height: 40px !important;
        width: 40px !important;
    }

    .feedback .swiper {
        overflow: visible;
    }


    .feedback .swiper-button-next,
    .feedback .swiper-button-prev {
        bottom: -18% !important;
    }

    .feedback .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        left: 55% !important;
    }

    .feedback .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        display: none;
    }
}

@media (min-width: 420px) and (max-width: 575px) {
    .dealer .swiper-slide {
        height: 350px;
    }

    .dealer .swiper-scrollbar,
    .dealer .swiper-scrollbar-drag {
        width: 62% !important;
    }

    .dealer .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 73% !important;
    }

    .dealer .swiper-button-next,
    .dealer .swiper-button-prev {
        top: 500px;
        height: 40px !important;
        width: 40px !important;
    }

    .feedback .swiper {
        overflow: visible;
    }

    .feedback .swiper-button-next,
    .feedback .swiper-button-prev {
        bottom: -18% !important;
    }

    .feedback .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        left: 60% !important;
    }

    .feedback .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        display: none;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .dealer .swiper-slide {
        height: 400px;
    }

    .dealer .swiper-scrollbar,
    .dealer .swiper-scrollbar-drag {
        width: 62% !important;
    }

    .dealer .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 73% !important;
    }

    .feedback .swiper {
        overflow: visible;
    }

    .feedback .swiper-button-next,
    .feedback .swiper-button-prev {
        bottom: -18% !important;
    }

    .feedback .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        left: 65% !important;
    }

    .feedback .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        display: none;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .dealer .swiper-slide {
        height: 420px;
    }

    .feedback .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        display: none;
    }

    .feedback .swiper-button-next,
    .feedback .swiper-button-prev {
        bottom: 0% !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .dealer .swiper-slide {
        height: 450px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* Extra extra large devices (very large screens, 1400px and up) */
@media (min-width: 1440px) {}