.text-cards__header {
    margin-bottom: clamp(2.5rem, 1.4583333333rem + 3.4722222222vw, 5.625rem)
}

@media screen and (max-width:1359px) {
    .text-cards__header {
        display: flex;
        flex-flow: column;
        gap: 20px
    }
}

.text-cards__header .wp-block-heading {
    max-width: 940px
}

.text-cards__header .wp-block-heading.has-text-align-right {
    margin-left: auto
}

@media screen and (min-width:1360px) {
    .text-cards__header--has-cta {
        display: flex;
        flex-flow: row wrap;
        gap: 20px;
        justify-content: space-between
    }
}

.text-cards__actions {
    display: flex;
    flex-flow: column;
    gap: 22px
}

@media screen and (max-width:1359px) {
    .text-cards__actions {
        align-items: center
    }
}

@media screen and (min-width:1360px) {

    .text-cards__row--lock .swiper__next,
    .text-cards__row--lock .swiper__prev {
        display: none
    }
}

.text-cards__row .swiper-slide {
    height: auto
}

.text-cards__row .swiper__next,
.text-cards__row .swiper__prev {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    z-index: 10
}

.text-cards__row .swiper__next.swiper-button-disabled,
.text-cards__row .swiper__prev.swiper-button-disabled {
    opacity: 0;
    transform: translateY(-50%) scale(.5);
    visibility: hidden
}

.text-cards__row .swiper__prev {
    left: -26px
}

.text-cards__row .swiper__next {
    right: -26px
}

.text-cards__card {
    align-items: flex-start;
    background-color: var(--wp--preset--color--light);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 30px 30px 50px
}

@media screen and (min-width:768px) {
    .text-cards__card {
        height: 100%
    }
}

.text-cards__card .square-sm {
    background-color: var(--wp--preset--color--secondary);
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.text-cards__card .card-logos {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
    margin-top: 30px
}

.text-cards__card .btn {
    margin-top: 30px
}

.text-cards__card--primary .square-sm {
    background-color: var(--wp--preset--color--primary)
}

.text-cards__card--tertiary .square-sm {
    background-color: var(--wp--preset--color--tertiary)
}

.text-cards__card--orange .square-sm {
    background-color: var(--wp--preset--color--orange)
}

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

.text-cards.dark--bg .text-cards__header .wp-block-heading,
.text-cards.has-background-image .text-cards__header .wp-block-heading {
    color: var(--wp--preset--color--light)
}

.text-cards.dark--bg .swiper__next,
.text-cards.dark--bg .swiper__prev,
.text-cards.has-background-image .swiper__next,
.text-cards.has-background-image .swiper__prev {
    background-color: var(--wp--preset--color--light)
}

.text-cards.dark--bg .swiper__next svg path,
.text-cards.dark--bg .swiper__prev svg path,
.text-cards.has-background-image .swiper__next svg path,
.text-cards.has-background-image .swiper__prev svg path {
    fill: var(--wp--preset--color--dark)
}

.text-cards.has-background-image {
    background-repeat: no-repeat;
    background-size: cover
}

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