/* Base Education Section */
/* Base Education Section */
#education {
    background: linear-gradient(145deg, #0f172a, #1e293b);
    color: #e2e8f0;
    padding: 2rem 1rem;
    position: relative;
    z-index: 1;
    font-family: 'Segoe UI', sans-serif;
}

/* Background Shape */
#education::before {
    content: "";
    position: absolute;
    top: -200px;
    left: -150px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(0, 255, 255, 0.2), transparent);
    border-radius: 50%;
    filter: blur(80px);
    z-index: 0;
}

/* Section Header */
#education h2 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #facc15;
}

#education h2 strong {
    color: #fff;
}

#education .try-demo-btn {
    background: linear-gradient(to right, #38bdf8, #0ea5e9);
    color: white;
    font-weight: bold;
    padding: 0.4rem 1rem;
    border-radius: 9999px;
    width: 180px;
    margin-top: 1rem;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
}

#education .try-demo-btn:hover {
    background: linear-gradient(to right, #0ea5e9, #38bdf8);
    transform: scale(1.05);
}

/* Headings */
#education h3 {
    font-size: 1.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

#education h3 i {
    width: 1.25rem;
    height: 1.25rem;
}

/* Paragraphs */
#education p {
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 1rem;
}

/* Tables */
#education table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

#education th,
#education td {
    padding: 0.75rem 1rem;
    text-align: left;
}

#education thead {
    background-color: #1e293b;
    color: #94a3b8;
    font-weight: 600;
}

#education tbody tr:nth-child(even) {
    background-color: #111827;
}

#education tbody tr:nth-child(odd) {
    background-color: #0f172a;
}

#education tbody tr:hover {
    background-color: #1e293b;
}

/* Iframes */
#education iframe {
    border: none;
    border-radius: 0.75rem;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.08);
    transition: transform 0.3s ease;
}

#education iframe:hover {
    transform: scale(1.015);
}

/* Cards / Blocks */
#education .rounded-2xl {
    border-radius: 1.25rem;
}

#education .shadow-xl {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

#education .p-6,
#education .p-8 {
    padding: 2rem;
}

/* List Items (Emotions Block) */
#education ul {
    padding-left: 1.25rem;
    list-style-type: disc;
}

#education ul li {
    margin-bottom: 0.5rem;
    color: #94a3b8;
}

#education ul li strong {
    color: #f472b6;
}

/* Timeline */
#education ol {
    position: relative;
    border-left: 4px solid #6366f1;
    padding-left: 1.5rem;
}

#education ol li {
    position: relative;
    padding-left: 1rem;
    margin-bottom: 1.5rem;
}

#education ol li::before {
    content: "";
    position: absolute;
    left: -1.25rem;
    top: 0.25rem;
    width: 0.75rem;
    height: 0.75rem;
    background-color: #6366f1;
    border-radius: 50%;
}

/* Final Text */
#education .text-center p strong {
    color: #facc15;
}

#education .text-center {
    margin-top: 5rem;
    font-size: 1.125rem;
    color: #94a3b8;
}

/* Feature Cards Grid (Responsive) */
#education .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2.5rem;
}

/* Border Color Override Per Block */
#education .border-blue-500\/10 {
    border-color: rgba(59, 130, 246, 0.1);
}

#education .border-cyan-500\/10 {
    border-color: rgba(6, 182, 212, 0.1);
}

#education .border-pink-500\/10 {
    border-color: rgba(236, 72, 153, 0.1);
}

#education .border-green-500\/10 {
    border-color: rgba(34, 197, 94, 0.1);
}

#education .border-yellow-500\/10 {
    border-color: rgba(250, 204, 21, 0.1);
}

#education .border-indigo-500\/10 {
    border-color: rgba(99, 102, 241, 0.1);
}

#education .border-slate-600\/10 {
    border-color: rgba(71, 85, 105, 0.1);
}

#education .border-sky-500\/10 {
    border-color: rgba(14, 165, 233, 0.1);
}

/* Mobile responsiveness */
@media (max-width: 640px) {
    #education {
        padding: 2rem 0.5rem;
    }

    #education h2 {
        font-size: 1.5rem;
        text-align: center;
    }

    #education h3 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
        gap: 0.3rem;
    }

    #education p,
    #education li,
    #education table,
    #education td,
    #education th {
        font-size: 0.75rem;
        line-height: 1.4;
        word-break: break-word;
    }

    #education .text-center p {
        font-size: 0.875rem;
    }

    #education ul {
        padding-left: 1rem;
    }

    #education ul li {
        margin-bottom: 0.3rem;
    }

    #education ol {
        padding-left: 1rem;
        border-left-width: 3px;
    }

    #education ol li {
        padding-left: 0.5rem;
        margin-bottom: 1rem;
    }

    #education ol li::before {
        width: 0.5rem;
        height: 0.5rem;
        left: -1rem;
    }

    #education .try-demo-btn {
        font-size: 0.75rem;
        padding: 0.25rem 0.75rem;
        width: auto;
    }

    #education .grid {
        gap: 1rem;
        grid-template-columns: 1fr;
    }

    #education .p-6,
    #education .p-8 {
        padding: 1rem !important;
    }

    #education table {
        font-size: 0.7rem;
    }

    #education th,
    #education td {
        padding: 0.5rem;
    }

    #education iframe {
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto !important;
        margin-bottom: 1rem;
    }

    #education .rounded-2xl {
        border-radius: 0.75rem;
    }

    #education .shadow-xl {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    }

    #education .max-w-3xl,
    #education .max-w-6xl {
        max-width: 100%;
    }

    #education .text-lg {
        font-size: 0.9rem;
    }

    #education .mb-12,
    #education .mb-14,
    #education .mt-20,
    #education .mt-16 {
        margin: 2rem 0 !important;
    }

    #education .gap-10 {
        gap: 1rem;
    }
}