.clignote {
    animation-duration: .8s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
    transition: none;
}

@keyframes clignoter {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.custom-loading {
    display: block;
    width: 30px;
    height: 10px;
    text-indent: -9999px;
    background: transparent url("../quform/images/default-loading.gif") no-repeat center center;
}

/* =============================================
   SCHOOR BRAND THEME — Blue #3461B0 / Red #CC2229
   ============================================= */

/* Navbar brand logo sizing */
#logo {
    height: 52px;
    width: auto;
    transition: opacity 0.3s;
}

/* Top bar brand accent */
.top-bar {
    background: linear-gradient(90deg, #3461B0 0%, #1a2a5e 100%) !important;
}

/* Section dividers with brand colors */
.section-heading::after,
.section-title::after {
    background: linear-gradient(90deg, #3461B0, #CC2229) !important;
}

/* Card/course image overlay on hover — blue tint */
.course-box .thumb:before,
.grid-item .thumb:before {
    background: rgba(52, 97, 176, 0.6) !important;
}

/* Team photo overlay on hover */
.team-box .thumb:before,
.team-style1 .thumb:before {
    background: linear-gradient(to bottom, rgba(52, 97, 176, 0.7), rgba(204, 34, 41, 0.5)) !important;
}

/* Banner shape decorators with brand colors */
.triangle-shape {
    border-color: transparent transparent transparent rgba(52, 97, 176, 0.4) !important;
}

.square-shape {
    background: rgba(204, 34, 41, 0.25) !important;
    border: 2px solid rgba(204, 34, 41, 0.4) !important;
}

.shape-five {
    background: rgba(52, 97, 176, 0.25) !important;
    border: 2px solid rgba(52, 97, 176, 0.4) !important;
}

/* Counter / stat sections */
.counter-box,
.fun-fact-box {
    border-top: 3px solid #3461B0 !important;
}

/* Progress bars brand style */
.progress-bar {
    background: linear-gradient(90deg, #3461B0, #CC2229) !important;
}

/* Tab active indicators */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-bottom-color: #3461B0 !important;
    color: #3461B0 !important;
}

/* Pagination brand style */
.page-item.active .page-link {
    background-color: #3461B0 !important;
    border-color: #3461B0 !important;
}

.page-link:hover {
    color: #3461B0 !important;
}

/* Footer logo area */
.footer-logo img {
    filter: brightness(0) invert(1);
    max-height: 55px;
    width: auto;
}

/* Accent line under page hero titles */
.page-title-section h1::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #CC2229, #3461B0);
    margin: 12px auto 0;
    border-radius: 2px;
}

/* Image card hover: subtle blue-red gradient overlay */
.blog-box .thumb::before,
.portfolio-box .thumb::before {
    background: linear-gradient(135deg, rgba(52, 97, 176, 0.65), rgba(204, 34, 41, 0.45)) !important;
}

/* Blockquote brand accent */
blockquote {
    border-left: 4px solid #3461B0 !important;
}

/* Feature icon backgrounds */
.feature-icon,
.icon-box i {
    color: #3461B0 !important;
}

/* List check icons brand color */
.list-check li::before,
.check-list li::before {
    color: #3461B0 !important;
}