/*====================================================*
HOME STATISTICS
====================================================*/

.home-statistics {

    position: relative;

    margin-top: -50px;

    width: 100%;

    min-height: 605px;

    overflow: hidden;

    box-sizing: border-box;

}



/*====================================================*
BACKGROUND IMAGE
====================================================*/

.home-statistics-background {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    overflow: hidden;

}



.home-statistics-background img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center center;

}



/*====================================================*
DARK OVERLAY
====================================================*/

.home-statistics-overlay {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    background:
        rgba(0,
            0,
            0,
            0.72);

    z-index: 2;

}



/*====================================================*
CONTENT CONTAINER
====================================================*/

.home-statistics-container {

    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 1140px;

    min-height: 605px;

    margin: 0 auto;

    padding:
        105px 0 80px;

    box-sizing: border-box;

}



/*====================================================*
INTRODUCTION
====================================================*/

.home-statistics-intro {

    width: 100%;

    text-align: center;

    color: #ffffff;

}



/*====================================================*
INTRO HEADING
====================================================*/

.home-statistics-intro h2 {

    margin:
        0 0 12px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 34px;

    font-weight: 500;

    line-height: 1.3;

}



/*====================================================*
INTRO DESCRIPTION
====================================================*/

.home-statistics-intro p {

    margin:
        0 auto 25px;

    max-width: 900px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.6;

}



/*====================================================*
TAGLINE
====================================================*/

.home-statistics-tagline {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.5;

}



/*====================================================*
TAGLINE SEPARATOR
====================================================*/

.home-statistics-separator {

    color: #ffffff;

}



/*====================================================*
STATISTICS GRID
====================================================*/

.home-statistics-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    column-gap: 40px;

    width: 100%;

    margin-top: 70px;

}



/*====================================================*
STAT ITEM
====================================================*/

.home-stat-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    color: #ffffff;

}



/*====================================================*
STAT ICON
====================================================*/

.home-stat-icon {

    width: 90px;

    height: 90px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 20px;

    color: #df2929;

}



/*====================================================*
STAT ICON FONT
====================================================*/

.home-stat-icon i {

    color: #df2929;

    font-size: 62px;

    line-height: 1;

}



/*====================================================*
STAT TITLE
====================================================*/

.home-stat-item h3 {

    margin:
        0 0 8px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.4;

    white-space: nowrap;

}



/*====================================================*
STAT NUMBER
====================================================*/

.home-stat-number {

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 48px;

    font-weight: 600;

    line-height: 1;

}



/*====================================================*
TABLET
====================================================*/

@media (max-width: 1100px) {

    .home-statistics {

        min-height: 570px;

    }


    .home-statistics-container {

        min-height: 570px;

        padding:
            90px 30px 70px;

    }


    .home-statistics-intro h2 {

        font-size: 30px;

    }


    .home-statistics-intro p {

        font-size: 15px;

    }


    .home-statistics-tagline {

        font-size: 14px;

    }


    .home-statistics-grid {

        column-gap: 20px;

        margin-top: 60px;

    }


    .home-stat-icon {

        width: 75px;

        height: 75px;

    }


    .home-stat-icon i {

        font-size: 52px;

    }


    .home-stat-item h3 {

        font-size: 14px;

    }


    .home-stat-number {

        font-size: 44px;

    }

}



/*====================================================*
TABLET / MOBILE
====================================================*/

@media (max-width: 768px) {

    .home-statistics {

        min-height: auto;

    }


    /*----------------------------------------------
    CONTAINER
    ----------------------------------------------*/

    .home-statistics-container {

        min-height: auto;

        padding:
            75px 25px 70px;

    }


    /*----------------------------------------------
    INTRODUCTION
    ----------------------------------------------*/

    .home-statistics-intro h2 {

        margin-bottom: 15px;

        font-size: 26px;

        line-height: 1.35;

    }


    .home-statistics-intro p {

        margin-bottom: 22px;

        font-size: 14px;

        line-height: 1.65;

    }


    /*----------------------------------------------
    TAGLINE
    ----------------------------------------------*/

    .home-statistics-tagline {

        gap: 5px;

        font-size: 13px;

        line-height: 1.7;

    }


    /*----------------------------------------------
    STATISTICS GRID
    ----------------------------------------------*/

    .home-statistics-grid {

        display: grid;

        grid-template-columns: 1fr;

        row-gap: 55px;

        width: 100%;

        margin-top: 60px;

    }


    /*----------------------------------------------
    STAT ITEM
    ----------------------------------------------*/

    .home-stat-item {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

    }


    /*----------------------------------------------
    ICON
    ----------------------------------------------*/

    .home-stat-icon {

        width: 70px;

        height: 70px;

        margin-bottom: 15px;

    }


    .home-stat-icon i {

        font-size: 48px;

    }


    /*----------------------------------------------
    TITLE
    ----------------------------------------------*/

    .home-stat-item h3 {

        margin-bottom: 8px;

        font-size: 13px;

        line-height: 1.4;

        white-space: normal;

    }


    /*----------------------------------------------
    NUMBER
    ----------------------------------------------*/

    .home-stat-number {

        font-size: 40px;

    }

}