:root {
    --school-navy: #0a2240;
    --school-red: #c8102e;
    --school-orange: #f7941d;
    --school-white: #ffffff;
}

.box-btn,
.default-btn.page-btn.box-btn,
.navbar-area .navbar-nav .nav-link:hover,
.navbar-area .navbar-nav .nav-link.active,
.section-tittle h2::before,
.single-service .service-icon i,
.choose-list-left li i,
.choose-list-home li i,
.footer-content h2::before,
.copy-area .copy span,
.slider-tittle h1 span,
.home-choose-content .section-tittle h2 span {
    color: var(--school-white);
}

.box-btn,
.navbar-area.is-sticky,
.preloader .object,
.service-area .single-service:hover .service-icon,
.footer-area,
.copy-area,
.banner-area::before,
.admission-circle h2 span,
.course-img h2,
.pagination-area .page-link.active {
    background-color: var(--school-navy) !important;
}

.border-btn:hover,
.box-btn:hover {
    background-color: var(--school-red) !important;
    border-color: var(--school-red) !important;
    color: var(--school-white) !important;
}

.slider-tittle h1 span,
.section-tittle h2 span,
.admission-content h2 span {
    color: var(--school-orange) !important;
}

.navbar-brand .school-logo-text {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.15;
    font-weight: 700;
    color: var(--school-navy);
    font-size: 1.1rem;
}

.navbar-brand .school-logo-text small {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--school-red);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.navbar-area.is-sticky .navbar-brand .school-logo-text,
.navbar-area.is-sticky .navbar-brand .school-logo-text small {
    color: var(--school-white);
}

.school-motto-bar {
    background: linear-gradient(90deg, var(--school-navy) 0%, var(--school-red) 50%, var(--school-orange) 100%);
    color: var(--school-white);
    text-align: center;
    padding: 0.35rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* School crest — template logos are ~102×33px; constrain uploaded crest */
.school-logo-wrap {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.navbar-area .school-logo-wrap {
    flex-shrink: 0;
}

.navbar-area .school-logo {
    display: block;
    width: auto;
    height: auto;
    max-height: 58px;
    max-width: 120px;
    object-fit: contain;
    object-position: left center;
}

.navbar-area .mobile-nav .logo {
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 60px);
}

.navbar-area .main-nav .navbar {
    padding-top: 8px;
    padding-bottom: 8px;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item {
    padding-top: 12px;
    padding-bottom: 12px;
}

@media only screen and (max-width: 991px) {
    .navbar-area a.logo {
        width: auto !important;
    }

    .navbar-area .mobile-nav .logo .school-logo {
        max-height: 48px;
        max-width: 100px;
    }

    .navbar-area .mobile-nav .logo .school-logo-wrap {
        vertical-align: middle;
    }
}

.footer-area .footer-left .logo {
    width: auto !important;
}

.footer-area .footer-left .school-logo {
    max-height: 72px;
    max-width: 140px;
    object-fit: contain;
}

.cms-content p:last-child {
    margin-bottom: 0;
}

.cms-content ul,
.cms-content ol {
    margin: 0 0 1rem 1.25rem;
}

.cms-content a {
    color: var(--school-red);
    text-decoration: underline;
}