.a-slider-section .a-swiper picture img {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

@media (max-width: 575px) {

    .a-slider-section .a-swiper picture img {
        height: auto
    }
}

.a-slider-section .a-primary {
    display: block
}

.a-slider-section .a-secondary {
    display: none
}

.a-slider-section {
    position: relative;
}

.a-slider-section .a-container {
    width: 100%;
    max-width: 1440px;
    height: 100vh;
    display: flex;
    align-items: center;
    margin: auto;
    padding: 0 130px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.a-slider-section .a-swiper .swiper-slide .a-container .a-content {
    width: 100%;
    margin: 90px 0 0;
    padding: 60px 0 0;
    position: relative
}

.a-slider-section .a-swiper .swiper-slide .a-container .a-content img {
    position: absolute;
    top: 15px;
    right: 0
}

.a-slider-section .a-swiper .swiper-slide .a-container .a-content .a-text {
    width: 100%;
    max-width: 585px;
    padding: 30px 0;
    color: rgb(255, 255, 255);
}

.a-slider-section .a-swiper .swiper-slide .a-container .a-content .a-text h2 {
    display: block;
    margin: 0 0 75px;
    font-family: 'Playfair';
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .15px;
    text-transform: uppercase
}

.a-slider-section .a-swiper .swiper-slide .a-container .a-content .a-text .a-description {
    margin: 10px 0 0;
    color: rgb(255, 255, 255);
    font-family: 'Montserrat';
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    text-align: left
}

.a-slider-section .a-swiper .swiper-slide .a-container .a-content .a-text .a-description p {
    margin: 0 0 15px;
    font-size: 1.125rem
}

.a-slider-section .a-swiper .swiper-slide .a-container .a-content .a-text .a-description .a-des {
    font-size: 1.625rem;
    font-weight: 500
}

.a-slider-section .a-swiper .swiper-slide .a-container .a-content .a-text .a-description a {
    display: inline-block;
    margin: 15px 0 0;
    padding: 15px 75px;
    align-items: center;
    font-family: 'Montserrat';
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    background: rgb(30, 160, 215);
    color: rgb(255, 255, 255);
    text-align: center;
    opacity: 0.90;
    border-radius: 300px
}

.a-slider-section .a-swiper .swiper-slide .a-more {
    width: 100%;
    max-width: 1440px;
    display: flex;
    align-items: center;
    margin: auto;
    padding: 0 130px;
    position: absolute;
    bottom: 150px;
    left: 90px
}

.a-slider-section .a-swiper .swiper-slide .a-more a {
    display: inline-block;
    padding: 15px 75px;
    align-items: center;
    font-family: 'Montserrat';
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    background: rgb(30, 160, 215);
    color: rgb(255, 255, 255);
    text-align: center;
    opacity: 0.90;
    border-radius: 300px;
}

.a-slider-section .a-captions {
    width: 100%;
    max-width: 1440px;
    display: flex;
    align-items: center;
    gap: 30px;
    margin: auto;
    padding: 0 130px;
    position: absolute;
    bottom: 60px;
    right: 0;
    left: 0;
    z-index: 15
}

.a-slider-section .a-captions .a-caption {
    flex: 1;
    margin: 0;
    padding: 15px 0 0;
    position: relative;
    background: transparent;
    color: rgb(255, 255, 255);
    border: 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif;
    text-align: left;
    cursor: pointer
}

.a-slider-section .a-captions .a-caption:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.35)
}

.a-slider-section .a-captions .a-caption:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: rgb(255, 255, 255);
    transition: all .75s ease-in-out
}

.a-slider-section .a-captions .a-caption.a-active:after {
    width: 100%;
    transition: all .75s ease-in-out
}

@media (max-width: 1200px) {

    .a-slider-section .a-container {
        padding: 0 30px
    }
}

@media (max-width: 757px) {

    .a-slider-section .a-swiper {
        padding: 0
    }

    .a-slider-section .a-primary {
        display: none
    }

    .a-slider-section .a-secondary {
        display: block
    }

    .a-slider-section .a-swiper .swiper-slide .a-container .a-content {
        margin: 0;
        padding: 0
    }

    .a-slider-section .a-swiper .swiper-slide .a-container .a-content img {
        display: none
    }

    .a-slider-section .a-swiper .swiper-slide .a-container .a-content .a-text h2 {
        margin: 0 0 30px;
        font-size: 1.625rem
    }

    .a-slider-section .a-swiper .swiper-slide .a-container .a-content .a-text .a-description p {
        font-size: 1rem
    }

    .a-slider-section .a-swiper .swiper-slide .a-container .a-content .a-text .a-description a {
        display: none
    }

    .a-slider-section .a-swiper .swiper-slide .a-more {
        display: none
    }

    .a-slider-section .a-captions {
        display: none
    }
}

.a-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 30px
}

.a-swiper .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgb(255, 255, 255)
}

.a-swiper .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
    background: rgb(30, 160, 215)
}

.a-carousel-section ul {
    margin: 0;
    padding: 0;
}

.a-carousel-section .a-container {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    padding: 0 15px
}

.a-carousel .swiper-slide:first-child {
    width: 100% !important;
}

.a-carousel .swiper-slide:not(:first-child) {
    width: calc((100% - 30px) / 3) !important;
}

@media (max-width: 990px) {

    .a-carousel .swiper-slide,
    .a-carousel .swiper-slide:not(:first-child) {
        width: 100% !important;
    }
}

.a-carousel-section .a-item {
    width: 100%;
    display: inline-block;
    padding: 45px 30px 25px;
    background: rgba(180, 145, 95);
    color: rgb(255, 255, 255);
    text-align: center;
    font-weight: 700;
    border-radius: 20px
}

.a-carousel-section .a-item.a-full {
    padding: 15px
}

