.progress_bar{           
    border: 1px solid #e9e3d9;
    padding: 4px;
}

.stat_progress{
    background-color: rgb(191, 168, 136);
    height: 4px;
    border-radius: 0px;
    transition: width 1.2s;
}

.gap-20{
    gap: 20px;
}

.stats_section{
    background-color: #F4F2ED;
}

.stats_section .stat-50 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stats_info{
    padding: 100px;
}

.stats_info h2{
    margin: 3px 0 13px;
    font-family: "Cormorant Upright",serif;
    word-wrap: break-word;
    text-transform: uppercase;
    color: #000;
    font-size: 52px;
    line-height: 1.05em;
    letter-spacing: .05em;
    font-weight: 500;
}

.stats_info p{
    margin: 0;
    font-size: 17px;
    line-height: 28px;
    color: #333;
    margin-bottom: 60px;
}

.stats_info h6{
    color: #000;
    font-size: 13px;
    line-height: 1.54em;
    font-family: 'Inconsolata',monospace;
    letter-spacing: .25em;
    font-weight: 500;
    word-wrap: break-word;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.stats_info span{
    line-height: 1.54em;
    font-family: 'Inconsolata',monospace;
    letter-spacing: .25em;
    font-weight: 500;
    font-size: 15px;
}

.stat_link{
    color: rgb(255, 255, 255);
    background-color: rgb(2, 21, 39);
    border:1px solid rgb(2, 21, 39);
    border-radius: 0;
    outline: 0;
    transition: color .3s ease-out,background-color .3s ease-out,border-color .3s ease-out;
    padding: 15.5px 42px 15.5px 42px;
    line-height: 2em;
    letter-spacing: .25em;
    text-decoration: none;
    margin: 35px 0 0 0;
    font-family: Inconsolata,monospace;
    font-size: 15px;
    &:hover{
        background-color: white;
        color: rgb(3, 28, 51);
    }
}

.stats_text{
    padding: 0 16%;
    font-size: 17px;
    line-height: 28px;
    font-family: Roboto, sans-serif;
    color: #404040;
    font-variant-numeric: lining-nums;
}

.stat-50{
    width: 50%;
}

.p-100{
    padding: 100px 0;
}

@media(max-width: 992px){

    .stats_section .stat-50{
       width: 100%;
    }
    .top_stat{
        flex-direction: column;
    }

    .bottom_stat{
        flex-direction: column-reverse;
    }

    
}

@media(max-width:768px){
    .stats_text{
        padding: 0;
    }
}

@media(max-width: 1200px){
    .stats_section .bg_text{
        font-size: 100px;
    }
}

@media(max-width: 578px){
    .stats_section .p-100{
        padding: 100px 0;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    .stats_info{
        padding: 100px 0;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
}