proactive-charts {display: block; height: 440px; margin: 0 0 20px;}

/* quotes-table */
.quotes-table {
    column-gap: 4%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
    > div {
        border-bottom: 1px solid #dedede;
        display: flex;
        flex: 1 0 48%;
        font-size: clamp(14px, 12px + 0.313vw, 17px);
        font-weight: 600;
        justify-content: space-between;
        line-height: 1.4;
        min-width: 280px;
        padding: 6px 10px;

        span {
            font-weight: 400;
        }
    }
}


.esg-2 {background: #05958a; color: #fff; padding: 3vw 0; position: relative;}
.esg-2:before {background: url(../img/pattern_3.svg) no-repeat 0% 50% / contain; bottom: 3vw; content: ''; left: 6vw; opacity: .6; position: absolute; right: 0; top: 3vw;}
.esg-2:after {background: #b0c0c9; bottom: 0; content: ''; height: .6vw; left: 0; position: absolute; right: 0;}


.esg-2 .wrapper {align-items: center; display: flex; justify-content: flex-end}
.esg-2 .c {padding: 0 25% 0 0; width: 70%;}
.esg-2 h3 {color: #fff; font-weight: 400;}
.esg-2 a {color: #9fedef; display: inline-block;}