/***** GRID ****/
grid-container {
    max-width: 115.688rem;
    padding: 0 2.375rem;
}

grid-column, grid-cell {
    padding: 0 1.188rem;
}

@media (max-width: 768px) {
    grid-container,
    grid-column,
    grid-cell {
        padding: 0 0.938rem;
    }
}


section {
    display: block;
    position: relative;
}

@media (min-width: 1621px) {
    section.largest {
        padding: 12.5rem 0;
    }

    section.larger {
        padding: 11.25rem 0;
    }

    section.normal {
        padding: 10rem 0;
    }

    section.smaller {
        padding: 8.75rem 0;
    }

    section.smallest {
        padding: 7.5rem 0;
    }
}

@media (min-width: 769px) and (max-width: 1620px) {
    section.largest {
        padding: 12.25% 0;
    }

    section.larger {
        padding: 11.125% 0;
    }

    section.normal {
        padding: 9.875% 0;
    }

    section.smaller {
        padding: 8.6% 0;
    }

    section.smallest {
        padding: 7.4% 0;
    }
}

@media (min-width: 469px) and (max-width: 768px) {
    section.largest {
        padding: 5.875rem 0;
    }

    section.larger {
        padding: 5.313rem 0;
    }

    section.normal {
        padding: 4.75rem 0;
    }

    section.smaller {
        padding: 4.125rem 0;
    }

    section.smallest {
        padding: 3.5rem 0;
    }
}

@media (max-width: 468px) {
    section.largest {
        padding: 3.5rem 0;
    }

    section.larger {
        padding: 2.5rem 0;
    }

    section.normal {
        padding: 2.5rem 0;
    }

    section.smaller {
        padding: 2.5rem 0;
    }

    section.smallest {
        padding: 2.5rem 0;
    }
}

/************** KEY STATS 2023 **************/

.key-stats-2023 {
    background-color: #074586;
}

.key-stats-2023 strong {
    display: block;
    font-size: 2rem;
    font-weight: 300;
    padding: 3.325vw 0;
}

.key-stats-2023 h2,
.key-stats-2023 h3,
.key-stats-2023 strong,
.key-stats-2023 ul {
    color: #FFF;
}

.key-stats-2023 h2 a {
    color: #FFF;
    transition: color 175ms ease;
}

.key-stats-2023 h2 a:hover {
    color: #C1CD23;
}

.key-stats-2023 grid-row:last-of-type grid-column {
    width: calc((100% - 5.1vw) / 3)
}

.key-stats-2023 grid-row:last-of-type grid-column ~ grid-column {
    margin-left: 2.5vw;
}

.key-stats-2023 grid-row {
    margin: 0 auto;
    max-width: 96.125rem;
    width: 100%;
}

.key-stats-2023 figure {
    border-radius: 0.375rem;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    display: block;
    margin: 0;
    margin-bottom: 1.5rem;
    padding-bottom: 65%;
}

.key-stats-2023 h3 {
    color: #f8981C;
}

@media (min-width: 1621px) {
    .key-stats-2023 h3 {
        font-size: 2.5rem;
    }
}

@media (min-width: 1321px) and (max-width: 1620px) {
    .key-stats-2023 h3 {
        font-size: 2.45vw;
    }
}

@media (min-width: 769px) and (max-width: 1320px) {
    .key-stats-2023 h3 {
        font-size: 2.063rem;
    }
}

@media (min-width: 469px) and (max-width: 768px) {
    .key-stats-2023 h3 {
        font-size: 1.938rem;
    }
}

@media (max-width: 468px) {
    .key-stats-2023 h3 {
        font-size: 2rem;
    }
}

.key-stats-2023 ul {
    font-size: 1.25rem;
    line-height: 1.875rem;
    list-style-type: none;
    margin: 1.25rem 0 0 0;
    padding: 0;
}


.key-stats-2023 ul li {
    display: block;
    padding-left: 1.75rem;
    position: relative;
}

.key-stats-2023 ul li + li {
    margin-top: 1.5rem;
}

.key-stats-2023 ul li:before {
    background-color: #FFF;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.875rem;
    height: 0.875rem;
}

@media (min-width: 850px) and (max-width: 1120px) {
    .key-stats-2023 grid-row:last-of-type grid-column {
        margin-left: 0;
        float: none;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
    }

    .key-stats-2023 grid-row:last-of-type grid-column figure {
        padding-bottom: 0;
        min-height: 11rem;
        width: 22rem;
    }

    .key-stats-2023 grid-row:last-of-type grid-column text-content {
        box-sizing: border-box;
        display: block;
        padding-left: 1.875rem;
        width: calc(100% - 22.01rem);
    }

    .key-stats-2023 grid-row:last-of-type grid-column ~ grid-column {
        margin: 3rem 0 0 0 !important;
    }
}

@media (max-width: 899px) {
    .key-stats-2023 strong {
        padding: 1.875rem 0;
    }
}

@media (max-width: 849px) {
    .key-stats-2023 grid-row:last-of-type grid-column {
        width: 100%;
    }

    .key-stats-2023 grid-row:last-of-type grid-column ~ grid-column {
        margin: 3rem 0 0 0 !important;
    }
}