/* =========================
   IMPACT SECTION NEW DESIGN
========================= */

.impact-section{
    position: relative;
    /* margin-top: -90px;  */
    z-index: 99;

    padding: 0 15px 70px;
    background: transparent;
}

.impact-container{
    max-width: 1200px;
    margin: auto;

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

    overflow: hidden;
    border-radius: 0;

    box-shadow: 0 15px 40px rgba(0,0,0,.18);
}

/* CARD */

.impact-card{
    min-height: 260px;

    padding: 35px 25px;

    text-align: center;

    display: flex;
    flex-direction: column;
    justify-content: center;

    opacity: 0;
    transform: translateY(60px);

    transition: all .7s ease;
}

/* Different Blue Shades */

.impact-card:nth-child(1){
    background:#005eff;
}

.impact-card:nth-child(2){
    background:#1976ff;
}

.impact-card:nth-child(3){
    background:#3489ff;
}

.impact-card:nth-child(4){
    background:#5ba5ff;
}

/* Animation */

.impact-card.show{
    opacity:1;
    transform:translateY(0);
}

/* ICON */

.impact-card img{
    width:65px;
    height:65px;

    object-fit:contain;

    margin:0 auto 20px;
}

/* NUMBER */

.impact-card h3{
    color:#fff;

    font-size:48px;
    font-weight:800;

    margin-bottom:10px;

    line-height:1.1;
}

/* TEXT */

.impact-card p{
    color:#fff;

    font-size:24px;
    font-weight:600;

    margin:0;
}

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

@media(max-width:992px){

    .impact-container{
        grid-template-columns:repeat(4,1fr);
    }

    .impact-card{
        min-height:180px;
        padding:20px 10px;
    }

    .impact-card img{
        width:45px;
        height:45px;
    }

    .impact-card h3{
        font-size:28px;
    }

    .impact-card p{
        font-size:16px;
    }

}

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

@media (max-width:576px){

    .impact-section{
        padding:0 10px 40px;
    }

    .impact-container{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:0;
        border-radius:0;
    }

    .impact-card{
        min-height:140px;
        padding:15px 8px;
        opacity:1 !important;
        transform:none !important;
    }

    .impact-card img{
        width:32px;
        height:32px;
        margin-bottom:10px;
    }

    .impact-card h3{
        font-size:20px;
        margin-bottom:5px;
    }

    .impact-card p{
        font-size:12px;
    }

}

/* =========================
   SMALL MOBILE
========================= */

@media(max-width:380px){

    .impact-card{
        min-height:160px;
    }

    .impact-card h3{
        font-size:28px;
    }

    .impact-card p{
        font-size:16px;
    }
}