.school-stat {
    padding: 35px 15px;
    text-align: center;
    border-radius: 8px;
    background: #f8f8f8;
    margin-bottom: 20px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .08)
}

.school-stat h2 {
    font-size: 42px;
    margin: 0;
    font-weight: 700
}

.school-stat p {
    margin: 5px 0 0;
    font-weight: 600;
    text-transform: uppercase
}

.school-card {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .08);
    height: 100%;
    margin-bottom: 25px
}

.school-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 6px
}

.school-table {
    background: #fff;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .07)
}

.page-title {
    padding: 65px 0 35px;
    background: #f5f5f5;
    text-align: center;
    margin-bottom: 30px
}

.page-title h1 {
    font-size: 40px;
    font-weight: 700
}

.alert {
    border-radius: 6px
}

.admin-body {
    background: #f5f6fa
}

.admin-sidebar {
    min-height: 100vh;
    background: #222;
    color: #fff;
    padding: 25px 15px
}

.admin-sidebar a {
    display: block;
    color: #fff;
    padding: 10px 12px;
    border-radius: 5px;
    text-decoration: none
}

.admin-sidebar a:hover {
    background: #444
}

.admin-main {
    padding: 30px
}

.admin-card {
    background: #fff;
    border-radius: 8px;
    padding: 22px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
    margin-bottom: 20px
}

.admin-table img {
    width: 70px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px
}

.navbar .logo img {
    max-height: 58px;
    width: auto
}

.footer_section .input_main form {
    margin: 0
}

.footer_section .send_bt button {
    border: 0;
    background: transparent;
    color: #fff;
    font-weight: 600
}

.footer_section .send_bt {
    cursor: pointer
}

.footer_section .send_bt button:hover {
    text-decoration: none
}

.gallery-item {
    margin-bottom: 25px
}

.gallery-item img {
    height: 230px;
    object-fit: cover
}

.text-muted-small {
    font-size: .9rem;
    color: #777
}

.hero-school {
    background: rgba(0, 0, 0, .1);
    padding: 15px;
    border-radius: 8px
}

.table-responsive {
    overflow-x: auto
}

.school-hero-video {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    display: flex;
    align-items: center
}

.school-hero-video video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.school-hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35)
}

.school-hero-content {
    position: relative;
    z-index: 2;
    max-width: 760px
}

.school-card img {
    width: 100%;
    height: 210px;
    object-fit: cover
}

.admin-sidebar {
    min-height: 100vh
}

.admin-sidebar a {
    display: block;
    padding: 9px 10px;
    margin: 2px 0;
    border-radius: 6px
}

.settings-label {
    font-weight: 600
}

.color-preview {
    height: 38px;
    border-radius: 6px;
    border: 1px solid #ddd
}

.admin-sidebar .settings-link {
    background: rgba(255, 255, 255, .08);
    font-weight: 700
}