.infographics-header-title {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 3.125rem;
    margin-bottom: 1.375rem
}

.infographics-header-subtitle {
    font-size: 1.125rem;
    margin-bottom: 4.375rem
}

@media print,
screen and (min-width: 64em) {
    .infographics .infographics-section-wrapper {
        display: inline-block
    }
}

@media print,
screen and (min-width: 40em) {
    .infographics .infographics-section-wrapper.single-circle {
        display: inline-block
    }
}

.infographics-box {
    margin: 0 1.25rem 1.25rem
}

@media print,
screen and (min-width: 40em) {
    .infographics-box {
        display: inline-flex;
        width: 19rem;
        margin: 0 1.25rem
    }
}

.infographics-box-text {
    position: relative;
    padding-bottom: 100%;
    font-size: 1.125rem;
    width: 100%;
    height: 0;
    border: 1px solid #ee7f00;
    border-radius: 50%
}

.infographics-box-text:nth-child(2) {
    border-color: #ee7101
}

.infographics-box-text:nth-child(3) {
    border-color: #e94d09
}

.infographics-box-text-big {
    font-family: "NNNittiGrotesk-Heading";
    color: #ee7f00;
    font-size: 16vw
}

@media print,
screen and (min-width: 40em) {
    .infographics-box-text-big {
        font-size: 4.1rem
    }
}

@media print,
screen and (min-width: 64em) {
    .infographics-box-text-big {
        font-size: 3.25rem
    }
}

.infographics-box-text-big .animate-counter-wrapper,
.infographics-box-text-big .animate-counter-wrapper * {
    font-size: inherit
}

.infographics-box-text-big {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap
}

.infographics-box-text-big:nth-child(2) {
    color: #ee7101
}

.infographics-box-text-big:nth-child(3) {
    color: #e94d09
}

.infographics-box-text-big+p {
    width: 16rem;
    position: absolute;
    left: 50%;
    top: calc(50% + 8vw);
    transform: translate(-50%, 0)
}

@media print,
screen and (min-width: 40em) {
    .infographics-box-text-big+p {
        top: calc(50% + 2.05rem)
    }
}

@media print,
screen and (min-width: 64em) {
    .infographics-box-text-big+p {
        top: calc(50% + 1.625rem)
    }
}

.infographics-box-text-small {
    top: 0;
    left: 0;
    margin: 62% auto 0;
    width: 80%
}

@media screen and (max-width: 39.99875em) {
    .infographics-box-text-small {
        margin: 64% auto 0;
        font-size: 14px
    }
}

.infographics-separator {
    display: flex;
    margin: 0 1.25rem;
    max-width: 40.625rem;
    height: 5rem;
    padding-bottom: 2.5rem
}

.infographics-separator-1 {
    border-bottom: 1px solid #ee7f00;
    border-left: 1px solid #ee7f00;
    border-bottom-left-radius: 3.125rem;
    position: relative
}

.infographics-separator-2 {
    border-top: 1px solid #ee7f00;
    border-right: 1px solid #ee7f00;
    border-top-right-radius: 1.25rem;
    margin-top: 2.43rem;
    padding-bottom: .625rem
}

.infographics-separator-3 {
    border-top: 1px solid #ee7f00;
    border-left: 1px solid #ee7f00;
    border-top-left-radius: 1.25rem;
    margin-top: 2.43rem;
    margin-left: -1px;
    margin-right: -1px;
    padding-bottom: .625rem
}

.infographics-separator-4 {
    border-bottom: 1px solid #ee7f00;
    border-right: 1px solid #ee7f00;
    border-bottom-right-radius: 3.125rem;
    position: relative
}

@media print,
screen and (min-width: 40em) {
    .infographics-separator {
        margin: auto;
        max-width: 43.75rem
    }
}

@media print,
screen and (min-width: 64em) {
    .infographics-separator {
        margin: auto;
        max-width: 64.375rem
    }
}

.infographics-bottom {
    font-size: 1.125rem;
    margin: auto
}

.infographics-bottom-big {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 11rem;
    color: #e94d09
}

@media screen and (max-width: 360px) {
    .infographics-bottom-big {
        font-size: 5rem
    }
}

.infographics .slick-list {
    padding-right: 5rem
}

@media print,
screen and (min-width: 40em) {
    .infographics .slick-list {
        padding-right: 17rem
    }
}

.infographics .slick-list .slick-slide {
    display: flex
}