/* ==========================================================================
   SIS HAND CODE - HOMEPAGE & FRONT-PAGE STYLES
   Prefix: sishc-
   Fully Custom - 100% Free of Elementor
   ========================================================================== */

/* ==========================================================================
   1. HERO BANNER SWIPER SLIDER (SISHC CUSTOM)
   Matches design: Full-width banner with horizontal bar pagination
   ========================================================================== */
.hero-section,
.sishc-hero-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: var(--color-white);
    margin-top: -1%;
}

.hero-slider,
.sishc-hero-slider {
    width: 100%;
    position: relative;
}

.hero-slider--mobile {
    display: none;
}

.hero-slider--desktop {
    display: block;
}

.hero-slide,
.sishc-hero-slide {
    width: 100%;
    overflow: hidden;
}

.hero-slide__link {
    display: block;
    width: 100%;
}

.hero-slide__picture {
    display: block;
    width: 100%;
}

.hero-slide__img {
    width: 100%;
    height: 40vw;
    display: block;
    object-fit: cover;
}

/* Horizontal Bar Swiper Pagination (Khớp 100% hình mẫu) */
.hero-slider__pagination {
    position: relative;
    bottom: auto;
    left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* gap: 12px; */
    background-color: var(--color-white);
    z-index: 10;
    margin-top: 58px;
}

.hero-slider__pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 84px;
    height: 5px;
    border-radius: 4px;
    opacity: 0.2;
    margin: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.hero-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-primary, #BE5103);
    opacity: 1;
}

@media (max-width: 767px) {
    /* .hero-slider__pagination {
        gap: 8px;
        padding: 12px 0 16px;
    }

    .hero-slider__pagination .swiper-pagination-bullet {
        width: 28px;
        height: 3px;
    }

    .hero-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 32px;
    } */

    .hero-slider--desktop {
        display: none;
    }

    .hero-slider--mobile {
        display: block;
    }
}


/* ==========================================================================
   2. OUR PHILOSOPHY & ACADEMIC STATS SECTION
   Matches Reference: media_1790162777676.png
   100% Custom SIS Hand Code - Clean BEM Architecture
   ========================================================================== */

/* Outer Section */
.philosophy-section {
    background-image: url(https://danang.sis.edu.vn/wp-content/uploads/common/bg-shape-2.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 17px;
    padding-top: 29px;
    position: relative;
    overflow: hidden;
}

/* Tagline dưới banner: Đặt ngoài và trên khối vòm kem */
.hero-subtagline {
    text-align: center;
    /* padding: 10px 20px 32px; */
    position: relative;
    z-index: 2;
}

.hero-subtagline__text {
    font-style: italic;
    font-size: 28px;
    font-weight: 600;
    color: #C46A47;
    margin: 0;
}

/* Khối vòm kem (Cream Dome Card) */
.philosophy-dome-card {
    margin: 0 auto;
    position: relative;
    margin-top: 124px;
}

.philosophy-section__container,
.sets-us-apart-section__container,
.university-gallery-section__container {
    margin: 0 auto;
    position: relative;
}

/* Nội dung tiêu đề Philosophy */
.philosophy-section__content {
    text-align: center;
    width: 40%;
    margin: 0 auto 40px;
}

.philosophy-section__title {
    font-size: 52px;
    font-weight: 600;
    color: var(--color-primary, #BE5103);
    margin: 0 0 15px;
}

.philosophy-section__slogan {
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-size: 32px;
    font-weight: 500;
}

.philosophy-section__slogan .text-secondary {
    color: var(--color-secondary, #FF6F00);
}

.philosophy-section__desc {
    margin: 0 auto;
    margin-top: 34px;
    font-weight: 500;
}

.philosophy-section__desc p {
    margin: 0;
}

/* Gallery / Carousel viên thuốc (Capsule Carousel) */
.philosophy-carousel-wrapper {
    position: relative;
    width: 100%;
    margin-top: 75px;
    margin-bottom: 50px;
    /* padding: 15px 0 25px; */
    overflow: visible;
}

.philosophy-carousel {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 100%;
}

.philosophy-carousel .swiper-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    position: relative;
}

.philosophy-slide {
    position: relative;
    border-radius: 999px;
    overflow: hidden;
    cursor: pointer;
    flex-shrink: 0;
    transition: width 0.45s cubic-bezier(0.25, 1, 0.5, 1),
        height 0.45s cubic-bezier(0.25, 1, 0.5, 1),
        border-radius 0.45s cubic-bezier(0.25, 1, 0.5, 1),
        box-shadow 0.45s ease,
        margin 0.45s ease;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

.philosophy-slide__image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Lớp phủ màu trên các hình phụ */
.philosophy-slide::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    transition: opacity 0.4s ease, background-color 0.4s ease;
    pointer-events: none;
}

/* Vị trí 0: Slide bên trái mép màn hình (Cắt mép - Màu Cam) */
.philosophy-slide.slot-left,
.philosophy-slide--1:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-right-1):not(.slot-right-2) {
    width: 12%;
    height: 464px;
    border-radius: 0 100px 100px 0;
}

.philosophy-slide.slot-left::after,
.philosophy-slide--1:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-right-1):not(.slot-right-2)::after {
    background-color: var(--color-shadow-secondary);
}

