.carousel-wrapper {
    margin: 0 auto;
    max-width: 1360px;
    overflow: hidden;
    position: relative;
    height: 100%
}

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

.carousel-wrapper .swiper-button-prev:after,
.carousel-wrapper .swiper-button-next:after {
    content: unset
}

.carousel-wrapper .swiper-button-next {
    top: unset;
    right: 24px;
    bottom: 74px;
    left: unset
}

@media(min-width: 1023.5px) {
    .carousel-wrapper .swiper-button-next {
        right: 1.765vw;
        bottom: 5.441vw
    }
}

@media(min-width: 1359.5px) {
    .carousel-wrapper .swiper-button-next {
        right: 24px;
        bottom: 74px
    }
}

.carousel-wrapper .swiper-button-prev {
    top: unset;
    right: 88px;
    bottom: 74px;
    left: unset
}

@media(min-width: 767.5px) {
    .carousel-wrapper .swiper-button-prev {
        right: 6.471vw;
        bottom: 5.441vw
    }
}

@media(min-width: 1023.5px) {
    .carousel-wrapper .swiper-button-prev {
        right: 7.2vw
    }
}

@media(min-width: 1359.5px) {
    .carousel-wrapper .swiper-button-prev {
        right: 88px;
        bottom: 74px
    }
}

.carousel-wrapper .swiper-button-disabled {
    display: none !important
}

.carousel-wrapper .swiper-pagination {
    width: auto;
    top: unset;
    right: 24px;
    bottom: 40px;
    left: unset;
    display: none
}

@media(min-width: 767.5px) {
    .carousel-wrapper .swiper-pagination {
        display: flex;
        right: 1.765vw;
        bottom: 2.941vw
    }
}

@media(min-width: 1359.5px) {
    .carousel-wrapper .swiper-pagination {
        right: 24px;
        bottom: 40px
    }
}

.carousel-wrapper .swiper-pagination .swiper-pagination-bullet {
    border-radius: unset;
    height: 2px;
    width: 72px;
    background-color: var(--primary-3)
}

@media(min-width: 767.5px) {
    .carousel-wrapper .swiper-pagination .swiper-pagination-bullet {
        width: 5.294vw
    }
}

@media(min-width: 1359.5px) {
    .carousel-wrapper .swiper-pagination .swiper-pagination-bullet {
        width: 72px
    }
}

.carousel-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--secondary-3)
}

@media(min-width: 1023.5px) {
    .carousel-placeholder:hover .swiper-button-next,
    .carousel-placeholder:hover .swiper-button-prev {
        display: flex
    }
}

.carousel-item {
    position: relative;
    height: 100%
}

.carousel-item>picture>img {
    display: block;
    height: 100%
}

.carousel-item .carousel-item-content {
    position: absolute;
    top: 0;
    right: 5%;
    width: 54%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: var(--other-1)
}

@media(min-width: 1023.5px) {
    .carousel-item .carousel-item-content {
        position: absolute;
        top: 0;
        left: 60%;
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        color: var(--other-1)
    }
}

@media(min-width: 1359.5px) {
    .carousel-item .carousel-item-content {
        padding-right: 64px;
        padding-bottom: 64px;
        left: unset;
        right: 0;
        width: 555px
    }
}

.carousel-item .carousel-item-content span {
    display: block;
    font-size: 3.1992vw;
    line-height: 4.7988vw;
    margin-bottom: 1.0664vw
}

.carousel-item .carousel-item-content span.big {
    font-size: 5.332vw;
    line-height: 6.3984vw
}

@media(min-width: 767.5px) {
    .carousel-item .carousel-item-content span {
        font-size: 2.0832vw;
        line-height: 3.1248vw;
        margin-bottom: .67704vw
    }
    .carousel-item .carousel-item-content span.big {
        font-size: 3.1248vw;
        line-height: 4.1664vw
    }
}

@media(min-width: 1023.5px) {
    .carousel-item .carousel-item-content span {
        font-size: 2.058vw;
        line-height: 3.087vw;
        margin-bottom: .6762vw
    }
    .carousel-item .carousel-item-content span.big {
        font-size: 3.528vw;
        line-height: 4.116vw
    }
}

@media(min-width: 1359.5px) {
    .carousel-item .carousel-item-content span {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 9.2px
    }
    .carousel-item .carousel-item-content span.big {
        font-size: 40px;
        line-height: 48px
    }
}

.carousel-item .carousel-item-content button {
    font-size: 2.666vw;
    line-height: 7.998vw;
    padding: 0 5.8652vw;
    margin-top: 2.666vw
}

@media(min-width: 767.5px) {
    .carousel-item .carousel-item-content button {
        font-size: 1.1718vw;
        line-height: 4.9476vw;
        padding: 0 4.1664vw;
        margin-top: 1.6926vw
    }
}

@media(min-width: 1023.5px) {
    .carousel-item .carousel-item-content button {
        font-size: 1.176vw;
        line-height: 4.557vw;
        padding: 0 4.263vw;
        margin-top: 1.6905vw
    }
}

@media(min-width: 1359.5px) {
    .carousel-item .carousel-item-content button {
        font-size: 16px;
        line-height: 62px;
        padding: 0 58px;
        margin-top: 23px
    }
}

.carousel-item .carousel-item-content .track-events {
    width: 85px
}

@media(min-width: 1023.5px) {
    .carousel-item .carousel-item-content .track-events {
        width: 149px
    }
}