/* Courses Section - Base & Titles */
.courses-section {
    padding: 4rem 2rem;
    margin-top: 0rem;
    /* Creates the requested gap */
    /* Moves up to match standardized gap */
    background-color: transparent;
    position: relative;
    z-index: 1;
}

.courses-outer-box {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    padding: 3rem;
    border: 2px solid #00f6fe;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 246, 254, 0.2), inset 0 0 10px rgba(0, 246, 254, 0.1);
    background: rgba(1, 6, 28, 0.8);
    animation: coursesBoxGlow 4s ease-in-out infinite alternate;
}

@keyframes coursesBoxGlow {
    from {
        box-shadow: 0 0 15px rgba(0, 246, 254, 0.2), inset 0 0 10px rgba(0, 246, 254, 0.1);
        border-color: rgba(0, 246, 254, 0.5);
    }

    to {
        box-shadow: 0 0 30px rgba(0, 246, 254, 0.5), inset 0 0 15px rgba(0, 246, 254, 0.2);
        border-color: rgba(0, 246, 254, 1);
    }
}

.trending-label {
    display: block;
    text-align: center;
    color: var(--color-secondary);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.section-title {
    color: #ffffff;
    text-align: center;
    margin-bottom: 4rem;
    font-size: 2.2rem;
    font-weight: 800;
    font-family: "Source Sans Pro", Arial, sans-serif;
}