.slider > .bottom {
    align-items: center;
    justify-content: space-between;
    margin-top: 36px
}

@media (max-width: 767px) {
    .slider > .bottom {
        flex-direction:column
    }
}

.slider > .bottom .see_all {
    width: 43%
}

@media (max-width: 767px) {
    .slider > .bottom .see_all {
        order:2;
        width: 100%;
        display: flex
    }
}

@media (max-width: 767px) {
    .slider > .bottom .see_all .lm_button {
        margin:auto
    }
}

.swiper-slide {
    height: auto
}

.swiper-navigation {
    height: 55px;
    margin-top: 32px;
}

@media (max-width: 767px) {
    .swiper-navigation {
        order:1;
        flex-direction: column;
        margin-bottom: var(--gap15)
    }
}

@media (max-width: 680px) {
    .swiper-navigation {
        justify-content:flex-end
    }
}

.swiper-pagination,.swiper-button {
    position: relative
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        display:none
    }
}

.swiper-navigation.site_margin {
    width: 100%
}

.swiper-pagination,.swiper-button-prev,.swiper-button-next {
    bottom: 0
}

.swiper-pagination {
    margin-right: 80px
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: unset;
    right: unset
}

.swiper-button-prev {
    margin-right: 32px
}

.swiper-button {
    width: 135px;
    height: 100%;
    justify-content: space-between
}

.swiper-button>div {
    border-radius: 80px;
    border: 1px solid var(--primary-400);
    background: var(--primary-400);
    color: var(--white);
    position: relative;
    width: 16px;
    height: 16px;
    padding: 16px;
    aspect-ratio: 1;
}

.hero-banner.slider-content .swiper-button>div {
    border: 1px solid var(--white);
    background: var(--white);
}

.swiper-button>div.swiper-button-disabled {
    opacity: 1 !important;
    background: unset;
}

.hero-banner.slider-content .swiper-button>div.swiper-button-disabled {
    background: unset;
}

.swiper-button > div:after {
    font-size: 10px;
    font-weight: bold;
}

.swiper-button > div.swiper-button-disabled:after {
    color: var(--primary-400);
}

.hero-banner.slider-content .swiper-button > div:after {
    color: var(--primary-400);
}

.hero-banner.slider-content .swiper-button > div.swiper-button-disabled:after {
    color: var(--white);
}

.swiper-button-disabled:after {
    color: var(--white)
}

.swiper-pagination-bullet {
    background: var(--grey-100);
    opacity: 1;
    width: 17px;
    height: 17px
}

.swiper-pagination-bullet-active {
    background: var(--primary-400)
}