.fit-text {width: 100%;height: 100%;text-align: left;white-space: nowrap;display: inline-block; vertical-align: top;}
.fit-text span {display: inline-block;transform-origin: left top; font-size: 16px;}

.stats-container .row {--bs-gutter-x: 0px!important;}
.stats-main-box {padding: 96px 17%;}
.smb-content {font-size: 40px;line-height: 1.2;font-weight: 600;}
.smb-text {border-bottom: 2px solid currentColor; margin-bottom: 7px;}
.smb-text h2 {margin-bottom: 0;font-weight: 600;line-height: 0.9;} 
.sl-box {font-size: 40px;line-height: 1.2;font-weight: 600;padding: 50px 22% 50px 0;}
.sl-text {border-bottom: 2px solid currentColor; margin-bottom: 7px;}
.sl-text h2 {margin-bottom: 0;font-weight: 600;line-height: 0.9;}
.sl-content {font-size: 40px;line-height: 1.2;font-weight: 600;}
.sr-text {border-bottom: 2px solid currentColor; margin-bottom: 7px;}
.sr-text h2 {margin-bottom: 0;font-weight: 600;line-height: 0.9;}
.sr-box {font-size: 30px;font-weight: 600;line-height: 1.2;}
.sr-box h3 {font-size: 99px;line-height: 0.9;margin-bottom: 18px;font-weight: 600;white-space: nowrap;display: flex;}
.sr-upper {height: 50%;flex-grow: 1;}
.sr-upper-left {width: 50%;height: 100%;flex-grow: 1;}
.sr-box {padding: 20px 60px;}
.sr-upper-right {width: 50%;height: 100%;flex-grow: 1;}
.sr-upper-right .sr-box {padding: 20px 60px;}
.sr-lower {height: 50%;flex-grow: 1;}
.sr-lower-left {width: 50%;height: 100%;flex-grow: 1;}

.two-stats .row > .col-md-6:first-child .stats-main-box::before {content: '';position: absolute;top: 0;right: 100%;bottom: 0;width: 100vw;height: 100%;z-index: -1;background: inherit;}
.two-stats .row > .col-md-6:last-child .stats-main-box::after {content: '';position: absolute;top: 0;left: 100%;bottom: 0;width: 100vw;height: 100%;z-index: -1;background: inherit;}
.sl-box::before {content: '';position: absolute;top: 0;right: 100%;bottom: 0;width: 100vw;height: 100%;background: inherit;}


/* ========== 3 =========== */
.three-stats .sr-upper-left .sr-box {gap: 28px;}
.three-stats .sr-lower-left .sr-box {gap: 28px;}
.three-stats .sr-upper-left .sr-box h3 {margin-bottom: 0;}
.three-stats .sr-lower-left .sr-box h3 {margin-bottom: 0;}
.three-stats .stats-right .sr-upper-left .sr-box::after {content: '';position: absolute;top: 0;left: 100%;bottom: 0;width: 100vw;height: 100%;background: inherit;}
.three-stats .stats-right .sr-lower-left .sr-box::after {content: '';position: absolute;top: 0;left: 100%;bottom: 0;width: 100vw;height: 100%;background: inherit;}

/* ========== 4 =========== */
.four-stats .stats-right .sr-upper-right .sr-box::after {content: '';position: absolute;top: 0;left: 100%;bottom: 0;width: 100vw;height: 100%;background: inherit;}
.four-stats .stats-right .sr-lower-left .sr-box::after {content: '';position: absolute;top: 0;left: 100%;bottom: 0;width: 100vw;height: 100%;background: inherit;} 
.four-stats .sr-lower-left .sr-box {gap: 40px; padding: 20px 168px 20px 60px;}
.four-stats .sr-lower-left .sr-box h3 {margin-bottom: 0;}
.four-stats .sr-upper .sr-box p {min-height: 72px;}
.sr-lower-right {width: 50%;height: 100%;flex-grow: 1;}

/* ========== 5 =========== */
.five-stats .stats-right .sr-lower-right .sr-box::after {content: '';position: absolute;top: 0;left: 100%;bottom: 0;width: 100vw;height: 100%;background: inherit;} 
.five-stats .stats-right .sr-upper-right .sr-box::after {content: '';position: absolute;top: 0;left: 100%;bottom: 0;width: 100vw;height: 100%;background: inherit;}
.five-stats .sr-upper .sr-box p {min-height: 72px;}
.five-stats .sr-lower .sr-box p {min-height: 72px;}

/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
    .stats-main-box {padding: 75px 10%;}
    .stats-left {min-height: 500px;}
    .sl-box {padding: 84px 22% 72px 0;}
    .sl-text {padding-bottom: 30px;margin-bottom: 9px;}
    .smb-text {padding-bottom: 30px;margin-bottom: 9px;}
    .sr-box h3 {font-size: 80px;line-height: 0.8;margin-bottom: 4px;}
    .sr-box {font-size: 25px;}
    .sr-upper-right .sr-box {padding: 20px 20px 20px 54px;}
    .four-stats .sr-lower-left .sr-box {gap: 44px;padding: 20px 40px 20px 70px;} 
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
    .sl-box {padding: 84px 14% 72px 36px;}
    .sr-box {padding: 20px 30px;}
    .sr-upper-right .sr-box {padding: 20px 20px 20px 68px;}
    .four-stats .sr-lower-left .sr-box {padding: 20px 40px 20px 55px;}
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    .stats-left {min-height: 384px;}  
    .sl-box {font-size: 30px;padding: 78px 12% 56px 32px;}
    .sr-box h3 {font-size: 70px;margin-bottom: 0px;}   
    .sl-text {padding-bottom: 10px;margin-bottom: 13px;}
    .sl-content {font-weight: 600;font-size: 30px;}
    .smb-content {font-weight: 600;font-size: 30px;}    
    .sr-box {font-size: 20px;}    
    .sr-box {padding: 20px 16px;}
    .sr-upper-right .sr-box {padding: 20px 20px 20px 50px;}
    .four-stats .sr-lower-left .sr-box {padding: 20px 12px 20px 28px;gap: 28px;} 
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
    .stats-main-box {width: calc(100% + 30px);margin-left: -15px;}
    .stats-left {width: calc(100% + 30px);margin-left: -15px;  min-height: auto;}
    .stats-right {width: calc(100% + 30px);margin-left: -15px;}
    .sl-box {padding: 75px 50px 72px;}
    .sl-text {padding-bottom: 18px;}   
    .sr-box h3 {font-size: 78px;}   
    .stats-upper {height: 100%;}
    .stats-lower {height: 100%;}
    .sr-box {padding: 37px 26px 44px 26px;}
    .sr-upper-right .sr-box {padding: 12px 20px 24px 58px;}
    .sr-upper-right .sr-box h3 {margin-bottom: 10px;}
    .stats-upper .sr-box p {min-height: 55px;}
    .four-stats .sr-lower-left .sr-box {padding: 70px 24px 73px 28px;gap: 34px;}
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
}
/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){
    .stats-main-box {padding: 70px 10%;}
    .sl-box {padding: 70px 44px 70px 44px;}    
    .sr-box h3 {font-size: 50px;}
    .sr-box {padding: 30px 15px 30px 15px;}
    .sr-upper-right .sr-box {padding: 30px 15px 30px 15px;}  
    .four-stats .sr-lower-left .sr-box {padding: 54px 24px 54px 24px;}
    .sr-box {font-size: 16px;}  
}