/* ============================================================
   PROGRAMS SECTION – CLEAN EXTRACTED CSS
   ============================================================ */

#programs {
    background: linear-gradient(180deg, #eef3ff 0%, #f6f2ff 100%) !important;
    padding: 80px 0 !important;
}

/* Heading styles */
#programs h2,
#programs h3 {
    color: #0a1a4a !important;
}

/* Fix gradient text class inside this section */
#programs h2.txt-gr1 {
    background: none !important;
    -webkit-text-fill-color: #0a1a4a !important;
    font-size: 42px !important;
    font-weight: 900;
    letter-spacing: -0.5px;
}

/* Text + Tags */
#programs p,
#programs .tag,
#programs div {
    color: #333b6a !important;
}

/* Cards */
#programs .card-lite {
    background: #ffffff !important;
    border: 1px solid rgba(10, 30, 80, 0.12) !important;
    border-radius: 18px !important;
    padding: 24px 20px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
    transition: 0.28s ease;
}

#programs .card-lite:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 35px rgba(0, 40, 120, 0.16) !important;
}

/* Tags */
#programs .tag {
    background: #eef2ff !important;
    border: 1px solid #b7c7ff !important;
    color: #2c3a90 !important;
    font-weight: 500;
    border-radius: 999px;
    padding: 4px 10px;
}

/* Buttons */
#programs .btn-success {
    background: #0a7d2a !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(0, 150, 60, 0.25);
    font-weight: 600;
}

#programs .btn-glass {
    color: #0a1a4a !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    background: rgba(255, 255, 255, 0.6) !important;
}

#programs .btn-glass:hover {
    background: rgba(255, 255, 255, 0.9) !important;
}

/* Row spacing */
#programs .row.g-3 {
    row-gap: 24px !important;
}

/* Mobile layout adjustments */
@media (max-width: 768px) {
    #programs .text-center a.btn {
        display: inline-block !important;
        margin-bottom: 14px !important;
    }

    #programs .text-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
}