﻿.statistics-module {
    min-width: 0;
}

    .statistics-module .module-container {
        min-width: 0;
        display: flex;
        gap: 24px;
    }

    .statistics-module .module .label-container,
    .statistics-module .module .image-container {
        display: table-cell;
    }

    .statistics-module .module {
        min-width: 0;
        border-radius: 16px;
        padding: 24px;
        margin-right: 0;
        margin-bottom: 24px;
    }

    .statistics-module .module-container.top-row .module {
        padding: 48px;
    }

        .statistics-module .module-container.top-row .module .statistics-value {
            font-size: 52px;
            font-style: normal;
            font-weight: 700;
            line-height: 68px; /* 130.769% */
            letter-spacing: -1px;
        }

    .statistics-module .module-container.bottom-row .module .statistics-value {
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        margin-bottom: 8px;
    }

    .statistics-module .module-container .module .statistics-label {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
    }

    .statistics-module .module .panel-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .statistics-module .locations-panel {
        background-color: #0B301F;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        flex: 1 1 55%;
    }

        .statistics-module .locations-panel .statistics-value {
            color: #FFFFFF;
        }

        .statistics-module .locations-panel .statistics-label {
            color: #4ADE80;
        }

        .statistics-module .locations-panel .image-container {
            vertical-align: middle;
            padding-left: 42px;
        }

    .statistics-module .job-titles-panel {
        color: #FFFFFF;
        background-color: #3A5745;
        flex: 1 1 45%;
    }


    .statistics-module .industries-panel {
        color: #0864AE;
        background-color: #C7E0F4;
        flex: 1 1 25%;
    }

    .statistics-module .skills-panel {
        color: #FFFFFF;
        background-color: #C7E0F4;
        background-position-y: bottom;
        flex: 1 1 45%;
    }

    .statistics-module .certifications-panel {
        color: #FFFFFF;
        background-color: #06416E;
        flex: 1 1 30%;
    }

        .statistics-module .certifications-panel .statistics-value {
            color: #A5F3FC;
        }



@media (max-width: 1199px) {
    .statistics-module .module-container.top-row .module .statistics-value {
        font-size: 40px;
        line-height: 50px;
    }

    .statistics-module .module-container.bottom-row .module .statistics-value {
        font-size: 28px;
        line-height: 38px;
    }

    .statistics-module .module-container .module .statistics-label {
        font-size: 22px;
        line-height: 32px;
    }

    .statistics-module .locations-panel {
        flex-basis: 55%;
    }

        .statistics-module .locations-panel .image-container {
            width: 40%;
            display: flex;
            justify-content: flex-end;
        }

    .statistics-module .job-titles-panel {
        flex-basis: 45%;
    }

        .statistics-module .locations-panel .statistics-value,
        .statistics-module .job-titles-panel .statistics-value {
            font-size: 32px;
            line-height: 42px;
        }

        .statistics-module .locations-panel .statistics-label,
        .statistics-module .job-titles-panel .statistics-label {
            font-size: 20px;
            line-height: 30px;
        }
}

@media (max-width: 767px) {
    .statistics-module .module-container.top-row {
        gap: 16px;
    }

    .statistics-module .module-container.bottom-row {
        gap: 8px;
    }

        .statistics-module .module-container.top-row .module,
        .statistics-module .module-container.bottom-row .module {
            padding: 24px !important;
        }

            .statistics-module .module-container.top-row .module .statistics-value {
                font-size: 32px;
                line-height: 42px;
            }

            .statistics-module .module-container.top-row .module .statistics-label {
                font-size: 20px;
                line-height: 30px;
            }

            .statistics-module .module-container.bottom-row .module .statistics-value {
                font-size: 26px;
                line-height: 36px;
            }

    .statistics-module .module-container .module .statistics-label {
        font-size: 16px;
        line-height: 24px;
    }

    .statistics-module .locations-panel {
        flex-basis: 55%;
    }

        .statistics-module .locations-panel .image-container {
            width: 40%;
            display: block;
        }

    .statistics-module .job-titles-panel {
        flex-basis: 33%;
    }
}

@media (max-width: 575px) {
    .statistics-module .module-container.top-row .module,
    .statistics-module .module-container.bottom-row .module {
        padding: 16px;
    }

        .statistics-module .module-container.top-row .module .statistics-value {
            font-size: 24px;
            line-height: 40px;
        }

        .statistics-module .module-container.top-row .module .statistics-label {
            font-size: 18px;
            line-height: 32px;
        }

        .statistics-module .module-container.bottom-row .module .statistics-value {
            font-size: 18px;
            line-height: 32px;
        }

    .statistics-module .module-container .module .statistics-label {
        font-size: 14px;
        line-height: 20px;
    }
}
