.stats-section {
    background-image: url('/img/site_specific_images/blue_bg4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    padding: 70px 20px;
    text-align: center;
    /* background-color: black; */
}

.stats-container h2 {
    text-align: center;
    font-family: 'Poppins';
    font-size: max(2.15vw, 30px);
    font-style: normal;
    font-weight: 600;
    /* line-height: normal; */
    color: var(--pure-white-ffffff, #FFF);

}

.stats-container p {
    font-family: 'Poppins';
    font-size: max(0.5vw, 12px);
    font-style: normal;
    font-weight: 500;
    /* line-height: normal; */
    color: var(--pure-white-ffffff, #FFF);
    padding: 15px 0px 0px;
}

.stats-grid {
    display: flex;
    justify-content: space-around;
    padding: 40px 40px 0px;
    width: 62%;
    margin: 0 auto;
}

.stat { 
    text-align:left;
}

.stat h3 {
    display: flex;
    justify-content: left;
    gap: 6px;
    align-items: baseline;
    font-family: 'Poppins';
    font-size: max(2.15vw, 30px);
    font-style: normal;
    font-weight: 600;
    /* line-height: normal; */
}

.comma {
    width: auto !important;
}


.more_text{
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    /* line-height: normal; */
}
.stat_percent {
    font-family: 'Poppins';
    font-size: max(2.15vw, 30px);
    font-style: normal;
    font-weight: 600;
    /* line-height: normal; */
    display: flex;
    align-items: center;
}

.stat_plus{
    font-size: max(2.15vw, 30px);
    font-style: normal;
    font-weight: 600;
    color: #FFF;
    font-family: 'Poppins';
    /* line-height: normal; */
}
.stat_plus.hidden_plus {
    opacity: 0;
}
.stat p{
    font-size: max(1vw, 13px);
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    /* line-height: normal; */
    color: var(--pure-white-ffffff, #FFF);
    padding: 0 !important;

}





@media (max-width: 2500px) and (min-width:2000px) {
   
}


@media (max-width: 2000px) {
    
}

@media (max-width: 1500px) {
    
}

@media (max-width: 1200px) {
    
}

@media (max-width: 992px) {
    .stat p {
        font-size: max(1vw, 12px);
    }
   
}

@media (max-width: 768px) {
    .stat p {
        font-size: max(0.5vw, 5px);
    }
    .stat_plus{
        font-size: max(2.5vw, 35px);
    }
    .stat_percent{
        font-size: max(2.5vw, 29px);
    }
    .stat h3{
        font-size: max(5vw, 37px);
    }
    
    
}

@media (max-width: 768px) {
    
    .stats-grid {
        flex-direction: column;
        gap: 50px;
        align-items: center;
        padding: 0;
    }
    .stat h3{
        font-size: max(5.5vw,30px);
        justify-content: center;
    }
    .stat {
        text-align:center;
    }
    .stat_percent {
        font-size: max(2.5vw, 34px);
    }
    .stat p {
        font-size: max(1vw, 13px);
        padding: 0 !important;
    }
    .stat_plus {
        font-size: max(2.5vw, 30px);
    }
    .stats-container h2{
        padding: 0% 12%;
    }
    .stats-section{
        padding: 50px 20px;
    }
    .stats-container p{
        padding: 30px 0px;
    }
    

}

.stat_number {
    display: flex;
    align-items: baseline;
    position: relative;
    height: 1.2em;
}



.rolling-digit {
    display: inline-block;
    overflow: hidden;
    height: 1.2em; 
    width: 1ch;
    position: relative;
}

.digit-roll {
    display: flex;
    flex-direction: column;
    transform: translateY(0);
    transition: transform 0.8s ease-in-out;
}

.digit-roll span {
    display: block;
    text-align: center;
    width: 100%;
    height: 1.2em;
    /* line-height: 1.2em;  */
}