.a-carousel-section .a-item span {
    position: relative;
    bottom: 0;
    font-size: 1.5rem;
    text-align: right;
    text-transform: uppercase
}

.a-carousel-section .a-item strong {
    display: block;
    font-size: 4.375rem;
    text-transform: uppercase
}

.a-carousel-section .a-item .a-des {
    width: 100%;
    max-width: 200px;
    display: inline-block;
    margin: 0 auto;
    padding: 5px 10px;
    font-size: .875rem;
    background: rgb(160, 130, 85);
    border-radius: .5rem
}

.a-carousel-section .a-item.a-mobile .a-des {
    max-width: 100%;
    margin: 10px 0
}

.a-carousel-section .a-item.a-mobile .a-help {
    font-size: 0.625rem;
    font-weight: 500;
    text-transform: uppercase
}

.a-carousel-section .a-item h3 {
    height: 70px;
    display: block;
    margin: 25px 0;
    padding: 0 0 30px;
    font-size: 2.065rem
}

.a-carousel-section .a-item a {
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background: rgb(40, 40, 40);
    color: rgb(255, 255, 255);
    border-radius: 10px
}

.a-carousel-section .a-item.a-mobile a {
    margin: 15px 0 0
}

.a-carousel-section .a-item small {
    display: block;
    margin: 30px 0 0;
    font-size: .90rem;
    font-weight: 400;
    text-transform: uppercase
}

.a-carousel-section .a-item.a-mobile small {
    margin: 15px 0 0
}

.a-carousel-section .a-item.a-include-price {
    background: rgb(230, 170, 180);
}

.a-carousel-section .a-item.a-include-price .a-des {
    background: rgb(200, 145, 154)
}

.a-carousel-section .a-item.a-include-price em {
    position: absolute;
    top: 60px;
    right: -25px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    transform: rotate(-90deg);
}

.a-carousel-section .a-item.a-include-price em:before {
    content: '';
    position: absolute;
    bottom: -45px;
    right: 165px;
    width: 1px;
    height: 110px;
    background: rgb(255, 255, 255);
    transform: rotate(90deg);
}

.a-carousel-section .a-item.a-include-price span {
    font-size: 1rem
}

.a-carousel-section .a-item.a-include-price span i {
    font-weight: 700;
    font-style: normal
}

.a-carousel-section .a-item.a-include-price .zo-chip {
    margin: 0 -10px 0 0;
    padding: 2.5px 7.5px;
    font-size: .875rem;
    background: rgb(255, 255, 255);
    color: rgb(230, 170, 180);
    border-radius: 0.315rem
}

.a-carousel-section .a-item.a-include-price div.des {
    background: rgb(205, 155, 165);
}

.a-carousel-section .a-item.a-include-price small {
    padding: 9.5px 0 0;
    font-weight: 700
}

.a-carousel-section .swiper .swiper-wrapper {
    padding: 0 0 45px
}

.a-carousel-section .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid rgb(255, 255, 255);
    opacity: 1;
}

.a-carousel .swiper-slide .a-item.a-full .a-row {
    display: flex;
    gap: 25px
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col {
    width: 33.33%
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col {
    width: 100%;
    height: 425px;
    display: inline-block;
    padding: 15px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 20px
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-one {
    height: 100%
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-one ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-one ul li {
    width: 100%;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-two {
    height: 100%
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-two ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-two ul li {
    width: 100%;
    display: inline-block;
    font-size: 3.125rem;
    font-weight: 700
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-three {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-three .zo-off {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 35px auto;
    padding: 10px 0;
    font-size: 1.375rem;
    background: rgb(160, 130, 85);
    border-radius: .5rem
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-three .zo-title,
.a-carousel .swiper-slide .a-item.a-mobile .zo-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-three .zo-title span,
.a-carousel .swiper-slide .a-item.a-mobile .zo-title div {
    font-size: 0.625rem;
    font-weight: 700;
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-three ul,
.a-carousel .swiper-slide .a-item.a-mobile ul {
    width: 100%
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-three ul li,
.a-carousel .swiper-slide .a-item.a-mobile ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding: 10.5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.a-carousel .swiper-slide .a-item.a-mobile ul li {
    padding: 2.5px 0
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-three ul li:last-child,
.a-carousel .swiper-slide .a-item.a-mobile ul li:last-child {
    border-bottom: 0
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-three ul li .zo-label,
.a-carousel .swiper-slide .a-item.a-mobile ul li .zo-label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    font-weight: 700;
    color: rgb(40, 40, 40);
    text-align: left
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-three ul li .zo-name,
.a-carousel .swiper-slide .a-item.a-mobile ul li .zo-name {
    display: flex;
    gap: 10px;
    color: rgb(40, 40, 40);
    text-align: right
}

.a-carousel .swiper-slide .a-item.a-mobile ul li .zo-name {
    align-items: center;
    gap: 5px;
    font-size: 0.815rem;
    white-space: nowrap
}

.a-carousel .swiper-slide .a-item.a-full .a-row .a-col .a-sub-col .a-three ul li .zo-name .zo-normal,
.a-carousel .swiper-slide .a-item.a-mobile ul li .zo-name .zo-normal {
    font-weight: 500;
    color: rgb(255, 255, 255)
}

.a-carousel .swiper-slide .a-item.a-mobile {
    display: none;
    padding: 15px
}

@media (max-width: 990px) {

    .a-carousel .swiper-slide .a-item.a-full.a-desktop {
        display: none
    }

    .a-carousel .swiper-slide .a-item.a-mobile {
        display: block
    }

    .a-carousel .swiper-slide .a-item.a-full .a-row .a-two,
    .a-carousel .swiper-slide .a-item.a-full .a-row .a-three {
        display: none
    }
}