.swiper {
    max-width: 924px;
    width: 100%;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-xs);
}

.swiper-slide img {
    width: 100%;
    object-fit: contain;
}

.swiper-slide > img{
    border-radius: var(--size-xs);
    border: 1px solid #E6E6E6;
}

.btn-1 > img{
    border: 1px solid #FFAB35;
}

.btn-2 > img{
    border: 1px solid #EA7F66;
}

.btn-3 > img{
    border: 1px solid #15A54E;
}

.swiper-slide > a > img{
    border-radius: calc(0.5 * var(--size-xs));
    transition: 0.1s;
}

.swiper-slide > a > img:hover{
    opacity: 0.66;
}

.swiper-pagination{
    position: relative;
    bottom: 0;
    top: 0;
    left: 0;
    margin-top: var(--size-s);
}

.swiper-pagination-bullet {
    width: calc(0.8 * var(--size-xs));
    height: calc(0.8 * var(--size-xs));
    background: var(--color-gy);
}

.swiper-pagination-bullet-active {
    background: var(--color-hl-sub);
}