/* Metrics Section Pseudo Elements - positioned at corners */
.section-space-y.position-relative::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 500px;
    height: 400px;
    background: var(--color-bg-svg) !important;
    filter: blur(100px);
    pointer-events: none;
    opacity: 0.5;
    z-index: -1;
}

.border-line {
    width: 100%; 
    height: 1px; 
    background: repeating-linear-gradient(to right, rgba(--color-dashed-border) 0, rgba(--color-dashed-border) 6px, transparent 6px, transparent 10px);
}

.section-space-y.position-relative::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 500px;
    height: 400px;
    background: var(--color-bg-svg) !important;
    filter: blur(100px);
    pointer-events: none;
    opacity: 0.5;
    z-index: -1;
}

.metrics-desc {
    font-size: 1rem !important;
}

.box-stat-bottom-left span {
    font-size: 1.25rem !important;
    /* font-weight: 400; */
    margin-left: 0.25rem;
}

/* Responsive Section Title Headings with Clamp - Moved to Global Styles */

@media (min-width: 768px) {
    .metric-card .glassmorphism-box {
        gap: 2.5rem !important;
    }
    .metrics-desc {
        font-size: 20px !important;
    }
    .metric-card .box-stat-bottom-left {
        font-size: 2rem !important;
    }
    .metric-card .box-text-top-right {
        font-size: 1rem !important;
    }
}

/* Metrics cards responsive design */
@media (min-width: 992px) {
    .metric-card .glassmorphism-box {
        gap: 3rem !important;
    }
    .metrics-desc {
        font-size: 23px !important;
    }
}

@media (min-width: 1200px) {
    .metrics-desc {
        font-size: 28px !important;
    }
    .metric-card .box-stat-bottom-left {
        font-size: 3rem !important;
    }
}