.stats-section {
    background-color: var(--body-bg);
    padding: 100px 20px;
    transition: background 0.4s ease, color 0.4s ease;


    .stats_header_1 {
        font-family: 'DG Trika', sans-serif;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 40px;
        line-height: 40px;
        color: var(--text-primary);
        font-size: clamp(1rem, 5vw, 3rem);
        font-weight: 900;
    }

    .stats_header_2 {
        font-family: 'DG Trika', sans-serif;
        text-align: center;
        /* margin-block: 50px; */
        line-height: normal;
        color: var(--text-secondary-invert);
        font-size: clamp(0.5rem, 2.5vw, 1.5rem);
    }

    .tapered-line {
        height: 4px;
        
                max-width: 1100px;
                padding-inline: 50px;
        margin: 20px auto;
        text-align: center;

        justify-content: center;
        /* overall height */
        border: none;
        /* remove default <hr> border */
        background: var(--gradient-both);
        border-radius: 2px;
        /* smooth edges */
       
        /* spacing around the line */
    }






    .stats-container {
        max-width: 1100px;
        margin: 0 auto;
        text-align: center;



        .stats-grid {
            display: grid;
            gap: 30px;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

            .stat-item {

                border-radius: 20px;
                padding: 30px;
                border: 1px solid var(--stats-card-shadow);
                transition: transform 0.3s, box-shadow 0.3s, background 0.3s;

                &:hover {
                    transform: translateY(-4px);
                    box-shadow: 0 8px 20px var(--stats-card-hover-shadow);
                }

                .stat-icon {
                    background: var(--text-primary);
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 108px;
                    height: 108px;
                    aspect-ratio: 1 / 1;
                    padding: 16px;
                    border-radius: 50%;
                    font-size: 24px;
                    margin-bottom: 20px;
                    transition: background 0.3s ease, color 0.3s ease;

                }

                .stat-number {
                    font-family: 'DG Trika', sans-serif;
                    text-align: center;
                    line-height: normal;
                    color: var(--text-secondary-invert);
                    font-weight: 900;
                    font-size: 44px;
                }

                .stat-label {
                    font-family: 'DG Trika', sans-serif;
                    text-align: center;
                    color: var(--text-secondary-invert);
                    font-weight: 500;
                    font-size: 20px;
                }
            }
        }
    }
}