.image-carousel-section {
    padding: 64px 0;
}

.image-carousel-title {
    margin-bottom: 24px;
}

.image-carousel-wrapper.swiper {
    overflow: hidden; /* avoids external horizontal scroll */
    width: 100%;
}

.image-carousel-slide {
    border-radius: 4px;
    overflow: hidden;
}

.image-carousel-slide img {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.image-carousel-wrapper .swiper-pagination {
    position: initial;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding-top: 16px;
}

.image-carousel-wrapper .swiper-pagination-bullet {
    background: var(--bs-lighter);
    opacity: 1;
}

.image-carousel-wrapper .swiper-pagination-bullet-active {
    background: var(--bs-black);
}

.image-carousel-nav-wrapper .swiper-button-next,
.image-carousel-nav-wrapper .swiper-button-prev {
    top: 40%;
    width: 40px;
    height: 40px;
    z-index: 9;
}

.image-carousel-nav-wrapper .swiper-button-next {
    right: -20px;
}

.image-carousel-nav-wrapper .swiper-button-prev {
    left: -20px;
}

.image-carousel-nav-wrapper .swiper-button-next::after,
.image-carousel-nav-wrapper .swiper-button-prev::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: var(--bs-main-500);
    background-repeat: no-repeat;
    background-position: center center;
}

.image-carousel-nav-wrapper .swiper-button-next::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M7.97951 1.76087L15.5615 9.34286C15.7368 9.51819 15.833 9.75168 15.833 10.0062C15.833 10.2606 15.7368 10.4893 15.5615 10.6644L7.98689 18.2393C7.81156 18.4146 7.57779 18.511 7.32841 18.511C7.07904 18.511 6.84526 18.4146 6.66993 18.2393L6.11217 17.6815C5.93684 17.5062 5.8401 17.2724 5.8401 17.023C5.8401 16.7736 5.93684 16.5399 6.11217 16.3645L12.4731 10.0036L6.1048 3.63587C5.92975 3.46054 5.83301 3.22706 5.83301 2.9774C5.83301 2.72774 5.92947 2.49453 6.1048 2.3192L6.66284 1.76116C7.02598 1.3983 7.61666 1.3983 7.97951 1.76116V1.76087Z' fill='%2307080D'/></svg>");
}

.image-carousel-nav-wrapper .swiper-button-prev::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' style='transform: rotate(180deg);'><path d='M7.97951 1.76087L15.5615 9.34286C15.7368 9.51819 15.833 9.75168 15.833 10.0062C15.833 10.2606 15.7368 10.4893 15.5615 10.6644L7.98689 18.2393C7.81156 18.4146 7.57779 18.511 7.32841 18.511C7.07904 18.511 6.84526 18.4146 6.66993 18.2393L6.11217 17.6815C5.93684 17.5062 5.8401 17.2724 5.8401 17.023C5.8401 16.7736 5.93684 16.5399 6.11217 16.3645L12.4731 10.0036L6.1048 3.63587C5.92975 3.46054 5.83301 3.22706 5.83301 2.9774C5.83301 2.72774 5.92947 2.49453 6.1048 2.3192L6.66284 1.76116C7.02598 1.3983 7.61666 1.3983 7.97951 1.76116V1.76087Z' fill='%2307080D'/></svg>");
}

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

    .image-carousel-slide img {
        height: 220px;
    }

    .image-carousel-nav-wrapper .swiper-button-next,
    .image-carousel-nav-wrapper .swiper-button-prev {
        display: none;
    }

    .image-carousel-wrapper .swiper-pagination {
        justify-content: center;
        padding-top: 8px;
    }
}