* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}




.website-stats {

    width: 400px;

    /* margin: 0 auto; */



}

/*=========================

    Wrapper

=========================*/



.stats-wrapper {

    width: 100%;

    padding: 50px 30px;

    text-align: center;

    background: #e7f4ff;

}



.stats-wrapper h2 {

    color: #7d9146;

    font-size: 22px;

    font-weight: 400;

    margin-bottom: 18px;

}



/*=========================

    Counter

=========================*/



.stats-wrapper .counter {

    display: inline-flex;

    margin-bottom: 20px;

}

.stats-wrapper .counter-wrap {

    width: 20px;

    height: 30px;

    display: flex;

    justify-content: center;

    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 38%, rgba(230, 230, 230, 1) 50%, rgba(61, 60, 60, 1) 61%, rgba(3, 3, 3, 1) 100%);

    border: 1px solid #464646;

    box-shadow: inset 0 1px 1px rgb(255 255 255 / 0%), inset 0 -1px 2px rgb(0 0 0);

}

.stats-wrapper .counter-wrap span {

    color: #fff;

    font-size: 30px;

    font-weight: 900;

    font-family: "Courier New", monospace;

}





/*=========================

    Stats Box

=========================*/



.stats-wrapper .stats-box {

    margin: 0 auto;

    border: 1px solid #bed0df;

    background: #dbe9f5;

    padding: 12px 15px;

}



/*=========================

    Stat Row

=========================*/



.stats-wrapper .stat-item {

    margin: 8px auto;

    display: flex;

    align-items: center;

    justify-content: center;

}



.stats-wrapper .stat-item img {

    width: 20px;

    height: 20px;

    object-fit: contain;

    margin-right: 10px;

    flex-shrink: 0;

}



.stats-wrapper .stat-item p {

    margin: 0;

    font-size: 13px;

    color: #000;

    text-align: left;

    line-height: 20px;

}



.stats-wrapper .value {

    font-weight: normal;

    color: #000;

    font-size: 13px;

}