/* Vị trí 1: Slide chính to ngang (Bé gái bơi SPORT---2) */
.philosophy-slide.slot-featured,
.philosophy-slide--featured {
    width: 40%;
    height: 464px;
    border-radius: 100px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.philosophy-slide.slot-featured::after,
.philosophy-slide--featured::after {
    opacity: 0;
    display: none;
}

/* Vị trí 2: Slide đầu tiên bên phải (Màu Vàng / Golden) */
.philosophy-slide.slot-right-1,
.philosophy-slide--3:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-left):not(.slot-right-2) {
    width: 10%;
    height: 402px;
    border-radius: 100px;
    margin-left: 0;
}

.philosophy-slide.slot-right-1::after,
.philosophy-slide--3:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-left):not(.slot-right-2)::after {
    background-color: var(--color-shadow-assist);
}

/* Vị trí 3: Slide thứ hai bên phải (Màu Nâu Đất / Terracotta) */
.philosophy-slide.slot-right-2,
.philosophy-slide--4:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-left):not(.slot-right-1) {
    width: 10%;
    height: 307px;
    border-radius: 100px;
    margin-left: 0;
}

.philosophy-slide.slot-right-2::after,
.philosophy-slide--4:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-left):not(.slot-right-1)::after {
    background-color: var(--color-shadow-primary);
}

/* Nút Next tròn màu cam */
.philosophy-carousel__next {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--color-desert-50);
    color: #FFFFFF;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.25s ease;
    flex-shrink: 0;
    padding: 0;
    order: 99;
    position: absolute;
    right: 21.5%;
    z-index: 999;
}

.philosophy-carousel__next:hover {
    background-color: var(--color-secondary);
}

.philosophy-carousel__next:hover svg {
    transform: translateX(2.5px);
}

.philosophy-carousel__next svg {
    width: 24px;
    height: auto;
    fill: #ffffff;
    transition: all .3s ease;
}

/* ==========================================================================
   ACADEMIC STATS & CAMPUS OVERVIEW (#ac-grades)
   Exact specifications from danang.sis.edu.vn
   Pure custom code, no Elementor dependencies
   ========================================================================== */
.stats-section-inner {
    position: relative;
    max-width: 1920px;
    margin: 84px auto 0;
}

.stats-grid {
    display: flex;
    gap: 5%;
    align-items: start;
    position: relative;
    z-index: 1;
    width: 75%;
    margin: 0 auto;
}

/* Cột trái: Khối thành tích 100% card bo cong màu be nhạt */
.stats-card--achievement {
    border-radius: 50px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    position: relative;
    width: 40%;
    border: 3px solid white;
    padding: 20px 50px 200px 50px;
}

.stats-card__number-wrap {
    display: flex;
    align-items: baseline;
}

