.quote {
    --esg-quote-light: var(--navy-blue, #00338D);
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--esg-quote-light);
    font-family: Open Sans;
    font-size: 26px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.02em;
    text-align: left;
}

.quote__quotes {
    font-family: Arial;
    font-size: 320px;
    font-weight: 700;
    letter-spacing: -5px;
    line-height: 0;
    text-align: left;
    color: transparent;
    -webkit-text-stroke: 1px var(--esg-quote-light);
    text-stroke: 1px var(--esg-quote-light);
    padding-top: 110px;
    margin-left: -20px;
}

.quote--light {
    --esg-quote-light: #fff;
}

.quote--dark {
    --esg-quote-light: #000;
}

.quote__quotes--green {
    color: var(--Secondary-Light-Light-Green, #62EBDA);
    -webkit-text-stroke: 4px var(--Secondary-Light-Light-Green, #62EBDA);
    text-stroke: 4px var(--Secondary-Light-Light-Green, #62EBDA);
    font-family: Arial;
    font-size: 270px;
    font-style: normal;
    font-weight: 700;
    line-height: 0px;
    letter-spacing: 0.444px;
    position: relative;
}

.quote__signature {
    margin-top: 24px;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.444px;
    line-height: 32px;
}

.quote__signature span {
    font-weight: 700;
}

@media screen and (min-width: 1370px) {
    .quote {
        flex-direction: row;
        gap: 32px;
    }
}