/*
|--------------------------------------------------------------------------
| HTM Core v5.0
| Statistics Section
|--------------------------------------------------------------------------
*/

/*--------------------------------------------------------------
Section
--------------------------------------------------------------*/

.htm-statistics{

    position:relative;

    margin-top:-120px;

    z-index:10;

}

/*--------------------------------------------------------------
Card
--------------------------------------------------------------*/

.htm-statistics-card{

    background:#ffffff;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 25px 70px rgba(22,33,62,.12);

}

/*--------------------------------------------------------------
Item
--------------------------------------------------------------*/

.htm-stat-item{

    padding:45px 25px;

    text-align:center;

    border-right:1px solid #edf1f7;

    transition:.35s;

}

.htm-stat-item:hover{

    background:#f8fbff;

    transform:translateY(-8px);

}

/*--------------------------------------------------------------
Icon
--------------------------------------------------------------*/

.htm-stat-icon{

    width:78px;

    height:78px;

    margin:0 auto 20px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        #FF7A00,
        #ff9b3d
    );

    color:#fff;

    font-size:30px;

    box-shadow:0 15px 35px rgba(255,122,0,.30);

}

/*--------------------------------------------------------------
Counter
--------------------------------------------------------------*/

.htm-stat-item h3{

    margin:0;

    font-size:42px;

    font-weight:800;

    color:#16213E;

}

/*--------------------------------------------------------------
Title
--------------------------------------------------------------*/

.htm-stat-item p{

    margin-top:10px;

    margin-bottom:0;

    color:#6c757d;

    font-size:16px;

    font-weight:600;

}

/*--------------------------------------------------------------
Hover
--------------------------------------------------------------*/

.htm-stat-item:hover .htm-stat-icon{

    transform:rotate(-8deg) scale(1.08);

    transition:.35s;

}

/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/

@media(max-width:991px){

.htm-statistics{

margin-top:-60px;

}

.htm-stat-item{

padding:35px 20px;

border-right:none;

border-bottom:1px solid #edf1f7;

}

.htm-stat-item h3{

font-size:34px;

}

}

@media(max-width:767px){

.htm-statistics{

margin-top:-40px;

margin-bottom:70px;

}

.htm-statistics-card{

border-radius:22px;

}

.htm-stat-item{

padding:30px 15px;

}

.htm-stat-icon{

width:65px;

height:65px;

font-size:24px;

}

.htm-stat-item h3{

font-size:30px;

}

.htm-stat-item p{

font-size:14px;

}

}