.landing-slider {
    height: 34.375rem;
    max-width: 120rem;
    position: relative;
}

.landing-slider.has-pagination {
    margin-bottom: 3rem;
}

.landing-slider.has-pagination .landing-slider-pagination {
    bottom: -2rem;
}

.landing-slider .landing-slider-list {
    height: 100%;
    overflow: hidden;
    position: static;
}

.landing-slider .landing-slider-list .landing-slider-list-wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    gap: 0 .75rem;
}

.landing-slider .landing-slider-list .landing-slider-item {
    -ms-flex: 1 0 100%;
    -webkit-box-flex: 1;
    flex: 1 0 100%;
    height: 100%;
    position: relative;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.landing-slider .landing-slider-list .landing-slider-item.landing-slider-item--active,
.landing-slider .landing-slider-list .landing-slider-item.landing-slider-item--visible,
.landing-slider .landing-slider-list .landing-slider-item.landing-slider-item--duplicate-active {
    visibility: visible;
}

.landing-slider .landing-slider-list .landing-slider-item.landing-slider-item--active {
    z-index: 1;
}

.landing-slider .landing-slider-navigation {
    height: 0;
    position: static;
}

.landing-slider-navigation .landing-slider-navigation-prev {
    left: 3.333333%;
}

.landing-slider-navigation .landing-slider-navigation-next {
    right: 3.333333%;
}

.landing-slider-navigation .landing-slider-navigation-prev,
.landing-slider-navigation .landing-slider-navigation-next {
    height: 3.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.5rem;
    z-index: 2;
}

.landing-slider-navigation .landing-slider-navigation-prev svg,
.landing-slider-navigation .landing-slider-navigation-next svg {
    -webkit-filter: drop-shadow(0 0 .2083333125em rgba(40, 60, 80, .333));
    filter: drop-shadow(0 0 .2083333125em rgba(40, 60, 80, .333333));
    height: 100%;
    width: 100%;
    stroke: #fff;
    fill: none;
    -webkit-transition: stroke 188ms ease-in-out;
    transition: stroke 188ms ease-in-out;
}

.landing-slider-navigation .landing-slider-navigation-prev:hover,
.landing-slider-navigation .landing-slider-navigation-next:hover {
    cursor: pointer
}

.landing-slider-navigation .landing-slider-navigation-prev:hover svg,
.landing-slider-navigation .landing-slider-navigation-next:hover svg {
    stroke: var(--c-accent, #000);
    -webkit-transition: stroke 0 ease-in-out;
    transition: stroke 0 ease-in-out;
}

.landing-slider .landing-slider-navigation-prev-sm,
.landing-slider .landing-slider-navigation-next-sm {
    background: #fff;
    border-radius: 50em;
    box-shadow: 0 .1875rem .3125rem -.125rem rgba(30, 60, 90, .25);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    width: 2rem;
    top: calc(50% - 1rem);
    cursor: pointer;
    z-index: 10;
}

.landing-slider .landing-slider-navigation-prev-sm {
    left: -1rem;
}

.landing-slider .landing-slider-navigation-next-sm {
    right: -1rem;
}

.landing-slider .landing-slider-navigation-prev-sm:after,
.landing-slider .landing-slider-navigation-next-sm:after {
    font-family: swiper-icons;
    font-size: .625rem;
    font-variant: normal;
    color: #000;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important;
}

.landing-slider .landing-slider-navigation-prev-sm:after {
    content: "prev";
}

.landing-slider .landing-slider-navigation-next-sm:after {
    content: "next";
}

.landing-slider .landing-slider-navigation-prev-sm:hover:after,
.landing-slider .landing-slider-navigation-next-sm:hover:after {
    color: var(--c-accent, #000);
}

.landing-slider-pagination {
    bottom: 2rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

.landing-slider-pagination .landing-slider-pagination-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 .75rem;
}

.landing-slider-pagination .landing-slider-pagination-item {
    background-color: transparent;
    border: .0625em solid #fff;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 .3125em .4375em -.125em rgba(30, 60, 90, .333);
    box-shadow: 0 .3125em .4375em -.125em rgba(30, 60, 90, .333);
    display: block;
    height: 1rem;
    outline: .0625rem solid hsla(0, 0%, 4%, .167);
    -webkit-transition: background-color 188ms ease-in-out;
    transition: background-color 188ms ease-in-out;
    width: 1rem;
}

.landing-slider-pagination .landing-slider-pagination-item--active,
.landing-slider-pagination .landing-slider-pagination-item:hover,
.landing-slider-pagination .landing-slider-pagination-item-sm--active,
.landing-slider-pagination .landing-slider-pagination-item-sm:hover {
    background-color: #fff;
    cursor: pointer;
    outline-color: var(--c-accent, #000)
}

.landing-slider-pagination .landing-slider-pagination-item-sm {
    background-color: #fff;
    border: .0625rem solid hsla(0, 0%, 100%, .8);
    border-radius: 1rem;
    height: .825rem;
    width: .825rem;
    position: relative;
}

.landing-slider-pagination .landing-slider-pagination-item-sm--active,
.landing-slider-pagination .landing-slider-pagination-item-sm:hover {
    background-color: var(--c-accent, #000);
    cursor: pointer;
}

.landing-slider.landing-slider-xs {
    height: 12.5rem;
    max-height: 12.5rem;
}

.landing-slider.landing-slider-sm {
    height: 15.625rem;
    max-height: 15.625rem;
}

.landing-slider.landing-slider-md {
    height: 18.75rem;
    max-height: 18.75rem;
}

.landing-slider.landing-slider-lg {
    height: 21.875rem;
    max-height: 21.875rem;
}

.landing-slider.landing-slider-xs .landing-slider-list .landing-slider-list-wrap,
.landing-slider.landing-slider-sm .landing-slider-list .landing-slider-list-wrap,
.landing-slider.landing-slider-md .landing-slider-list .landing-slider-list-wrap,
.landing-slider.landing-slider-lg .landing-slider-list .landing-slider-list-wrap {
    gap: unset;
    padding: .5rem 0;
}

.landing-slider.landing-slider-xs .landing-slider-list .landing-slider-list-wrap,
.landing-slider.landing-slider-sm .landing-slider-list .landing-slider-list-wrap,
.landing-slider.landing-slider-md .landing-slider-list .landing-slider-list-wrap,
.landing-slider.landing-slider-lg .landing-slider-list .landing-slider-list-wrap {
    gap: unset;
}

.landing-slider.landing-slider-xs .landing-slider-list .landing-slider-item,
.landing-slider.landing-slider-sm .landing-slider-list .landing-slider-item,
.landing-slider.landing-slider-md .landing-slider-list .landing-slider-item,
.landing-slider.landing-slider-lg .landing-slider-list .landing-slider-item {
    display: block;
    height: 100%;
    width: unset;
    flex: none;
    flex-shrink: 0;
    padding: .125rem;
    position: relative;
    visibility: visible;
}

.landing-slider.landing-slider-xs .landing-slider-item > .landing-picture-item,
.landing-slider.landing-slider-sm .landing-slider-item > .landing-picture-item,
.landing-slider.landing-slider-md .landing-slider-item > .landing-picture-item,
.landing-slider.landing-slider-lg .landing-slider-item > .landing-picture-item {
    border: none;
    box-shadow: none;
    background: none;
    max-width: unset;
}

.landing-slider.landing-slider-xs .landing-slider-item > .landing-picture-item img,
.landing-slider.landing-slider-sm .landing-slider-item > .landing-picture-item img,
.landing-slider.landing-slider-md .landing-slider-item > .landing-picture-item img,
.landing-slider.landing-slider-lg .landing-slider-item > .landing-picture-item img {
    object-fit: contain;
}

@media only screen and (max-width: 80rem) {
    .landing-slider {
        height: 42.96875vw;
    }
}

@media only screen and (max-width: 64rem) {
    .landing-slider {
        height: 53.7109375vw;
    }
}

@media only screen and (max-width: 53.375rem) {
    .landing-slider {
        height: 64.4028103044vw;
    }
}

@media only screen and (max-width: 50rem) {
    .landing-slider {
        height: 68.75vw;
    }
}

@media only screen and (max-width: 48rem) {
    .landing-slider {
        height: 85.9375vw;
    }
}


@media only screen and (max-width: 30rem) {
    .landing-slider {
        height: 101vw;
    }
}


@media only screen and (max-width: 22rem) {
    .landing-slider {
        height: 114.7727272727vw;
    }
}

@media only screen and (max-width: 20rem) {
    .landing-slider {
        height: 126.25vw;
    }
}