.textCap {
    text-transform: capitalize !important;
}

.sliderdots {
    text-align: center !important;
}

.no_margin {
    margin: 0 !important;
}

.dots .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    margin: 1px;
}

.dots .swiper-pagination-bullet-active {
    background: #32a9ac !important;
}

.banner-slider__prev {
    color: #ffffff !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    position: relative !important;
    top: -275pt !important;
    float: left;
}
.heading_deals_name {
    margin: 20px 426px 0;
    font-size: 30px;
    font-weight: 700;
}
.banner-slider__next {
    color: #ffffff !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    position: relative !important;
    top: -275pt !important;
    float: right;
}

.hero__visual:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.img-fluid {
    max-width: 100% !important;
    height: auto;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}


@media (max-width:1024px) and (min-width: 768px) {
    .banner-slider__prev {
        color: #ffffff !important;
        font-size: 30px !important;
        font-weight: 600 !important;
        position: relative !important;
        top: -210pt !important;
        float: left;
    }

    .banner-slider__next {
        color: #ffffff !important;
        font-size: 30px !important;
        font-weight: 600 !important;
        position: relative !important;
        top: -210pt !important;
        float: right;
    }

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

    .hero__visual:before {
        height: 140px;
    }
}

@media only screen and (max-width:600px) {
    .hero__visual:before {
        height: 0;
    }

    .banner-slider__prev {
        color: #ffffff !important;
        font-size: 30px !important;
        font-weight: 600 !important;
        position: relative !important;
        top: -180pt !important;
        float: left;
    }

    .banner-slider__next {
        color: #ffffff !important;
        font-size: 30px !important;
        font-weight: 600 !important;
        position: relative !important;
        top: -180pt !important;
        float: right;
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 2px !important;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 4px !important;
    }

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

.sliderImg {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

._visible-xs-only {
    display: none !important;
}

._visible-sm-only {
    display: none !important;
}

._visible-md-only {
    display: none !important;
}

._visible-lg-only {
    display: none !important;
}

._visible-xl-only {
    display: none !important;
}

@media only screen and (max-width: 575px) {
    ._visible-xs-only {
        display: block !important;
    }
    .sliderImg25 {
        background-image: url(../media/banner/25.xs.webp);
    }
    .sliderImg26 {
        background-image: url(../media/banner/26.xs.webp);
    }
    .hero__visual:before {
        height: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    ._visible-sm-only {
        display: block !important;
    }
    .sliderImg25 {
        background-image: url(../media/banner/25.sm.webp);
    }
    .sliderImg26 {
        background-image: url(../media/banner/26.sm.webp);
    }
    .hero__visual:before {
        height: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    ._visible-md-only {
        display: block !important;
    }
    .sliderImg25 {
        background-image: url(../media/banner/25.md.webp);
    }
    .sliderImg26 {
        background-image: url(../media/banner/26.md.webp);
    }
    .hero__visual:before {
        height: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    ._visible-lg-only {
        display: block !important;
    }

    .sliderImg25 {
        background-image: url(../media/banner/25.lg.webp);
    }
    .sliderImg26 {
        background-image: url(../media/banner/26.lg.webp);
    }
}

@media only screen and (min-width: 1200px) {
    ._visible-xl-only {
        display: block !important;
    }
    .sliderImg25 {
        background-image: url(../media/banner/25.xl.webp);
    }
    .sliderImg26 {
        background-image: url(../media/banner/26.xl.webp);
    }
}