.section--text {
   padding-bottom: clamp(3.75rem, 1.5196rem + 9.1503vw, 12.5rem);
   position: relative;
}

.text-bg {
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    max-width: none;
    width: 60vw;
    z-index: -1;
}
.text-decor {
    position: absolute;
    pointer-events: none;
    z-index: 0;
}
.text-decor--1 {
    top: 100%;
    transform: translateY(-50%) translateX(50%);
    right: 103%;
    width: clamp(30.75rem, 26.2892rem + 15.3007vw, 48.25rem);
}

.toggle-button-text {
    display: none;
}
@media (max-width: 1199px) {
    .text-container {
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 14em;
        position: relative;
    }
    .toggle-button-text {
        padding: 0;
        border: none;
        background: none;
        display: inline-flex;
        align-items: center;
        font-weight: 500;
        color: #fff;
        margin-top: 15px;
    }
    .toggle-button-text:after {
        content: '';
        display: inline-block;
        background: url(../img/icons/toggleButtonText.svg) no-repeat center;
        width: 10px;
        height: 10px;
        background-size: 9px;
        margin-right: 4px;
    
    }
    .toggle-button-text.open::after {
        transform: scaleY(-1);
    }

    .text-color {
        position: relative;
        margin-left: -60px;
        margin-right: -60px;
        background: #2AFFE2;
        padding: 24px 60px;
        color: #000229;
    }
}

@media (max-width: 767px) {
    .text-color {
        margin-left: -40px;
        margin-right: -40px;
        padding: 24px 40px;
    }
}