@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Oswald:wght@600;700&display=swap');

:root {
    /* Colors */
    --primary-color: #2F407D;
    --secondary-color: #2D2955;
    --button-color: #21ECBE;
    --white: #FFFFFF;
    --black: #000000;
    --gray: #CCCCCC8C;

    /* Typography */
    --font-heading: 'Oswald', sans-serif;
    --font-para: 'Montserrat', sans-serif;
}

body {
    font-family: var(--font-para);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    text-transform: uppercase;
    margin-top: 0;
    color: var(--primary-color);
}

h1 {
    font-size: 2.5em;
    font-weight: 700;
}

h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25em;
}

h3 {
    font-size:20px;
    font-weight: 700;
}

h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
}

h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3em;
}

h6 {
    font-size: 14px;
    font-weight: 600;
}

/* Paragraphs */
p {
    font-family: var(--font-para);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8em;
    margin-top: 0;
    margin-bottom: 1rem;
}

/* Base Sections */
section {
    padding: 5em 3em;
}


/* ========================================
   GLOBAL SECTION BADGE
======================================== */

/*.global-badge {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*}*/

/* Icon Box */
/*.global-badge-icon {*/
/*    width: 38px;*/
/*    height: 38px;*/
/*    background: #27F2C0;*/
/*    color: #1D2B63;*/
/*    border-radius: 10px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 22px;*/
/*    font-weight: 600;*/
/*    flex-shrink: 0;*/
/*}*/

/* Text Box */
/*.global-badge-text {*/
/*    padding: 10px 22px;*/
/*    border-radius: 10px;*/
/*    font-size: 15px;*/
/*    font-weight: 500;*/
/*    letter-spacing: 0.5px;*/
/*    line-height: 1;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/* Light Version */
/*.global-badge-light .global-badge-text {*/
/*    background: #ffffff;*/
/*    border: 1px solid #d9d9d9;*/
/*    color: #2a3a77;*/
/*    font-weight: 600;*/
/*}*/

/* Dark Version */
/*.global-badge-dark .global-badge-text {*/
/*    background: #ffffff;*/
/*    color: #2a3a77;*/
/*     font-weight: 600;*/
/*}*/


/* =========================
   TABLET RESPONSIVE
========================= */
@media (max-width: 991px) {

    section {
        padding: 4em 2em;
    }

    h1 {
        font-size: 2.2em;
    }

    h2 {
        font-size: 21px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    p {
        font-size: 15px;
        line-height: 1.7em;
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 767px) {

    section {
        padding: 3em 1.2em;
    }

    h1 {
        font-size: 1.9em;
        line-height: 1.2em;
    }

    h2 {
        font-size: 20px;
        line-height: 1.3em;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }

    p {
        font-size: 0.9em;
        line-height: 1.6em;
    }
}

/* =========================
   SMALL MOBILE
========================= */
@media (max-width: 480px) {

    section {
        padding: 2.5em 1em;
    }

    h1 {
        font-size: 1.7em;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 16px;
    }

    p {
        font-size: 14px;
        line-height: 1.5em;
    }
}