:root {
    --blue:#2f8fc5; /*159fe3*/
    --blue-hover:#0f69a7;
    --impact-blue: #2377d3;
    --dark:#061a2d;
    --text:#0b1d31;
    --font-body:'Roboto',sans-serif;
    --font-cond:'Roboto Condensed',sans-serif;
}
* {
    box-sizing:border-box;
}
html,body {
    margin:0;
    padding:0;
}
body {
    font-family:var(--font-body);
    color:var(--text);
    background:#fff;
}
.wrapper {
    width: 100%;
    max-width: 1628px;
    margin: 0 auto;
    padding: 0;
}
.an-container {
    width:min(1628px,calc(100% - 64px));
    margin-inline:auto;
}
.an-header {
    position:absolute;
    z-index:50;
    inset:0 0 auto;
    color:#fff;
    /*background:linear-gradient(180deg,rgba(3,16,29,.9),rgba(3,16,29,.18));*/
    min-height:var(--header-height);
}
.an-header-inner {
    min-height:var(--header-height);
    display:flex;
    align-items:center;
    gap:36px;
}
.an-logo {
    flex:0 0 auto;
}
.an-logo .custom-logo-link {
    display:block;
}
.an-logo img.custom-logo {
    display:block;
    width:min(340px,24vw);
    height:auto;
    max-height:90px;
}
.an-text-logo {
    color:#fff;
    text-decoration:none;
    font:700 32px var(--font-cond);
}
.an-nav {
    margin-left:auto;
}
.an-menu {
    list-style:none;
    display:flex;
    gap:34px;
    margin:0;
    padding:0;
}
.an-menu a {
    font:400 16px var(--font-cond);
    color:var(--header-text);
    text-decoration:none;
    white-space:nowrap;
    padding:35px 0 12px;
    position:relative;
    transition: 0.5s;
}
.an-menu .current-menu-item > a:after,
.an-menu .current_page_item > a:after {
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background:var(--header-accent);
}
.an-menu a:hover {
    color: #159fe3;
}
.an-header-action {
    flex:0 0 auto;
}
.an-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    border:0;
    font:600 16px var(--font-cond);
    border-radius:10px;
    padding:10px 28px;
    min-height:40px;
    cursor:pointer;
    transition: .65s;
}
/* =========================================
   Button Icons
   ========================================= */

.an-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    line-height: 1;
}

.an-btn-icon-right {
    margin-left: 8px;
    margin-right: 0;
}

.an-btn i,
.an-btn svg {
    vertical-align: middle;
}

.an-donate {
    background:var(--blue);
    color:#fff;
}

.an-donate:hover {
    background:#fff;
    color:var(--blue-hover);
}

.an-outline {
    border:1px solid #fff;
    color:#fff;
    background:transparent;
}

.an-outline:hover {
    border:1px solid #fff;
    color:#000;
    background:#fff;
}

.an-menu-toggle {
    display:none;
}

.an-page-content {
    padding:40px 0;
    color:var(--text);
    min-height:500px;
}

.an-page-hero,.an-hero {
    position:relative;
    min-height:var(--hero-height);
    background-image:var(--hero-bg);
    background-size:cover;
    background-position: right center;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:#fff;
    max-width: 1628px;
    margin: 0 auto;
}

.an-hero-overlay {
    position:absolute;
    inset:0;
    background:linear-gradient(to right,rgba(0, 0, 0, .4), rgba(0, 5, 10,.2) 32%,rgba(2,17,32,.1) 65%,rgba(2,17,32,.1));
}

.an-hero-content,.an-about-grid,.an-work-copy,.an-impact-copy,.an-involved-copy,.an-news-copy,.an-contact-copy {
    position:relative;
    z-index:2;
    width:100%;
    /*padding-top:90px;*/
}

.an-rule {
    display:block;
    width:70px;
    height:3px;
    background:var(--blue);
    margin:0 0 25px;
}

