.hero-slider {
    position: relative
}

.hero-slider .swiper-slide {
    height: 100vh;
    max-height: 970px
}

.hero-slider .swiper-slide img {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.hero-slider__content {
    display: flex;
    flex-flow: column;
    height: 100%;
    position: relative;
    z-index: 1
}

@media screen and (max-width:1023px) {
    .hero-slider__content {
        padding-top: 200px
    }
}

@media screen and (min-width:1024px) {
    .hero-slider__content {
        justify-content: center
    }
}

.hero-slider__content .wp-block-heading {
    color: var(--wp--preset--color--light);
    margin-bottom: clamp(2.1875rem, 1.4583333333rem + 2.4305555556vw, 4.375rem);
    max-width: 1300px
}

.hero-slider__nav {
    bottom: 30px;
    left: 30px;
    position: absolute;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .hero-slider__nav {
        bottom: 60px;
        left: 60px
    }
}

.hero-slider .square-icons {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.hero-slider .square-icons .square-lg {
    background-color: var(--wp--preset--color--light);
    height: clamp(6.375rem, 5.0833333333rem + 4.3055555556vw, 10.25rem);
    position: relative;
    width: clamp(6.375rem, 5.0833333333rem + 4.3055555556vw, 10.25rem)
}

.hero-slider .square-icons .square-sm {
    background-color: var(--wp--preset--color--light);
    height: clamp(3.1875rem, 2.5416666667rem + 2.1527777778vw, 5.125rem);
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-100%, -100%);
    width: clamp(3.1875rem, 2.5416666667rem + 2.1527777778vw, 5.125rem)
}

.hero-slider--lock .hero-slider__nav {
    display: none
}

/*# sourceMappingURL=hero-slider.css.map*/