
.card.card-cta  {
    position: relative;
    background-color: #8688bd;
    border-color: #7c7eb8;
}

.card-cta .card-wrapper-inner {
    color: #FFF;
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
}

.card-cta .card-wrapper-inner .wp-block-columns {
    margin: 0;
    width: 100%;
}

.card.card-cta.has-background-image .stripes-wrapper,
.wp-block-acf-card.has-background-image .stripes-wrapper {
    display: none;
}

.card-cta h1,
.card-cta h2,
.card-cta h3,
.card-cta h4,
.card-cta h5,
.card-cta h6 {
    color: #F2F3F7;
}

.card-cta .stripes-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.card-cta .stripes-wrapper .stripe {
    position: absolute;
    border-radius: 40px;
    opacity: 0.1;
    width: 80px;
    height: 600px;
    background-color: #FFF;
    transform: rotate(40deg);
}

.card.card-cta .stripes-wrapper .stripe-1 {
    right: 35%;
    top: -130px;
}

.card.card-cta .stripes-wrapper .stripe-2 {
    right: 35%;
    top: -300px;
}

.card-cta .card-inner-blocks .wp-block-column h1,
.card-cta .card-inner-blocks .wp-block-column h2,
.card-cta .card-inner-blocks .wp-block-column h3,
.card-cta .card-inner-blocks .wp-block-column h4,
.card-cta .card-inner-blocks .wp-block-column h5,
.card-cta .card-inner-blocks .wp-block-column h6,
.card-cta .card-inner-blocks .wp-block-column p {
    text-align: center;
}


@media (min-width: 992px) {
    .card-cta .stripes-wrapper .stripe-1 {
        right: 40%;
    }
    .card-cta .stripes-wrapper .stripe-2 {
        right: 40%;
    }
    .card-cta .card-inner-blocks .wp-block-column h1,
    .card-cta .card-inner-blocks .wp-block-column h2,
    .card-cta .card-inner-blocks .wp-block-column h3,
    .card-cta .card-inner-blocks .wp-block-column h4,
    .card-cta .card-inner-blocks .wp-block-column h5,
    .card-cta .card-inner-blocks .wp-block-column h6,
    .card-cta .card-inner-blocks .wp-block-column p {
        text-align: left;
    }
}

.card-cta {
    font-family: "figtree", "raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #F2F3F7;
    border-radius: 10px !important;
    line-height: 1.35;
}
