.figs-section {
        background: #EAFFFD;
        padding: 167.5px 0;
        margin-bottom: 60px;
}

.figs-container {
        max-width: 1640px;
}

.figs-head {
        margin-bottom: 30px;
}

.figs-head h3 {
        font-size: 48px;
        font-weight: 700;
        line-height: 58px;
        letter-spacing: 1.3px;
        color: #0A2925;
        margin-bottom: 39px;
}

.figs-head p {
        font-size: 25px;
        letter-spacing: 0.5px;
        color: #5B6A65;
        max-width: 544px;
        margin: 0 auto;
}

.figs-describe {
        color: #5B6A65;
        font-size: 25px;
        margin-top: 50px;
}

.figs-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 95px;
        align-items: start;
}

.fig {}

.metric-value {
        font-family: "Versus", "Inter", sans-serif;
        font-weight: 900;
        font-size: 60px;
        line-height: 79px;
        letter-spacing: -0.02em;
        color: #10403B;
}

.metric-desc {
        font-size: 25px;
        line-height: 30px;
        letter-spacing: 0.5px;
        color: #10403B;
        max-width: 362px;
}


@media (max-width: 1024px) {
        .figs-section {
                padding: 80px 0 100px 0;
        }

        .figs-container {
                padding: 0 40px;
        }

        .figs-head {
                margin-bottom: 60px;
        }

        .figs-head h3 {
                font-size: 42px;
        }

        .figs-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 40px;
                row-gap: 48px;
        }

        .metric-value {
                font-size: 72px;
        }

        .metric-desc {
                font-size: 15px;
        }
}

@media (max-width: 991px) {
        .figs-grid {
                grid-template-columns: 1fr;
        }
}

@media (max-width: 768px) {
        .figs-section {
                padding: 60px 0 80px 0;
        }

        .figs-container {
                padding: 0 24px;
        }

        .figs-head {
                margin-bottom: 48px;
        }

        .figs-head h3 {
                font-size: 36px;
                margin-bottom: 16px;
        }

        .figs-head p {
                font-size: 15px;
        }

        .figs-grid {
                grid-template-columns: 1fr;
                gap: 40px;
        }

        .fig {
                gap: 12px;
        }

        .metric-value {
                font-size: 64px;
        }

        .metric-desc {
                font-size: 15px;
                line-height: 1.6;
        }
}

@media (max-width: 480px) {
        .figs-section {
                padding: 40px 0 60px 0;
        }

        .figs-container {
                padding: 0 16px;
        }

        .figs-head {
                margin-bottom: 40px;
        }

        .figs-head h3 {
                font-size: 32px;
        }

        .figs-head p {
                font-size: 14px;
        }

        .figs-grid {
                gap: 36px;
        }

        .metric-value {
                font-size: 56px;
        }

        .metric-desc {
                font-size: 14px;
        }
}

@media (min-width: 1025px) and (max-width: 1600px) {
        .figs-section { padding: 120px 0; margin-bottom: 48px; }
        .figs-container { max-width: 1320px; padding: 0 var(--pad-x); }
        .figs-head { margin-bottom: 40px; }
        .figs-head h3 { font-size: 40px; line-height: 48px; }
        .figs-head p { font-size: 20px; }
        .figs-grid { gap: 56px; }
        .metric-value { font-size: clamp(32px, 2.6vw, 48px); line-height: 1.1; white-space: nowrap; letter-spacing: -0.01em; }
        .metric-desc { font-size: 18px; line-height: 24px; max-width: 300px; }
}

@media (min-width: 800px) and (max-width: 1024px) {
        .figs-container { padding: 0 var(--pad-x); }
}