@charset "UTF-8";
/* CSS Document */


/* Global Styles */

.text-image-block:has(div.c3_stats_comp) {
    min-height: 0px !important;
    background-color: transparent;
    background-image: none;
}

.text-block-module:has(div.c3_stats_comp) {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
    overflow: hidden;
}

.text-block-module:has(div.c3_stats_comp)::before {
    background-image: linear-gradient(180deg, #fafaff 30.99%, #e5e6ed 67.75%);
}

div.c3_stats_comp {
    position: relative;
    height: auto;
    width: 100%;
    max-width: 1248px;
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: visible;
    margin: auto;
}

@media only screen and (max-width: 700px) {
    div.c3_stats_comp {
       flex-wrap: wrap;
        height: auto;
        margin-bottom: 50px;
    }
}

div.c3_stats_comp > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 0;
    width: 25%;
    transition: all 0.5s ease;
    padding-top: 15%;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center top;
    transform: translateY(150%);
    margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
    div.c3_stats_comp > div {

    }
}

@media only screen and (max-width: 700px) {
    div.c3_stats_comp > div {
        flex: 50%;
        padding-top: 30%;
        margin-top: 0%;
        transform: translateY(0%);
    }
}

div.c3_stats_comp.c3_inview > div {
    transform: translateY(0%);
}

div.c3_stats_comp.c3_inview > div::before {
    content: "";
    position: absolute;
    top: 6%;
    left: 6%;
    width: 44%;
    padding-top: 44%;
    background-image: linear-gradient(45deg, #15847f, #0e6a6e);
    border-radius: 50%;
    transform: translateX(50%);
    transition: all 0.5s ease;
}

div.c3_stats_comp.c3_inview > div.c3_stat_people::before {
    background-image: linear-gradient(45deg, #009a46, #44ae5e);
}

div.c3_stats_comp.c3_inview > div.c3_stat_environment::before {
    background-image: linear-gradient(45deg, #e65925, #f09043);
}

div.c3_stats_comp.c3_inview > div.c3_stat_justice::before {
    background-image: linear-gradient(45deg, #0e529c, #2977b8);
}

div.c3_stats_comp.c3_inview > div.c3_stat_community::before {
    background-image: linear-gradient(45deg, #b0153e, #c70555);
}

div.c3_stats_comp.c3_inview > div::after {
    content: "";
    position: absolute;
    top: 4%;
    left: 0px;
    width: 50%;
    padding-top: 50%;
    transform: translateX(50%);
    transition: all 0.5s ease;
    background-size: 130%;
    background-position: center;
}

div.c3_stats_comp div.c3_stat_1::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-1-outline.svg);
}

div.c3_stats_comp div.c3_stat_2::after {
    transition: all 0.7s ease;
    background-image: url(assets/c3-icon-2-outline-community.svg);
}

div.c3_stats_comp div.c3_stat_3::after {
    transition: all 0.9s ease;
    background-image: url(assets/c3-icon-3-outline-justice-v3.svg);
}

div.c3_stats_comp div.c3_stat_4::after {
    transition: all 1.1s ease;
    background-image: url(assets/c3-icon-2-outline-environment-v4.svg);
}

div.c3_stats_comp div.c3_stat_1.c3_stat_people::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-1-outline-people.svg);
}

div.c3_stats_comp div.c3_stat_2.c3_stat_people::after {
    transition: all 0.7s ease;
    background-image: url(assets/c3-icon-2-outline-people.svg);
}

div.c3_stats_comp div.c3_stat_3.c3_stat_people::after {
    transition: all 0.9s ease;
    background-image: url(assets/c3-icon-3-outline-people.svg);
}

div.c3_stats_comp div.c3_stat_4.c3_stat_people::after {
    transition: all 1.1s ease;
    background-image: url(assets/c3-icon-4-outline-people.svg);
}

div.c3_stats_comp div.c3_stat_1.c3_stat_environment::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-1-outline-environment.svg);
}

div.c3_stats_comp div.c3_stat_2.c3_stat_environment::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-2-outline-environment-v4.svg);
}

div.c3_stats_comp div.c3_stat_3.c3_stat_environment::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-3-outline-environment.svg);
}

div.c3_stats_comp div.c3_stat_4.c3_stat_environment::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-4-outline-environment.svg);
}

div.c3_stats_comp div.c3_stat_1.c3_stat_justice::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-1-outline-justice.svg);
}

div.c3_stats_comp div.c3_stat_2.c3_stat_justice::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-2-outline-justice.svg);
}

div.c3_stats_comp div.c3_stat_3.c3_stat_justice::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-3-outline-justice-v3.svg);
}

div.c3_stats_comp div.c3_stat_4.c3_stat_justice::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-4-outline-justice.svg);
}

div.c3_stats_comp div.c3_stat_1.c3_stat_community::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-1-outline-community.svg);
}

div.c3_stats_comp div.c3_stat_2.c3_stat_community::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-2-outline-community.svg);
}

div.c3_stats_comp div.c3_stat_3.c3_stat_community::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-3-outline-community.svg);
}

div.c3_stats_comp div.c3_stat_4.c3_stat_community::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-4-outline-community.svg);
}

div.c3_stats_comp div.c3_stat_1.c3_stat_commitments::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-1-outline-commitments.svg);
}

div.c3_stats_comp div.c3_stat_2.c3_stat_commitments::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-3-outline-community.svg);
}

div.c3_stats_comp div.c3_stat_3.c3_stat_commitments::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-3-outline-commitments.svg);
}

div.c3_stats_comp div.c3_stat_4.c3_stat_commitments::after {
    transition: all 0.5s ease;
    background-image: url(assets/c3-icon-4-outline-commitments.svg);
}

div.c3_stats_comp div.c3_stat_1 {
    transition: all 0.5s ease;
}

div.c3_stats_comp div.c3_stat_2 {
    transition: all 0.7s ease;
}

div.c3_stats_comp div.c3_stat_3 {
    transition: all 0.9s ease;

}

div.c3_stats_comp div.c3_stat_4 {
    transition: all 1.1s ease;
}

div.c3_stats_comp div.c3_stat_1.c3_stat_people {

}


div.c3_stats_comp > div strong {
    display: block;
    position: relative;
    font-size: 2.8vw;
    line-height: 3.4vw;
    color: #000000;
    opacity: 0.5;
}

@media only screen and (min-width: 1500px) {
    div.c3_stats_comp > div strong {
        font-size: 44px;
        line-height: 50px;;
    }
}

@media only screen and (max-width: 700px) {
    div.c3_stats_comp > div strong {
        font-size: 5.6vw;
        line-height: 7vw;
    }
}


div.c3_stats_comp > div p {
    display: block;
    position: relative;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #000000;
    min-height: 60px;
}

@media only screen and (max-width: 700px) {
    div.c3_stats_comp > div p {
        font-size: 12px;
        line-height: 14px;
    }
}