/* -------------------------------------------- PAA 31 start */

:root {
    --media-orange: #F36B21;
    --media-orange-rgb: 243, 107, 33;
    --media-pale-orange: #E6AD85;
    --media-pale-orange-rgb: 230, 173, 133;
    --velvet-purple: #391A52;
    --velvet-purple-rgb: 57, 26, 82;
    --media-red: #EE3552;
    --media-red-rgb: 238, 53, 82;
    --media-cyan: #91D4D1;
    --media-cyan-rgb: 145, 212, 209;
    --media-text-1: #2F1515;
    --media-text-1-rgb: 47, 21, 21;
    --media-text-2: #015281;
    --media-text-2-rgb: 1, 82, 129;
    --media-text-3: #B5DCE4;
    --media-text-3-rgb: 181, 220, 228;
    --media-text-4: #60062D;
    --media-text-4-rgb: 96, 6, 45;
    --media-text-5: #086572;
    --media-text-5-rgb: 8, 101, 114;
    --accordion-purple: #B7BDE1;
    --accordion-blue: #96CED9;
    --accordion-pale-purple: #F5EFFA;
    --accordion-head-purple: #E6D7F2;
    --accordion-pale-blue: #F0F8FA;
    --accordion-dark-blue: #20505A;
    --p-color: #4D4D4D;
    --venue-blue: #D2EAEF;
    --divider-pink: #CFB1E7;
    --royal-purple: #813BBA;
    --list-link: #6B319B;
    --forest-green: #122F1A;
    --forest-green-rgb: 18, 47, 26;
    --event-pink: #F2C7D0;
    --event-pink-rgb: 242, 199, 208;
    --base-white: #faf9f7;
    --base-white-rgb: 250, 249, 247;
    --light-beige: #F5F3EF;
    --sec-small-text: #B2BAB2;
    --swamp-blue: #014955;
}

.font-noto-serif {
    font-family: "Noto Serif", sans-serif !important;
}

/* Heading font-size revamp changes start */
@media(min-width:1281px) {
    h1 {
        font-size: 66px;
    }
}

