.carousel-project {
    position: relative;
    padding-bottom: 110px;
    padding-top: 200px;
}

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

.carousel-project .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-project .swiper .swiper-slide-active:before {
    background-color: transparent;
}

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

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

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

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

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

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

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

@media(max-width: 1400px) {
    .carousel-project {
            position: relative;
            padding: 90px 0;
        }
    .carousel-project .swiper {
        height: 600px;
    }
         .carousel-project .carousel-project-btn-prev,
         .carousel-project .carousel-project-btn-next {
             top: 90%;
         }
}
@media(max-width: 992px) {
    .carousel-project {
        padding: 40px 0;
    }

    .carousel-project .swiper {
        height: 380px;
    }

    .carousel-project .carousel-project-btn-prev,
    .carousel-project .carousel-project-btn-next {
        top: 98%;
    }

}

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