/* ========== ACADEMIC TEAM ========== */
/* LOOP STAFF */
#sis-loop-staff .sis-loop-staff-item {
    cursor: pointer;
}

#sis-loop-staff .swiper-slide-active .sis-loop-staff-item,
#sis-loop-staff .swiper-slide-active .sis-loop-staff-avatar img {
    border-color: var(--color-secondary);
}

#sis-loop-staff .swiper-slide-active .sis-loop-staff-name {
    color: var(--color-secondary);
}

#sis-loop-staff .swiper-slide-active .btn-arrow-rotate-e .elementor-button {
    color: var(--color-white);
    background-color: var(--color-secondary);
    transform: rotate(var(--rotate-315));
}

#sis-loop-staff.btn-arrow-slide-e .elementor-swiper-button-next {
    inset: auto;
    top: 50%;
    right: -7%;
    background-color: var(--color-assist);
    transition: all 0.3s ease;
}

#sis-loop-staff.btn-arrow-slide-e .elementor-swiper-button-prev {
    inset: auto;
    top: 70%;
    right: -7%;
    background-color: var(--color-primary);
    transition: all 0.3s ease;
}

#sis-slides-staff {
    width: 100%;
    align-self: center;
}

#sis-slides-staff .swiper-slide.swiper-slide-active {
    pointer-events: none;
}

#sis-slides-staff.btn-arrow-slide-e .elementor-swiper-button-next {
    inset: auto;
    top: 78%;
    right: -7%;
    background-color: var(--color-assist);
    transition: all 0.3s ease;
}

#sis-slides-staff.btn-arrow-slide-e .elementor-swiper-button-prev {
    inset: auto;
    top: 89%;
    right: -7%;
    background-color: var(--color-primary);
    transition: all 0.3s ease;
}

/* Effects */
#sis-loop-staff.btn-arrow-slide-e .elementor-swiper-button-prev:hover,
#sis-loop-staff.btn-arrow-slide-e .elementor-swiper-button-next:hover,
#sis-slides-staff.btn-arrow-slide-e .elementor-swiper-button-prev:hover,
#sis-slides-staff.btn-arrow-slide-e .elementor-swiper-button-next:hover {
    background-color: var(--color-secondary);
}

/* .sis-presentation-staff-content ul {
    padding-left: 1.25rem;
} */

/* ========== LOOP POSTS - VERTICAL LIST ========== */
/* Loop posts as a vertical list */
#sis-loop-posts-vertical-list .e-loop-item:nth-child(2) .card-style1,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(5) .card-style1,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(8) .card-style1,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(11) .card-style1 {
    background-color: var(--color-secondary);
}

#sis-loop-posts-vertical-list .e-loop-item:nth-child(4) .card-style1,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(7) .card-style1,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(10) .card-style1,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(13) .card-style1 {
    background-color: var(--color-primary);
}

#sis-loop-posts-vertical-list .e-loop-item:nth-child(3) .card-style1,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(6) .card-style1,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(9) .card-style1,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(12) .card-style1 {
    background-color: var(--color-assist);
}

#sis-loop-posts-vertical-list .e-loop-item .card-style1 .card-content {
    background-color: var(--color-cream-150);
}

#sis-loop-posts-vertical-list .e-loop-item:nth-child(2) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(5) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(8) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(11) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(2) .card-style1 .text-day time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(5) .card-style1 .text-day time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(8) .card-style1 .text-day time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(11) .card-style1 .text-day time {
    color: var(--color-secondary);
}

#sis-loop-posts-vertical-list .e-loop-item:nth-child(4) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(7) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(10) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(13) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(4) .card-style1 .text-day time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(7) .card-style1 .text-day time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(10) .card-style1 .text-day time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(13) .card-style1 .text-day time {
    color: var(--color-primary);
}

#sis-loop-posts-vertical-list .e-loop-item:nth-child(3) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(6) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(9) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(12) .card-style1 .text-month time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(3) .card-style1 .text-day time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(6) .card-style1 .text-day time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(9) .card-style1 .text-day time,
#sis-loop-posts-vertical-list .e-loop-item:nth-child(12) .card-style1 .text-day time {
    color: var(--color-assist);
}

#sis-loop-posts-vertical-list .e-loop-item .card-style1 .text-year time {
    color: var(--color-white);
}

#sis-loop-posts-vertical-list .e-loop-item .card-style1 .text-day {
    /* text-wrap-mode: nowrap; */
}

/* Pagination */
#sis-loop-posts-vertical-list .elementor-pagination {
    border-top: 5px solid var(--color-secondary);
    margin-top: 2rem;
    padding-top: 2rem;
    text-align: center;
}

#sis-loop-posts-vertical-list .elementor-pagination .page-numbers {
    font-size: 20px;
    color: var(--color-black);
    border-radius: 50px;
    padding: 0 10px 4px 10px;
}

#sis-loop-posts-vertical-list .elementor-pagination .page-numbers.current {
    color: var(--color-white);
    background-color: var(--color-secondary);
}

/* Label Highlights */
.news-posts .label-highlight.news,
.news-posts .label-highlight.news-en {
    background-color: var(--color-assist);
    color: var(--color-black);
}

.news-posts .label-highlight.events {
    background-color: var(--color-caramel);
    color: var(--color-white);
}

/* .events-posts .label-highlight {
    color: var(--color-white);
    background-color: var(--color-ruby);
} */

.newsletter-posts .label-highlight {
    color: var(--color-white);
    background-color: var(--color-metallic-orange);
}

/* Loop: text content */
.sis-loop-text-wrapper {
    row-gap: 8px;
}

.sis-loop-text-wrapper .text-2-lines a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-sis-loop-cards .sis-loop-card .elementor-heading-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sis-page-newsletters .sis-loop-text-wrapper {
    margin-right: 0;
}

.sis-page-newsletters .sis-widget-image {
    display: none;
}

.newsletter-posts .btn-readmore-e {
    margin-right: 20px;
}

/* LOOP ITEMS */
#sis-loop-cards .loop-cards-style1 .elementor-widget-image {
    display: none;
}

#sis-loop-cards .loop-cards-style1 .newsletter:nth-child(2) .elementor-button {
    background-color: var(--color-secondary);
}

#sis-loop-cards .loop-cards-style1 .newsletter:nth-child(3) .elementor-button {
    background-color: var(--color-assist);
}

#sis-loop-cards .loop-cards-style1 .newsletter:nth-child(4) .elementor-button {
    background-color: var(--color-primary);
}

/* OBV */
/* NEXT-PREV BUTTON */
#obv-gallery.e-widget-swiper .elementor-swiper-button-prev,
#obv-gallery.e-widget-swiper .elementor-swiper-button-next {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    background-color: var(--color-black);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
    place-items: center;
    justify-content: center;
    transition: background-color 0.2s linear;
}

#obv-gallery.e-widget-swiper .elementor-swiper-button-prev {
    inset: auto;
    right: 9.2%;
    bottom: -25%;
    background-color: var(--color-desert);
}

#obv-gallery.e-widget-swiper .elementor-swiper-button-next {
    inset: auto;
    right: 5%;
    bottom: -25%;
    background-color: var(--color-assist);
}

#obv-gallery.e-widget-swiper .elementor-swiper-button-prev:hover,
#obv-gallery.e-widget-swiper .elementor-swiper-button-next:hover {
    background-color: var(--color-secondary);
}

/* NEXT-PREV BUTTON (Style 2) */
#obv-gallery2.e-widget-swiper .elementor-swiper-button-prev,
#obv-gallery2.e-widget-swiper .elementor-swiper-button-next {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    background-color: var(--color-black);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
    place-items: center;
    justify-content: center;
    transition: background-color 0.2s linear;
}

#obv-gallery2.e-widget-swiper .elementor-swiper-button-prev {
    inset: auto;
    right: -5.5%;
    bottom: -5%;
    background-color: var(--color-white);
}

#obv-gallery2.e-widget-swiper .elementor-swiper-button-next {
    inset: auto;
    right: -5.5%;
    bottom: 10%;
    background-color: var(--color-assist);
}

#obv-gallery2.e-widget-swiper .elementor-swiper-button-prev svg {
    fill: var(--color-primary);
}

#obv-gallery2.e-widget-swiper .elementor-swiper-button-prev:hover,
#obv-gallery2.e-widget-swiper .elementor-swiper-button-next:hover {
    background-color: var(--color-secondary);
}

#obv-gallery2.e-widget-swiper .elementor-swiper-button-prev:hover svg,
#obv-gallery2.e-widget-swiper .elementor-swiper-button-next:hover svg {
    fill: #ffffff;
}

/* Fade in */
.fade-in {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.fade-in.active {
    opacity: 1;
}

/* Accreditations And Partnerships */
.school-list {
    width: 800px;
    margin: 10px auto;
}

.school-list a {
    color: var(--color-black);
}

.school-list a:hover {
    color: var(--color-secondary);
}

.sis-page-accreditations-and-partnerships .tabs-style2.tabs-style2-special2 .sis-partner-logo {
    margin: -50px 0 0;
    height: 100px;
}

.sis-page-accreditations-and-partnerships .tabs-style2.tabs-style2-special2 .sis-partner-logo img {
    width: 200px;
    height: 100px;
}

/* Working with Us - Career */
.sis-page-working-with-us #footer-section {
    margin-top: -7%;
}

/* ========== NEWSLETTER ========== */
.news-background-color {
    display: none;
}

.news-background-color-shape {
    width: 100%;
    height: 364px;
    background-color: var(--color-assist);
    align-content: center;
    padding: 10px;
}

/* ==========================================================================
   SISHC SINGLE POST (Pure Hand-Code BEM - Ref: danang.sis.edu.vn)
   ========================================================================== */
