/* Additions for the Laravel version (loaded after the ported theme CSS). */
.text-accent { color: #f75732; }

/* Header menu: icon and label side by side on one line */
.app-header .site-menu .nav-link { white-space: nowrap; }
.app-header .site-menu .nav-link i { display: inline-block; }

.hero-image { width: 100%; height: 660px; object-fit: cover; }
@media (max-width: 767.98px) { .hero-image { height: 260px; } }

.hero-caption {
    position: absolute; left: 0; right: 0; bottom: 12%; z-index: 3;
    text-align: center; color: #fff; padding: 0 16px; text-shadow: 0 2px 8px rgba(0, 0, 0, .5);
}
.hero-caption h2 { color: #fff; font-weight: 800; }

/* Course cards use fixed-height blocks; clip long text instead of overlapping the next row. */
.each-blog .mh-150, .each-blog .mh-90 { overflow: hidden; }

.course-card-image { width: 100%; height: 250px; padding: 30px 0; object-fit: contain; border-radius: 4px; }
.course-detail-image { max-height: 400px; object-fit: contain; }
.faculty-image { width: 300px; max-width: 100%; height: 250px; padding: 30px 0; object-fit: contain; }

.cms-content img { max-width: 100%; height: auto; }
.cms-content table { max-width: 100%; }
.cms-content ul { list-style: disc; padding-left: 1.5rem; }
.cms-content ol { list-style: decimal; padding-left: 1.5rem; }

.fee-table th { font-weight: 600; }

#enrollModal .contact__input-2 input { margin-bottom: 12px; }

.login__input .invalid-feedback, .login__input-item .invalid-feedback { display: block; }