.site-header { 
    background: transparent;
    transition: all 0.3s ease;
}
.site-header.scrolled {
    background: var(--bg);
}
.site-header .container {
    border-bottom: 1px solid #F7F5F3;
}
.site-header.scrolled .container {
    border-bottom: 0;
}
main {
    padding:0;
}
#hero {
    background:url('../images/index/hero-bg.jpg') center center no-repeat;
    background-size:cover;
    padding:25% 0 20%;
    color:white;
    text-align:center;
    margin-top:-100px;
}
@media (max-width: 767px) {
    #hero { 
        padding: 220px 0 120px; 
    }
}
#about {
    background: var(--bg);
    color:white;
}
#about .row:last-child {
    margin-top:60px;
}
@media (max-width: 767px) {
    #about .row:last-child {
        margin-top:30px;
    }
}
#about .about-list { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
}
#about .about-list li { 
    opacity: .35; 
    font-size:1.5rem;
    transition: opacity .4s ease; 
    border-bottom:1px solid white;
    padding:10px 0;
}
@media (max-width: 767px) {
    #about .about-list li { 
        font-size:1.1rem;
    }
}
#about .about-list li.active { 
    opacity: 1; 
}
#focus {
    background:#ECEAE7;
}
#focus .wrapper {
    background:#F7F5F3;
    margin-top:60px;
    padding:30px;
    border-radius:30px;
}
@media (max-width: 767px) {
    #focus .wrapper {
        margin-top:15px;
        padding:15px;
    }
}
#focus h3 {
    margin-bottom:30px;
}
#focus h4 {
    text-align:center;
    margin:15px auto;
}
#impact .wrapper {
    background: #D6FA84;
    padding:60px;
    border-radius:30px;
    color:#4A6632;
}
@media (max-width: 767px) {
    #impact .wrapper {
        padding:30px;
    }
}
#impact .wrapper h3 {
    margin-bottom:15px;
}
#impact .wrapper ul {
    list-style: none; 
    margin:0;
    padding:0;
}
#impact .wrapper li {
    background: url('../images/icon-green.svg') left center no-repeat;
    background-size:38px;
    border-bottom: 1px solid #9FD96E;
    padding:30px 30px 30px 60px;
    font-weight:bold;
}
@media (max-width: 767px) {
    #impact .wrapper li {
        padding:15px 15px 15px 60px;
    }
}
#impact .wrapper li:last-child {
    border:0;
}
#network {
    background:#D6DBF7;
}
#network h3 {
    margin-bottom:30px;
}
#network .wrapper {
    background: var(--bg);
    color:#D6DBF7;
    padding:30px;
    border-radius:30px;
    text-align:center;
}
#network .wrapper .row>div {
    border-right:1px solid #889EF7;
    padding:0 30px;
}
#network .wrapper .row>div:last-child {
    border-right:0;
}
@media (max-width: 767px) {
    #network .wrapper .row>div {
        border-right:0;
        border-bottom:1px solid #889EF7;
        display:flex;
        gap:15px;
        text-align:left;
        align-items:center;
        justify-content:left;
        padding:15px 0;
    }
    #network .wrapper .row>div:last-child {
        border-bottom:0;
        padding-bottom:0;
    }
    #network h4 {
        width:100%;
    }
}
#network .wrapper img {
    max-width:60px;
    margin-bottom:15px;
}
#contact {
    background:url('../images/index/contact-bg.jpg') center center no-repeat;
    background-size:cover;
    color:#F7F5F3;
}
#contact .wrapper {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(10px);
    border:1px solid #D2B3F0;
    border-radius:30px;
    padding:60px;
    text-align:center;
}
#contact a {
    text-decoration:underline;
}