.sishc-single-post {
    background-color: var(--color-white, #FFFFFF);
    padding-bottom: 60px;
    width: 100%;
}

.sishc-single-post__container {
    width: 1180px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 20px;
}

@media (max-width: 1680px) and (min-width: 768px) {
    .sishc-single-post__container {
        width: 65%;
    }
}

@media (max-width: 1110px) and (min-width: 768px) {
    .sishc-single-post__container {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .sishc-single-post__container {
        width: 90%;
        padding-top: 24px;
        padding-bottom: 20px;
    }
}

/* Post Header */
.sishc-single-post__header {
    margin-bottom: 20px;
}

.sishc-single-post__title {
    font-family: "Raleway", sans-serif;
    font-size: 52px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 20px 0;
}

@media (max-width: 1110px) {
    .sishc-single-post__title {
        font-size: 36px;
        line-height: 1.28;
    }
}

@media (max-width: 767px) {
    .sishc-single-post__title {
        font-size: 24px;
        line-height: 1.32;
        margin-bottom: 14px;
    }
}

/* Meta: Badges & Datetime */
.sishc-single-post__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.sishc-single-post__badge {
    display: inline-block;
    width: fit-content;
    padding: 2px 18px;
    border-radius: 5px;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    text-transform: capitalize;
}

.sishc-single-post__badge--news {
    background-color: var(--color-assist, #FCD34D);
    color: #000000;
}

.sishc-single-post__badge--events {
    background-color: var(--color-caramel, #78350F);
    color: #FFFFFF;
}

.sishc-single-post__datetime {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: "Raleway", sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #6B7380;
}

.sishc-single-post__date,
.sishc-single-post__time {
    color: #6B7380;
}

.sishc-single-post__divider {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #6B7380;
    opacity: 0.8;
}

/* Top Image */
.sishc-single-post__top-image {
    margin-bottom: 24px;
    width: 100%;
}

.sishc-single-post__top-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    object-position: center;
}

/* Post Content & Gutenberg Elements */
.sishc-single-post__content p:last-child {
    margin-bottom: 0;
}

.sishc-single-post__content em,
.sishc-single-post__content i {
    font-style: italic;
}

.sishc-single-post__content strong,
.sishc-single-post__content b {
    font-weight: 700;
}

.sishc-single-post__content h2,
.sishc-single-post__content h3,
.sishc-single-post__content h4,
.sishc-single-post__content h5,
.sishc-single-post__content h6 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    color: #0F1727;
    line-height: 1.35;
    margin-top: 32px;
    margin-bottom: 16px;
}

.sishc-single-post__content h2 {
    font-size: 32px;
}

.sishc-single-post__content h3 {
    font-size: 26px;
}

.sishc-single-post__content h4 {
    font-size: 22px;
}

.sishc-single-post__content a {
    color: var(--color-primary, #BE5103);
    text-decoration: underline;
    transition: color 0.2s ease;
    text-decoration: none;
}

.sishc-single-post__content a:hover {
    color: var(--color-secondary, #FF6F00);
}

.sishc-single-post__content img {
    max-width: 100%;
    height: auto;
}

.sishc-single-post__content figure {
    margin: 24px 0;
}

.sishc-single-post__content figure.aligncenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.sishc-single-post__content figure.aligncenter img {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.sishc-single-post__content figure figcaption {
    font-size: 14px;
    color: #6B7380;
    margin-top: 8px;
    text-align: center;
    font-style: italic;
}

.sishc-single-post__content .wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 24px 0;
}

.sishc-single-post__content .wp-block-column {
    flex: 1 1 0;
    min-width: 0;
}

@media (max-width: 767px) {
    .sishc-single-post__content .wp-block-columns {
        flex-direction: column;
        gap: 16px;
    }

    .sishc-single-post__content .wp-block-column {
        flex: 1 1 100%;
        width: 100%;
    }
}

.sishc-single-post__content blockquote {
    border-left: 4px solid var(--color-primary, #BE5103);
    padding-left: 20px;
    margin: 24px 0;
    font-style: italic;
    color: #374151;
}

.sishc-single-post__content ul,
.sishc-single-post__content ol {
    margin: 16px 0 24px 24px;
    padding: 0;
}

.sishc-single-post__content li {
    margin-bottom: 8px;
    line-height: 1.6;
}

.sishc-single-post__content iframe,
.sishc-single-post__content video {
    max-width: 100%;
}

/* ========== ACADEMIC TEAM ========== */
.sis-page-academic-team .btn-arrow-slide-e .elementor-swiper-button {
    width: 45px;
    height: 45px;
}

.sis-page-academic-team .control-principal-info .elementor-widget-text-editor.mobile {
    display: none;
}

/* PROGRAMME */
.sis-page-international-programme .mask-pill.junior-1 img {
    object-position: center 100%;
}

.sis-page-integrated-programme .mask-pill.junior-1 img,
.sishc-programme-page .sishc-mask-pill.junior-1 img {
    object-position: center 40%;
}

/* =========================================================
   SISHC CUSTOM STYLES: CAREER PAGE
   ========================================================= */
.sishc-career-page {
    background-color: var(--color-white);
}

.sishc-career-hero {
    background-color: var(--color-white);
    background-image: url("https://danang.sis.edu.vn/wp-content/uploads/common/effect-cloud.png");
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0 0 20px 0;
    text-align: center;
    position: relative;
}

.sishc-career-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 24px;
    letter-spacing: -0.3px;
}

.sishc-career-desc {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding: 0 16px;
}

.sishc-career-desc p {
    font-size: 14px;
    line-height: 1.72;
    color: #374151;
    margin-bottom: 14px;
}

.sishc-career-photo-section {
    display: flex;
    justify-content: center;
}

/* .sishc-career-photo-wrapper {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
} */

.sishc-career-photo-img {
    width: 100%;
    height: auto;
    display: block;
}

.sishc-career-contact-box {
    /* max-width: 1140px; */
    margin: 0 auto;
    /* padding: 0 20px; */
    display: flex;
    align-items: stretch;
    gap: 0;
}

.sishc-career-contact-col {
    flex: 1;
    padding: 0 20px 0 0;
    background: var(--color-white);
}

.sishc-career-hr-heading {
    font-size: 30px;
    font-weight: 600;
    color: var(--color-caramel);
    margin-bottom: 20px;
    margin-top: 50px;
}

.sishc-career-divider {
    border: none;
    border-top: 1px solid var(--color-caramel);
    margin: 18px 0 22px 0;
    opacity: 0.85;
}

.sishc-career-group-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-caramel);
    margin-bottom: 16px;
}

.sishc-career-office-card {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.65;
    color: #374151;
}

.sishc-career-office-name {
    color: var(--color-caramel);
    font-weight: 700;
    margin-bottom: 0;
}

.sishc-career-office-region {
    color: var(--color-caramel);
    font-weight: 700;
    margin-bottom: 6px;
}

.sishc-career-office-address {
    margin-bottom: 16px;
    font-weight: 600;
}

.sishc-career-office-contact {
    margin-bottom: 16px;
}

.sishc-career-office-contact p {
    margin: 0;
}

.sishc-career-office-contact strong {
    color: #1F2937;
}

.sishc-career-office-contact a {
    color: var(--color-dark);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.sishc-career-office-contact a:hover {
    text-decoration: underline;
    color: var(--color-secondary);
}

.sishc-career-process-col {
    flex: 1;
    background-color: var(--color-cream);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 50px 740px 50px;
}

.sishc-career-process-oval {
    background-color: var(--color-primary);
    border-radius: 264px;
    width: 100%;
    padding: 60px 32px;
    text-align: center;
    color: var(--color-white);
    box-shadow: 0 16px 36px rgba(190, 81, 3, 0.22);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sishc-career-oval-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--color-white);
    margin-bottom: 18px;
}

.sishc-career-oval-intro {
    color: var(--color-white);
    font-weight: 600;
    margin-bottom: 22px;
}

.sishc-career-checklist-wrapper {
    display: flex;
    justify-content: center;
}

.sishc-career-oval-checklist {
    list-style-type: disc;
    text-align: left;
    color: var(--color-white);
    font-weight: 500;
    padding-left: 20px;
    margin: 0;
}

.sishc-career-oval-checklist li {
    margin-bottom: 4px;
}

/* =========================================================
   SISHC CUSTOM STYLES: INTERNATIONAL PROGRAMME
   ========================================================= */
.sishc-programme-page {
    background-color: var(--color-white);
}

.sishc-programme-hero {
    background-color: var(--color-white);
    padding-top: 35px;
    padding-bottom: 24px;
    position: relative;
    text-align: center;
}

.sishc-programme-highlights {
    padding: 0 0 30px 0;
    background-color: var(--color-white);
    width: 100%;
    overflow: hidden;
}

.sishc-highlights-frame {
    width: 100%;
    margin: 0;
    padding: 0 50px 0 0;
    position: relative;
    display: flex;
    align-items: stretch;
    min-height: 560px;
}

.sishc-highlights-photo {
    width: 60%;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    border-radius: 0;
}

.sishc-highlights-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.sishc-highlights-gradient {
    flex: 1;
    background: linear-gradient(180deg, var(--color-desert) 0%, var(--color-assist) 100%);
    border-radius: 0 25px 25px 0;
    min-height: 560px;
}

.sishc-highlights-card {
    position: absolute;
    top: 50px;
    bottom: 0;
    right: 110px;
    width: 120%;
    max-width: 890px;
    background: var(--color-white, #FFFFFF);
    border-radius: 15px;
    padding: 3.5%;
    z-index: 5;
    display: flex;
    flex-direction: column;
}

.sishc-highlights-card-title {
    font-size: 52px;
    font-weight: 600;
    color: var(--color-primary, #b85908);
    margin-bottom: 20px;
    line-height: 1;
}

.sishc-highlights-bullets {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.sishc-highlights-bullets li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 24px;
    font-weight: 500;
}

.sishc-highlights-bullets li:last-child {
    margin-bottom: 0;
}

.sishc-highlights-bullets li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 24px;
    color: var(--color-secondary, #EB8C1D);
    font-weight: bold;
}

/* .sishc-grade-levels-section {
    padding: 20px 0 80px 0;
} */

.sishc-grade-tabs-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.sishc-grade-tabs {
    background: #FFF8EE;
    border-radius: 9999px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--color-secondary);
    width: 100%;
}

.sishc-grade-tab-btn {
    flex: 1;
    padding: 10px 40px;
    line-height: 1.5;
    border-radius: 9999px;
    font-size: 24px;
    font-weight: 700;
    color: #1F2937;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}

.sishc-grade-tab-btn:hover {
    color: #E89020;
}

.sishc-grade-tab-btn.active {
    background: linear-gradient(60deg, var(--color-desert), var(--color-assist));
    color: var(--color-white, #FFFFFF);
}

.sishc-grade-pane {
    display: none;
    animation: sishcTabFadeIn 0.35s ease;
    padding: 10px;
}

.sishc-grade-pane.active {
    display: block;
}

@keyframes sishcTabFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sishc-grade-title {
    font-size: 52px;
    font-weight: 600;
    text-align: center;
    margin: 30px 0;
}

.sishc-grade-desc {
    width: 80%;
    margin: 0 auto 40px auto;
}

.sishc-grade-desc ul.sishc-grade-list {
    display: inline-block;
    text-align: left;
    list-style-type: disc;
    padding-left: 20px;
    margin: 10px 0 16px 0;
    width: 100%;
}

.sishc-grade-desc ul li {
    margin-bottom: 4px;
}

.sishc-stadium-photos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px;
    margin: 0 auto;
}

.sishc-mask-pill {
    width: 100%;
    height: 342px;
    border-radius: 9999px;
    overflow: hidden;
    display: block;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    background-color: var(--color-cream-50, #FFF9F2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sishc-mask-pill-image-1 {
    width: 821px;
}

.sishc-mask-pill-image-2 {
    width: 534px;
}

.sishc-mask-pill img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    border-radius: inherit;
    display: block;
}

/* =========================================================
   SISHC CUSTOM STYLES: ACADEMIC TEAM PAGE
   ========================================================= */
.sishc-academic-team-page {
    background-color: var(--color-white);
}

.sishc-academic-hero {
    background-color: var(--color-cream);
    border-radius: 0px 0px 200px 200px;
    padding-top: 8px;
    padding-bottom: 35px;
    position: relative;
    text-align: center;
}

/* .sishc-academic-hero .sishc-container {
    margin-top: 43px;
} */

.sishc-academic-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 24px;
    letter-spacing: -0.5px;
}

.sishc-academic-collage-wrap {
    max-width: 820px;
    margin: 0 auto;
    padding: 0 16px;
}

.sishc-academic-collage-img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.sishc-principal-section {
    padding: 60px 0 60px 0;
}

.sishc-principal-box {
    display: flex;
    gap: 20px;
    align-items: start;
    margin: 0 auto;
    padding: 0;
}

.sishc-principal-card-left {
    background: var(--color-white);
}

.sishc-principal-photo-wrap {
    border-radius: 20px;
    overflow: hidden;
    background-color: #E6E1D8;
    margin-bottom: 18px;
    width: 35vw;
}

.sishc-principal-content-right {
    padding: 5px 10px;
}

.sishc-principal-photo-wrap img {
    width: 100%;
    height: 37vw;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.sishc-principal-name {
    color: var(--color-secondary);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}

.sishc-principal-role {
    color: #6B7280;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sishc-principal-quals-heading {
    font-size: 24px;
    font-weight: 700;
    color: #1F2937;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sishc-principal-quals-list {
    color: #6B7380;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    font-weight: 500;
}

.sishc-principal-quals-list li {
    margin-bottom: 6px;
}

.sishc-principal-content-right h2 {
    font-size: 52px;
    font-weight: 600;
    margin-bottom: 16px;
}

.sishc-principal-greeting {
    font-weight: 500;
    margin-bottom: 14px;
}

.sishc-principal-highlights-list {
    font-weight: 500;
}

.sishc-principal-warm-regards {
    margin-top: 20px;
}

.sishc-staff-section {
    padding: 50px 0 80px 0;
}

.sishc-staff-tabs-wrapper {
    display: flex;
    justify-content: center;
}

.sishc-tabs-pill-container {
    background: transparent;
    border-radius: 9999px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--color-secondary);
    width: 100%;
    background-color: var(--color-cream);
}

.sishc-tab-btn {
    padding: 10px 40px;
    border-radius: 9999px;
    font-size: 24px;
    font-weight: 600;
    color: #1F2937;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    text-transform: uppercase;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: center;
    min-height: 56px;
}

.sishc-tab-btn:hover {
    color: #DE5B17;
}

.sishc-tab-btn.active {
    background: linear-gradient(60deg, var(--color-desert), var(--color-assist));
    color: #FFFFFF;
}

.sishc-presentation-swiper {
    width: 100%;
    height: 520px;
    overflow: hidden;
    position: relative;
}

.sishc-presentation-slide {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
}

.sishc-presentation-card {
    position: relative;
    width: 100%;
    padding-top: 30px;
}

.sishc-presentation-header {
    margin-bottom: 20px;
    padding-left: 10px;
    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.55s ease;
}

.sishc-presentation-name {
    font-size: 36px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 10px;
}

.sishc-presentation-role {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.sishc-presentation-body {
    position: relative;
    background: #FFF9F0;
    border-radius: 80px;
    padding: 50px;
    min-height: 362px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sishc-presentation-quals-col {
    flex: 1;
    max-width: 60%;
    font-weight: 500;
}

.sishc-quals-heading {
    font-weight: 700;
    color: var(--color-secondary);
    text-transform: uppercase;
    margin-bottom: 14px;
}

.sishc-quals-list {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.sishc-quals-list li {
    margin-bottom: 6px;
}

.sishc-presentation-avatar-col {
    position: absolute;
    right: 70px;
    top: -90px;
    z-index: 2;
}

/* .sishc-presentation-avatar-frame {
    width: 275px;
    height: 275px;
    border-radius: 50%;
    border: 8px solid #EB641E;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 12px 32px rgba(235, 100, 30, 0.2);
    transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.55s ease;
} */

.sishc-presentation-avatar-img {
    width: 344px;
    height: 344px;
    object-fit: cover;
    object-position: center center;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: var(--color-secondary);
    border-radius: 500px 500px 500px 500px;
}

/* Subtle entrance animation on slide change: rising smoothly from below */
.sishc-presentation-slide:not(.swiper-slide-active) .sishc-presentation-header {
    opacity: 0;
    transform: translateY(24px);
}

.sishc-presentation-slide:not(.swiper-slide-active) .sishc-presentation-body {
    opacity: 0;
    transform: translateY(32px);
}

.sishc-presentation-slide:not(.swiper-slide-active) .sishc-presentation-avatar-frame {
    opacity: 0;
    transform: scale(0.92) translateY(24px);
}

.sishc-presentation-slide.swiper-slide-active .sishc-presentation-header {
    opacity: 1;
    transform: translateY(0);
    margin: 0 40px 10px;
}

.sishc-presentation-slide.swiper-slide-active .sishc-presentation-body {
    opacity: 1;
    transform: translateY(0);
}

.sishc-presentation-slide.swiper-slide-active .sishc-presentation-avatar-frame {
    opacity: 1;
    transform: scale(1) translateY(0);
}

/* Horizontal Thumbnails Swiper & Controls */
.sishc-thumb-slider-wrapper {
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.sishc-thumb-swiper {
    flex: 1;
    overflow: hidden;
}

.sishc-thumb-slide {
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 16px 12px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #FFFFFF;
    box-sizing: border-box;
    text-align: center;
}

.sishc-thumb-slide.is-active,
.sishc-thumb-slide.swiper-slide-active {
    border-color: #EB641E;
    box-shadow: 0 6px 20px rgba(235, 100, 30, 0.12);
}

.sishc-staff-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.sishc-staff-card__avatar-wrap {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto 14px auto;
}

.sishc-staff-card__avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 5px solid transparent;
    transition: border-color 0.3s ease;
}

.sishc-thumb-slide.is-active .sishc-staff-card__avatar,
.sishc-thumb-slide.swiper-slide-active .sishc-staff-card__avatar {
    border-color: #EB641E;
}

.sishc-staff-card__badge {
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1.5px solid #EB641E;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #EB641E;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.sishc-thumb-slide.is-active .sishc-staff-card__badge,
.sishc-thumb-slide.swiper-slide-active .sishc-staff-card__badge {
    background: #EB641E;
    color: #FFFFFF;
}

.sishc-staff-card__name {
    font-size: 14px;
    font-weight: 700;
    color: #1F2937;
    margin: 0 0 5px 0;
    line-height: 1.35;
    transition: color 0.3s ease;
}

.sishc-thumb-slide.is-active .sishc-staff-card__name,
.sishc-thumb-slide.swiper-slide-active .sishc-staff-card__name {
    color: #DE5B17;
}

.sishc-staff-card__role {
    font-size: 12.5px;
    color: #777777;
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
}

/* Nav Circle Buttons */
.sishc-slider-nav-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
}

.sishc-nav-circle-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: transform 0.25s ease, opacity 0.25s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

.sishc-nav-circle-btn:hover {
    transform: scale(1.08);
}

.sishc-nav-circle-btn--next {
    background: #FFB800;
    color: #FFFFFF;
}

.sishc-nav-circle-btn--prev {
    background: #C84E00;
    color: #FFFFFF;
}

/* Responsive for Academic Staff Section */
@media (max-width: 991px) {
    .sishc-tabs-pill-container {
        max-width: 100%;
    }

    .sishc-tab-btn {
        padding: 10px 16px;
        font-size: 13px;
    }

    .sishc-presentation-swiper {
        height: 420px;
    }

    .sishc-presentation-avatar-col {
        right: 25px;
        top: -45px;
    }

    .sishc-presentation-avatar-frame {
        width: 220px;
        height: 220px;
        border-width: 6px;
    }

    .sishc-presentation-body {
        padding: 30px 35px;
    }

    .sishc-presentation-quals-col {
        max-width: 55%;
    }
}

@media (max-width: 767px) {
    .sishc-tabs-pill-container {
        border-radius: 20px;
        flex-direction: column;
        gap: 6px;
        padding: 6px;
    }

    .sishc-tab-btn {
        width: 100%;
        padding: 10px 14px;
        font-size: 13px;
    }

    .sishc-presentation-swiper {
        height: auto;
        min-height: 480px;
    }

    .sishc-presentation-body {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 30px 20px 25px;
        border-radius: 28px;
    }

    .sishc-presentation-header {
        text-align: center;
        padding-left: 0;
    }

    .sishc-presentation-name {
        font-size: 26px;
    }

    .sishc-presentation-role {
        font-size: 16px;
    }

    .sishc-presentation-quals-col {
        max-width: 100%;
        order: 2;
    }

    .sishc-quals-list {
        text-align: left;
        display: inline-block;
    }

    .sishc-presentation-avatar-col {
        position: static;
        order: 1;
        margin-bottom: 20px;
    }

    .sishc-presentation-avatar-frame {
        width: 180px;
        height: 180px;
        margin: 0 auto;
    }

    .sishc-slider-nav-btns {
        gap: 6px;
    }

    .sishc-nav-circle-btn {
        width: 34px;
        height: 34px;
    }
}

.sishc-teachers-grid-view {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 10px;
}

.sishc-teachers-grid-view a {
    text-decoration: none;
}

.sishc-teachers-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sishc-teacher-pdf-card {
    background: var(--color-cream);
    border: 1px solid #F3EBD8;
    border-radius: 18px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    color: inherit;
}

.sishc-teacher-pdf-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(190, 81, 3, 0.08);
    border-color: #FEDBC0;
}

.sishc-teacher-pdf-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #FFEFE2;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.sishc-teacher-pdf-info h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
    color: var(--color-secondary);
}

.sishc-teacher-pdf-info span {
    font-size: 12.5px;
    color: var(--color-primary);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* =========================================================
   RESPONSIVE DESIGN FOR SISHC PAGES
   ========================================================= */
@media (max-width: 1024px) {
    .sishc-career-contact-box {
        flex-direction: column;
    }

    .sishc-career-contact-col {
        padding: 20px 0 30px 0;
    }

    .sishc-career-process-col {
        border-radius: 24px;
        padding: 45px 25px;
    }

    .sishc-highlights-frame {
        flex-direction: column;
        min-height: auto;
    }

    .sishc-highlights-photo {
        width: 100%;
        height: 380px;
        border-radius: 24px 24px 0 0;
    }

    .sishc-highlights-gradient {
        display: none;
    }

    .sishc-highlights-card {
        position: static;
        width: 100%;
        max-width: 100%;
        border-radius: 0 0 24px 24px;
        padding: 30px 24px;
        box-shadow: none;
        border: 2px solid #FDE68A;
    }

    .sishc-stadium-photos {
        flex-direction: column;
        align-items: center;
    }

    .sishc-mask-pill {
        width: 100%;
        max-width: 520px;
        height: 260px;
    }

    .sishc-grade-tabs {
        flex-wrap: wrap;
        border-radius: 24px;
    }

    .sishc-grade-tab-btn {
        flex: 1 1 45%;
    }

    .sishc-principal-card-left {
        max-width: 380px;
        margin: 0 auto;
        text-align: center;
    }

    .sishc-principal-card-left .sishc-principal-quals-list {
        text-align: left;
        display: inline-block;
    }

    .sishc-featured-showcase-card {
        flex-direction: column-reverse;
        padding: 35px 25px;
        text-align: center;
    }

    .sishc-featured-quals-list {
        text-align: left;
        display: inline-block;
    }
}

@media (max-width: 768px) {

    .sishc-career-hero,
    .sishc-programme-hero {
        padding-top: 32px;
    }

    .sishc-career-title,
    .sishc-academic-title {
        font-size: 30px;
    }

    .sishc-career-hr-heading {
        font-size: 22px;
    }

    .sishc-career-process-oval {
        padding: 45px 24px;
        border-radius: 180px;
    }

    .sishc-career-oval-title {
        font-size: 22px;
    }

    .sishc-highlights-card-title {
        font-size: 24px;
    }

    .sishc-grade-title {
        font-size: 28px;
    }

    .sishc-mask-pill {
        height: 200px;
    }

    .sishc-academic-hero {
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .sishc-principal-content-right h2 {
        font-size: 28px;
    }

    .sishc-featured-avatar-img {
        width: 160px;
        height: 160px;
    }
}

/* ========== PUBLICATIONS: MENU & NEWSLETTER ========== */
.sishc-pub-hero {
    background-color: var(--color-primary);
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    padding: 60px 0 50px;
    position: relative;
    margin-bottom: 2rem;
}

.sishc-pub-hero__title {
    color: var(--color-white);
    font-size: 44px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 45px;
}

.sishc-pub-featured-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: -90px;
    position: relative;
    z-index: 10;
}

.sishc-pub-featured-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: border 0.3s ease;
    border: 3px solid transparent;
}

.sishc-pub-featured-card a {
    text-decoration: none;
}

.sishc-pub-featured-card:hover {
    border: 3px solid var(--color-primary);
}

.sishc-pub-featured-card__badge {
    align-self: flex-start;
    background-color: var(--color-secondary);
    color: var(--color-white);
    font-size: 13px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.sishc-pub-featured-card__title {
    font-size: 36px;
    font-weight: 700;
    color: var(--color-black);
    margin: 20px 0;
    line-height: 42px;
}

.sishc-pub-featured-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.sishc-pub-featured-card__date {
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 500;
}

.sishc-pub-featured-card__btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--color-secondary);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.25s ease;
}

.sishc-pub-featured-card__btn:hover {
    background-color: var(--color-primary);
    transform: scale(1.08);
    color: #ffffff;
}

/* Listing section */
.sishc-pub-list-section {
    padding-top: 90px;
}

.sishc-pub-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 44px;
}

.sishc-pub-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.sishc-pub-date-badge {
    flex-shrink: 0;
    width: 64px;
    height: 68px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2.5px solid;
    background: #ffffff;
    padding: 4px;
}

.sishc-pub-date-badge.badge-orange {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
}

.sishc-pub-date-badge.badge-orange .sishc-pub-date__year {
    background-color: var(--color-secondary);
}

.sishc-pub-date-badge.badge-amber {
    border-color: #f59e0b;
    color: #f59e0b;
}

.sishc-pub-date-badge.badge-amber .sishc-pub-date__year {
    background-color: #f59e0b;
}

.sishc-pub-date-badge.badge-primary {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.sishc-pub-date-badge.badge-primary .sishc-pub-date__year {
    background-color: var(--color-primary);
}

.sishc-pub-date__month {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: capitalize;
}

.sishc-pub-date__year {
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 6px;
    padding: 1px 6px;
    margin-top: 3px;
    line-height: 1.2;
}

.sishc-pub-info {
    flex-grow: 1;
}

.sishc-pub-info__title {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 6px;
}

.sishc-pub-info__title a {
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.2s;
}

.sishc-pub-info__title a:hover {
    color: var(--color-primary);
}

.sishc-pub-info__meta {
    margin-bottom: 8px;
}

.sishc-pub-badge-pill {
    display: inline-block;
    background-color: var(--color-secondary);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 12px;
}

.sishc-pub-info__excerpt {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
}

.sishc-pub-pagination-wrapper {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 2px solid var(--color-secondary);
    text-align: center;
}

.sishc-pagination {
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.sishc-pagination .page-numbers {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.sishc-pagination .page-numbers.current {
    background-color: var(--color-secondary);
    color: #ffffff;
}

.sishc-pagination .page-numbers:hover:not(.current) {
    background-color: var(--color-cream-100);
    color: var(--color-primary);
}

/* ========== CONTACT US ========== */
.sishc-contact-page {
    background-color: #F4EEDD;
    padding-bottom: 160px;
    border-radius: 0px 0px 500px 500px;
}

.sishc-contact-page__title {
    color: var(--color-primary);
    font-size: 52px;
    font-weight: 600;
    margin: 20px 0 35px;
}

.sishc-contact-upper-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
    max-width: 1920px;
    margin: 0 auto;
}

.sishc-contact-upper-flex {
    margin-top: 100px;
    display: flex;
    gap: 40px;
    justify-content: flex-end;
}

.sishc-contact-intro,
.sishc-contact-kids-photo {
    margin-left: 150px;
}

.sishc-contact-kids-photo {
    width: 100%;
    max-width: 805px;
}

.sishc-contact-top-photos {
    margin-right: 15%;
}

.sishc-contact-intro__heading {
    font-size: 2.72vw;
    font-weight: 600;
    margin-bottom: 24px;
}

.sishc-contact-socials-wrapper {
    display: flex;
    justify-content: flex-end;
}

.sishc-contact-socials {
    display: flex;
    background: var(--color-shadow-white-100);
    border-radius: 50px;
    padding: 10px;
    column-gap: 25px;
    margin-right: 85px;
}

.sishc-contact-socials a img {
    width: 70px;
    height: 70px;
}

.sishc-contact-socials img.hover {
    display: none;
}

.sishc-contact-socials a:hover img {
    display: none;
}

.sishc-contact-socials a:hover img.hover {
    display: block;
}

.sishc-contact-top-photos {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    width: 100%;
    height: stretch;
    position: relative;
}

.sishc-contact-oval-photo {
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.sishc-contact-oval-photo--stem {
    width: 398px;
    height: 279px;
    object-fit: cover;
    object-position: center center;
    border-radius: 500px;
    border: 2px solid var(--color-assist);
    position: absolute;
    left: -30px;
}

.sishc-contact-oval-photo--dragon {
    width: 400px;
    height: 264px;
    object-fit: cover;
    object-position: center center;
    border-radius: 500px;
    border: 2px solid var(--color-secondary);
    position: absolute;
    left: 390px;
    top: -100px;
}

.sishc-contact-oval-photo--kids {
    width: 100%;
    height: 465px;
    object-fit: cover;
    object-position: center center;
    border-radius: 500px;
    border: 2px solid var(--color-white);
}

.sishc-contact-oval-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sishc-contact-info-card {
    background-color: #FFFFFF80;
    border-radius: 50px 0px 0px 50px;
    padding: 150px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 50%;
}

.sishc-contact-info-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.sishc-contact-info-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--color-assist);
    margin-top: 6px;
    flex-shrink: 0;
}

.sishc-contact-info-label {
    font-size: 20px;
    font-weight: 800;
    color: #78350F;
    margin-bottom: 12px;
}

.sishc-contact-info-text p {
    margin: 0;
}

.sishc-contact-info-text a {
    color: #111;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.sishc-contact-info-text a:hover {
    color: var(--color-primary);
}

.sishc-affiliated-pill {
    background-color: var(--color-primary);
    border-radius: 500px;
    padding: 35px 25px;
    text-align: center;
    color: #ffffff;
    width: 75%;
    margin: auto;
    margin-top: -100px;
}

.sishc-affiliated-pill__title {
    font-size: 36px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 18px;
}

.sishc-affiliated-pill__list li {
    margin-bottom: 8px;
}

.sishc-affiliated-pill__list a {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;

}

.sishc-affiliated-pill__list a:hover {
    color: var(--color-assist);
}

@media (max-width: 991px) {
    .sishc-pub-featured-row {
        grid-template-columns: 1fr;
        margin-bottom: 0;
    }

    .sishc-pub-grid {
        grid-template-columns: 1fr;
    }

    .sishc-pub-list-section {
        padding-top: 40px;
    }

    .sishc-contact-upper-grid {
        grid-template-columns: 1fr;
    }

    .sishc-contact-top-photos {
        justify-content: center;
    }

    .sishc-contact-oval-photo--stem,
    .sishc-contact-oval-photo--dragon {
        width: 160px;
        height: 120px;
    }

    .sishc-contact-oval-photo--kids {
        height: 200px;
    }

    .sishc-affiliated-pill {
        border-radius: 40px;
        padding: 30px 20px;
    }
}

/* ========== STANDARD PAGE CONTENT (.sishc-page-content) ========== */
.sishc-page-content {
    max-width: 800px;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    padding: 0;
}

.sishc-page-content h2,
.sishc-page-content h3,
.sishc-page-content h4 {
    color: var(--color-primary);
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.sishc-page-content h2 {
    font-size: 28px;
    border-bottom: 2px solid var(--color-cream-100);
    padding-bottom: 8px;
}

.sishc-page-content h3 {
    font-size: 22px;
}

.sishc-page-content ul,
.sishc-page-content ol {
    padding-left: 1.8rem;
    margin-bottom: 1.5rem;
}

.sishc-page-content li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.sishc-page-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
    margin: 2rem 0;
    border: 1px solid var(--color-cream-100);
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.sishc-page-content th {
    background-color: var(--color-primary);
    color: #ffffff;
    padding: 14px 18px;
    font-weight: 700;
    text-align: left;
    font-size: 15px;
    border: none;
}

.sishc-page-content td {
    padding: 14px 18px;
    border-bottom: 1px solid var(--color-cream-100);
    color: #333333;
    font-size: 15px;
    line-height: 1.5;
}

.sishc-page-content tr:last-child td {
    border-bottom: none;
}

.sishc-page-content tr:nth-child(even) td {
    background-color: var(--color-cream-50);
}

.sishc-page-content a {
    color: var(--color-secondary);
    text-decoration: underline;
    transition: color 0.2s;
}

.sishc-page-content a:hover {
    color: var(--color-primary);
}

/* Accordion / Details & Summary */
.sishc-page-content details,
details.sishc-accordion {
    background: #ffffff;
    border: 1.5px solid var(--color-cream-100);
    border-radius: 16px;
    margin-bottom: 16px;
    overflow: hidden;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

.sishc-page-content details[open],
details.sishc-accordion[open] {
    border-color: var(--color-secondary);
    box-shadow: 0 6px 20px rgba(255, 111, 0, 0.08);
}

.sishc-page-content summary,
details.sishc-accordion summary {
    padding: 16px 24px;
    font-weight: 700;
    font-size: 18px;
    color: var(--color-primary);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    user-select: none;
    background: #FAF7EA;
}

.sishc-page-content summary::-webkit-details-marker,
details.sishc-accordion summary::-webkit-details-marker {
    display: none;
}

.sishc-page-content summary::after,
details.sishc-accordion summary::after {
    content: '+';
    font-size: 24px;
    font-weight: 600;
    color: var(--color-secondary);
    transition: transform 0.25s ease;
}

.sishc-page-content details[open] summary::after,
details.sishc-accordion[open] summary::after {
    content: '−';
    color: var(--color-primary);
}

.sishc-page-content details>*:not(summary),
details.sishc-accordion>*:not(summary) {
    padding: 20px 24px;
    color: #333333;
    line-height: 1.7;
}

/* ========== UNIFIED PAGE TITLE COMPONENT ========== */
.sis-page-title-header {
    padding: 40px 0;
    text-align: center;
}

.sis-page-title {
    font-size: 52px;
    font-weight: 600;
    color: var(--color-primary);
    font-family: inherit;
    margin: 0;
    text-align: center;
    line-height: 1;
    text-transform: capitalize;
}

.sis-page-title.text-white,
.sis-page-title--white,
.sis-page-hero__title.text-white {
    color: var(--color-white, #ffffff);
}

/* Breadcrumb nav (Matches Image 1) */
.sis-breadcrumbs {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
}

.sis-breadcrumbs a {
    color: #6B7380;
    text-decoration: none;
    font-weight: 500;
}

.sis-breadcrumbs .separator {
    margin: 0 4px;
}

.sis-breadcrumbs .current,
.sis-breadcrumbs .breadcrumb_last,
.sis-breadcrumbs strong,
.sis-breadcrumbs .current strong {
    color: #f26522;
    font-weight: 700;
}

/* Standard Content Intro */
.sishc-page-content>p:first-of-type,
.sishc-facilities-intro,
.sishc-milestone-intro {
    max-width: 860px;
    text-align: center;
}

/* ========== FACILITIES PAGE (5-Column Grid) ========== */
.sishc-facilities-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.sishc-facility-card {
    position: relative;
    overflow: hidden;
}

.sishc-facility-card__link {
    display: block;
    height: 100%;
    text-decoration: none;
}

.sishc-facility-card__inner {
    position: relative;
    aspect-ratio: 6 / 4;
    overflow: hidden;
    width: 100%;
}

.sishc-facility-card__img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 0.4s ease;
}

.sishc-facility-card:hover .sishc-facility-card__img {
    transform: scale(1.05);
}

.sishc-facility-card__overlay {
    position: absolute;
    inset: 0;
    background-color: transparent;
    pointer-events: none;
}

.sishc-facility-card__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background-color: var(--color-shadow-accent, rgba(245, 158, 11, 0.7));
    display: none;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    z-index: 2;
    box-sizing: border-box;
}

.sishc-facility-card:hover .sishc-facility-card__caption {
    display: flex;
}

.sishc-facility-card__title {
    color: var(--color-white, #ffffff);
    font-size: 13.5px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ========== MILESTONE EVENTS PAGE (4x2 Colored Buttons Grid) ========== */
.sishc-milestone-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 0 auto;
    margin-top: 35px;
}

.sishc-milestone-card-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    min-height: 94px;
    padding: 10px;
    border-radius: 15px;
    border: 2px solid transparent;
    font-size: 24px;
    font-weight: bold;
    justify-content: space-evenly;
    border: 0;
}

.sishc-milestone-card-btn img {
    height: 90px;
    margin-left: 20px;
}

.sishc-milestone-card-btn:last-child img {
    height: 70px;
}

.sishc-milestone-card-btn__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sishc-milestone-card-btn__title {
    font-size: 24px;
    color: var(--color-primary);
    width: 65%;
    font-weight: bold;
    line-height: 35px;
    text-transform: capitalize;
}

.sishc-milestone-panes {
    margin-top: 40px;
}

.sishc-milestone-pane-detail {
    max-width: 1180px;
    margin: 0 auto;
}

.sishc-milestone-detail-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 35px;
}

.sishc-milestone-detail-body p {
    text-align: center;
}

.sishc-milestone-detail-body ul {
    text-align: center;
    list-style-position: inside;
    padding: 0;
    font-weight: 500;
}

/* ========== SCHOOLWIDE LEARNER GOALS (Accordions & Checkmarks) ========== */
.sis-page-schoolwide-learner-goals .sishc-page-content {
    max-width: 900px;
    margin: 0 auto;
}

/* ==========================================================================
   Schoolwide Learner Goals (Image 3)
   ========================================================================== */
.sishc-goals-page {
    background-color: #ffffff;
}

.sishc-goals-container {
    max-width: 1020px;
    margin: 0 auto;
}

.sishc-goals-intro-text {
    margin-bottom: 30px;
}

.sishc-goal-accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sishc-goal-summary {
    background-color: var(--color-cream-200);
    border-radius: 50px;
    padding: 10px 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    user-select: none;
}

.sishc-goal-summary::-webkit-details-marker,
.sishc-goal-summary::marker {
    display: none;
    content: "";
}

.sishc-goal-title {
    font-weight: 700;
}

.sishc-goal-icon-badge {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 14px;
    background-color: var(--color-desert);
    transition: background-color 0.25s ease;
}

.sishc-goal-icon-badge .sishc-icon-minus {
    display: none;
    stroke: #ffffff;
}

.sishc-goal-icon-badge .sishc-icon-plus {
    display: block;
    stroke: #ffffff;
}

.sishc-goal-accordion[open] .sishc-goal-icon-badge {
    background-color: var(--color-caramel);
}

.sishc-goal-accordion[open] .sishc-goal-icon-badge .sishc-icon-minus {
    display: block;
}

.sishc-goal-accordion[open] .sishc-goal-icon-badge .sishc-icon-plus {
    display: none;
}

.sishc-goal-box {
    background-color: var(--color-stone-50);
    border-radius: 20px;
    padding: 30px 20px;
    margin-bottom: 10px;
}

/* ========== RESPONSIVE TABLES WRAPPER ========== */
.sishc-table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ==========================================================================
   School Fees (Image 2)
   ========================================================================== */
.sishc-school-fees-table {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto 36px;
    border-collapse: collapse;
    border: none;
    font-family: inherit;
}

.sishc-fees-table__header-main {
    background-color: var(--color-primary);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 16px;
    border: none;
}

.sishc-fees-table__header-sub {
    width: 50%;
    background-color: var(--color-cream-100);
    color: var(--color-primary);
    font-weight: 700;
    text-align: center;
    padding: 8px;
    border: none;
}

.sishc-fees-table__desc-cell {
    background-color: var(--color-stone-50);
    color: #2b2b2b;
    font-weight: bold;
    text-align: center;
    padding: 24px 28px;
    border: none;
}

/* Download Grid */
.sishc-fees-download-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    max-width: 1180px;
    margin: 0 auto 40px;
}

.sishc-fee-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    padding: 10px;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    min-height: 87px;
    transition: background-color 0.25s ease, box-shadow 0.25s ease, border 0.25s ease;
    border: 1px solid transparent;
}

.sishc-fee-btn:hover {
    border: 1px solid var(--color-primary);
}

.sishc-fee-btn__label {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-primary);
}

