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

/* ---- BDO Overrides ---- */

/* Global Styles */


div.c3_stats_comp {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
}

@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: 60px;
}

@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 div.c3_stat_1 {
    transition: all 0.5s ease;
    background-image: url(assets/c3-people-icon.svg);
}

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

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

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

div.c3_stats_comp div.c3_stat_1_people {
    background-image: url(assets/c3-people-2-icon.svg);
}

div.c3_stats_comp div.c3_stat_2_people {
    background-image: url(assets/c3-hire-icon.svg);
}

div.c3_stats_comp div.c3_stat_3_people {
    background-image: url(assets/c3-female-icon.svg);
}

div.c3_stats_comp div.c3_stat_4_people {
    background-image: url(assets/c3-people-icon.svg);
}

div.c3_stats_comp div.c3_stat_1_planet {
    background-image: url(assets/c3-ev-icon.svg);
}

div.c3_stats_comp div.c3_stat_2_planet {
    background-image: url(assets/c3-plane-icon.svg);
}

div.c3_stats_comp div.c3_stat_3_planet {
    background-image: url(assets/c3-power-icon.svg);
}

div.c3_stats_comp div.c3_stat_4_planet {
    background-image: url(assets/c3-environment-icon.svg);
}

div.c3_stats_comp div.c3_stat_1_prosperity {
    background-image: url(assets/c3-hire-icon.svg);
}

div.c3_stats_comp div.c3_stat_2_prosperity {
    background-image: url(assets/c3-charity-icon.svg);
}

div.c3_stats_comp div.c3_stat_3_prosperity {
    background-image: url(assets/c3-scaleup-icon.svg);
}

div.c3_stats_comp div.c3_stat_4_prosperity {
    background-image: url(assets/c3-timer-icon.svg);
}

div.c3_stats_comp div.c3_stat_1_principles {
    background-image: url(assets/c3-tick-icon.svg);
}

div.c3_stats_comp div.c3_stat_2_principles {
    background-image: url(assets/c3-leadership-icon.svg);
}

div.c3_stats_comp div.c3_stat_3_principles {
    background-image: url(assets/c3-calander-icon.svg);
}

div.c3_stats_comp div.c3_stat_4_principles {
    background-image: url(assets/c3-opinion-icon.svg);
}

div.c3_stats_comp > div strong {
    display: block;
    position: relative;
    font-size: 6vw;
    line-height: 7vw;
    background-image: linear-gradient(to right, var(--c3-color-red), var(--c3-color-burgandy));
    color: transparent;
    background-clip: text;
}

div.c3_stats_comp.c3_stats_comp_planet > div strong {
    background-image: linear-gradient(to right, var(--c3-color-jade), #006431);
}

div.c3_stats_comp.c3_stats_comp_prosperity > div strong {
    background-image: linear-gradient(to right, var(--c3-color-ocean), #005aaf);
}

div.c3_stats_comp.c3_stats_comp_principles > div strong {
    background-image: linear-gradient(to right, var(--c3-color-gold), #b13e00);
}

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

div.c3_stats_comp > div strong sup {
    color: var(--c3-color-burgandy);
    display: inline-block;
    top: 0px;
}

div.c3_stats_comp.c3_stats_comp_planet > div strong sup {
    color: #006431;
}

div.c3_stats_comp.c3_stats_comp_prosperity > div strong sup {
    color: #005aaf;
}

div.c3_stats_comp.c3_stats_comp_principles > div strong sup {
    color: #b13e00;
}

div.c3_stats_comp > div p {
    display: block;
    position: relative;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
}

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

div.c3_stats_comp > div a {
    display: block;
    position: relative;
    margin-top: auto;
    color: var(--c3-color-red);
    font-weight: 700;
    padding-right: 20px;
}

div.c3_stats_comp_planet > div a {
    color: var(--c3-color-jade);
}

div.c3_stats_comp_prosperity > div a {
    color: var(--c3-color-ocean);
}

div.c3_stats_comp_principles > div a {
    color: var(--c3-color-gold);
}

div.c3_stats_comp > div a::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 2px solid var(--c3-color-red);
    border-right: 2px solid var(--c3-color-red);
    transform: rotate(45deg);
    top: 5px;
    left: 87px;
    transition: all 0.2s ease;
}

div.c3_stats_comp_planet > div a::after {
    border-top: 2px solid var(--c3-color-jade);
    border-right: 2px solid var(--c3-color-jade);
}

div.c3_stats_comp_prosperity > div a::after {
    border-top: 2px solid var(--c3-color-ocean);
    border-right: 2px solid var(--c3-color-ocean);
}

div.c3_stats_comp_principles > div a::after {
    border-top: 2px solid var(--c3-color-gold);
    border-right: 2px solid var(--c3-color-gold);
}

div.c3_stats_comp > div a:hover::after {
    top: 5px;
    left: 92px;
}