.stats-card__huge-number {
    font-size: 5.75vw;
    font-weight: 700;
    color: var(--color-primary, #BE5103);
}

.stats-card__percent {
    font-size: 5.75vw;
    font-weight: 700;
    color: var(--color-primary, #BE5103);
}

.stats-card__title {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-primary, #BE5103);
    margin: -12px 0 16px 0;
    line-height: 26px;
}

.stats-card__desc {
    font-size: 16px;
    font-weight: 600;
}

.stats-card__chart-wrap {
    width: 75%;
    margin-top: 30px;
    margin-right: 12px;
    margin-left: auto;
}

.stats-card__chart-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Cột phải: Chỉ số & Cột mốc SIS */
.stats-card--metrics {
    width: 60%;
}

/* Hàng 1: 3 chỉ số nhanh */
.stats-metrics-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.metric-item__label {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.metric-item__val {
    font-size: 3.75vw;
    font-weight: bold;
    color: var(--color-accent);
    line-height: 1.1;
    display: flex;
}

.metric-item__val .dancing-number {
    margin: 0 26.5% 0 auto;
}

/* Đường phân cách mảnh */
.stats-divider {
    border: none;
    border-top: 1.5px solid var(--color-primary);
    margin: 12px 0;
    opacity: 1;
}

/* Hàng 2: Lộ trình K-12 */
.stats-pathway-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 28px;
}

.stats-pathway-box__title {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.stats-pathway-box__val {
    font-size: 5vw;
    font-weight: 700;
    color: #D46516;
    line-height: 100px;
    margin: 0;
    margin-top: 19px;
    margin-bottom: 3px;
}

/* Hàng 3: Thành lập tại Việt Nam */
.stats-est-box {
    margin-top: 28px;
}

.stats-est-box__title {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 16px;
}

.stats-est-box__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10%;
    align-items: center;
}

.stats-est-box__year p {
    margin: 0;
    line-height: 1;
    display: flex;
    align-items: baseline;
    font-size: 3.75vw;
    font-weight: bold;
    color: var(--color-accent);
}

.stats-est-box__year-label {
    font-size: 75%;
}

.stats-est-box__year {
    margin-top: -21px;
}

.stats-est-box__desc {
    max-width: 320px;
    margin-top: 21px;
}

.stats-est-box__desc p {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    line-height: normal;
}

/* Ảnh tòa nhà trường học cutout tràn đáy */
.stats-banner-img {
    text-align: center;
    width: 75%;
    margin: auto;
    margin-top: -240px;
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.stats-banner-img img {
    width: 100%;
    height: auto;
    display: inline-block;
}

/* ==========================================================================
   3. WHAT SETS US APART SECTION
   Matches Reference: media_1790163952402.png
   100% Custom SIS Hand Code
   ========================================================================== */
.sets-us-apart-section {
    background-image: url('/wp-content/uploads/common/bg-shape-5.png');
    background-position: center center;
    background-size: contain;
    position: relative;
    overflow: hidden;
    margin-top: 85px;
}

.sets-us-apart-section__header {
    width: 65%;
    ;
}

html[lang='vi'] .sets-us-apart-section__header {
    width: 70%;
}

.sets-us-apart-section__title {
    display: inline-flex;
    align-items: flex-start;
    font-size: 52px;
    font-weight: 700;
    margin: 0;
}

.sets-us-apart-section__subtitle {
    font-size: 36px;
    color: var(--color-secondary, #FF6F00);
    margin-left: 20px;
    margin-top: 2px;
    font-weight: 600;
}

.sets-us-apart-section__emphasis {
    font-weight: 700;
}

/* Khung sân khấu chính */
.sua-stage {
    position: relative;
    width: 85%;
    margin-left: 18px;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.sua-stage__img {
    width: 100%;
    max-width: 915px;
    max-height: 650px;
    min-height: 650px;
    height: auto;
    display: inline-block;
}

/* Nút dạng viên thuốc có hiệu ứng hover */
.sua-btn-pill {
    position: absolute;
    display: block;
    text-decoration: none;
    z-index: 5;
}

.sua-btn-pill__img-wrap {
    position: relative;
    display: block;
}

.sua-btn-pill__img {
    display: block;
    width: 398px;
    height: auto;
    transition-duration: 0.5s;
}

.sua-btn-pill__img--hover {
    display: none;
    width: 398px;
    height: auto;
}

.sua-btn-pill:hover .sua-btn-pill__img--default {
    display: none;
}

.sua-btn-pill:hover .sua-btn-pill__img--hover {
    display: block;
}

/* Nút tròn mũi tên chéo */
.sua-btn-pill__arrow {
    position: absolute;
    width: 53px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    border: 3px solid #FFFFFF;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: 6;
}

.sua-btn-pill:hover .sua-btn-pill__arrow {
    transform: rotate(45deg);
}

.sua-btn-pill__arrow .svg-icon {
    width: 28px;
}

/* Nút International Programme: Góc trên bên trái */
.sua-btn-pill--international {
    right: 919px;
    top: 150px;
    width: fit-content;
}

.sua-btn-pill--international .sua-btn-pill__arrow--yellow {
    right: 175px;
    bottom: -10px;
    background-color: var(--color-assist);
}

/* Slogan: The Best of Both Worlds nằm thoáng bên trái ảnh tròn */
.sua-slogan {
    position: absolute;
    right: 1050px;
    bottom: 215px;
    z-index: 4;
}

.sua-slogan__text {
    font-family: 'Times New Roman', serif;
    font-style: italic;
    font-size: 48px;
    font-weight: 500;
    color: var(--color-secondary);
    line-height: 1;
    margin: 0;
}

/* Nút Integrated Programme: Góc dưới bên phải */
.sua-btn-pill--integrated {
    right: -30px;
    bottom: 147px;
    width: fit-content;
}

.sua-btn-pill--integrated .sua-btn-pill__arrow--brown {
    left: 165px;
    bottom: 7px;
    background-color: var(--color-primary);
}

/* Responsive cho What Sets Us Apart */
@media (max-width: 1199px) {
    .sua-stage {
        max-width: 860px;
    }

    .sua-btn-pill--international {
        width: 240px;
        left: -8px;
    }

    .sua-btn-pill--integrated {
        width: 260px;
        right: -8px;
    }

    .sua-slogan__text {
        font-size: 26px;
    }
}

@media (max-width: 991px) {
    .sets-us-apart-section__title {
        font-size: 32px;
    }

    .sua-stage {
        max-width: 680px;
    }

    .sua-btn-pill--international {
        width: 200px;
        left: -10px;
        top: 10%;
    }

    .sua-btn-pill--integrated {
        width: 220px;
        right: -10px;
        bottom: 8%;
    }

    .sua-slogan__text {
        font-size: 22px;
    }

    .sua-btn-pill__arrow {
        width: 30px;
        height: 30px;
    }

    .sua-btn-pill__arrow .svg-icon {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 767px) {
    .sets-us-apart-section {
        padding: 40px 16px 50px;
    }

    .sets-us-apart-section__title {
        font-size: 26px;
    }

    .sua-stage {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .sua-btn-pill {
        position: static;
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
    }

    .sua-slogan {
        position: static;
        text-align: center;
        margin: 10px 0;
    }

    .sua-slogan__text {
        font-size: 24px;
    }

    .sua-stage__img {
        max-width: 100%;
    }
}

/* 6. UNIVERSITY GALLERY */
.university-gallery-section {
    max-width: 1620px;
    margin: 0 auto;
    position: relative;
    background-color: transparent;
    margin-top: 90px;
}

.university-dome-card {
    background-color: var(--color-cream, #FFF9EC);
    border-radius: 332px 332px 0 0;
    padding: 12px 0 150px 0;
    position: relative;
}

.university-gallery-section__header {
    text-align: center;
    padding: 55px 0;
}

.university-gallery-section__title {
    font-size: 52px;
    font-weight: 600;
    color: var(--color-primary);
    margin: 0;
}

/* Rounded frame for slider and navigation */
.university-slider-frame {
    position: relative;
    width: 90%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 34px;
    padding: 20px;
    padding-right: 80px;
    border: 3px solid var(--color-white);
}

.university-slider {
    width: 100%;
    overflow: hidden;
    border-radius: 18px;
}

.university-slide {
    height: auto;
    box-sizing: border-box;
}

.university-slide__figure {
    margin: 0;
    border-radius: 18px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
    cursor: pointer;
}

.university-slide__img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 18px;
}

/* Stacked navigation controls on the right */
.university-nav-controls {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 10;
}

.university-nav-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    color: #ffffff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
}

.university-nav-btn svg {
    fill: hsla(0, 0%, 93.3%, .9);
    width: 25px;
    height: auto;
}

/* Top button is Next: Yellow/Amber */
.university-nav-btn--next {
    background-color: var(--color-assist);
    transition: background-color 0.3s ease;
}

.university-nav-btn--next svg {
    transition: transform 0.3s ease;
}

.university-nav-btn--next:hover {
    background-color: var(--color-secondary);
}

.university-nav-btn--next:hover svg {
    transform: translateX(2.5px);
}

/* Bottom button is Prev: Terracotta */
.university-nav-btn--prev {
    background-color: var(--color-primary);
    transition: background-color 0.3s ease;
}

.university-nav-btn--prev svg {
    transition: transform 0.3s ease;
}

.university-nav-btn--prev:hover {
    background-color: var(--color-secondary);
}

.university-nav-btn--prev:hover svg {
    transform: translateX(-2.5px);
}

.university-nav-btn svg {
    display: block;
}

/* World Map Graphic */
.university-gallery-section__map {
    width: 85%;
    margin: 20px auto;
    text-align: center;
}

.university-gallery-section__map img {
    width: 100%;
    height: auto;
    display: inline-block;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.03));
}

/* CTA Button */
.university-gallery-section__cta {
    text-align: center;
    margin-top: 30px;
}

.university-cta-btn {
    display: inline-block;
    background-color: #BE5103;
    color: var(--color-white);
    font-size: 24px;
    font-weight: 700;
    padding: 18.5px 42px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
    line-height: 1;
}

.university-cta-btn:hover {
    background-color: var(--color-accent);
}

/* 7. PRE-FOOTER CTA BAR */
.sishc-prefooter-cta {
    position: relative;
    z-index: 10;
    margin-bottom: -50px;
    padding: 0 16px;
}

.sishc-cta-pill {
    background: var(--color-white);
    border: 2px solid var(--color-accent);
    border-radius: 60px;
    padding: 16px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    gap: 24px;
}

.sishc-cta-pill__text {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-black-100);
    line-height: 1.4;
}

.sishc-cta-pill__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.sishc-btn--cta-orange {
    display: inline-block;
    background-color: var(--color-secondary);
    color: var(--color-white);
    font-size: 16px;
    font-weight: 700;
    padding: 12px 36px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(255, 111, 0, 0.3);
    transition: all 0.25s ease;
}

.sishc-btn--cta-orange:hover {
    background-color: var(--color-primary);
    transform: translateY(-2px);
}

.sishc-scroll-top-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--color-primary);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(190, 81, 3, 0.3);
    transition: all 0.25s ease;
}

.sishc-scroll-top-btn:hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
    transform: translateY(-3px);
}

