html {
    scroll-behavior: smooth;
    font-size: 16px;
}

section{
    max-width: 1200px;
}

.content-area h2 {
    font-size: 2.25rem;
}

.content-area p,
.content-area li {
    font-size: 1.3125rem;
    /* 21px */
}

@media (max-width:1025px) {
    .hero-description > p{
        font-size: 1rem;
    }
}


.content-area {
    display: flex;
    /* gap: 5rem; */
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 4rem;
}

body {
    width: 100%;
    margin: 0;
}

/* Consistent section spacing */
/*.eoy-economic,
.eoy-confidence,
.eoy-effective,
.eoy-financial,
.eoy-donation {
    padding-top: 3rem;
    padding-bottom: 3rem;
}*/

main {
    width: 100%;
    background-image: url("../../images/eoy-2025/page-background.png") !important;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.ibm-plex-sans {
    font-family: "IBM Plex Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.nunito-sans {
    font-family: "Nunito Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
        "wdth" 100,
        "YTLC" 500;
}

@media (max-width: 768px) {
    .content-area {
        gap: 2rem;
        padding: 0 2rem;
    }

    .content-area h2 {
        text-align: center;
    }

    .mobile-section {
        margin-top: 1rem;
    }
}