@charset "utf-8";

.swiper {
    width: 100%;
    max-width: 900px;

}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    padding-bottom: 13px;
    box-sizing: border-box;
}

.swiper-slide img {
    width: 100%;
    height: auto;
    filter: drop-shadow(2px 7px 3px rgba(0, 0, 0, 0.5));
}

.swiper-slide a {
    width: 100%;
}

.swiper-button-prev,
.swiper-button-next {
    display: flex;
    justify-content: center;
    width: 6%;
    height: 100%;
    top: 12%;
    z-index: 99;
    box-sizing: content-box;
}

.swiper-button-prev {
    left: 0px;
}

.swiper-button-next {
    right: 0px;
}

.swiper-button-prev img,
.swiper-button-next img {
    width: 100%;
    height: auto;
    max-width: 25px;
    display: block;
}

.swiper-button-prev img {
    transform: scaleX(-1);
}

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

.swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    background: transparent;
    opacity: 0.6;
    position: relative;
}

.swiper-pagination-bullet::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: #211d1d;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 25px;
}

.swiper-pagination-bullet-active {
    background: transparent;
    opacity: 1;
}


.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 16px);
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 22px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity:0;
}

@media screen and (max-width: 768px) {
    .swiper {
        padding-left: 2rem;
        padding-right: 2rem;
        margin-bottom: -42px;
        position: relative;
        z-index: 102;
    }

    .swiper-slide img {
        filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 0.5));
    }
}

@media screen and (max-width: 639px) {

    .swiper-button-prev {
        left: 18px;
    }

    .swiper-button-next {
        right: 18px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 11%;
    }
}

@media screen and (max-width: 500px) {

    .swiper-button-prev {
        left: 12px;
    }

    .swiper-button-next {
        right: 12px;
    }


    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0px var(--swiper-pagination-bullet-horizontal-gap, 3px);
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 8px);
    }

    .swiper-pagination-bullet {
        width: 24px;
        height: 24px;
    }

    .swiper-pagination-bullet::after {
        width: 5px;
        height: 5px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 18%;
        width: 9%;
    }

    .swiper-button-prev img,
    .swiper-button-next img {
        max-width: 13px;
    }
}