.sishc-fee-btn__icon {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #ffffff;
}

/* Cream buttons (1 & 2) */
.sishc-fee-btn--cream {
    background-color: var(--color-cream-200);
}

.sishc-fee-btn--cream .sishc-fee-btn__icon {
    background-color: #d8741b;
}

.sishc-fee-btn--cream:hover .sishc-fee-btn__icon {
    background-color: #a44e05;
}

/* Peach buttons (3, 4, 5) */
.sishc-fee-btn--peach {
    background-color: var(--color-karry);
}

.sishc-fee-btn--peach .sishc-fee-btn__icon {
    background-color: #b85908;
}

.sishc-fee-btn--peach:hover .sishc-fee-btn__icon {
    background-color: #a44e05;
}

.sishc-fee-btn--peach .btn-download-icon {
    background-color: var(--color-primary);
}

.sishc-fee-btn--peach:hover .btn-download-icon {
    background-color: var(--color-desert);
}

@media (max-width: 767px) {
    .sishc-fees-download-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Other Fees Table (Image 4)
   ========================================================================== */
.sis-page-other-fees .sishc-page-content,
.sis-page-cac-khoan-phi-khac .sishc-page-content {
    max-width: 1040px;
    margin: 0 auto;
    font-size: 15.5px;
    line-height: 1.65;
    color: #333333;
}

.sis-page-other-fees .sishc-page-content p:first-of-type,
.sis-page-cac-khoan-phi-khac .sishc-page-content p:first-of-type {
    margin-bottom: 24px;
    text-align: center;
}

.sis-page-other-fees table,
.sis-page-cac-khoan-phi-khac table {
    width: 100%;
    margin: 20px auto 40px;
    border-collapse: collapse;
    border: none;
    font-family: inherit;
}

/* Left column header: Fee Type */
.sis-page-other-fees table tr:first-child th,
.sis-page-cac-khoan-phi-khac table tr:first-child th {
    background-color: var(--color-primary);
    color: #ffffff;
    padding: 8px;
    text-align: center;
}

/* Left column alternating rows */
.sis-page-other-fees table tr:nth-child(even) td:not([rowspan]),
.sis-page-cac-khoan-phi-khac table tr:nth-child(even) td:not([rowspan]) {
    background-color: #fbf6ec;
}

.sis-page-other-fees table tr:nth-child(odd) td:not([rowspan]),
.sis-page-cac-khoan-phi-khac table tr:nth-child(odd) td:not([rowspan]) {
    background-color: var(--color-stone-50);
}

/* .sis-page-other-fees table td:not([rowspan]),
.sis-page-cac-khoan-phi-khac table td:not([rowspan]) {
    width: 50%;
    padding: 14px 24px;
    color: #222222;
    border: none;
} */

/* Right column spanning all rows */
.sis-page-other-fees table td[rowspan],
.sis-page-cac-khoan-phi-khac table td[rowspan] {
    width: 41.6%;
    background-color: #f1ebd8;
    padding: 8px 24px;
    border-left: 3px solid white;
}

/* ==========================================================================
   Transportation (Image 3)
   ========================================================================== */
.sis-page-transportation .sishc-page-content,
.sis-page-dich-vu-xe-dua-don .sishc-page-content {
    max-width: 960px;
    margin: 0 auto;
    font-size: 15.5px;
    line-height: 1.7;
    color: #333333;
    padding-top: 10px;
    padding-bottom: 50px;
    text-align: left;
}

.sis-page-transportation .sishc-page-content p,
.sis-page-dich-vu-xe-dua-don .sishc-page-content p {
    text-align: left;
    margin-bottom: 18px;
}

.sis-page-transportation .sishc-page-content ul,
.sis-page-dich-vu-xe-dua-don .sishc-page-content ul {
    text-align: left;
    margin-bottom: 24px;
    padding-left: 24px;
    list-style: disc outside;
}

.sis-page-transportation .sishc-page-content li,
.sis-page-dich-vu-xe-dua-don .sishc-page-content li {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 10px;
    color: #333333;
    text-align: left;
}

/* ==========================================================================
   Virtues Programme Table (Image 4)
   ========================================================================== */
.sis-page-virtues-programme .sishc-page-content,
.sis-page-chuong-trinh-dao-duc .sishc-page-content {
    max-width: 1060px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.65;
    color: #333333;
}

.sis-page-virtues-programme .sishc-page-content p,
.sis-page-chuong-trinh-dao-duc .sishc-page-content p {
    margin-bottom: 20px;
}

/* .sis-page-virtues-programme table,
.sis-page-chuong-trinh-dao-duc table {
    width: 100%;
    max-width: 1060px;
    margin: 30px auto;
    border-collapse: collapse;
    border: none;
    font-family: inherit;
} */

/* Orange main header row */
/* .sis-page-virtues-programme table thead th,
.sis-page-chuong-trinh-dao-duc table thead th {
    background-color: #c05a11;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 18px;
    text-align: left;
    border: none;
}

.sis-page-virtues-programme table thead th:not(:first-child),
.sis-page-chuong-trinh-dao-duc table thead th:not(:first-child) {
    text-align: center;
} */

/* Week / Term 1.. Term 4 / All Year subheader row */
/* .sis-page-virtues-programme table tbody tr:first-child th,
.sis-page-virtues-programme table tbody tr:first-child td,
.sis-page-chuong-trinh-dao-duc table tbody tr:first-child th,
.sis-page-chuong-trinh-dao-duc table tbody tr:first-child td {
    background-color: #ffffff;
    color: #c05a11;
    font-size: 14.5px;
    font-weight: 700;
    padding: 12px 18px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #f2eadc;
}

.sis-page-virtues-programme table tbody tr:first-child th,
.sis-page-chuong-trinh-dao-duc table tbody tr:first-child th {
    text-align: left;
} */

/* Alternating rows for data */
/* .sis-page-virtues-programme table tbody tr:nth-child(odd):not(:first-child) td,
.sis-page-virtues-programme table tbody tr:nth-child(odd):not(:first-child) th,
.sis-page-chuong-trinh-dao-duc table tbody tr:nth-child(odd):not(:first-child) td,
.sis-page-chuong-trinh-dao-duc table tbody tr:nth-child(odd):not(:first-child) th {
    background-color: #fbf6ec;
}

.sis-page-virtues-programme table tbody tr:nth-child(even) td,
.sis-page-virtues-programme table tbody tr:nth-child(even) th,
.sis-page-chuong-trinh-dao-duc table tbody tr:nth-child(even) td,
.sis-page-chuong-trinh-dao-duc table tbody tr:nth-child(even) th {
    background-color: #ffffff;
} */

/* Cell padding & typography */
/* .sis-page-virtues-programme table td,
.sis-page-virtues-programme table th,
.sis-page-chuong-trinh-dao-duc table td,
.sis-page-chuong-trinh-dao-duc table th {
    padding: 12px 18px;
    font-size: 14px;
    line-height: 1.5;
    color: #222222;
    border: none;
    text-align: center;
}

.sis-page-virtues-programme table tbody th[scope="row"],
.sis-page-chuong-trinh-dao-duc table tbody th[scope="row"] {
    text-align: left;
    font-weight: 700;
    color: #1a202c;
} */

/* Respect column spanning 5 rows */
/* .sis-page-virtues-programme table td[rowspan],
.sis-page-chuong-trinh-dao-duc table td[rowspan] {
    background-color: #f7f1e5;
    font-weight: 700;
    font-size: 15px;
    color: #222222;
    vertical-align: middle;
    text-align: center;
} */

/* ==========================================================================
   Admission Policy / Requirements Table (Image 5)
   ========================================================================== */
.sis-page-admission-policy-requirements .sishc-page-content,
.sis-page-chinh-sach-tuyen-sinh .sishc-page-content {
    max-width: 960px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.65;
    color: #333333;
}

.sis-page-admission-policy-requirements .sishc-page-content h5,
.sis-page-chinh-sach-tuyen-sinh .sishc-page-content h5 {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin-top: 24px;
    margin-bottom: 12px;
    line-height: 1.4;
}

.sis-page-admission-policy-requirements .sishc-page-content ul,
.sis-page-chinh-sach-tuyen-sinh .sishc-page-content ul {
    margin-bottom: 28px;
    padding-left: 20px;
}

.sis-page-admission-policy-requirements .sishc-page-content li,
.sis-page-chinh-sach-tuyen-sinh .sishc-page-content li {
    font-size: 14.5px;
    line-height: 1.65;
    margin-bottom: 8px;
}

.sis-page-admission-policy-requirements table,
.sis-page-chinh-sach-tuyen-sinh table {
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
    border: none;
}

/* Row 1: Orange header */
.sis-page-admission-policy-requirements table tr:first-child th,
.sis-page-chinh-sach-tuyen-sinh table tr:first-child th {
    background-color: #c05a11;
    padding: 14px 20px;
    text-align: center;
    border: none;
}

.sis-page-admission-policy-requirements table tr:first-child h5,
.sis-page-chinh-sach-tuyen-sinh table tr:first-child h5 {
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    padding: 5px 0;
}

/* Subheaders: FOR CHILD, FOR PARENTS */
.sis-page-admission-policy-requirements table tr th[colspan="3"],
.sis-page-chinh-sach-tuyen-sinh table tr th[colspan="3"] {
    background-color: var(--color-cream-100);
    padding: 12px 20px;
    text-align: center;
    border: none;
}

.sis-page-admission-policy-requirements table tr:first-child th[colspan="3"],
.sis-page-chinh-sach-tuyen-sinh table tr:first-child th[colspan="3"] {
    background-color: var(--color-primary);
}

.sis-page-admission-policy-requirements table tr th[colspan="3"] h5,
.sis-page-chinh-sach-tuyen-sinh table tr th[colspan="3"] h5 {
    font-size: 24px;
    font-weight: 700;
    color: #1a202c;
    margin: 8px 0;
}

.sis-page-admission-policy-requirements table tr:first-child th[colspan="3"] h5,
.sis-page-chinh-sach-tuyen-sinh table tr:first-child th[colspan="3"] h5 {
    color: #ffffff;
    font-size: 24px;
}

/* Document data rows */
.sis-page-admission-policy-requirements table tr:nth-child(even) td,
.sis-page-chinh-sach-tuyen-sinh table tr:nth-child(even) td {
    background-color: var(--color-stone-50);
}

.sis-page-admission-policy-requirements table tr:nth-child(odd) td,
.sis-page-chinh-sach-tuyen-sinh table tr:nth-child(odd) td {
    background-color: var(--color-stone-50);
}

.sis-page-admission-policy-requirements table td,
.sis-page-chinh-sach-tuyen-sinh table td {
    padding: 8px;
    padding-left: 24px;
    color: #222222;
    border: none;
    vertical-align: middle;
    font-weight: 500;
}

.sis-page-admission-policy-requirements table td:first-child,
.sis-page-chinh-sach-tuyen-sinh table td:first-child {
    width: 70px;
    font-weight: 600;
    color: #666666;
}

.sis-page-admission-policy-requirements table td:nth-child(2),
.sis-page-chinh-sach-tuyen-sinh table td:nth-child(2) {
    color: #222222;
}

.sis-page-admission-policy-requirements table td:nth-child(3),
.sis-page-chinh-sach-tuyen-sinh table td:nth-child(3) {
    width: 220px;
    color: #333333;
}

.sis-page-admission-policy-requirements table tbody tr td:last-child {
    border-left: 3px solid white;
    width: 25%;
    font-weight: 600;
}

.sis-page-school-fees table tbody td {
    background-color: #fbf9f4;
    text-align: center;
    padding: 8px;
    padding-left: 24px;
    border: none;
}

/* Other fees table: 2-column layout */
.sis-page-other-fees table th {
    width: 50%;
    /* text-align: left; */
}

.sis-page-other-fees table td[rowspan] {
    width: 42%;
    background-color: #f1ebd8;
    text-align: center;
    vertical-align: middle;
    color: var(--color-primary, #b75908);
    font-weight: 700;
    padding: 8px 24px;
}

.sis-page-other-fees table tr td:not([rowspan]) {
    padding: 8px;
    padding-left: 24px;
    font-weight: 500;
}

.sis-page-other-fees table tr:nth-child(even) td:not([rowspan]) {
    background-color: #f6f0e2;
}

/* Download Cards Grid in School Fees & Calendar */
.sis-page-school-fees .sishc-page-content,
.sis-page-school-calendar .sishc-page-content {
    text-align: center;
}

.sis-download-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 900px;
    margin: 30px auto 0;
}

.sis-page-school-fees .sis-download-grid .btn-download {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.sis-page-school-fees .sis-download-grid .btn-download:nth-child(1),
.sis-page-school-fees .sis-download-grid .btn-download:nth-child(2) {
    background-color: #ede4cd;
}

.sis-page-school-fees .sis-download-grid .btn-download:nth-child(n+3) {
    background-color: #fce2cf;
}

.sis-page-school-fees .btn-download-text,
.sis-page-school-calendar .btn-download-text,
.sis-page-online-learning-booklet .btn-download-text {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-primary);
}

.sis-page-school-fees .btn-download-icon,
.sis-page-school-calendar .btn-download-icon,
.sis-page-online-learning-booklet .btn-download-icon {
    width: 68px;
    height: 68px;
    min-width: 68px;
    border-radius: 8px;
    background-color: var(--color-accent, #ea7400);
    color: #ffffff;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background-color 0.3s ease;
}

/* Class Timetable */
.sis-page-class-timetable table {
    max-width: 860px;
    margin: 0 auto 36px;
}

/* Virtues Programme Table */
.sis-page-virtues-programme table {
    width: 100%;
    /* max-width: 960px; */
    margin-top: 20px;
    border-collapse: separate;
    border-spacing: 0;
    /* border-radius: 10px; */
    overflow: hidden;
    text-align: center;
}

.sis-page-virtues-programme table thead tr th {
    background-color: var(--color-primary, #b75908);
    color: #ffffff;
    font-weight: 700;
    padding: 8px;
}

.sis-page-virtues-programme table tbody tr:first-child th,
.sis-page-virtues-programme table tbody tr:first-child td {
    background-color: var(--color-stone-50);
    color: var(--color-primary);
    font-weight: 700;
    padding: 8px;
    text-align: center;
}

.sis-page-virtues-programme table tbody tr:not(:first-child) td,
.sis-page-virtues-programme table tbody tr:not(:first-child) th {
    padding: 8px;
}

.sis-page-virtues-programme table tbody tr:nth-child(even):not(:first-child) {
    background-color: var(--color-cream-100);
}

.sis-page-virtues-programme table tbody tr:nth-child(odd):not(:first-child) {
    background-color: var(--color-stone-50);
}

.sis-page-virtues-programme table thead tr th:first-child,
.sis-page-virtues-programme table tbody tr th:first-child,
.sis-page-virtues-programme table tbody tr td:first-child {
    text-align: left;
    font-weight: 700;
}

.sis-page-virtues-programme table tr th:not(:first-child),
.sis-page-virtues-programme table tr td:not(:first-child) {
    font-weight: 500;
}

.sis-page-virtues-programme table tr th {
    font-weight: 600;
}

.sis-page-virtues-programme table tbody tr:first-child td:last-child,
.sis-page-virtues-programme table tbody tr:nth-child(2) td:last-child {
    width: 17%;
    border-left: 3px solid white;
    font-weight: 700;
}

/* Our Campus 2-Column Gallery (SISHC) */
.page-our-campus .sishc-campus-gallery,
.page-our-campus .sis-campus-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 0 auto;
    min-height: 1px;
}

.page-our-campus .sishc-campus-gallery__link,
.page-our-campus .sis-campus-gallery__link {
    display: block;
    height: 100%;
    text-decoration: none;
}

.page-our-campus .sishc-campus-gallery__image-wrapper,
.page-our-campus .sis-campus-gallery__image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 6 / 4;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.page-our-campus .sishc-campus-gallery__img,
.page-our-campus .sis-campus-gallery__img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 0.4s ease;
}

.page-our-campus .sishc-campus-gallery__item:hover .sishc-campus-gallery__img,
.page-our-campus .sis-campus-gallery__item:hover .sis-campus-gallery__img {
    transform: scale(1.03);
}

.page-our-campus .sishc-campus-gallery__caption,
.page-our-campus .sis-campus-gallery__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background-color: var(--color-shadow-accent, rgba(245, 158, 11, 0.7));
    display: none;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    z-index: 2;
}