/* 8. FOOTER */
.sishc-footer__content {
    padding-bottom: 50px;
}

.sishc-footer__logo {
    height: 70px;
    width: auto;
    object-fit: contain;
    margin-bottom: 16px;
}

.sishc-footer__motto {
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: 20px;
    margin: 0;
}

.sishc-motto-brown {
    color: var(--color-caramel);
}

.sishc-motto-orange {
    color: var(--color-secondary);
}

.sishc-footer__heading {
    font-size: 16px;
    font-weight: 800;
    color: var(--color-black-100);
    margin-bottom: 18px;
    letter-spacing: 0.5px;
}

.sishc-footer__contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sishc-footer__contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: var(--color-black-100);
    line-height: 1.5;
}

.sishc-contact-icon {
    color: var(--color-secondary);
    flex-shrink: 0;
    margin-top: 2px;
}

.sishc-contact-link {
    color: var(--color-black-100);
    text-decoration: none;
    transition: color 0.2s ease;
}

.sishc-contact-link:hover {
    color: var(--color-primary);
}

.sishc-footer__social-links {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sishc-social-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color-caramel);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.25s ease;
}

.sishc-social-icon:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    transform: translateY(-3px);
}

.sishc-footer__bottom {
    background-color: var(--color-primary);
    padding: 14px 0;
}