.an-actions {
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.an-footer {
    background:var(--footer-bg);
    color:#fff;
    padding:54px 0;
}

.an-footer-inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.an-footer h2 {
    font:700 38px var(--font-cond);
    letter-spacing:2px;
    margin:0 0 10px;
}

.an-footer p {
    font-size:19px;
    margin:0;
}

.an-footer-menu {
    margin-top:28px;
}

.an-footer-menu ul {
    display:flex;
    gap:28px;
    list-style:none;
    margin:0;
    padding:0;
}

.an-footer-menu a {
    color:#fff;
}

.an-white-section {
    background:#fff;
    color:var(--text);
    padding:62px 0;
}

.an-light-section {
    background:#edf3f9;
    color:var(--text);
    padding:68px 0;
}

.an-section-heading {
    text-align:center;
    margin-bottom:34px;
}

.an-section-heading.left {
    text-align:left;
}

.an-section-heading h2 {
    font:700 31px/1.05 var(--font-cond);
    margin:0 0 8px;
}

.an-section-heading .an-rule {
    margin:0 auto 10px;
}

.an-section-heading.left .an-rule {
    margin-left:0;
}

.an-section-heading p {
    font-size:18px;
    margin:0;
}

.an-icon-circle {
    width:62px;
    height:62px;
    flex:0 0 62px;
    border:3px solid var(--blue);
    border-radius:50%;
    display:grid;
    place-items:center;
    color:var(--blue);
    font:500 36px/1 var(--font-cond);
}

@media(max-width:1100px) {
    .an-container {
        width:min(100% - 48px,1200px);
    }
    .an-menu {
        gap:18px;
    }
    .an-menu a {
        font-size:16px;
    }
    .an-logo img.custom-logo {
        width:270px;
    }
    .an-header-inner {
        gap:20px;
    }
}

@media(max-width:991px) {
    .an-header-inner {
        min-height:82px;
    }
    .an-menu-toggle {
        display:flex;
        margin-left:auto;
        flex-direction:column;
        gap:5px;
        padding:10px;
        background:transparent;
        border:0;
        cursor: pointer;
    }
    .an-menu-toggle span {
        display:block;
        width:28px;
        height:2px;
        background:#fff;
    }
    .an-nav {
        display:none;
        position:absolute;
        left:24px;
        right:24px;
        top:78px;
        background:#061a2d;
        padding:22px;
        border-radius:8px;
    }
    .an-nav.is-open {
        display:block;
    }
    .an-menu {
        display:block;
    }
    .an-menu li {
        margin:0;
    }
    .an-menu a {
        display:block;
        padding:12px 0;
    }
    .an-header-action span {
        display:none;
    }
    .an-logo img.custom-logo {
        width:230px;
    }
    .an-footer-inner {
        display:block;
        text-align:center;
    }
    .an-footer .an-btn {
        margin-top:25px;
    }
    .an-footer-menu ul {
        justify-content:center;
        flex-wrap:wrap;
    }
    .an-hero-content,.an-about-grid,.an-work-copy,.an-impact-copy,.an-involved-copy,.an-news-copy,.an-contact-copy {
        padding-top:80px;
    }

    .an-hero {
        min-height: 400px;
        background-image:var(--hero-bg);
        background-size:cover;
        background-position: right center;
    }
}
@media(max-width:600px) {
    .an-container {
        width:calc(100% - 32px);
    }
    .an-logo img.custom-logo {
        width:205px;
    }
    .an-page-hero,.an-hero {
        background-color: #070b0f;
        background-position:100% top;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .an-hero-overlay {
        background:linear-gradient(90deg,rgba(2,17,32,.5),rgba(2,17,32,.4) 32%,rgba(2,17,32,.2) 65%,rgba(2,17,32,.12));
    }
    .an-footer h2 {
        font-size:29px;
    }
    .an-footer p {
        font-size:17px;
    }
}
