:root,
[data-bs-theme=light] {
    --primary-theme: #0f054c !important;
    --secondary-theme: #00caeb !important;
    --tertiary-theme: #ebfaff !important;
}


.stat-box {
    background: var(--primary-theme);
    padding: 30px 10px;
    border-radius: 10px;
    transition: 0.3s ease;
    box-shadow: 0 4px 12px rgb(0 0 0 / 12%);
}

    .stat-box i {
        font-size: 28px;
        color: #fff;
        margin-bottom: 12px;
    }

    .stat-box h3 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 5px;
        color: #fff;
    }

    .stat-box p {
        font-size: 15px;
        color: #fff;
        margin: 0;
    }

    .stat-box:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 18px rgba(0,0,0,0.08);
    }