.dynamic-text {
    position: relative
}

.dynamic-text__line {
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: -154px
}

.dynamic-text__line--desktop {
    display: none
}

@media (min-width: 1800px) {
    .dynamic-text__line {
        bottom: -128px;
        left: 3px
    }

    .dynamic-text__line--desktop {
        display: block
    }

    .dynamic-text__wrapper {
        padding-right: 32px;
        padding-left: 32px
    }
}

.dynamic-text__line--laptop {
    display: none
}

@media (min-width: 1200px) and (max-width: 1799.98px) {
    .dynamic-text__line--laptop {
        display: block
    }
}

.dynamic-text__content {
    max-width: 614px;
    margin-left: auto
}

.dynamic-text__description {
    font-family: var(--accent-font);
    font-size: var(--text-size-24);
    font-weight: var(--fw-medium);
    line-height: 1.5;
    text-transform: uppercase;
    color: var(--gray);
    letter-spacing: .9px
}

@media (min-width: 1200px) {
    .dynamic-text__content {
        max-width: 760px;
        margin-right: 142px
    }

    .dynamic-text__description {
        font-size: var(--text-size-26)
    }
}

@media (min-width: 1800px) {
    .dynamic-text__content {
        max-width: 1032px;
        margin-right: 152px
    }

    .dynamic-text__description {
        font-size: var(--text-size-28)
    }
}

.dynamic-text__description span {
    color: var(--gray);
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.dynamic-text__description span.is-active {
    color: var(--black)
}