/* General */
body {
    background-color: #f8f9fa;
}

/*   h2, h3 {
            font-weight: 600;
        }*/

/* ========== ABOUT SECTION ========== */
#about-section {
    background: linear-gradient(135deg, #e3f2fd, #ffffff);
    padding: 3rem 1.5rem;
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

    #about-section h2 {
        text-align: center;
        color: #0d6efd;
        font-size: 2rem;
        position: relative;
        margin-bottom: 2rem;
    }

        #about-section h2::after {
            content: '';
            width: 80px;
            height: 3px;
            background: #0d6efd;
            display: block;
            margin: 10px auto 0;
            border-radius: 3px;
        }

    #about-section p {
        color: #333;
        line-height: 1.7;
        margin-bottom: 1rem;
        text-align: justify;
    }

/* Stats Row */
.stat-card {
    background-color: #ffffff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .stat-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

.stat-value {
    color: #0d6efd;
}

@media (max-width: 576px) {
    .stat-card {
        padding: 1rem;
    }

    .stat-value {
        font-size: 1.5rem;
    }
}

.stat-label {
    color: #555;
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

/* Table Section */
.table {
    background-color: #fff;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(0,0,0,0.08);
}

    .table thead th {
        text-align: center;
        vertical-align: middle;
    }

    .table th, .table td {
        vertical-align: middle !important;
    }

/* Animation Setup */
[data-animate="true"] {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s ease;
}

    [data-animate="true"].visible {
        opacity: 1;
        transform: translateY(0);
    }