.scrolling-cards__header {
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.scrolling-cards__header-inner {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 60px 30px 0;
    width: 100%
}

@media screen and (min-width:1024px) {
    .scrolling-cards__header-inner {
        justify-content: center;
        padding: 0 0 0 60px;
        width: 48vw
    }
}

@media screen and (min-width:1800px) {
    .scrolling-cards__header-inner {
        padding: 0 0 0 150px
    }
}

.scrolling-cards__header-inner .wp-block-heading {
    color: var(--wp--preset--color--light)
}

@media screen and (max-width:479px) {
    .scrolling-cards__header-inner .wp-block-heading br {
        display: none
    }
}

.scrolling-cards__item {
    height: 100vh;
    position: relative;
    width: 100%
}

.scrolling-cards__image {
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.scrolling-cards__image img {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.scrolling-cards__image--overlay:after {
    background: var(--wp--preset--color--dark);
    content: "";
    height: 100%;
    left: 0;
    opacity: .3;
    position: absolute;
    top: 0;
    width: 100%
}

.scrolling-cards__card {
    background-color: var(--wp--preset--color--light);
    max-width: calc(100% - 60px);
    padding: clamp(2.5rem, 1.25rem + 4.1666666667vw, 6.25rem) clamp(2.1875rem, 1.7083333333rem + 1.5972222222vw, 3.625rem);
    position: absolute;
    right: 50%;
    top: 300px;
    transform: translateX(50%);
    width: 580px;
    z-index: 2
}

@media screen and (min-width:1024px) {
    .scrolling-cards__card {
        max-width: calc(50% - 60px);
        right: 60px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (min-width:1800px) {
    .scrolling-cards__card {
        right: 150px
    }
}

.scrolling-cards__card .card-heading {
    font-size: clamp(1rem, .7083333333rem + .9722222222vw, 1.875rem)
}

.scrolling-cards__card .square-lg {
    background-color: var(--wp--preset--color--secondary);
    height: clamp(5.1875rem, 4.2708333333rem + 3.0555555556vw, 7.9375rem);
    position: absolute;
    right: 0;
    top: 0;
    width: clamp(5.1875rem, 4.2708333333rem + 3.0555555556vw, 7.9375rem)
}

.scrolling-cards__card--primary .square-lg {
    background-color: var(--wp--preset--color--primary)
}

.scrolling-cards__card--tertiary .square-lg {
    background-color: var(--wp--preset--color--tertiary)
}

.scrolling-cards__card--orange .square-lg {
    background-color: var(--wp--preset--color--orange)
}

.scrolling-cards__card--eco-step-coral .square-lg {
    background-color: var(--wp--preset--color--eco-step-coral)
}

@media screen and (min-width:1024px) {
    .scrolling-cards.is-style-50 .scrolling-cards__header-inner {
        align-items: center;
        background-color: var(--wp--preset--color--dark);
        padding: 0;
        width: 50vw
    }
}

.scrolling-cards.is-style-50 .scrolling-cards__header-inner svg {
    height: 197px;
    width: 327px
}

@media screen and (max-width:1023px) {
    .scrolling-cards.is-style-50 .scrolling-cards__header-inner svg {
        display: none
    }
}

.scrolling-cards.is-style-50 .scrolling-cards__header-inner svg path {
    fill: var(--wp--preset--color--light)
}

@media screen and (min-width:1024px) {
    .scrolling-cards.is-style-50 .scrolling-cards__image img {
        left: 50%;
        width: 50%
    }
}

@media screen and (max-width:1023px) {
    .scrolling-cards.is-style-50 .scrolling-cards__card {
        top: 50%;
        transform: translate(50%, -50%)
    }
}

/*# sourceMappingURL=scrolling-cards.css.map*/