.counter-section{
    padding:0px 0;
    overflow:hidden;
    position:relative;
}

/* BACKGROUND EFFECT */




/* CARD */
.counter-card{
    position:relative;
    background:#fff;
    border-radius:30px;
    padding:40px 25px;
    text-align:center;

    overflow:hidden;

    transition:0.4s ease;

    border:1px solid rgba(0,0,0,0.04);

    box-shadow:
        0 12px 35px rgba(0,0,0,0.06);
}

/* HOVER */
.counter-card:hover{
    transform:translateY(-12px);

    box-shadow:
        0 22px 45px rgba(255,136,0,0.15);
}

/* ICON WRAPPER */
.icon-wrapper{
    width:105px;
    height:105px;
    margin:auto;
    position:relative;
}

/* INNER CIRCLE */
.icon-circle{
    position:absolute;
    inset:16px;
    border-radius:50%;
    background:#ff7440;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:
        0 12px 28px rgba(255,136,0,0.25);
}

/* ROTATING DOTTED CIRCLE */
.icon-circle::before{
    content:"";
    position:absolute;
    inset:-10px;

    border-radius:50%;
    border:2px dashed #ff6600;

    animation:rotateCircle 12s linear infinite reverse;
}

/* ICON */
.icon-circle i{
    position:relative;
    z-index:2;

    color:#fff;
    font-size:32px;
}

/* NUMBER */
.counter-number{
    margin-top:30px;
    font-size:32px;
    font-weight:800;
    color:#111;
    line-height:1;
}

/* TITLE */
.counter-title{
    margin-top:12px;
    font-size:18px;
    font-weight:600;
    color:#777;
    letter-spacing:0.5px;
}

/* BOTTOM LINE */
.counter-line{
    width:55px;
    height:4px;

    margin:20px auto 0;

    border-radius:50px;

    background:linear-gradient(to right,#ff8a00,#ffc400);

    transition:0.4s ease;
}

/* HOVER EFFECT */
.counter-card:hover .counter-line{
    width:90px;
}

.counter-card:hover .icon-circle{
    transform:scale(1.06);
}

/* ANIMATION */
@keyframes rotateCircle{

    100%{
        transform:rotate(360deg);
    }

}

/* MOBILE */
@media(max-width:767px){

    .counter-card{
        margin-bottom:25px;
    }

    .counter-number{
        font-size:32px;
    }

}