/*
=========================================
STATS SECTION - MAIMEX
=========================================
*/

.stats-section{
    position:relative;
    margin-top:-90px;
    padding:0 0 110px;
    z-index:20;
}

.stats-card{
    background:#fff;
    border-radius:28px;
    padding:20px;
    box-shadow:0 25px 60px rgba(15,23,42,.08);
    overflow:hidden;
    position:relative;
}

.stats-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,var(--secondary),#9b7cff);
}

.stat-item{
    height:100%;
    padding:34px 22px;
    text-align:center;
    transition:.35s ease;
    border-right:1px solid #eef2f7;
}

.col-md-3:last-child .stat-item{
    border-right:none;
}

.stat-item:hover{
    transform:translateY(-6px);
}

.stat-icon{
    width:74px;
    height:74px;
    margin:0 auto 22px;
    border-radius:50%;
    background:rgba(108,59,255,.10);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
}

.stat-item:hover .stat-icon{
    background:var(--secondary);
    transform:scale(1.08);
}

.stat-icon i{
    font-size:28px;
    color:var(--secondary);
    transition:.35s;
}

.stat-item:hover .stat-icon i{
    color:#fff;
}

.stat-item h2{
    font-family:"Poppins",sans-serif;
    font-size:46px;
    font-weight:700;
    color:var(--primary);
    margin-bottom:10px;
    line-height:1;
}

.stat-item p{
    margin:0;
    color:var(--gray);
    font-size:16px;
    line-height:1.7;
}

@media(max-width:991px){

    .stats-section{
        margin-top:-50px;
        padding-bottom:80px;
    }

    .stat-item{
        border-right:none;
        border-bottom:1px solid #eef2f7;
    }

    .col-md-3:last-child .stat-item{
        border-bottom:none;
    }

}

@media(max-width:767px){

    .stats-section{
        margin-top:-35px;
        padding-bottom:60px;
    }

    .stats-card{
        border-radius:22px;
        padding:10px;
    }

    .stat-item{
        padding:28px 18px;
    }

    .stat-item h2{
        font-size:38px;
    }

    .stat-icon{
        width:64px;
        height:64px;
    }

    .stat-icon i{
        font-size:24px;
    }

}