.page-our-campus .sishc-campus-gallery__item:hover .sishc-campus-gallery__caption,
.page-our-campus .sis-campus-gallery__item:hover .sis-campus-gallery__caption {
    display: flex;
}

.page-our-campus .sishc-campus-gallery__title,
.page-our-campus .sis-campus-gallery__title {
    color: var(--color-white, #ffffff);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    line-height: normal;
}

/* Responsive Media Queries */
@media (max-width: 1199px) {
    .sishc-milestone-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .sishc-facilities-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .page-our-campus .sishc-campus-gallery,
    .page-our-campus .sis-campus-gallery {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .sishc-facilities-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sishc-milestone-grid {
        grid-template-columns: 1fr;
    }

    .sis-page-hero__title,
    .sishc-page-title {
        font-size: 30px;
    }
}

/* ==========================================================================
   Shared Containers & Utility
   ========================================================================== */
.sis-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    box-sizing: border-box;
}

.sis-container--narrow {
    max-width: 860px;
}

/* ==========================================================================
   Accreditations & Partnerships (Image 2)
   ========================================================================== */
.page-accreditations-partnerships .sis-intro-text {
    text-align: center;
    width: 65%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.sis-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;

    margin: 0 auto 40px;
}

.sis-tabs__btn {
    flex: 0 0 calc(25% - 8px);
    border: none;
    border-radius: 15px;
    padding: 10px;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Checkerboard colors from Image 2:
   Row 1 (4 buttons): 1 Dark, 2 Cream, 3 Dark, 4 Cream
   Row 2 (3 buttons centered): 5 Cream, 6 Dark, 7 Cream */
.sis-tabs__btn:nth-child(1),
.sis-tabs__btn:nth-child(3),
.sis-tabs__btn:nth-child(6) {
    background-color: var(--color-caramel);
    color: #ffffff;
}

.sis-tabs__btn:nth-child(1):hover,
.sis-tabs__btn:nth-child(3):hover,
.sis-tabs__btn:nth-child(6):hover {
    background-color: #8c320a;
    color: #ffffff;
}

.sis-tabs__btn:nth-child(2),
.sis-tabs__btn:nth-child(4),
.sis-tabs__btn:nth-child(5),
.sis-tabs__btn:nth-child(7) {
    background-color: #fdf7ec;
    color: #702509;
}

.sis-tabs__btn:nth-child(2):hover,
.sis-tabs__btn:nth-child(4):hover,
.sis-tabs__btn:nth-child(5):hover,
.sis-tabs__btn:nth-child(7):hover {
    background-color: #f6ecdb;
    color: #702509;
}

/* .sis-tabs__btn.is-active {
    box-shadow: 0 0 0 3px #d8741b;
} */

@media (max-width: 991px) {
    .sis-tabs__btn {
        flex: 0 0 calc(50% - 12px);
        width: calc(50% - 12px);
        min-height: 68px;
    }
}

@media (max-width: 575px) {
    .sis-tabs__btn {
        flex: 0 0 100%;
        width: 100%;
        min-height: 56px;
    }
}

.sis-partner-card {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
}

.sis-partner-card__title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
}

.sis-partner-card__logo {
    margin: 0 auto 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sis-partner-card__logo img {
    max-width: 200px;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.sis-partner-card__desc {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.sis-partner-card__desc p {
    margin-bottom: 16px;
}

.sis-partner-card__schools-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-secondary);
    margin-top: 28px;
    margin-bottom: 28px;
    text-align: center;
}

.sis-partner-card__schools-list {
    font-weight: 600;
    width: 50%;
    margin: 0 auto;
    margin-top: 10px;
}

.sis-partner-card__schools-list a {
    color: #222222;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sis-partner-card__schools-list a:hover {
    color: #c05a11;
    text-decoration: underline;
}



/* ==========================================================================
   University Pathways
   ========================================================================== */
.sis-pathway-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 0 auto 50px;
}

.sis-pathway-card {
    border-radius: 50px;
    padding: 30px 30px 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    min-height: 380px;
    box-sizing: border-box;
    border: 5px solid transparent;
}

.sis-pathway-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.sis-pathway-card--content-bottom .sis-pathway-card__header {
    margin-bottom: 0;
}

.sis-pathway-card__title {
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    margin-left: 30px;
    text-transform: uppercase;
    line-height: 1;
    color: #1F2F76;
}

.sis-pathway-card__image-col {
    flex: 1;
    align-self: center;
}

/* Card 1: US */
.sis-pathway-card--us {
    background-color: var(--color-primary);
    color: #ffffff;
}

.sis-pathway-card--us .sis-pathway-card__title {
    color: #ffffff;
}

/* Card 2: UK */
.sis-pathway-card--uk {
    background-color: var(--color-cream);
    border: 5px solid var(--color-assist);
    padding-top: 10px;
}

/* Card 3: Australia */
.sis-pathway-card--au {
    background-color: var(--color-assist);
}

/* Pathway World Map */
.sis-pathway-diagram {
    text-align: center;
    margin: 80px auto 40px;
}

.sis-pathway-diagram__img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ==========================================================================
   Alumni
   ========================================================================== */


.page-alumni .alumni-block {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.page-alumni .alumni-block__title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 36px;
}

.page-alumni .alumni-block__text p {
    margin-bottom: 16px;
}

.page-alumni .alumni-contact {
    margin-top: 25px;
    font-size: 16px;
}

.page-alumni .alumni-link {
    text-decoration: none;
}

.page-alumni .alumni-link:hover {
    color: #8c4204;
}

.page-alumni .alumni-map-wrapper {
    margin-top: 30px;
}

.page-alumni .alumni-map-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Responsive Overrides */
@media (max-width: 991px) {
    .sis-tabs__btn {
        flex: 0 1 calc(50% - 16px);
    }

}

@media (max-width: 576px) {
    .sis-tabs__btn {
        flex: 0 1 100%;
        min-height: auto;
    }
}

/* ==========================================================================
   Extra Curricular Activities
   ========================================================================== */
.page-extra-curricular .sis-eca-intro {
    max-width: 860px;
    margin: 0 auto 35px;
    font-size: 15px;
    line-height: 1.7;
    color: #333333;
}

.sis-eca-tabs__nav {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 35px;
}

.sis-eca-tabs__btn {
    background-color: var(--color-assist);
    border: none;
    border-radius: 50px;
    padding: 7px 40px;
    font-weight: 600;
    transition: all 0.25s ease;
    line-height: 24px;
    flex: 1;
}

.sis-eca-tabs__btn.is-active {
    background-color: var(--color-primary, #b75908);
    color: #ffffff;
}

.sis-eca-group {
    max-width: 1000px;
    margin: 0 auto 60px;
}

.sis-eca-group__title {
    font-size: 18px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
}

.sis-eca-activities-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 20px;
}

.sis-eca-activity-col h4 {
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 12px;
}

.sis-eca-activity-col ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.sis-eca-activity-col li {
    font-weight: 500;
}

.sis-eca-posters-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.sis-eca-poster img,
.sis-eca-single-poster img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.sis-eca-single-poster {
    max-width: 720px;
    margin: 0 auto;
}

.sis-eca-year-round-card {
    max-width: 600px;
    margin: 0 auto;
    background: #fbf9f4;
    border-radius: 16px;
    padding: 35px 40px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

.sis-eca-year-round-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sis-eca-year-round-list li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.sis-eca-year-round-list li::before {
    content: "•";
    position: absolute;
    left: 4px;
    font-size: 24px;
    line-height: 1;
}

@media (max-width: 767px) {
    .sis-eca-activities-grid {
        grid-template-columns: 1fr;
    }

    .sis-eca-posters-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Study Pathway Page
   ========================================================================== */
.sis-page-study-pathway {
    background-color: #ffffff;
}

.sis-study-header {
    margin: 30px 0 45px;
    text-align: center;
}

.sis-study-page-title {
    font-size: 42px;
    font-weight: 700;
    color: #b33917;
    margin: 0;
    line-height: 1.2;
}

.sis-study-container {
    max-width: 1364px;
    margin: 0 auto;
    padding: 0;
}

/* 1. Programme Cards */
.sis-study-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 50px;
}

.sis-study-card {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 50px;
    border: 5px solid transparent;
    padding: 50px;
    min-height: 480px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    cursor: pointer;
    overflow: hidden;
}

.sis-study-card--international {
    background: var(--color-primary);
}

.sis-study-card--integrated {
    background: var(--color-cream);
    border: 5px solid var(--color-assist);
}

.sis-study-card__header,
.sis-study-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.sis-study-card__footer {
    align-items: flex-end;
}

.sis-study-card__title {
    font-size: 42px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    line-height: 1;
}

.sis-study-card--international .sis-study-card__title {
    color: #ffffff;
}

.sis-study-card--integrated .sis-study-card__title {
    color: #ee6214;
}

/* Compatibility alias for study card arrow button */
.sis-study-card__arrow-btn {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sis-study-card__image-wrap {
    width: 100%;
    height: 302px;
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

.sis-study-card--international .sis-study-card__image-wrap {
    margin-top: 45px;
}

.sis-study-card--integrated .sis-study-card__image-wrap {
    margin-bottom: 45px;
}

.sis-study-card__image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.45s ease;
}

.sis-study-card:hover .sis-study-card__image-wrap img {
    transform: scale(1.06);
}

/* 2. IGCSE 2024 Stellar Results Section */
.sis-stellar-section {
    margin-bottom: 75px;
}

.sis-stellar-row {
    display: flex;
    align-items: stretch;
    gap: 20px;
}

.sis-stellar-title-col {
    width: 70%;
    display: flex;
    padding-left: 150px;
    margin-top: 20px;
}

.sis-stellar-title {
    font-size: 52px;
    font-weight: 600;
    line-height: 1;
    color: var(--color-primary);
    margin: 0;
}

.sis-stellar-card {
    width: 94%;
    background: #FFF9EC;
    border-radius: 90px 0px 0px 90px;
    padding: 30px 105px 0 40px;
}

/* Top Row: 100% */
.sis-stellar__top-row {
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
}

html[lang='vi'] .sis-stellar__top-row {
    margin-bottom: 44px;
}

.sis-stellar__chart-wrap {
    width: 270px;
    flex-shrink: 0;
}

.sis-stellar__chart-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.sis-stellar__top-details {
    flex: 1;
}

.sis-stellar__top-rate {
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    color: var(--color-primary);
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: inherit;
}

.sis-stellar__subject-list p {
    font-size: 20px;
    margin: 0;
}

.sis-stellar__subject-list p:last-child {
    margin-bottom: 0;
}

.sis-grade-tag {
    color: var(--color-secondary);
    font-weight: 700;
}

/* Bottom Row */
.sis-stellar__bottom-row {
    display: flex;
    gap: 20px;
    position: relative;
    justify-content: flex-end;
}

.sis-stellar__sub-rates {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
    position: absolute;
    bottom: 20px;
    left: -460px;
}

.sis-stellar__rate-item {
    border-radius: 100px;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

.sis-stellar__rate-item.stellar-result-1 {
    width: 674px;
}

.sis-stellar__rate-item.stellar-result-2 {
    width: 812px;
}

.sis-stellar__rate-icon {
    width: 127px;
    height: auto;
}

.sis-stellar__rate-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.sis-stellar__rate-label {
    font-size: 20px;
    font-weight: 500;
    color: #777777;
}

.sis-stellar__rate-number {
    font-size: 90px;
    font-weight: 700;
    color: var(--color-desert-100);
}

/* .stellar-result-2 .sis-stellar__rate-number {
    color: var(--color-assist);
} */

.sis-stellar__rate-subjects {
    margin-right: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.sis-stellar__rate-subjects p {
    margin: 0;
    text-align: end;
}

.sis-stellar__rate-subjects p:last-child {
    margin-bottom: 0;
}

/* .sis-stellar__books-col {
    flex: 0 0 250px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
} */

.sis-stellar__books-img {
    max-width: 577px;
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* 3. Study Pathway Diagram Section */
.sis-study-diagram-section {
    margin: 60px auto 60px;
    text-align: center;
}

.sis-study-diagram-wrap {
    max-width: 1000px;
    margin: 0 auto;
}

.sis-study-diagram-link {
    display: block;
    text-decoration: none;
}

.sis-study-diagram-img {
    width: 100%;
    max-width: 1000px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 8px;
}

/* Responsive */
@media (max-width: 1024px) {
    .sis-stellar-row {
        flex-direction: column;
        gap: 30px;
    }

    .sis-stellar-title-col {
        flex: 1 1 100%;
        text-align: center;
        justify-content: center;
    }

    .sis-stellar-title {
        font-size: 32px;
    }
}

@media (max-width: 860px) {

    .sis-stellar__bottom-row {
        flex-direction: column;
        align-items: stretch;
    }

    .sis-stellar__books-col {
        flex: 0 0 auto;
        margin-top: 15px;
    }

    .sis-stellar__books-img {
        max-width: 150px;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .sis-study-page-title {
        font-size: 32px;
    }

    .sis-study-card {
        padding: 24px;
        min-height: 400px;
    }

    .sis-study-card__title {
        font-size: 22px;
    }

    .sis-study-card__image-wrap {
        height: 200px;
    }

    .sis-stellar-card {
        padding: 24px 20px;
    }

    .sis-stellar__top-row {
        flex-direction: column;
        text-align: center;
    }

    .sis-stellar__rate-val-box {
        justify-content: center;
    }
}





/* ==========================================================================
   News & Events Page
   ========================================================================== */
.sis-page-news-events .site-content,
.sis-page-newsletter .site-content,
.sis-page-menu .site-content {
    background-color: #F4EEDD;
}

/* 1. Hero Section & Decor Background */
.sis-news-hero-section {
    position: relative;
    padding: 0 0 25px 0;
    overflow: hidden;
}

.sis-news-hero-bg-decor {
    position: absolute;
    top: 0;
    right: 0;
    width: 63.5%;
    height: 53%;
    background-color: var(--color-assist);
    border-radius: 90px 0px 90px 0px;
    z-index: 0;
    pointer-events: none;
}

.sis-news-hero-section .sis-container {
    position: relative;
    z-index: 1;
    /* max-width: 1200px; */
    margin: 0 auto;
    /* padding: 0 20px; */
}

/* .sis-news-hero-header {
    margin-bottom: 35px;
    text-align: center;
} */

.sis-news-hero-title {
    font-size: 42px;
    font-weight: 700;
    color: #702509;
    margin: 0;
    line-height: 1.2;
    text-align: center;
}

.sis-news-simple-header {
    padding: 40px 0 20px;
    text-align: center;
}

/* Featured 3 Cards Grid */
.sis-featured-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.sis-featured-card {
    background: #ffffff;
    border-radius: 20px;
    border: 3px solid transparent;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.sis-featured-card img {
    transform: scale(1);
    transition: transform 0.3s ease;
    display: block;
    will-change: transform;
}

.sis-featured-card:hover {
    border: 3px solid var(--color-primary);
}

.sis-featured-card:hover img {
    transform: scale(1.5);
}

.sis-featured-card__thumb-link {
    display: block;
    text-decoration: none;
    overflow: hidden;
    margin-bottom: 20px;
}

.sis-featured-card__thumb {
    width: 100%;
    height: 364px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.sis-featured-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.sis-featured-card:hover .sis-featured-card__thumb img {
    transform: scale(1.5);
}

.sis-featured-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 20px;
}

.sis-post-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.sis-badge {
    width: fit-content;
    padding: 2px 18px;
    border-radius: 5px;
    font-weight: 600;
}

.sis-badge--events {
    background-color: var(--color-caramel);
    color: var(--color-white);
}

.sis-badge--news {
    background-color: var(--color-assist);
}

.sis-badge--newsletter,
.sis-badge--menu {
    background-color: var(--color-metallic-orange);
    color: var(--color-white);
}

.sis-featured-card__title {
    font-size: 36px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    line-height: 1.15;
}

.sis-featured-card__title a {
    text-decoration: none;
    color: var(--color-dark);
}

.sis-featured-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: auto;
}

.sis-featured-card__date {
    font: italic 500 14px / normal "Raleway", Sans-serif;
    color: var(--color-stone-200);
}

.sis-featured-card__arrow-btn {
    width: 47px;
    height: 49px;
    border-radius: 50%;
    background-color: var(--color-secondary);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.sis-featured-card__arrow-btn>svg {
    width: 25px;
    height: auto;
}

.sis-featured-card:hover .sis-featured-card__arrow-btn {
    transform: rotate(45deg);
    background-color: var(--color-primary);
}

/* 2. Listing Section (2 Columns) */
.sis-news-listing-section {
    background-color: var(--color-white);
    padding: 30px 0 70px;
}

/* .sis-news-listing-section .sis-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
} */

.sis-news-articles-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.sis-news-row-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 50px 0 50px 20px;
    border-bottom: none;
}

/* Date Badge */
.sis-date-badge {
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 15px;
    justify-content: center;
    width: 76px;
    height: fit-content;
    gap: 0;
    padding: 5px;
}

.sis-date-badge__month {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    background-color: var(--color-cream-150);
    border-radius: 10px;
    height: 55px;
    place-content: center;
}

.sis-date-badge__year {
    font-size: 24px;
    font-weight: 600;
    margin: 0 8px;
    color: #ffffff;
}

/* 3 Color Variants */
.sis-date-badge--orange {
    background-color: #FF6F00;
}

.sis-date-badge--orange .sis-date-badge__month {
    color: #FF6F00;
}

.sis-date-badge--gold {
    background-color: #FCD34D;
}

.sis-date-badge--gold .sis-date-badge__month {
    color: #FCD34D;
}

.sis-date-badge--brown {
    background-color: #BE5103;
}

.sis-date-badge--brown .sis-date-badge__month {
    color: #BE5103;
}

/* Middle: Info */
.sis-news-row-item__info {
    flex: 1;
    min-width: 0;
}

.sis-news-row-item__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sis-news-row-item__title a {
    color: #1f2937;
    font-size: 36px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sis-news-row-item__info .sis-post-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 8px 0;
}

.sis-news-row-item__excerpt {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Right: Square Thumbnail */
.sis-news-row-item__thumb-wrap {
    flex-shrink: 0;
    width: 257px;
    height: 257px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #faf5eb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.sis-news-row-item__thumb-wrap a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
}

.sis-news-row-item__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: inherit;
    transition: transform 0.35s ease;
}

.sis-news-row-item:hover .sis-news-row-item__thumb {
    transform: scale(1.06);
}

/* Bottom Divider Line */
.sis-news-divider-line {
    width: 100%;
    height: 1.5px;
    background-color: #ea5b18;
    margin: 48px 0 28px 0;
}

/* 3. Custom Pagination */
.sis-custom-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0 0 40px;
}

.sis-custom-pagination .page-numbers {
    width: 35px;
    height: 35px;
    min-width: 35px;
    padding: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--color-black);
    text-decoration: none;
    transition: all 0.2s ease;
}

.sis-custom-pagination .page-numbers.current {
    background-color: var(--color-secondary);
    color: #ffffff;
}

.sis-custom-pagination .page-numbers:hover:not(.current):not(.dots) {
    color: #ea5b18;
}

.sis-custom-pagination .dots {
    border-radius: 0;
    min-width: auto;
    width: auto;
    color: #94a3b8;
}

.sis-custom-pagination .prev:hover,
.sis-custom-pagination .next:hover {
    color: #ea5b18;
}

/* Responsive */
@media (max-width: 1024px) {
    .sis-featured-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sis-news-articles-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .sis-featured-cards-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin: 0 auto;
    }

    .sis-news-row-item {
        flex-direction: column-reverse;
    }

    .sis-news-row-item__thumb-wrap {
        width: 100%;
        height: 200px;
    }

    .sis-news-hero-title {
        font-size: 32px;
    }
}

/* =========================================================
   PAGE: OUTDOOR EDUCATION PROGRAMMES (PURE BEM HAND-CODE)
   ========================================================= */

.page-template-page-outdoor-education-programmes .site-footer.sishc-footer {
    margin-top: -200px;
}

/* 1. Header & Intro Section */
.sis-outdoor-intro-section {
    position: relative;
    padding: 0 20px 50px;
    padding-bottom: 300px;
    background-image: url(https://danang.sis.edu.vn/wp-content/uploads/2026/03/bg-shape-sky.png);
    background-position: bottom center;
    background-size: cover;
}

.sis-outdoor-main-title {
    font-size: 52px;
    font-weight: 600;
    color: var(--color-primary, #be5103);
    text-align: center;
    margin: 0 0 35px;
    letter-spacing: -0.5px;
}

.sis-outdoor-intro-wrapper {
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1920px;
    margin: auto;
}

.sis-outdoor-intro-content {
    max-width: 972px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.sis-outdoor-obv-link {
    color: var(--color-primary, #be5103);
    font-weight: 700;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.sis-outdoor-obv-link:hover {
    color: var(--color-secondary, #ff6f00);
}

/* Floating shape images */
.sis-outdoor-floating-shapes {
    position: absolute;
    top: 0;
    width: 200px;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.sis-outdoor-shapes--left {
    left: 100px;
}

.sis-outdoor-shapes--right {
    right: 100px;
}

.sis-shape-img {
    position: absolute;
    width: 170px;
    height: auto;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.12));
    transition: transform 0.4s ease;
}

.sis-shape-img--1 {
    top: 110px;
    left: 0;
    height: 240px;
    width: 300px;
}

.sis-shape-img--2 {
    top: 100px;
    right: -50px;
    height: 240px;
    width: 300px;
}

.sis-shape-img--3 {
    top: 300px;
    right: 50px;
    height: 200px;
    width: 300px;
}

.sis-shape-img--4 {
    top: 315px;
    left: 55px;
    height: 216.46px;
    width: 300px;
}

/* Discover Button with Click here */
.sis-outdoor-discover-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -10px;
}

.sis-outdoor-discover-btn-link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.sis-outdoor-discover-btn-link:hover {
    transform: scale(1.04);
}

.sis-outdoor-discover-btn-link img {
    width: auto;
    display: block;
}

.sis-outdoor-discover-btn-link .sis-discover-hover-img {
    display: none;
}

.sis-outdoor-discover-btn-link:hover .sis-discover-default-img {
    display: none;
}

.sis-outdoor-discover-btn-link:hover .sis-discover-hover-img {
    display: block;
}

/* 2. Outward Bound Waves & Binh Dinh Course Section */
.sis-outdoor-obv-section {
    position: relative;
    margin-top: -150px
}

.sis-outdoor-compass-fan-container {
    position: relative;
    z-index: 5;
    max-width: 1100px;
    margin: 0 auto -90px;
    padding-top: 100px;
    display: flex;
    justify-content: center;
}

.sis-outdoor-fan-img {
    position: absolute;
    top: -100px;
    height: auto;
    display: block;
}

.sis-outdoor-wave-wrap {
    background-image: url('../../../../uploads/common/bg-shape-7.png');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 940px;
    position: relative;
    z-index: 2;
}

.sis-outdoor-wave-content {
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    padding-top: 420px;
}

.sis-outdoor-obv-subheading {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
}

.sis-outdoor-obv-heading {
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    margin: 0;
}

.sis-outdoor-obv-gallery-wrapper {
    position: absolute;
    bottom: -280px;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    overflow: hidden;
}

.sis-outdoor-obv-gallery-img {
    max-width: 125%;
    height: auto;
    display: block;
}

/* 3. Overseas Study Section */
.sis-outdoor-overseas-section {
    background-color: #fff9ec;
    padding: 70px 20px 60px;
    padding-top: 320px;
    padding-bottom: 120px;
}

.sis-outdoor-section-title {
    font-size: 52px;
    font-weight: 600;
    color: var(--color-primary, #be5103);
    text-align: center;
}

.sis-outdoor-section-lead {
    font-size: 16px;
    line-height: 1.75;
    color: #4b5563;
    max-width: 820px;
    margin: 0 auto 35px;
    text-align: center;
}

.sis-outdoor-pill-badge {
    display: inline-block;
    background-color: var(--color-primary, #be5103);
    color: #ffffff;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 10px 32px;
    border-radius: 40px;
    box-shadow: 0 4px 14px rgba(190, 81, 3, 0.25);
    margin-bottom: 25px;
}

.sis-outdoor-tour-text-wrap {
    max-width: 840px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 15.5px;
    line-height: 1.75;
    color: #4b5563;
}

.sis-outdoor-tour-text-wrap p {
    margin-bottom: 16px;
}

.sis-outdoor-bullet-list {
    margin-top: 15px;
}

.sis-outdoor-bullet-item {
    margin-bottom: 12px;
    color: #374151;
}

.sis-photo-taken-during-study-tour {
    background-image: url(https://danang.sis.edu.vn/wp-content/uploads/2026/03/bg-shape-8-water-airplane-copy.png);
    background-position: 53% 0%;
    background-size: cover;
    margin-top: -120px;
    padding-top: 80px;
    padding-bottom: 500px;
}

.sis-outdoor-sub-gallery-title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 45px 0 25px;
}

.sis-outdoor-tour-slider-container {
    margin: 0 auto;
    position: relative;
    width: 85%;
    height: 356.41px;
}

.sis-outdoor-tour-swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sis-outdoor-tour-swiper .swiper-wrapper {
    height: 100%;
}

.sis-outdoor-tour-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    height: 100%;
}

.sis-outdoor-tour-card {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    background: #ffffff;
}

.sis-outdoor-tour-card__img-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 3px solid var(--color-white);
    border-radius: 20px;
}

.sis-outdoor-tour-card__img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

/* Slider Controls */
.sis-outdoor-slider-arrows {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 20px;
    padding-right: 10px;
}

.sis-outdoor-slider-vertical-arrows {
    justify-content: flex-end;
    align-items: center;
    flex-direction: column-reverse;
}

.sis-slider-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.25s ease;
}

.sis-slider-btn svg {
    width: 1.25em;
    height: 1.25em;
}

.sis-slider-btn.assist-btn {
    background-color: var(--color-assist);
}

.sis-slider-btn.desert-btn {
    background-color: var(--color-desert);
}

.sis-slider-btn.white-btn {
    background-color: var(--color-white);
}

.sis-slider-btn svg {
    fill: var(--color-white);
}

.sis-slider-btn.white-btn svg {
    fill: var(--color-primary);
}

.sis-slider-btn:hover {
    background-color: var(--color-secondary);
}

.sis-slider-btn.white-btn:hover svg {
    fill: var(--color-white);
}

.sis-slider-btn.swiper-button-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

/* 4. Immersion Programme in USA */
.sis-outdoor-immersion-section {
    position: relative;
    padding-top: 20px;
}

.sis-outdoor-airplane-container {
    max-width: 1100px;
    margin: -60px auto 30px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 4;
}

.sis-outdoor-airplane-img {
    max-width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.1));
}

.sis-outdoor-immersion-text-wrap {
    max-width: 840px;
    margin: 0 auto 40px;
    text-align: center;
    font-size: 15.5px;
    line-height: 1.75;
    color: #4b5563;
}

.sis-outdoor-immersion-text-wrap p {
    margin-bottom: 20px;
}

/* Brown Arch Box */
.sis-outdoor-immersion-arch-box {
    padding-top: 20px;
    padding-bottom: 300px;
    background-image: url(https://danang.sis.edu.vn/wp-content/uploads/2026/03/bg-shape-6.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 140vw auto;
}

.sis-outdoor-arch-title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

.sis-outdoor-immersion-slider-container {
    margin: 0 auto;
    height: 410px;
    display: flex;
    align-items: flex-end;
    gap: 40px;
}

.sis-outdoor-immersion-swiper {
    flex: 1;
    min-width: 0;
    height: 100%;
    overflow: hidden;
}

.sis-outdoor-immersion-swiper .swiper-wrapper {
    height: 100%;
}

.sis-outdoor-immersion-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    height: 100%;
}

.sis-outdoor-immersion-card {
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
    background: #ffffff;
    transition: transform 0.35s ease;
}

.sis-outdoor-immersion-card__img-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sis-outdoor-immersion-card__img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .sis-outdoor-floating-shapes {
        display: none;
    }
}

@media (max-width: 991px) {
    .sis-outdoor-main-title {
        font-size: 34px;
    }

    .sis-outdoor-obv-heading {
        font-size: 28px;
    }

    .sis-outdoor-section-title {
        font-size: 32px;
    }

    .sis-outdoor-tour-slider-container {
        width: 100%;
        height: 320px;
    }

    .sis-outdoor-tour-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin: 0 auto;
    }

    .sis-outdoor-immersion-grid {
        grid-template-columns: 1fr;
        max-width: 520px;
        margin: 0 auto;
    }

    .sis-outdoor-immersion-arch-box {
        border-radius: 60px 60px 0 0;
        padding: 40px 15px 50px;
    }
}

@media (max-width: 768px) {
    .sis-outdoor-tour-slider-container {
        height: 250px;
    }

    .sis-outdoor-immersion-slider-container {
        flex-direction: column;
        height: auto;
        gap: 20px;
        align-items: center;
    }

    .sis-outdoor-immersion-swiper {
        width: 100%;
        height: 260px;
    }

    .sis-outdoor-immersion-slider-container .sis-outdoor-slider-arrows {
        flex-direction: row;
        margin-top: 10px;
    }

    .sis-outdoor-compass-fan-container {
        margin-bottom: -50px;
    }

    .sis-outdoor-wave-wrap {
        padding-top: 90px;
        min-height: auto;
    }

    .sis-outdoor-airplane-container {
        margin: -30px auto 20px;
    }
}

/* =========================================================
   PAGE: WALL OF FAME (PURE BEM HAND-CODE)
   ========================================================= */
.sis-wof-page {
    background-color: #ffffff;
    padding-bottom: 70px;
}

.sis-wof-header {
    margin: 40px 0 35px;
}

.sis-wof-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--color-primary, #be5103);
    text-align: center;
    margin: 0;
    letter-spacing: -0.5px;
}

.sis-wof-section {
    margin-bottom: 50px;
}

.sis-wof-year-heading-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 55px;
}

.sis-wof-year {
    display: flex;
}

.sis-wof-year .flex100 {
    flex: 1;
}

.sis-wof-year .flex50 {
    flex: 0.5;
}

.sis-wof-year-title {
    font-size: 52px;
    font-weight: 600;
    color: var(--color-secondary, #ea5b18);
    margin: 0;
    white-space: nowrap;
}

.sis-wof-year-divider {
    flex-grow: 1;
    height: 1px;
    background-color: black;
}

.sis-wof-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: min-content;
}

.sis-wof-grid--single {
    grid-template-columns: repeat(3, 1fr);
}

.sis-wof-split-years-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.sis-wof-split-col .sis-wof-grid--single {
    grid-template-columns: 1fr;
}

.sis-wof-card {
    /* height: 803px; */
    background-color: var(--color-cream);
    border: 3px solid var(--color-secondary);
    border-radius: 20px;
    padding: 39px;
}

.sis-wof-card__img-wrap img {
    height: 427px;
    border-radius: 25px;
    object-fit: cover;
    object-position: top center;
}

.sis-wof-card__name {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-primary, #be5103);
    text-transform: uppercase;
    margin: 30px 0 20px 0;
}

.sis-wof-card__achievements p:last-child {
    margin-bottom: 0;
}

/* Responsive Wall of Fame */
@media (max-width: 1024px) {

    .sis-wof-grid,
    .sis-wof-grid--single {
        grid-template-columns: repeat(2, 1fr);
    }

    .sis-wof-split-years-wrap {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 640px) {

    .sis-wof-grid,
    .sis-wof-grid--single {
        grid-template-columns: 1fr;
    }

    .sis-wof-title {
        font-size: 32px;
    }

    .sis-wof-year-title {
        font-size: 24px;
    }
}

/* =========================================================
   PAGE: UNIVERSITY GALLERIES (PURE BEM HAND-CODE)
   ========================================================= */
.sis-uni-galleries-page {
    background-color: #ffffff;
}

.sis-uni-header {
    margin: 40px 0 35px;
}

.sis-uni-title {
    font-size: 42px;
    font-weight: 700;
    color: var(--color-primary, #be5103);
    text-align: center;
    margin: 0;
    letter-spacing: -0.5px;
}

/* ==========================================================================
   TIMELINE PILL BAR (STYLE CHUNG CHO UNIVERSITY & PHOTO GALLERY)
   Dùng mẫu chuẩn của University Galleries
   ========================================================================== */
.sis-timeline-bar {
    margin: 0 auto 20px;
}

.sis-timeline-bar__bar {
    background-color: var(--color-caramel);
    border-radius: 50px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
}

.sis-timeline-bar__arrow {
    border-radius: 50%;
    border: none;
    background-color: #ffffff;
    color: var(--color-secondary, #e05c1a);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    padding: 0;
    transition: all 0.2s ease;
    flex-shrink: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.sis-timeline-bar__arrow--prev {
    position: absolute;
    left: 6px;
    padding: 10px 12px 10px 8px;
}

.sis-timeline-bar__arrow--next {
    position: absolute;
    right: 6px;
    padding: 10px 8px 10px 12px;
}

.sis-timeline-bar__arrow svg {
    fill: var(--color-secondary);
    width: 20px;
    height: 20px;
    display: block;
}

.sis-timeline-bar__arrow:disabled,
.sis-timeline-bar__arrow.is-disabled {
    cursor: default;
    pointer-events: none;
    box-shadow: none;
    opacity: 0.3;
    transform: none;
}

.sis-timeline-bar__track-wrap {
    flex-grow: 1;
    overflow: hidden;
    margin: 0 45px;
}

.sis-timeline-bar__track {
    display: flex;
    align-items: center;
    width: 100%;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
}

/* Kiểu chữ, kích thước & hiển thị 5 mục trên timeline */
.sis-timeline-bar__btn {
    border: none;
    background: transparent;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.2s ease;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 14px 0;
    text-align: center;
    box-sizing: border-box;
}

.sis-timeline-bar__btn.is-active {
    color: var(--color-assist, #f6cb55);
}

@media (max-width: 1679px) {
    .sis-timeline-bar__btn {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

@media (max-width: 1109px) {
    .sis-timeline-bar__btn {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .sis-timeline-bar__bar {
        height: 50px;
        padding: 0 6px;
    }

    .sis-timeline-bar__arrow {
        width: 32px;
        height: 32px;
    }

    .sis-timeline-bar__arrow svg {
        width: 16px;
        height: 16px;
    }

    .sis-timeline-bar__track-wrap {
        margin: 0 38px;
    }

    .sis-timeline-bar__btn {
        font-size: 14px;
        padding: 6px 4px;
    }
}

/* Gallery Panels */
.sis-uni-year-panel {
    display: none;
}

.sis-uni-year-panel.is-active {
    display: block;
    animation: sisUniFadeIn 0.35s ease forwards;
}

@keyframes sisUniFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sis-uni-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin: 0 auto;
}

.sis-uni-card {
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.sis-uni-card__img-box {
    width: 100%;
    display: block;
    line-height: 0;
}

.sis-uni-card__img-box img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

@media (max-width: 1024px) {
    .sis-uni-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .sis-uni-grid {
        grid-template-columns: 1fr;
    }

    .sis-uni-title {
        font-size: 32px;
    }
}

/* University Gallery Lightbox */
.sis-uni-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.sis-uni-lightbox.is-open {
    display: flex;
}

.sis-uni-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
}

.sis-uni-lightbox__container {
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    max-width: 860px;
    width: calc(100% - 80px);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: sisLbFadeIn 0.25s ease;
}

@keyframes sisLbFadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.sis-uni-lightbox__close {
    position: absolute;
    top: -48px;
    right: -8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background-color: rgba(255, 255, 255, 0.9);
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.sis-uni-lightbox__close:hover {
    background-color: #ffffff;
}

.sis-uni-lightbox__img-wrap {
    width: 100%;
    line-height: 0;
    overflow: hidden;
}

.sis-uni-lightbox__img {
    width: 100%;
    height: auto;
    display: block;
    max-height: calc(90vh - 72px);
    object-fit: contain;
}

.sis-uni-lightbox__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 20px;
    background-color: #fff;
}

.sis-uni-lightbox__btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background-color: var(--color-caramel, #8c350d);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
}

.sis-uni-lightbox__btn:hover {
    background-color: var(--color-primary, #b85908);
    transform: scale(1.08);
}

.sis-uni-lightbox__counter {
    font-size: 15px;
    font-weight: 600;
    color: #444;
    min-width: 48px;
    text-align: center;
}

@media (max-width: 768px) {
    .sis-uni-lightbox__container {
        width: calc(100% - 24px);
        border-radius: 12px;
    }

    .sis-uni-lightbox__close {
        top: -44px;
        right: 0;
    }
}


/* ==========================================================================
   PHOTO GALLERIES PAGE (Pure Hand-Code BEM)
   ========================================================================== */

.sis-photo-galleries-page {
    padding-bottom: 80px;
    background-color: #ffffff;
}

/* .sis-photo-galleries-page .sis-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
} */

.sis-photo-header {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}

.sis-photo-title {
    font-size: 44px;
    font-weight: 800;
    color: #c05a11;
    margin: 0;
    line-height: 1.2;
}

/* Photo Gallery 2-column layout */
.sishc-photo-gallery-container {
    width: 100%;
}

.sishc-photo-gallery-container .photo-gallery {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    padding: 0 10px;
}

/* Cột trái: Danh sách các sự kiện */
.sishc-photo-gallery-container .hook-photo-gallery-title {
    flex: 0 0 400px;
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sishc-photo-gallery-container .hook-photo-gallery-title .post-title {
    margin: 0;
    padding: 8px 18px;
    font-weight: 600;
    color: #2b2b2b;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.sishc-photo-gallery-container .hook-photo-gallery-title .post-title:hover:not(.active) {
    background-color: #fdf1cb;
    color: #6b2606;
}

.sishc-photo-gallery-container .hook-photo-gallery-title .post-title.active {
    background-color: #f6cb55;
    color: #1a1a1a;
}

/* Cột phải: Gallery grid & View more */
.sishc-photo-gallery-container .hook-photo-gallery-content {
    flex: 1;
    min-width: 0;
}

.sishc-photo-gallery-container .hook-photo-gallery-content .post-content {
    width: 100%;
}

.sishc-photo-gallery-container .hook-photo-gallery-content .wp-block-gallery.filebird-block-filebird-gallery,
.sishc-photo-gallery-container .hook-photo-gallery-content .wp-block-gallery {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sishc-photo-gallery-container .hook-photo-gallery-content .filebird-block-filebird-gallery .blocks-gallery-item,
.sishc-photo-gallery-container .hook-photo-gallery-content .wp-block-image {
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    background-color: #f3f3f3;
}

.sishc-photo-gallery-container .hook-photo-gallery-content .filebird-block-filebird-gallery .blocks-gallery-item figure,
.sishc-photo-gallery-container .hook-photo-gallery-content .wp-block-image figure {
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
}

.sishc-photo-gallery-container .hook-photo-gallery-content .filebird-block-filebird-gallery .blocks-gallery-item img,
.sishc-photo-gallery-container .hook-photo-gallery-content .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    display: block;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.sishc-photo-gallery-container .hook-photo-gallery-content .filebird-block-filebird-gallery .blocks-gallery-item:hover img,
.sishc-photo-gallery-container .hook-photo-gallery-content .wp-block-image:hover img {
    transform: scale(1.06);
}

/* View More Button */
.sishc-photo-gallery-container .view-more-btn {
    display: none;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    font-size: 15px;
    font-weight: 700;
    color: #2b2b2b;
    cursor: pointer;
    width: 100%;
    margin-top: 20px;
    user-select: none;
}

.sishc-photo-gallery-container .view-more-btn.active {
    display: inline-flex;
}

.sishc-photo-gallery-container .view-more-btn .view-more-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--color-primary, #c05a11);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    flex-shrink: 0;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.sishc-photo-gallery-container .view-more-btn:hover .view-more-icon {
    background-color: var(--color-caramel, #6b2606);
    transform: translateX(4px);
}

/* @media (max-width: 991px) {
    .sishc-photo-gallery-container .photo-gallery {
        flex-direction: column;
    }

    .sishc-photo-gallery-container .hook-photo-gallery-title {
        flex: none;
        max-width: 100%;
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .sishc-photo-gallery-container .hook-photo-gallery-title .post-title {
        white-space: nowrap;
    }
} */

@media (max-width: 768px) {
    .sis-photo-title {
        font-size: 32px;
    }
}

/* ==========================================================================
   SIS HAND-CODE (SISHC) CUSTOM PAGE STYLES
   Adhering to strict standards: No Elementor, No transform animations,
   Smooth color/border/shadow hover transitions only.
   ========================================================================== */

/* Shared Page Hero & Container Baseline */
.sishc-governance-page,
.sishc-safeguarding-page,
.sishc-what-sets-us-apart-page,
.sishc-goals-page,
.sishc-virtues-page,
.sishc-admissions-page,
.sishc-school-fees-page,
.sishc-other-fees-page,
.sishc-transportation-page,
.sishc-school-calendar-page,
.sishc-timetable-page,
.sishc-booklet-page {
    /* background-color: #faf8f5;
    color: #2b2b2b; */
}

/* Reusable Lead Intro Card */
.sishc-governance-intro,
.sishc-safeguarding-intro,
.sishc-sua-intro,
.sishc-goals-intro,
.sishc-virtues-intro,
.sishc-admissions-intro,
.sishc-fees-intro,
.sishc-trans-intro,
.sishc-calendar-intro,
.sishc-timetable-intro,
.sishc-booklet-intro {
    /* background-color: #ffffff;
    border: 1px solid #ebd9c8;
    box-shadow: 0 4px 16px rgba(183, 89, 8, 0.05); */
}

/* ==========================================================================
   Default Page Templates: What Sets Us Apart, Governance, Safeguarding
   ========================================================================== */

/* 1. What Sets Us Apart (Image 1) */
.sis-page-what-sets-us-apart .sishc-page-content,
.sis-page-dieu-lam-nen-su-khac-biet-cua-chung-toi .sishc-page-content {
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 50px;
}

/* .sis-page-what-sets-us-apart .sishc-page-content p,
.sis-page-dieu-lam-nen-su-khac-biet-cua-chung-toi .sishc-page-content p {
    font-size: 16.5px;
    line-height: 1.8;
    color: #2b2b2b;
    margin-bottom: 26px;
} */

/* 2. Governance */
.sis-page-governance .sishc-page-content,
.sis-page-he-thong-quan-tri .sishc-page-content {
    max-width: 920px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 50px;
}

.sis-page-governance .sishc-page-content p,
.sis-page-he-thong-quan-tri .sishc-page-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #2b2b2b;
    margin-bottom: 22px;
}

/* 3. Student Protection & Safeguarding */
.sis-page-student-protection-safeguarding .sishc-page-content,
.sis-page-bao-ve-an-toan-cho-hoc-sinh .sishc-page-content {
    max-width: 960px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 50px;
}

.sis-page-student-protection-safeguarding .sishc-page-content h5,
.sis-page-bao-ve-an-toan-cho-hoc-sinh .sishc-page-content h5 {
    font-size: 19px;
    font-weight: 700;
    color: #1a202c;
    margin-top: 30px;
    margin-bottom: 12px;
    line-height: 1.4;
}

.sis-page-student-protection-safeguarding .sishc-page-content p,
.sis-page-bao-ve-an-toan-cho-hoc-sinh .sishc-page-content p {
    font-size: 15.5px;
    line-height: 1.7;
    color: #333333;
    margin-bottom: 16px;
}

.sis-page-student-protection-safeguarding .sishc-page-content strong,
.sis-page-bao-ve-an-toan-cho-hoc-sinh .sishc-page-content strong {
    color: #1a202c;
    font-weight: 700;
}

/* Download Cards & Action Buttons */
.sishc-fees-downloads .rounded-4,
.sishc-fees-cards .rounded-4,
.sishc-trans-features .rounded-4,
.sishc-booklet-highlights .rounded-4,
.sishc-timetable-routine .rounded-4 {
    border: 1px solid #ebd9c8;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.sishc-fees-downloads .rounded-4:hover,
.sishc-fees-cards .rounded-4:hover,
.sishc-trans-features .rounded-4:hover,
.sishc-booklet-highlights .rounded-4:hover,
.sishc-timetable-routine .rounded-4:hover {
    border-color: var(--color-primary, #b75908);
    box-shadow: 0 8px 24px rgba(183, 89, 8, 0.12);
}

/* Button Hover Transitions (NO transform) */
.sishc-calendar-downloads .btn,
.sishc-booklet-action .btn,
.sishc-sua-cta .btn,
.sishc-trans-cta .btn,
.sishc-fees-downloads .btn {
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.sishc-calendar-downloads .btn:hover,
.sishc-booklet-action .btn:hover,
.sishc-trans-cta .btn:hover {
    background-color: #8c320a;
    border-color: #8c320a;
    box-shadow: 0 6px 18px rgba(140, 50, 10, 0.3);
}

.sishc-sua-cta .btn:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #8c320a;
}

/* ==========================================================================
   Uniforms Page (Image 5)
   ========================================================================== */
.sishc-uniform-page {
    background-color: #ffffff;
}

/* .sishc-uniform-container {
    max-width: 1140px;
    margin: 0 auto;
} */

.sishc-uniform-intro p {
    width: 90%;
    margin: 0 auto;
}

.sishc-uniform-layout {
    display: flex;
    gap: 30px;
    align-items: start;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
}

.sishc-uniform-content {
    margin-left: 190px;
}

.sishc-uniform-sec {
    scroll-margin-top: 100px;
}

.sishc-uniform-sec__title {
    font-size: 36px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 30px;
}

.sishc-uniform-reqs__subhead {
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 16px;
    margin-left: 10px;
}

.sishc-uniform-reqs__list {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 0;
    margin-left: 10px;
}

.sishc-uniform-reqs__list li {
    font-weight: 500;
}

/* Photo galleries: 4 in a row */
.sishc-uniform-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 18px;
}

.sishc-uniform-gallery__item {
    background-color: #fbeddc;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sishc-uniform-gallery__item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Shoes gallery items have white or light background */
.sishc-uniform-gallery--shoes .sishc-uniform-gallery__item {
    background-color: #ffffff;
    padding: 8px;
}

.sishc-uniform-gallery--shoes .sishc-uniform-gallery__item img {
    object-fit: contain;
    max-height: 160px;
}

/* Sticky Sidebar Navigation */
.sishc-uniform-sidebar {
    width: 45%;
    /* position: sticky;
    top: 115px;
    z-index: 10; */
}

.sishc-uniform-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sishc-uniform-nav-btn {
    display: block;
    width: 100%;
    height: 75px;
    align-content: center;
    padding: 12px 24px;
    border-radius: 15px;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    background-color: #e9ecef;
    color: #222222;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.25s ease, color 0.25s ease;
    font-weight: 500;
}

.sishc-uniform-nav-btn.is-active {
    color: var(--color-white);
    font-weight: bold;
}

.sishc-uniform-nav-btn:hover {
    color: var(--color-white);
    font-weight: bold;
    background-color: var(--color-primary);
}

.sishc-uniform-nav-btn.is-active {
    background-color: var(--color-primary);
    color: var(--color-white);
}

@media (max-width: 991px) {
    .sishc-uniform-layout {
        grid-template-columns: 1fr;
    }

    .sishc-uniform-sidebar {
        position: static;
        margin-bottom: 30px;
    }

    .sishc-uniform-nav {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }

    .sishc-uniform-nav-btn {
        width: auto;
        flex: 1 1 auto;
        padding: 10px 14px;
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .sishc-uniform-gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
}

/* ==========================================================================
   School Calendar (Image 1)
   ========================================================================== */
.sishc-school-calendar-page .sishc-calendar-intro__p {
    font-size: 15.5px;
    line-height: 1.7;
    color: #333333;
    margin-bottom: 18px;
}

.sishc-calendar-download-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 1180px;
    margin: 0 auto;
}

.sishc-calendar-download-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f3e9d7;
    border-radius: 8px;
    padding: 14px 18px;
    color: #4a3b32;
    text-decoration: none;
    font-weight: 700;
    font-size: 14.5px;
    border: 1px solid transparent;
    transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.sishc-calendar-download-btn:hover {
    background-color: #e9dec9;
    color: #b85908;
    box-shadow: 0 4px 12px rgba(184, 89, 8, 0.12);
}

.sishc-calendar-download-btn__text {
    flex: 1;
    text-align: center;
    padding-right: 12px;
}

.sishc-calendar-download-btn__icon {
    width: 38px;
    height: 38px;
    background-color: #ea7400;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    flex-shrink: 0;
    transition: background-color 0.25s ease;
}

.sishc-calendar-download-btn:hover .sishc-calendar-download-btn__icon {
    background-color: #b85908;
}

@media (max-width: 767px) {
    .sishc-calendar-download-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Class Timetable (Image 2)
   ========================================================================== */
.sishc-timetable-intro__text {
    font-size: 15.5px;
    line-height: 1.7;
    color: #333333;
    margin-bottom: 24px;
}

.sishc-timetable-block__heading {
    font-size: 22px;
    font-weight: 700;
    color: #b85908;
    line-height: 1.3;
}

.sishc-timetable-card {
    max-width: 680px;
    margin: 0 auto;
    background-color: #fdfcfb;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.sishc-timetable-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: center;
}

.sishc-timetable-th {
    width: 50%;
    background-color: #b85908;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    padding: 12px 16px;
    text-align: center;
    border: none;
}

.sishc-timetable-td {
    width: 50%;
    padding: 7px 14px;
    text-align: center;
    vertical-align: middle;
    border: none;
    font-size: 15px;
    color: #333333;
}

.sishc-timetable-text {
    display: inline-block;
    padding: 4px 8px;
    color: #333333;
    font-size: 15px;
}

.sishc-pill {
    display: block;
    width: 82%;
    margin: 0 auto;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14.5px;
    text-align: center;
    box-sizing: border-box;
}

.sishc-pill--yellow {
    background-color: #ffd859;
    color: #222222;
}

.sishc-pill--orange {
    background-color: #f29900;
    color: #222222;
}

@media (max-width: 575px) {
    .sishc-pill {
        width: 95%;
        padding: 5px 8px;
        font-size: 13.5px;
    }

    .sishc-timetable-th {
        font-size: 15px;
        padding: 10px;
    }

    .sishc-timetable-td {
        padding: 5px 8px;
        font-size: 13.5px;
    }
}

/* ==========================================================================
   Online Learning Booklet (Image 3)
   ========================================================================== */
.sishc-booklet-cover-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .sishc-booklet-cover-img {
    max-width: 100%;
    width: auto;
    max-height: 720px;
    height: auto;
    display: block;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
} */

.sishc-booklet-download-wrap {
    display: flex;
    justify-content: center;
}

.sishc-booklet-download-btn {
    width: 100%;
}

/* OTHER PAGES */
.content-transportation {
    max-width: 1008px;
}

.content-transportation ul {
    font-weight: 500;
    line-height: 40px;
}