.carousel-features {
    position: relative;
    padding: 110px 0;
}

.carousel-features .swiper {
    height: 80dvh;
    /* padding: 40px; */
}

.carousel-features .swiper .swiper-slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    transition: .6s;
}

.carousel-features .swiper .swiper-slide-active:before {
    background-color: transparent;
}

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

.carousel-features .carousel-features-btn-prev,
.carousel-features .carousel-features-btn-next {
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 1;
}

.carousel-features .carousel-features-btn-prev button,
.carousel-features .carousel-features-btn-next button {
    width: 100%;
    height: 100%;
}

.carousel-features .carousel-features-btn-next button img,
.carousel-features .carousel-features-btn-prev button img {
    width: calc(100% - 10px);
}

.carousel-features .carousel-features-btn-prev {
    transform: translate(0, -50%);
    top: 98%;
    left: 14%;
}

.carousel-features .carousel-features-btn-next {
    transform: translate(0, -50%);
    top: 98%;
    right: 14%;
}

.carousel-features .carousel-features-btn-next button img {
    transform: rotate(180deg);
}

@media(max-width: 1400px) {
    .carousel-features .swiper {
        height: 600px;
    }

    .carousel-features .carousel-features-btn-prev,
    .carousel-features .carousel-features-btn-next {
        top: 95%;
    }
}

@media(max-width: 992px) {
    .carousel-features {
        padding: 40px 0;
    }

    .carousel-features .swiper {
        height: 380px;
    }
.carousel-features .carousel-features-btn-prev,
.carousel-features .carousel-features-btn-next {
    top: 93%;
}
}

@media(max-width: 480px) {
    .carousel-features .swiper {
        height: 230px;
    }
}