@media(min-width:1281px) {
    h3 {
        font-size: 32px;
    }
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

/* Heading font-size revamp changes end */

/* Utility classes start */

.base-white {
    color: var(--base-white) !important;
}

@media(min-width:576px) {
    .base-sm-white {
        color: var(--base-white) !important;
    }
}

.forest-green {
    color: var(--forest-green) !important;
}

.media-orange {
    color: var(--media-orange) !important;
}

.p-color {
    color: var(--p-color) !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-normal {
    font-weight: 400 !important;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.hidden {
    display: none;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.flex-row {
    flex-direction: row;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col {
    flex-direction: column;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-end-safe {
    justify-content: safe flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-center-safe {
    justify-content: safe center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.justify-stretch {
    justify-content: stretch;
}

.justify-baseline {
    justify-content: baseline;
}

.justify-normal {
    justify-content: normal;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-end-safe {
    align-items: safe flex-end;
}

.items-center {
    align-items: center;
}

.items-center-safe {
    align-items: safe center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.items-normal {
    align-items: normal;
}

.content-normal {
    align-content: normal;
}

.content-start {
    align-content: flex-start;
}

.content-end {
    align-content: flex-end;
}

.content-end-safe {
    align-content: safe flex-end;
}

.content-center {
    align-content: center;
}

.content-center-safe {
    align-content: safe center;
}

.content-between {
    align-content: space-between;
}

.content-around {
    align-content: space-around;
}

.content-evenly {
    align-content: space-evenly;
}

.content-stretch {
    align-content: stretch;
}

.content-baseline {
    align-content: baseline;
}

.self-auto {
    align-self: auto;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-end-safe {
    align-self: safe flex-end;
}

.self-center {
    align-self: center;
}

.self-center-safe {
    align-self: safe center;
}

.self-baseline {
    align-self: baseline;
}

.self-stretch {
    align-self: stretch;
}

.self-normal {
    align-self: normal;
}

@media(min-width:576px) {
    .flex-sm-row {
        flex-direction: row;
    }
}

@media(min-width:768px) {
    .flex-md-row {
        flex-direction: row;
    }
}

@media(min-width:768px) {
    .mt-md-auto {
        margin-top: auto;
    }
}

@media(min-width:768px) {
    .items-md-center {
        align-items: center;
    }
}

.gap-4 {
    gap: 16px;
}

@media(min-width:1600px) {
    .gap-xl-25 {
        gap: 25px;
    }
}

.h-fit {
    height: fit-content;
}

.h-min-fit {
    height: min-content;
}

.h-max-fit {
    height: max-content;
}

.h-full {
    height: 100% !important;
}

.grid-auto-rows-min-h-450 {
    grid-auto-rows: minmax(0, 450px);
}

.mt-auto {
    margin-top: auto;
}

.mb-auto {
    margin-bottom: auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.mt-16 {
    margin-top: 16px;
}

.mb-16 {
    margin-bottom: 16px;
}

.ml-16 {
    margin-left: 16px;
}

.mr-16 {
    margin-right: 16px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-40 {
    margin-right: 40px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.pr-20 {
    padding-right: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

@media(min-width:1200px) {
    .pt-lg-50 {
        padding-top: 50px;
    }
}

@media(min-width:1200px) {
    .pb-lg-50 {
        padding-bottom: 50px;
    }
}

@media(min-width:1280px) {
    .pb-1280-50 {
        padding-bottom: 50px;
    }
}

@media(min-width:1200px) {
    .pb-lg-0 {
        padding-bottom: 0px !important;
    }
}

.pl-40 {
    padding-left: 40px;
}

.pr-40 {
    padding-right: 40px;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mx-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mx-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mx-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.px-40 {
    padding-left: 40px;
    padding-right: 40px;
}

@media(min-width:1200px) {
    .px-lg-50 {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media(min-width:1200px) {
    .py-lg-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media(min-width:1600px) {
    .px-xl-60 {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media(min-width:1600px) {
    .py-yl-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.padding-section-top {
    padding-top: 40px;
}

@media(min-width:1200px) {
    .padding-section-top {
        padding-top: 55px;
    }
}

.padding-section-bottom {
    padding-bottom: 40px;
}

@media(min-width:1200px) {
    .padding-section-bottom {
        padding-bottom: 55px;
    }
}

.padding-section-x {
    padding-left: 40px;
    padding-right: 40px;
}

@media(min-width:1200px) {
    .padding-section-x {
        padding-left: 80px;
        padding-right: 80px;
    }
}

.padding-section-y {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media(min-width:1200px) {
    .padding-section-y {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.margin-section-top {
    margin-top: 40px;
}

@media (min-width: 1200px) {
    .margin-section-top {
        margin-top: 55px;
    }
}

.margin-section-bot {
    margin-bottom: 40px;
}

@media (min-width: 1200px) {
    .margin-section-bot {
        margin-bottom: 55px;
    }
}

.margin-section-x {
    margin-left: 40px;
    margin-right: 40px;
}

@media (min-width: 1200px) {
    .margin-section-x {
        margin-left: 80px;
        margin-right: 80px;
    }
}

.margin-section-y {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (min-width: 1200px) {
    .margin-section-y {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}

.mb-8 {
    margin-bottom: 8px;
}

@media(min-width:768px) {
    .mb-md-40 {
        margin-bottom: 40px;
    }
}

@media(min-width:768px) {
    .pr-md-20 {
        padding-right: 20px;
    }
}

.pl-g {
    padding-left: 15px;
}

@media(min-width:640px) {
    .pl-g {
        padding-left: 20px;
    }
}

@media(min-width:835px) {
    .pl-g {
        padding-left: 55px;
        margin-left: auto;
    }
}

@media(min-width:1200px) {
    .h-min-lg-450 {
        min-height: 450px !important;
    }
}

.overflow-hidden {
    overflow: hidden !important;
}

.chevron-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC43MDciIGhlaWdodD0iMTkuNDE0IiB2aWV3Qm94PSIwIDAgMTAuNzA3IDE5LjQxNCI+DQogIDxwYXRoIGQ9Ik0xOCw3LjVsOSw5LTksOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjI5MyAtNi43OTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxMjJmMWEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPg0KPC9zdmc+DQo=");
    display: inline-block;
    width: 11px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(13%) sepia(16%) saturate(1852%) hue-rotate(84deg) brightness(91%) contrast(91%);
}

.chevron-left {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC43MDciIGhlaWdodD0iMTkuNDE0IiB2aWV3Qm94PSIwIDAgMTAuNzA3IDE5LjQxNCI+DQogIDxwYXRoIGQ9Ik0xOCw3LjVsOSw5LTksOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjI5MyAtNi43OTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxMjJmMWEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPg0KPC9zdmc+DQo=");
    transform: rotate(180deg);
    display: inline-block;
    width: 11px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(13%) sepia(16%) saturate(1852%) hue-rotate(84deg) brightness(91%) contrast(91%);
}

.filter-white {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%) !important;
}

@media(min-width:576px) {
    .filter-sm-white {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%) !important;
    }
}

.filter-forest-green {
    filter: brightness(0) saturate(100%) invert(10%) sepia(7%) saturate(5788%) hue-rotate(87deg) brightness(95%) contrast(86%) !important;
}

.event-btn-forest-green {
    border: 1px solid var(--forest-green);
    background-color: transparent;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    color: var(--forest-green);
}

.event-btn-forest-green:hover {
    background-color: var(--forest-green);
    color: #FFF;
}

.event-btn-forest-green-reverse {
    border: 1px solid #FFF;
    background-color: transparent;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    color: #FFF;
}

.event-btn-forest-green-reverse:hover {
    background-color: #FFF;
    color: var(--forest-green);
}

.impact-report-btn {
    background-color: var(--forest-green);
    color: #FFF;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    width: fit-content;
    border: 1px solid var(--forest-green);
}

.impact-report-btn:hover {
    background-color: #FFF;
    color: var(--forest-green);
    border: 1px solid var(--forest-green);
}

@media(min-width:576px) {
    .event-btn-forest-green-sm-reverse {
        border: 1px solid #FFF;
        background-color: transparent;
        padding: 0.5rem 1rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        width: fit-content;
        color: #FFF;
    }

    .event-btn-forest-green-sm-reverse:hover {
        background-color: #FFF;
        color: var(--forest-green);
    }
}

.btn-w260-h53 {
    width: 260px;
    height: 53px;
}

.bg-pri-white {
    background-color: #FFF;
}

.bg-light-beige {
    background-color: var(--light-beige);
}

.bg-swamp-blue {
    background-color: var(--swamp-blue);
}

/* .bg-turtle {
    background-image: url("/images/paalibraries/paa-31/latest-(1).jpg");
    background-repeat: no-repeat;
    background-color: #00444d;
    background-size: cover;
} */

.bg-turtle {
    background-image: url(/assets/img/turtle-bg.jpg);
    background-repeat: no-repeat;
    background-color: #00444d;
    background-size: cover;
}

@media(min-width:768px) {
    .bg-turtle {
        background-color: initial;
    }
}

/* .bg-green-stripe {
    background-image: url(/images/paalibraries/paa-31/frame-20.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 350px;
    width: 100%;
} */

.bg-green-stripe {
    background-image: url(/assets/img/frame-20.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 350px;
    width: 100%;
}

/* .bg-globe {
    background-image: url(/images/paalibraries/paa-31/group-29.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 70%;
} */

.bg-globe {
    background-image: url(/assets/img/group-29.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 70%;
}

@media(min-width:768px) {
    .bg-globe {
        background-size: 35%;
    }
}

.bg-globe h5 {
    color: var(--p-color);
}

/* Utility classes end */

/* Sticky share start */

.sticky-share {
    position: fixed;
    top: 60%;
    left: 0;
    background-color: #0072b1;
    border-radius: 0 4px 4px 0;
    overflow: hidden;
    z-index: 1000;
}

.sticky-share a {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    padding: 8px;
    width: 32px;
    transition: width 0.3s ease;
    white-space: nowrap;
}

.sticky-share a svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.sticky-share a span {
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.2s ease;
}

.sticky-share a:hover {
    width: 200px;
}

.sticky-share a:hover span {
    opacity: 1;
}

.sticky-share a:hover {
    background-color: #005582;
}

/* Sticky share end */

/* -----------------------------------------PAA 31 end */

/* base-carousel start */
.base-carousel-container {
    position: relative;
    width: 100%;
}

.base-carousel {
    position: relative;
}

.base-carousel-container .base-carousel-nav {
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    z-index: 2;
    height: 50px;
    gap: 32px;
    align-items: center;
}

.next-single,
.prev-single {
    position: initial;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.next-single[aria-disabled="true"],
.prev-single[aria-disabled="true"] {
    opacity: 0.2;
    cursor: default;
}

.next-single:hover,
.prev-single:hover {
    background-color: var(--forest-green);
}

.next-single-reverse:hover,
.prev-single-reverse:hover {
    background-color: var(--base-white) !important;
}

@media(min-width:576px) {

    .next-single-sm-reverse:hover,
    .prev-single-sm-reverse:hover {
        background-color: var(--base-white) !important;
    }
}

.next-single:hover[aria-disabled="true"],
.prev-single:hover[aria-disabled="true"] {
    background-color: transparent;
}

.next-single:hover[aria-disabled="true"] span,
.prev-single:hover[aria-disabled="true"] span {
    filter: brightness(0) saturate(100%) invert(13%) sepia(16%) saturate(1852%) hue-rotate(84deg) brightness(91%) contrast(91%);
}

.next-single:hover span,
.prev-single:hover span {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(51deg) brightness(104%) contrast(100%);
}

.next-single-reverse:hover span,
.prev-single-reverse:hover span {
    filter: brightness(0) saturate(100%) invert(10%) sepia(7%) saturate(5788%) hue-rotate(87deg) brightness(95%) contrast(86%) !important;
}

@media(min-width:576px) {

    .next-single-sm-reverse:hover span,
    .prev-single-sm-reverse:hover span {
        filter: brightness(0) saturate(100%) invert(10%) sepia(7%) saturate(5788%) hue-rotate(87deg) brightness(95%) contrast(86%) !important;
    }
}

.next-single span,
.prev-single span {
    cursor: pointer;
    display: inline-block;
    width: 11px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(13%) sepia(16%) saturate(1852%) hue-rotate(84deg) brightness(91%) contrast(91%);
}

.prev-single[aria-disabled="true"] span,
.next-single[aria-disabled="true"] span {
    cursor: default;
}

.next-single span {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC43MDciIGhlaWdodD0iMTkuNDE0IiB2aWV3Qm94PSIwIDAgMTAuNzA3IDE5LjQxNCI+DQogIDxwYXRoIGQ9Ik0xOCw3LjVsOSw5LTksOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjI5MyAtNi43OTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxMjJmMWEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPg0KPC9zdmc+DQo=");
}

.prev-single span {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC43MDciIGhlaWdodD0iMTkuNDE0IiB2aWV3Qm94PSIwIDAgMTAuNzA3IDE5LjQxNCI+DQogIDxwYXRoIGQ9Ik0xOCw3LjVsOSw5LTksOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjI5MyAtNi43OTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxMjJmMWEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPg0KPC9zdmc+DQo=");
    transform: rotate(180deg);
}

.next-single:hover,
.prev-single:hover {
    background-color: var(--forest-green);
}

.next-single:hover span,
.prev-single:hover span {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(51deg) brightness(104%) contrast(100%);
}

.base-pagination {
    display: flex;
    gap: 16px;
}

/* base-carousel end */

/* Featured home carousel start*/

.featured-home .swiper-slide {
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

.featured-home .swiper-slide:hover .title h5 {
    opacity: 0.7;
}

.featured-home .swiper-slide:hover .img-hover-effect img {
    opacity: 0.7;
}

.featured-home .swiper-slide .image,
.featured-home .swiper-slide .title {
    margin-bottom: 1rem;
}

.featured-home .swiper-slide .image {
    width: 100%;
    display: block;
    max-height: 324px;
    aspect-ratio: 288/205;
}

.featured-home .swiper-slide .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.featured-home .swiper-slide .title {
    display: block;
    height: 60px;
    overflow: hidden;
}

.featured-home .swiper-slide .title h5 {
    color: var(--forest-green);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 500;
    font-family: 'Roboto';
}

.featured-home .swiper-slide .desc,
.featured-home .swiper-slide .desc span,
.featured-home .swiper-slide .desc p {
    color: var(--p-color);
}

.featured-home .swiper-slide .desc {
    display: block;
    overflow: hidden;
    height: 65px;
}

.featured-home .swiper-slide .desc,
.featured-home .swiper-slide .desc p,
.featured-home .swiper-slide .desc span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.4;
}

.featured-home .swiper-slide .layer-1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 450px;
}

.featured-home .swiper-slide .layer-1 .event-white-btn {
    margin-top: auto;
}

/* Featured home carousel  end */

/* Image zoom on hover start */
.zoom-hover-wrapper .image-container-zoom-hover {
    overflow: hidden;
    display: inline-block;
}

.zoom-hover-wrapper .image-container-zoom-hover img {
    transition: transform 0.4s ease;
    transform-origin: center center;
}

/* .image-container-zoom-hover:hover img {
  transform: scale(1.1); 
} */

.zoom-hover-wrapper:hover .image-container-zoom-hover img {
    transform: scale(1.1);
}

/* Image zoom on hover end */

/* Stripe bg start */
.pattern-bg {
    position: relative;
    width: 350px;
    height: 100%;
    overflow: hidden;
    /* Three solid slanted (/ shape) stripes */
    background-image: linear-gradient(70deg, #3F704D 0 100%),
        /* stripe 1 */
        linear-gradient(70deg, #5C946E 0 100%),
        /* stripe 2 */
        linear-gradient(70deg, #7AB893 0 100%);
    /* stripe 3 */

    background-repeat: no-repeat;
    background-size: 100px 300%;
    /* Wider and taller to cover slant */
    background-position: calc(50% - 120px) center, calc(50% - 20px) center, calc(50% + 80px) center;
    transform: skewX(20deg);
    /* Apply the same skew visually */
}

/* Stripe bg end */

/* Three block layout start */
.three-block-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    grid-auto-rows: minmax(0, 350px);
}

@media (min-width: 768px) {
    .three-block-layout {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .three-block-layout {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* @media (min-width: 1200px) {
    .three-block-layout {
        display: flex;
        justify-content: space-between;
    }
} */

@media (min-width: 1500px) {
    .three-block-layout {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
        grid-auto-rows: minmax(0, 450px);
    }
}

.three-block-card {
    position: relative;
    height: fit-content;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08),
        /* light top/side blur */
        0 4px 8px rgba(0, 0, 0, 0.12);
    /* stronger bottom blur */
}

@media(min-width:1200px) {
    .three-block-card {
        max-width: 430px;
        max-height: 330px;
    }
}

@media(min-width:1500px) {
    .three-block-card {
        max-width: initial;
        max-height: initial;
    }
}

.three-block-card img {
    object-fit: cover;
    width: 100%;
}

.three-block-card .three-block-card--content ul {
    margin-top: 25px;
    list-style: disc;
    padding-left: 20px;
}

@media(min-width:1200px) {
    .three-block-card .three-block-card--content ul {
        margin-top: 32px;
        padding-left: 30px;
    }
}

.three-block-card .three-block-card--title {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 90px;
}

/* @media(min-width:1600px) {
    .three-block-card .three-block-card--title {
        min-height: 110px;
    }
} */

.three-block-card .three-block-card--title h5 {
    color: #122f1a;
}

.three-block-card .three-block-card--title .chevron-right {
    display: inline-block;
    transition: transform 0.5s ease-in-out;
    margin-left: 16px;
}

.chevron-spacer {
    flex: 0 0 0;
    transition: flex 0.5s ease-in-out;
}

.three-block-card:hover .three-block-card--body .chevron-spacer {
    flex: 1 0 auto;
}

.three-block-card .three-block-card--body {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
    padding-left: 16px;
    padding-right: 16px;
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: start;
    transition: all 0.5s ease-in-out;
}

@media(min-width:1200px) {
    .three-block-card .three-block-card--body {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media(min-width:1600px) {
    .three-block-card .three-block-card--body {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.three-block-card:hover .three-block-card--body {
    height: 100%;
}

.three-block-card .three-block-card--body .three-block-card--content {
    padding-top: 16px;
}

@media(min-width:1200px) {
    .three-block-card .three-block-card--body .three-block-card--content {
        padding-top: 32px;
    }
}

.three-block-card .three-block-card--body .three-block-card--content p,
.three-block-card .three-block-card--body .three-block-card--content ul {
    font-size: 18px;
}

.three-block-card:hover .three-block-card--body .three-block-card--title h5 {
    color: var(--velvet-purple);
}

/* Three block layout end */

/* Infinite scroll start */

/* .scroller {
  max-width: 600px;
} */

.scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

@media(min-width: 1600px) {
    .scroller__inner {
        gap: 120px;
    }
}

.scroller[data-animated="true"] {
    overflow: hidden;
    -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
    --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
    --_animation-direction: forwards;
}

/* Recommended for up to 10 items */
.scroller[data-speed="fastest"] {
    --_animation-duration: 35s;
}

@media(min-width:576px) {
    .scroller[data-speed="fastest"] {
        --_animation-duration: 25s;
    }
}

/* Recommended for 11 - 20 items */
.scroller[data-speed="fast"] {
    --_animation-duration: 50s;
}

@media(min-width:576px) {
    .scroller[data-speed="fast"] {
        --_animation-duration: 40s;
    }
}

/* Recommended for 21 - 35 items */
.scroller[data-speed="slow"] {
    --_animation-duration: 80s;
}

@media(min-width:576px) {
    .scroller[data-speed="slow"] {
        --_animation-duration: 80s;
    }
}

/* Recommended for 36 - 50 items */
.scroller[data-speed="slowest"] {
    --_animation-duration: 180s;
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}

.scroller__inner img {
    max-width: 240px;
    max-height: 116px;
    object-fit: contain;
}

/* Infinite scroll end */

/* Roles card start */

.roles-card {
    padding: 32px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}

@media(min-width:1600px) {
    .roles-card {
        padding: 50px;
    }
}

.roles-card .inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: auto;
}

.roles-card .inner p {
    font-size: 18px;
}

@media(min-width:1600px) {
    .roles-card .inner p {
        font-size: 22px;
    }
}

.roles-card img {
    max-width: 42px;
    max-height: 42px;
    height: 42px;
    width: 42px;
}

@media(min-width: 1200px) {
    .roles-card img {
        max-width: 64px;
        width: 64px;
    }
}

/* Roles card end */

/* SingleSlideSwiper start */
.singleSlideSwiperContainer {
    display: flex;
    flex-direction: column;
}

@media(min-width: 768px) {
    .singleSlideSwiperContainer {
        flex-direction: row;
    }
}

.singleSlideSwiper {
    max-width: 100%;
    max-height: 300px;
    width: 100%;
}

@media(min-width:768px) {
    .singleSlideSwiper {
        max-width: 670px;
        max-height: 500px;
    }
}

.singleSlideSwiperContainer .singleSlideSwiper .swiper-slide {
    height: 400px;
    max-height: 400px;
    width: 100%;
}

.singleSlideSwiperContainer .singleSlideSwiper .swiper-slide img {
    object-fit: cover;
    width: 100%;
    max-height: 100%;
    height: 100%;
}

.ss-content-container {
    position: relative;
    width: -webkit-fill-available;
}

.ss-content-container .ss-content {
    height: 100%;
}

.ss-content-container .ss-content .ss-content-text p:first-of-type {
    color: var(--forest-green);
}

.ss-content-container .ss-content .ss-content-text p {
    color: var(--p-color);
}

@media(min-width:1600px) {
    .ss-content-container .ss-content .ss-content-text p {
        font-size: 22px;
    }
}

.ss-content-container .ss-content .ss-content-text h5 {
    font-weight: 500;
    color: var(--forest-green);
}

@media(min-width:1600px) {
    .ss-content-container .ss-content .ss-content-text h5 {
        font-size: 32px;
    }
}

@media(min-width:1200px) {

    .ss-content-container .ss-content .ss-content-text h5,
    .ss-content-container .ss-content .ss-content-text p {
        margin-bottom: 32px;
    }
}

.ss-content-container .singleSlideSwiperPagination {
    position: absolute;
    bottom: 0;
    left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

@media(min-width:768px) {
    .ss-content-container .singleSlideSwiperPagination {
        bottom: 10px;
    }
}

/* SingleSlideSwiper end */

/* Fade in and out text start */
@keyframes fadeIn {
    from {
        opacity: 0;
        /* Start completely transparent */
    }

    to {
        opacity: 1;
        /* End fully opaque */
    }
}

.fade-in-text {
    animation: fadeIn 1s ease-in-out forwards;
    /* Name, duration, timing function, fill mode */
}

@keyframes fadeOut {
    from {
        opacity: 1;
        /* Start fully opaque */
    }

    to {
        opacity: 0;
        /* End completely transparent */
    }
}

.fade-out-text {
    animation: fadeOut 1s ease-in-out forwards;
}

/* Fade in and out text end */

/* Latest carousel start */
.latest-container {
    display: flex;
    margin-left: initial;
    overflow: hidden;
    flex-direction: column;
}

@media(min-width:576px) {
    .latest-container {
        flex-direction: row;
    }
}

.latest-container--controls {
    min-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 2;
    margin-top: auto;
    padding-bottom: 16px;
}

@media(min-width:576px) {
    .latest-container--controls {
        max-height: 350px;
        height: 350px;
        min-width: 300px;
        width: 300px;
        justify-content: end;
        padding-bottom: 0;
    }
}

@media(min-width:1600px) {
    .latest-container--controls {
        min-width: 400px;
        width: 400px;
        margin-bottom: 7px;
    }
}

.latest-container--controls .base-carousel-nav {
    gap: 32px;
    /* margin-bottom: auto; */
}

@media(min-width:576px) {
    .latest-container--controls .base-carousel-nav {
        margin-bottom: 75px;
    }
}

@media(min-width:1200px) {
    .latest-container--controls .base-carousel-nav {
        margin-bottom: 15px;
    }
}

.latest-container--controls .base-carousel-nav .prev-single {
    width: initial;
    padding-right: 24px;
}

@media(min-width:576px) {
    .latest-container--controls .base-carousel-nav .prev-single {
        width: 48px;
        padding-right: initial;
    }
}

.latest-container--backdrop {
    position: absolute;
    bottom: 0;
    z-index: 1;
    height: 330px;
    width: 100%;
    background-color: var(--forest-green);
}

.latest-container .latest-container--carousel {
    z-index: 2;
    margin-top: 42px;
}

@media(min-width:992px) {
    .latest-container .latest-container--carousel .swiper-wrapper {
        max-height: 315px;
    }
}

@media(min-width:1280px) {
    .latest-container .latest-container--carousel .swiper-wrapper {
        max-height: initial;
    }
}

.latest-container .latest-container--carousel .swiper-slide {
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.latest-container .latest-container--carousel .swiper-slide .layer-1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* min-height: 450px; */
}

.latest-container .latest-container--carousel .swiper-slide .image {
    height: 205px;
    width: 100%;
    display: block;
    min-height: 205px;
    max-height: 205px;
    margin-bottom: 1rem;
    position: relative;
}

.latest-container .latest-container--carousel .swiper-slide .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.latest-container .latest-container--carousel .swiper-slide .image span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 12px;
    color: var(--base-white);
    background-color: var(--velvet-purple);
}

.latest-container .latest-container--carousel .swiper-slide .image .blog {
    background-color: var(--velvet-purple) !important;
}

.latest-container .latest-container--carousel .swiper-slide .image .events {
    background-color: var(--media-text-2) !important;
}

.latest-container .latest-container--carousel .swiper-slide .image .speeches {
    background-color: var(--forest-green) !important;
}

.latest-container .latest-container--carousel .swiper-slide .image .news-release,
.latest-container .latest-container--carousel .swiper-slide .image .in-the-media {
    background-color: var(--media-text-5) !important;
}

.latest-container .latest-container--carousel .swiper-slide .image .reports {
    background-color: var(--media-text-4) !important;
}

.latest-container .latest-container--carousel .swiper-slide .image .media-releases {
    background-color: var(--media-red) !important;
}

.latest-container .latest-container--carousel .swiper-slide .title {
    display: block;
    overflow: hidden;
    min-height: 75px;
}

.latest-container--carousel .date,
.latest-container--carousel h5 {
    color: var(--base-white);
}

.latest-container--carousel .date {
    color: var(--sec-small-text);
}

.latest-container .latest-container--carousel h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.3;
    font-size: 18px;
}

/* Styling for 1 slide */
@media(min-width:992px) {
    .latest-container .latest-container--carousel .swiper-wrapper:not(:has(> :nth-child(2)))>* {
        flex-basis: 100%;
    }
}

/* Styling for 2 slides */
@media (min-width: 992px) {
    .latest-container .latest-container--carousel .swiper-wrapper:has(> :nth-child(2)):not(:has(> :nth-child(3))) {
        display: flex;
        justify-content: start !important;
        gap: 8px;
    }
}


/* Styling for 2 slides */
@media(min-width:992px) {
    .latest-container .latest-container--carousel .swiper-wrapper:has(> :nth-child(2)):not(:has(> :nth-child(3)))>* {
        flex-basis: 49%;
    }
}

/* EXACTLY 3 SLIDES */
@media (min-width: 1200px) {
    .latest-container .latest-container--carousel .swiper-wrapper:has(> :nth-child(3)):not(:has(> :nth-child(4))) {
        display: flex;
        justify-content: start !important;
        gap: 16px;
    }

    .latest-container .latest-container--carousel .swiper-wrapper:has(> :nth-child(3)):not(:has(> :nth-child(4)))>* {
        flex-basis: 32%;
    }
}

/* EXACTLY 4 SLIDES */
@media (min-width: 1600px) {
    .latest-container .latest-container--carousel .swiper-wrapper:has(> :nth-child(4)):not(:has(> :nth-child(5))) {
        display: flex;
        justify-content: space-between;
    }

    .latest-container .latest-container--carousel .swiper-wrapper:has(> :nth-child(4)):not(:has(> :nth-child(5)))>* {
        flex-basis: 24%;
    }
}

/* Latest carousel end */

/* Intro text and vid start */
@media(min-width:768px) {
    .intro-text {
        display: flex;
        flex-direction: column;
        gap: 16px;
        flex-basis: 50%;
    }
}

@media(min-width:1200px) {
    .intro-text {
        gap: 16px;
    }
}

.intro-text h5 {
    color: var(--p-color);
}

@media(min-width:768px) {
    .intro-vid {
        flex-basis: 50%;
    }
}

.intro-vid video {
    width: 100%;
    /* min-height: 300px;
    max-height: 320px; */
}

@media(min-width:768px) {
    .intro-vid video {
        width: 100%;
        /* min-height: 400px;
        max-height: 420px; */
    }
}

/* Intro text and vid end */

/* Community tabs and carousel start */

.community {
    margin-bottom: 40px;
}

.community-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 8px;
    padding-top: 16px;
}

.community-pagination .swiper-pagination-bullet {
    background-color: var(--forest-green);
}

.community .tabs-show-hide {
    list-style: none;
    padding: 0;
}

@media (min-width: 992px) {
    .community .tabs-show-hide {
        display: flex;
        justify-content: center;
    }
}

.community .tabs-show-hide li {
    border-bottom: 1px solid rgba(5, 0, 109, 0.2);
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    justify-content: center;
    opacity: 0.6;
}

@media (min-width: 992px) {
    .community .tabs-show-hide li {
        flex-basis: 33.33%;
    }
}

.community .tabs-show-hide li {
    text-align: center;
}

.community .tabs-show-hide li a {
    text-decoration: none;
    font-size: 0.75em;
    color: var(--forest-green);
    font-weight: 600;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    cursor: pointer;
}

@media (min-width: 992px) {
    .community .tabs-show-hide li a {
        font-size: 1em;
    }
}

.community .tabs-show-hide .li-active,
.community .tabs-show-hide li:hover {
    opacity: 1;
    border-bottom: 1px solid var(--forest-green);
}

.community .community--grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding-left: 1px;
    padding-right: 1px;
}

@media(min-width:768px) {
    .community .community--grid {
        grid-template-columns: repeat(5, 1fr);
        min-height: 575px;
        grid-auto-rows: minmax(0, 138px);
    }
}

.community .community--grid .logo-btn {
    border: 1px solid #000000;
    border-radius: 5px;
    background-color: transparent;
    padding: 8px;
    cursor: pointer;
    max-height: 120px;
    height: 119px;
}

.community .community--grid .logo-btn img {
    max-width: 100%;
    object-fit: contain;
    width: fit-content;
    height: inherit;
}

.community .community--grid .logo-btn:hover {
    background-color: var(--media-text-3);
}

.modal-backdrop {
    background-color: rgba(18, 47, 26, .1);
    /* opacity: 0.8; */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100vw;
    height: 100vh;
    /* transition: opacity .15s linear */
    backdrop-filter: blur(10px);
}

.community--modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.community--modal.open {
    display: block;
}

.community--modal.open .community--modal-dialog {
    transform: none;
}

.community--modal .community--modal-dialog {
    /* transform: translate(0, -50px); */
    transition: transform .3s ease-out;
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
    position: relative;
    background-color: var(--base-white);
    display: flex;
    align-items: center;
}

@media(min-width:576px) {
    .community--modal .community--modal-dialog {
        background-color: initial;
    }
}

@media(min-width:992px) {
    .community--modal .community--modal-dialog {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media(min-width:1200px) {
    .community--modal .community--modal-dialog {
        max-width: 1140px;
    }
}

.community--modal .community--modal-dialog .modal-header {
    padding: 100px 40px 0px 16px;
    display: flex;
    justify-content: end;
}

@media(min-width:576px) {
    .community--modal .community--modal-dialog .modal-header {
        padding: 16px;
    }
}

@media(min-width:1200px) {
    .community--modal .community--modal-dialog .modal-header {
        padding: 80px 80px 0;
    }
}

.community--modal .community--modal-dialog .modal-header .modal-close {
    background-color: transparent;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

@media(min-width:576px) {
    .community--modal .community--modal-dialog .modal-img {
        min-width: 45%;
        max-width: 45%;
        display: flex;
        align-items: center;
    }
}

.community--modal .community--modal-dialog .modal-content {
    background-color: var(--base-white);
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 100vh;
    overflow-y: auto;
}


.community--modal .community--modal-dialog .modal-body {
    padding: 0 80px 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media(min-width:576px) {
    .community--modal .community--modal-dialog .modal-body {
        align-items: center;
    }
}

@media(min-width:1200px) {
    .community--modal .community--modal-dialog .modal-body {
        flex-direction: row;
        gap: 32px;
    }
}

.community--modal .community--modal-dialog .modal-body .modal-pop-up-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

body.modal-open {
    overflow: hidden;
}

/* Community tabs and carousel end */

/* Our Leadership grid changes (put this into the "/ResourcePackages/PAA/assets/css/main.min.css" file) */
@media(min-width:1200px) {
    .module__team__row {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Our Leadership grid changes end */

/* Featured event banner start */
.featured-event-banner {
    display: flex;
    flex-direction: column;
    background-color: var(--forest-green);
}

@media(min-width:992px) {
    .featured-event-banner {
        flex-direction: row;
        height: 385px;
    }
}

@media(min-width:1200px) {
    .featured-event-banner {
        height: 48vh;
    }
}

.featured-event-banner .featured-event-banner--text {
    min-height: 341px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 1rem;
    background-color: var(--forest-green);
}

@media(min-width:992px) {
    .featured-event-banner .featured-event-banner--text {
        min-height: initial;
        height: 100%;
        width: 40%;
        min-width: 40%;
        margin-left: 55px;
    }
}

@media(min-width:1200px) {
    .featured-event-banner .featured-event-banner--text {
        padding-left: 55px;
        padding-right: 55px;
        padding-top: initial;
        padding-bottom: initial;
        /* width: 480px;
        min-width: 480px; */
        margin-left: 0;
    }
}

.featured-event-banner .featured-event-banner--text h1 {
    color: var(--event-pink);
    font-family: "Noto Serif";
}

.featured-event-banner .featured-event-banner--text span {
    color: var(--event-pink);
    margin-bottom: 0.5rem;
    font-family: "Noto Serif";
}

.featured-event-banner .featured-event-banner--text span:first-of-type {
    font-size: 1.4em;
}

@media(min-width:1200px) {
    .featured-event-banner .featured-event-banner--text span:first-of-type {
        font-size: 1.5em;
    }
}

.featured-event-banner .featured-event-banner--text span:last-of-type {
    font-size: 2.25em;
    margin-bottom: 1.5rem;
}

@media(min-width:1200px) {
    .featured-event-banner .featured-event-banner--text span:last-of-type {
        font-size: 3.75em;
    }
}

.featured-event-banner .featured-event-banner--img {
    aspect-ratio: 1.3;
    width: 100%;
    overflow: hidden;
}

@media(min-width:992px) {
    .featured-event-banner .featured-event-banner--img {
        width: 50%;
        margin-left: auto;
    }
}

.featured-event-banner .featured-event-banner--img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Featured event banner end */

/* Anchor mobile links dropdown and progress bar start */
html {
    scroll-behavior: smooth;
}

.anchor-dropdown {
    position: fixed;
    top: 75px;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #f2f1ef;
    transition: height 0.2s ease-in-out;
    overflow: hidden;
    height: 51px;
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}

.anchor-dropdown.show {
    transform: translateY(0);
}

@media(min-width:576px) {
    .anchor-dropdown {
        display: none;
    }
}

.anchor-dropdown ul {
    position: relative;
}

.anchor-dropdown ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 0;
    transition: height .1s ease-out;
    overflow: hidden;
    display: none;
}

.anchor-dropdown ul li.current {
    height: auto !important;
    display: block !important;
}

.anchor-dropdown ul.open li {
    height: auto;
    display: block !important;
}

.anchor-dropdown ul li a {
    display: block;
    color: rgba(18, 47, 26, .4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
}

.anchor-dropdown ul li.current a {
    color: var(--forest-green);
}

.anchor-dropdown ul button {
    position: absolute;
    right: 19px;
    top: 15px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
}

.anchor-dropdown ul button .chevron-right {
    transform: rotate(90deg);
    pointer-events: none;
    transition: transform 0.2s ease-in-out;
}

.anchor-dropdown ul.open button .chevron-right {
    transform: rotate(270deg);
}

[data-anchor-target="anchor"] {
    scroll-margin-top: 130px;
}

/* Progress bar container */
.progress-container {
    width: 100%;
    height: 4px;
    background: #ddd;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Actual bar */
.progress-bar {
    height: 100%;
    width: 0%;
    background: var(--forest-green);
    transition: width 0.1s linear;
}

/* Anchor mobile links dropdown and progress bar end */

/* Blurb start */
.blurb {
    max-width: 850px;
}

.mb-negative-margin-footer {
    margin-bottom: -100px;
}

@media(min-width:1280px) {
    .mb-negative-margin-footer {
        margin-bottom: -150px;
    }
}

/* Blurb end */

/* Impact report content block start */
.impact-report--top {
    display: flex;
    justify-content: space-between;
}

.impact-report--top .impact-report--stat {
    border-top: 1px solid var(--forest-green);
    padding-top: 16px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    flex-basis: 40%;
}

.impact-report--top .impact-report--stat p,
.impact-report--top .impact-report--stat span {
    color: var(--forest-green);
    font-family: 'Noto Serif';
}

.impact-report--stat-head {
    font-size: 18px;
}

.impact-report--stat .impact-report--figure {
    margin-top: auto;
}

.impact-report--stat .impact-report--figure .num {
    font-size: 46px;
    line-height: 0.7;
}

@media(min-width:640px) {
    .impact-report--stat .impact-report--figure .num {
        font-size: 66px;
    }
}

.impact-report--stat .impact-report--figure .num span {
    font-size: 38px;
}

@media(min-width:640px) {
    .impact-report--stat .impact-report--figure .num span {
        font-size: 44px;
    }
}

.impact-report {
    width: 100%;
}

@media(min-width:992px) {
    .impact-report {
        width: 70%;
    }
}

.impact-report p,
.impact-report ul,
.impact-report li {
    color: var(--forest-green);
}

.impact-report .impact-report--bottom {
    border-top: 1px solid var(--forest-green);
    margin-top: 16px;
    padding-top: 16px;
}

.impact-report .impact-report--bottom ul {
    list-style: disc;
    padding-left: 18px;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.impact-report .impact-report-btn {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
}

/* @media(min-width:1280px) {
    .impact-report--stat .num {
        font-size: 66px;
    }
} */

/* Impact report content block end */

/* Our Roles layout start */

.our-roles-layout {
    grid-auto-rows: minmax(0, 250px) !important;
}

@media(min-width:992px) {
    .our-roles-layout {
        grid-auto-rows: initial !important
    }
}

/* Our Roles layout end */

/* Our key roles layout start */
.our-key-roles-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    grid-auto-rows: minmax(0, 250px);
}

@media (min-width: 768px) {
    .our-key-roles-layout {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .our-key-roles-layout {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: initial;
    }
}

@media (min-width: 1500px) {
    .our-key-roles-layout {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
}

.our-key-roles-card img {
    max-width: 42px;
    max-height: 42px;
    height: 42px;
    width: 42px;
}

@media(min-width: 1200px) {
    .our-key-roles-card img {
        max-width: 64px;
        width: 64px;
    }
}

.our-key-roles-card {
    padding: 32px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}

@media(min-width:1600px) {
    .our-key-roles-card {
        padding: 50px;
    }
}

.our-key-roles-card .inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: auto;
}

/* Our key roles layout end */

/* Our Anchor Mandates layout start */
.our-anchor-mandates-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    grid-auto-rows: minmax(0, 250px);
}

@media (min-width: 768px) {
    .our-anchor-mandates-layout {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .our-anchor-mandates-layout {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: initial;
    }
}

@media (min-width: 1500px) {
    .our-anchor-mandates-layout {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: auto;
        gap: 16px;
    }
}

@media(min-width:1500px) {
    .our-anchor-mandates-layout .three-block-card {
        aspect-ratio: 4/3;
    }
}

/* Our Anchor Mandates layout end */