/*
 * The template linked a styles.css that wasn't provided. These are base styles for its
 * components; replace this file with your original styles.css to restore its exact look.
 */
.hero-section { background: #000; }
.service-card, .istd-card { padding: 1.5rem 1rem; border-radius: 10px; background: #fff; box-shadow: 0 4px 18px rgba(0,0,0,.06); height: 100%; transition: transform .3s; }
.service-card:hover, .istd-card:hover { transform: translateY(-5px); }
.gallery-item { position: relative; overflow: hidden; border-radius: .375rem; }
.gallery-item img { height: 320px; object-fit: cover; transition: transform .4s; }
.gallery-item .overlay { position: absolute; inset: auto 0 0 0; height: 90px; text-align: center; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.85)); }
.fade-in-up { animation: fadeInUp .8s ease both; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }
.navbar-dark .nav-link.active { color: #ffc107 !important; }

/* Inner pages (registration, login, contact, CMS pages…) in the template's palette */
.page-hero { padding: 70px 0; text-align: center; color: #fff; background: linear-gradient(135deg, #1a1a1a 0%, #5c0e0b 100%) center/cover; }
.page-hero h1 { font-weight: 700; font-size: 2.6rem; text-transform: uppercase; }
.page-hero span { color: #ffc107 !important; }
.section { padding: 60px 0; background: #f8f9fa; }
.section-title { font-weight: 700; }
.card-dark { background: #fff; border-radius: 10px; box-shadow: 0 4px 18px rgba(0,0,0,.08); color: #212529; }
.section a:not(.btn), .card-dark a:not(.btn), .prose a { color: #b60b14; }
.section a:not(.btn):hover, .card-dark a:not(.btn):hover { color: #5c0e0b; }
.btn-brand { background: #ffc107; color: #000; font-weight: 700; border: none; }
.btn-brand:hover { color: #000; }
.prose img { max-width: 100%; height: auto; border-radius: 8px; }
.form-label { font-weight: 500; }
.pagination .page-link { color: #5c0e0b; }
.pagination .active > .page-link { background: #5c0e0b; border-color: #5c0e0b; color: #fff; }