.sishc-copyright {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* RESPONSIVE DESIGN */
@media (max-width: 1199px) {
    .philosophy-dome-card {
        border-radius: 90px 90px 40px 40px;
        padding: 50px 30px 20px;
    }

    .stats-grid {
        grid-template-columns: 320px 1fr;
        gap: 30px;
    }

    .philosophy-slide.slot-featured,
    .philosophy-slide--featured {
        width: 440px;
        height: 290px;
    }

    .stats-banner-img {
        margin-top: -70px;
    }
}

@media (max-width: 991px) {
    .philosophy-dome-card {
        border-radius: 60px 60px 30px 30px;
        padding: 40px 20px 16px;
    }

    .philosophy-section__title {
        font-size: 34px;
    }

    .philosophy-carousel {
        flex-wrap: wrap;
        justify-content: center;
    }

    .philosophy-carousel .swiper-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .philosophy-slide.slot-featured,
    .philosophy-slide--featured {
        width: 100%;
        max-width: 520px;
        height: 300px;
    }

    .philosophy-slide.slot-left {
        margin-left: 0;
    }

    .stats-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .stats-card--achievement {
        max-width: 450px;
        margin: 0 auto;
        padding-bottom: 40px;
    }

    .stats-banner-img {
        margin-top: 20px;
    }

    .university-dome-card {
        border-radius: 60px 60px 0 0;
        padding: 50px 0 60px;
    }

    .university-gallery-section__title {
        font-size: 32px;
    }

    .university-slider-frame {
        padding: 18px 70px 18px 18px;
        border-radius: 28px;
    }

    .university-nav-btn {
        width: 38px;
        height: 38px;
    }

    .university-nav-controls {
        right: 16px;
    }

    .sishc-cta-pill {
        flex-direction: column;
        border-radius: 30px;
        text-align: center;
        padding: 24px 20px;
    }

    .sishc-footer__col {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .hero-subtagline__text {
        font-size: 18px;
    }

    .philosophy-section__title {
        font-size: 28px;
    }

    .philosophy-section__slogan {
        font-size: 20px;
    }

    .philosophy-slide.slot-featured,
    .philosophy-slide--featured {
        height: 230px;
        border-radius: 40px;
    }

    .philosophy-slide.slot-left,
    .philosophy-slide.slot-right-1,
    .philosophy-slide.slot-right-2,
    .philosophy-slide--1,
    .philosophy-slide--3,
    .philosophy-slide--4 {
        width: 85px;
        height: 170px;
        border-radius: 40px;
        margin-left: 0;
    }

    .stats-metrics-row {
        gap: 12px;
    }

    .metric-item__label {
        font-size: 13px;
    }

    .metric-item__val {
        font-size: 36px;
    }

    .stats-pathway-box__val {
        font-size: 42px;
    }

    .stats-est-box__content {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .stats-card__huge-number,
    .stats-card__percent {
        font-size: 46px;
    }

    .university-dome-card {
        border-radius: 40px 40px 0 0;
        padding: 40px 0 50px;
    }

    .university-gallery-section__title {
        font-size: 26px;
        margin-bottom: 22px;
    }

    .university-slider-frame {
        padding: 16px 16px 65px 16px;
        border-radius: 24px;
    }

    .university-nav-controls {
        right: 50%;
        top: auto;
        bottom: 14px;
        transform: translateX(50%);
        flex-direction: row;
        gap: 16px;
    }

    .university-gallery-section__map {
        margin: 25px auto 18px auto;
    }

    .university-cta-btn {
        font-size: 15px;
        padding: 11px 32px;
    }
}