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 10% 0 0; width: 70%;}
.esg-2 h3 {color: #fff; font-weight: 500;}
.esg-2 a {color: #9fedef; display: inline-block;}


.sub-title {color: #05958a; font-size: 2.3rem; line-height: 1.5}

a.doc-link {display: inline-block;
    span {text-align: center;}
    .uk-text-small {font-size: 0.7rem; line-height: 30px;}
}

.text-teal {color: #05958a;}
.text-white {color: #fff;}

.why-invest-0 {background-color: #05958A; color: #fff; padding: 3vw 0 4vw;}
.why-invest-0 h2 {color: #fff; margin: 0 0 1rem;}
.why-invest-0 h3 {color: #fff;}

.why-invest-0 ul {list-style-type: none;}
.why-invest-0 ul li {position: relative;}
.why-invest-0 ul > li:before {background: url(../img/bullet_solid.svg) no-repeat 0 50% / cover; content: ''; height: 12px; left: -24px; position: absolute; top: .8vw; width: 12px;}
.why-invest-0 {display: flex; position: relative;}
/*.why-invest-0:after {background: linear-gradient(to right,#dedfe0 0%,#efefef 50%,#dedfe0 100%); bottom: 0; content: ''; height: 0.6vw; left: 0; position: absolute; right: 0;}*/
.why-invest-0 .wrapper {display: flex;}

.resources {padding: 3vw 0 0; position: relative; }
.resources ul {list-style-type: none;}
.resources ul li {position: relative;}
.resources ul > li:before {background: url(../img/bullet_1.svg) no-repeat 0 50% / cover; content: ''; height: 12px; left: -24px; position: absolute; top: .8vw; width: 12px;}
.resources:after {background: linear-gradient(to right,#dedfe0 0%,#efefef 50%,#dedfe0 100%); bottom: 0; content: ''; height: 0.6vw; left: 0; position: absolute; right: 0;}
.resources .top {/*padding:3vw 0 ; */text-align: center;}
.resources .border:before {background: linear-gradient(to right,#dedfe0 0%,#efefef 50%,#dedfe0 100%); bottom: 0; content: ''; height: 0.6vw; left: 0; position: absolute; right: 0;}
.resources .bottom {background-color: #EEF4F7; }
.resources .bottom .border-1 {position: relative; padding-bottom: 2rem; }
.resources .bottom .border-1::after {background: linear-gradient(to right,#89a1ac 0%,#89a1ac 50%,#89a1ac 100%); bottom: 0; content: ''; height: 1px; left: 0; position: absolute; right: 0; margin: 0 3rem;}
.resources .bottom .border-2 {position: relative; }
.resources .bottom .border-3 { position: relative; padding: 3vw 0;}
.resources .bottom .border-3::before {background: linear-gradient(to bottom,#89a1ac 0%,#89a1ac 50%,#89a1ac 100%)/*linear-gradient(to bottom,#dedfe0 0%,#efefef 50%,#dedfe0 100%)*/; bottom: 0; top: 0;  content: ''; width: 1px; height: 100%; left: 0; position: absolute; }
.resources .bottom { font-size: 1.5rem;}
.resources .bottom span {color: #05958A; font-weight: 600; font-size: 3rem;}


/*.why-invest-features .entry:nth-child(odd) {background-color: #fff; }
.why-invest-features .entry:nth-child(2n) {background-color: #F9FBFC; }*/

.why-invest-features ul {list-style-type: none;}
.why-invest-features ul li {position: relative;}
.why-invest-features ul > li:before {background: url(../img/bullet_1.svg) no-repeat 0 50% / cover; content: ''; height: 12px; left: -24px; position: absolute; top: .8vw; width: 12px;}
.why-invest-features .entry {padding: 2vw 0; }
.why-invest-features h2 {font-weight: 300;}
.esg-features #strategy-lines ul > li::before { display: none; }
.esg-features #strategy-lines .uk-accordion > li {border-bottom: 1px solid #E5AD16; padding-bottom: 1rem;}

.investors-centre-etc .dl a { position: relative; display: inline-block; padding-right: 30px;}
.investors-centre-etc .dl a::after {background: url(../img/icon_dl_green.svg) no-repeat 100% 50% / contain; bottom: 0; content: ''; position: absolute; right: 0; top: 0; width: 16px;}

.contact-3 .wrapper {position: relative; overflow: hidden;}
.contact-3 .wrapper::after {background: url(../img/pattern_3.svg) no-repeat center center / 100% 8vw; content: ''; height: 100%; opacity: 0.4; aspect-ratio: 1 / 1; position: absolute; left: auto; right: 0; top: 0; bottom: 0; transform: rotate(90deg); transform-origin: center center;} 
.contact-3 .wrapper::before {background: url(../img/pattern_3.svg) no-repeat center center / 100% 8vw; content: ''; height: 100%; opacity: 0.4; aspect-ratio: 1 / 1; position: absolute; left: 0; right: auto; top: 0; bottom: 0; transform: rotate(90deg); transform-origin: center center;} 

.investors-centre-2 .investors-centre-2-1 {margin-top: -4vw;}

/* Strip away UIkit tab default lines, borders, and margins */
ul.aside-news-filter, 
ul.aside-news-filter::before,
ul.aside-news-filter li,
ul.aside-news-filter li a {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
}

ul.aside-news-filter li {
    position: relative;
    display: block !important;
    width: 100% !important;
}

/* Base layout styling for the year links */
ul.aside-news-filter li a.filter {
    background: #506975 !important;
    border-bottom: 1px solid #89a1ac !important;
    color: #fff !important;
    display: block !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem !important; 
    line-height: 1.25 !important;
    /*padding: 0.8vw 3vw 0.8vw 4.5vw !important;  Extra left padding to create the indentation effect */
}


ul.aside-news-filter li a.filter:hover {
    background: #46545d !important;
    color: #fff !important;
    text-decoration: none;
}


ul.aside-news-filter li.uk-active a.filter {
    background: #42938A !important;
    color: #fff !important;
}

.aside li .level-2 a{ font-size: 1rem !important; }


ul.aside > li > ul {display: none !important;}

ul.aside > li.uk-active > ul,
ul.aside > li.is-open > ul {display: block !important;}

ul.aside > li.uk-active > a {
    background: #506975 !important;
    color: #fff !important;
}


ul.aside > li > ul > li:not(.uk-active) > a {
    background: #506975 !important; 
    color: #fff !important; 
}

ul.aside > li > ul > li.uk-active > a {
    background: #42938A  !important;
    color: #fff !important;
}

ul.aside > li > ul > li > a:hover {
    background: #46545d !important;
    color: #fff !important;
}

ul.aside > li.uk-active > a {
    background: #42938A  !important;
    color: #fff !important;
}

ul.aside > li > a:hover {
    background: #46545d !important;
    color: #fff !important;
}


@media screen and (min-width: 1920px){
   ul.aside-news-filter li a.filter {font-size: 19px !important; padding: 26px 60px;}
   .aside li .level-2 a { font-size: 19px !important;  }

}

@media screen and (max-width: 970px){
    .resources .bottom { font-size: 0.9rem;}
    .resources .bottom span {color: #05958A; font-weight: 600; font-size: 1.4rem;}
    
    ul.aside-news-filter {
        display: flex !important;
        flex-direction: column !important; 
        padding: 0 !important;       
        margin: 0 !important;
        left: 0 !important;
    }

    ul.aside-news-filter li {
        width: 100% !important; 
        padding: 0 !important;       
        margin: 0 !important;
    }

    ul.aside-news-filter li a.filter {
        font-size: 14px !important;       
        line-height: 22px !important;
        padding: 14px 0 !important;  
        text-align: center;
    }
    
    .aside li .level-2 a { font-size: 14px !important; }
}


@media screen and (max-width: 680px){
   .resources .bottom .border-1::after {width: 100vw; left: 50%; right: auto; transform: translateX(-50%); margin-left:1.5rem;}
   .resources .bottom .border-2:after {background: linear-gradient(to right,#89a1ac 0%,#89a1ac 50%,#89a1ac 100%); bottom: 0; content: ''; height: 1px; left: 50%; position: absolute; right: auto; width: 100vw; transform: translateX(-50%); margin-top: 1rem; margin-left: 1.5rem;}
   .resources .bottom .border-3::before {display: none; }
   .resources .bottom { font-size: 0.9rem;}
   .resources .bottom span {color: #05958A; font-weight: 600; font-size: 1.3rem;}
   ul.aside-news-filter li a.filter {font-size: 13px !important; line-height: 18px; padding: 13px 0;}
   .aside li .level-2 a { font-size: 13px !important;  }
}