/* =====================================================
   COURSES PAGE STYLES
   ===================================================== */

/* Courses Hero */
.courses-hero {
    padding-top: 130px; padding-bottom: 50px;
    background: linear-gradient(135deg, rgba(7,9,42,0.85) 0%, rgba(13,16,64,0.95) 100%), url('../images/student.png') center/cover no-repeat;
    position: relative; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* Breadcrumbs */
.breadcrumb {
    margin-top: 20px; font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.7);
    display: flex; align-items: center; justify-content: center; gap: 10px;
}
.breadcrumb a { color: #f5a623; transition: color 0.3s; }
.breadcrumb a:hover { color: #fff; }
.breadcrumb i { font-size: 10px; color: rgba(255,255,255,0.4); }
@media (max-width: 600px) {
    .courses-hero { padding-top: 120px; padding-bottom: 20px; }
    .courses-hero .about-title { font-size: 24px; margin-bottom: 10px; line-height: 1.2; }
    .courses-hero .about-subtitle { font-size: 13px; line-height: 1.5; padding: 0 10px; text-align: justify; }
    .courses { padding: 50px 0; }
    .courses .section-title { font-size: 24px; margin-bottom: 12px; }
    .courses .section-desc { font-size: 13px; line-height: 1.5; text-align: justify; padding: 0 10px; }
}