/**
 * Scotch AGS - Homepage 2026 Scoped CSS
 * ========================================
 * Based on freelancer's style-2.css
 * Scoped to body.page-id-23571 to prevent affecting other pages
 * 
 * REMOVED: Header, Footer, Global (#wrapper, #main, #content) styles
 * KEPT: Section-specific styles for homepage content only
 * 
 * NOTE: Replace page-id-23571 with actual page ID if different on production
 */

/** Color Variables **/
:root {
    --ags-yellow: #FFCA38;
    --ags-red: #D8173B;
    --ags-blue: #0056A5;
}

body.page-id-23571 #main,
body.page-id-23688 #main {
    padding-top: 200px;
}
body.page-id-23571 #main .slider-customs,
body.page-id-23688 #main .slider-customs {
    margin-top: -100px;
}
@media (max-width: 849px) {
    body.page-id-23571 #main,
    body.page-id-23688 #main {
        padding-top: 140px;
    }
}

/* ============================================
   Container Max-Width Override (Homepage Only)
   ============================================ */
body.page-id-23571 .container-width,
body.page-id-23688 .container-width,
body.page-id-23571 .full-width .ubermenu-nav,
body.page-id-23688 .full-width .ubermenu-nav,
body.page-id-23571 .container,
body.page-id-23688 .container,
body.page-id-23571 .row,
body.page-id-23688 .row {
    max-width: 68rem !important;
}

/* ============================================
   Section 01: Banner Slider
   ============================================ */
body.page-id-23571 .section.sec__banner,
body.page-id-23688 .section.sec__banner {
    background: #fff;
}
body.page-id-23571 .section.sec__banner img,
body.page-id-23688 .section.sec__banner img {
    border-radius: 30px;
}
body.page-id-23571 .section.sec__banner .item-banner_slider .banner_slider-img img,
body.page-id-23688 .section.sec__banner .item-banner_slider .banner_slider-img img {
    width: 100%;
    aspect-ratio: 256 / 121;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    min-height: 37vw;
    max-height: 90vh;
}

/* Slider Custom Controls */
body.page-id-23571 .slider-customs .flickity-prev-next-button.previous,
body.page-id-23571 .slider-customs .flickity-prev-next-button.next,
body.page-id-23688 .slider-customs .flickity-prev-next-button.previous,
body.page-id-23688 .slider-customs .flickity-prev-next-button.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #fff;
    font-size: 2rem;
    width: 50px;
    height: 50px;
    min-height: 0;
    min-width: 0;
    padding: 0;
    box-sizing: content-box !important;
    line-height: 50px;
    max-height: 50px;
    max-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.page-id-23571 .slider-customs .flickity-prev-next-button.previous svg,
body.page-id-23571 .slider-customs .flickity-prev-next-button.next svg,
body.page-id-23688 .slider-customs .flickity-prev-next-button.previous svg,
body.page-id-23688 .slider-customs .flickity-prev-next-button.next svg {
    display: none;
}
body.page-id-23571 .slider-customs .flickity-prev-next-button.previous,
body.page-id-23688 .slider-customs .flickity-prev-next-button.previous {
    background: url('https://scotch-ags.edu.vn/wp-content/uploads/2026/03/prev-btn.png') no-repeat center center;
    background-size: contain;
    transition: background-color 0.2s;
}
body.page-id-23571 .slider-customs .flickity-prev-next-button.next,
body.page-id-23688 .slider-customs .flickity-prev-next-button.next {
    background: url('https://scotch-ags.edu.vn/wp-content/uploads/2026/03/next-btn.png') no-repeat center center;
    background-size: contain;
    transition: background-color 0.2s;
}
body.page-id-23571 .slider-customs .flickity-prev-next-button.previous:hover,
body.page-id-23571 .slider-customs .flickity-prev-next-button.next:hover,
body.page-id-23688 .slider-customs .flickity-prev-next-button.previous:hover,
body.page-id-23688 .slider-customs .flickity-prev-next-button.next:hover {
    background-color: #0061a8;
    border-radius: 50%;
}
body.page-id-23571 .slider-customs .flickity-page-dots,
body.page-id-23688 .slider-customs .flickity-page-dots {
    bottom: -40px;
}
body.page-id-23571 .slider-customs .dot,
body.page-id-23688 .slider-customs .dot {
    margin: 0 var(--space-12);
    width: var(--space-12);
    height: var(--space-12);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3.17' y='3.17' width='9.66' height='9.66' rx='1' transform='rotate(45 8 8)' fill='%230061A8'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: unset !important;
    background-color: rgba(0,0,0,0) !important;
    opacity: 1 !important;
}
body.page-id-23571 .slider-customs .dot.is-selected,
body.page-id-23688 .slider-customs .dot.is-selected {
    width: var(--space-16);
    height: var(--space-16);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3.17' y='3.17' width='9.66' height='9.66' rx='1' transform='rotate(45 8 8)' fill='%23FFCA38'/%3E%3C/svg%3E");
}
body.page-id-23571 .slider-wrapper.slider-customs .flickity-page-dots .dot:first-child,
body.page-id-23688 .slider-wrapper.slider-customs .flickity-page-dots .dot:first-child {
    margin-left: 0 !important;
}
body.page-id-23571 .slider-wrapper.slider-customs .flickity-page-dots .dot:last-child,
body.page-id-23688 .slider-wrapper.slider-customs .flickity-page-dots .dot:last-child {
    margin-right: 0 !important;
}

/* ============================================
   Section 02: Welcome Message
   ============================================ */
body.page-id-23571 .sec__welcome-message,
body.page-id-23688 .sec__welcome-message {
    background-color: #fff;
}
body.page-id-23571 .welcome-message_image .img .img-inner,
body.page-id-23688 .welcome-message_image .img .img-inner {
    border-radius: 0;
}
body.page-id-23571 .welcome-message_info .button,
body.page-id-23688 .welcome-message_info .button {
    background: #D8173B url('https://scotch-ags.edu.vn/wp-content/uploads/2026/03/play-icon.png') no-repeat left center;
    background-size: 24px 24px;
    padding-left: 30px;
}
body.page-id-23571 .welcome-message_info .button span span,
body.page-id-23688 .welcome-message_info .button span span {
    text-transform: uppercase;
}

/* ============================================
   Section 03: Future Ready
   ============================================ */
body.page-id-23571 .future-ready-section,
body.page-id-23688 .future-ready-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: #fff;
}
body.page-id-23571 .future-ready-section .section-bg::before,
body.page-id-23688 .future-ready-section .section-bg::before {
    display: none;
}
body.page-id-23571 .future-ready-section .row-02 .col-inner,
body.page-id-23688 .future-ready-section .row-02 .col-inner {
    height: 100%;
    padding: 20px 15px 300px 15px;
}
body.page-id-23571 .future-ready-section .row-02 .col-inner:hover,
body.page-id-23688 .future-ready-section .row-02 .col-inner:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    transition: all 0.3s ease;
}
body.page-id-23571 .future-ready-section .row-02 .col-inner h3,
body.page-id-23571 .future-ready-section .row-02 .col-inner h4,
body.page-id-23688 .future-ready-section .row-02 .col-inner h3,
body.page-id-23688 .future-ready-section .row-02 .col-inner h4 {
    font-family: "Scotch Young Serif", serif;
    font-size: 1em;
}
body.page-id-23571 .future-ready-section .row-02 .col-inner p,
body.page-id-23688 .future-ready-section .row-02 .col-inner p {
    font-size: 0.9em;
    line-height: 1.5;
}
body.page-id-23571 .future-ready-section .row-02 .col-inner .img,
body.page-id-23688 .future-ready-section .row-02 .col-inner .img {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 20px;
    margin: 0;
    overflow: hidden;
}

/* ============================================
   Section 04: Learning Pathway
   ============================================ */
body.page-id-23571 .sec-learning-pathway h5,
body.page-id-23571 .sec-learning-pathway h4,
body.page-id-23688 .sec-learning-pathway h5,
body.page-id-23688 .sec-learning-pathway h4 {
    color: var(--ags-yellow);
    font-family: "SVN-Apercu Pro", serif;
}
body.page-id-23571 .sec-learning-pathway h3,
body.page-id-23571 .sec-learning-pathway h2,
body.page-id-23688 .sec-learning-pathway h3,
body.page-id-23688 .sec-learning-pathway h2 {
    font-family: "Scotch Young Serif";
    color: #fff;
    margin-top: 20px;
}
body.page-id-23571 .sec-learning-pathway p,
body.page-id-23688 .sec-learning-pathway p {
    color: #fff;
}
body.page-id-23571 .sec-learning-pathway p a,
body.page-id-23688 .sec-learning-pathway p a {
    color: #fff;
    transition: all 0.3s ease;
}
body.page-id-23571 .sec-learning-pathway p a:hover,
body.page-id-23688 .sec-learning-pathway p a:hover {
    color: var(--ags-yellow);
    background-position: right center;
}
body.page-id-23571 .sec-learning-pathway p a i,
body.page-id-23688 .sec-learning-pathway p a i {
    margin-left: 10px;
}

/* ============================================
   Section 05: Academic Division
   ============================================ */
body.page-id-23571 .sec-academic-division,
body.page-id-23688 .sec-academic-division {
    background: linear-gradient(to bottom, #0056A5 0%, #fff 100%);
}
body.page-id-23571 .sec-academic-division::before,
body.page-id-23688 .sec-academic-division::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url('https://scotch-ags.edu.vn/wp-content/uploads/2026/03/bg-section-05.png') right 20px no-repeat;
    background-size: 35% auto;
    opacity: 0.16;
}
body.page-id-23571 .sec-academic-division .section-title-container h2 .section-title-main,
body.page-id-23688 .sec-academic-division .section-title-container h2 .section-title-main {
    color: #fff;
}
body.page-id-23571 .sec-academic-division .row-02 .col-inner,
body.page-id-23688 .sec-academic-division .row-02 .col-inner {
    padding: 30px 30px 230px 30px;
    background: #fff;
    border-radius: 30px;
}
body.page-id-23571 .sec-academic-division .row-02 .col-inner h3,
body.page-id-23688 .sec-academic-division .row-02 .col-inner h3 {
    font-size: 1.2em;
}
body.page-id-23571 .sec-academic-division .row-02 .col-inner p,
body.page-id-23688 .sec-academic-division .row-02 .col-inner p {
    font-size: 0.9em;
    margin: 0 0 10px 0;
}
body.page-id-23571 .sec-academic-division .row-02 .col-inner p strong,
body.page-id-23688 .sec-academic-division .row-02 .col-inner p strong {
    font-weight: 600;
    font-size: 1.1em;
}
body.page-id-23571 .sec-academic-division .row-02 .col-inner .img,
body.page-id-23688 .sec-academic-division .row-02 .col-inner .img {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    margin: 0;
    overflow: hidden;
}
body.page-id-23571 .sec-academic-division .row-02 .col-inner a.button,
body.page-id-23688 .sec-academic-division .row-02 .col-inner a.button {
    background: var(--ags-red);
    color: #fff;
    padding: 5px 50px;
    width: calc(100% - 60px);
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 600;
    position: absolute;
    bottom: 10px;
    left: 30px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.7s ease;
}
body.page-id-23571 .sec-academic-division .row-02 .col-inner:hover a.button,
body.page-id-23688 .sec-academic-division .row-02 .col-inner:hover a.button {
    opacity: 1;
    transform: translateY(0);
}
body.page-id-23571 .sec-academic-division .row-02 .col-inner a.button span span,
body.page-id-23688 .sec-academic-division .row-02 .col-inner a.button span span {
    text-transform: uppercase;
}
body.page-id-23571 .sec-academic-division .row-02 .col-inner a.button:hover,
body.page-id-23688 .sec-academic-division .row-02 .col-inner a.button:hover {
    background: var(--ags-yellow);
    color: #fff;
}
body.page-id-23571 .sec-academic-division .row-02 .col-inner a.button::after,
body.page-id-23688 .sec-academic-division .row-02 .col-inner a.button::after {
    content: '\f061';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 1em;
}

/* ============================================
   Section 06: Scotchies
   ============================================ */
body.page-id-23571 .sec__scotchies,
body.page-id-23688 .sec__scotchies {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #fff;
}
body.page-id-23571 .sec__scotchies .row,
body.page-id-23688 .sec__scotchies .row {
    position: relative;
    padding: 0 var(--space-20);
}
body.page-id-23571 .sec__scotchies .row::before,
body.page-id-23688 .sec__scotchies .row::before {
    content: '';
    position: absolute;
    top: 0;
    left: var(--space-20);
    width: calc(100% - 2*var(--space-20));
    height: 100%;
    background: var(--ags-blue);
    border-radius: 30px;
}
body.page-id-23571 .sec__scotchies .col-left .img,
body.page-id-23688 .sec__scotchies .col-left .img {
    position: absolute;
    top: -40px;
    left: 0;
}
body.page-id-23571 .sec__scotchies .col-right h5,
body.page-id-23571 .sec__scotchies .col-right h4,
body.page-id-23688 .sec__scotchies .col-right h5,
body.page-id-23688 .sec__scotchies .col-right h4 {
    color: var(--ags-yellow);
    font-family: "SVN-Apercu Pro", serif;
    margin: 40px 0 10px 0;
    font-size: 1em;
}
body.page-id-23571 .sec__scotchies .col-right h3,
body.page-id-23688 .sec__scotchies .col-right h3 {
    color: #fff;
    font-family: "Scotch Young Serif";
    margin: 0 0 10px 0;
}
body.page-id-23571 .sec__scotchies .col-right p,
body.page-id-23688 .sec__scotchies .col-right p {
    color: #fff;
    font-size: 0.9em;
    margin: 0 0 10px 0;
}
body.page-id-23571 .sec__scotchies .col-right p a,
body.page-id-23688 .sec__scotchies .col-right p a {
    color: #fff;
    font-size: 1em;
    margin: 20px 0 0px 0;
    transition: all 0.3s ease;
    display: inline-block;
}
body.page-id-23571 .sec__scotchies .col-right p a:hover,
body.page-id-23688 .sec__scotchies .col-right p a:hover {
    color: var(--ags-yellow);
}
body.page-id-23571 .sec__scotchies .col-right p a span,
body.page-id-23688 .sec__scotchies .col-right p a span {
    text-transform: uppercase;
}
body.page-id-23571 .sec__scotchies .col-right p a i,
body.page-id-23688 .sec__scotchies .col-right p a i {
    margin-left: 5px;
}

/* ============================================
   Section 07: Achievements
   ============================================ */
body.page-id-23571 .sec__achievements,
body.page-id-23688 .sec__achievements {
    margin-top: 50px;
}
body.page-id-23571 .sec__achievements .col-left > .col-inner,
body.page-id-23688 .sec__achievements .col-left > .col-inner {
    padding: 30px;
    background: #002E57;
    border-radius: 30px;
    height: 100%;
}
body.page-id-23571 .sec__achievements .col-left > .col-inner .row,
body.page-id-23688 .sec__achievements .col-left > .col-inner .row {
    display: flex;
    flex-direction: row;
    align-items: center;
}
body.page-id-23571 .sec__achievements .col-inner .row .col,
body.page-id-23688 .sec__achievements .col-inner .row .col {
    padding-bottom: 0;
}
body.page-id-23571 .sec__achievements .col-inner h5,
body.page-id-23571 .sec__achievements .col-inner h4,
body.page-id-23688 .sec__achievements .col-inner h5,
body.page-id-23688 .sec__achievements .col-inner h4 {
    color: var(--ags-yellow);
    font-family: "SVN-Apercu Pro", serif;
    margin: 0 0 10px 0;
    font-size: 1em;
}
body.page-id-23571 .sec__achievements .col-inner h3,
body.page-id-23688 .sec__achievements .col-inner h3 {
    color: #fff;
    font-family: "Scotch Young Serif";
    margin: 0 0 30px 0;
}
body.page-id-23571 .sec__achievements .col-left .col-inner p,
body.page-id-23688 .sec__achievements .col-left .col-inner p {
    color: #fff;
    font-size: 0.9em;
    margin: 0 0 10px 0;
}
body.page-id-23571 .sec__achievements .col-right .col-inner,
body.page-id-23688 .sec__achievements .col-right .col-inner {
    padding: 30px;
    background: #003B71;
    border-radius: 30px;
}
body.page-id-23571 .sec__achievements .col-right .box-text,
body.page-id-23688 .sec__achievements .col-right .box-text {
    background: #fff;
    border-radius: 7px;
    padding: 0;
}
body.page-id-23571 .sec__achievements .col-right .box-text h3,
body.page-id-23688 .sec__achievements .col-right .box-text h3 {
    display: block;
    background: #FFCA38;
    border-radius: 7px;
    padding: 20px;
    margin: 0;
    color: var(--ags-blue);
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
    text-align: center;
    font-family: "SVN-Apercu Pro", serif;
}
body.page-id-23571 .sec__achievements .col-right .box-text h3 span,
body.page-id-23688 .sec__achievements .col-right .box-text h3 span {
    font-weight: 700;
    font-size: 2em;
}
body.page-id-23571 .sec__achievements .col-right .box-text p,
body.page-id-23688 .sec__achievements .col-right .box-text p {
    padding: 10px;
    color: var(--ags-blue);
    font-size: 0.9em;
    font-weight: 500;
    text-align: center;
}

/* ============================================
   Section 08: Lang Nghe Chia Se
   ============================================ */
body.page-id-23571 .sec__lang-nghe-chia-se .container__slick-dots,
body.page-id-23688 .sec__lang-nghe-chia-se .container__slick-dots {
    display: none;
}
body.page-id-23571 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button:hover,
body.page-id-23688 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button:hover {
    color: var(--ags-yellow) !important;
}
body.page-id-23571 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button span,
body.page-id-23688 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button span {
    color: #0b4f8a;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
}
body.page-id-23571 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button:hover span,
body.page-id-23688 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button:hover span {
    color: var(--ags-yellow) !important;
}
body.page-id-23571 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button i,
body.page-id-23688 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button i {
    font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-rendering: auto;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 1em;
}
body.page-id-23571 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button i::before,
body.page-id-23688 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button i::before {
    content: "\f061";
    font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif;
    font-weight: 400;
}
body.page-id-23571 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button:hover i,
body.page-id-23688 .sec__lang-nghe-chia-se .bldr_blog_posts__viewmore a.button:hover i {
    color: var(--ags-yellow) !important;
}

/* ============================================
   Section 09: Doi Song Hoc Duong
   ============================================ */
body.page-id-23571 .sec__doisonghocduong .section-title-container .section-title,
body.page-id-23688 .sec__doisonghocduong .section-title-container .section-title {
    margin-bottom: 10px;
}
body.page-id-23571 .sec__doisonghocduong .box-text.text-center,
body.page-id-23688 .sec__doisonghocduong .box-text.text-center {
    padding: 0;
}
body.page-id-23571 .sec__doisonghocduong .row > .col:nth-child(2),
body.page-id-23688 .sec__doisonghocduong .row > .col:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
}
body.page-id-23571 .sec__doisonghocduong .col:nth-child(2) .col-inner,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(2) .image-box,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(2) .image-box .box,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(2) .image-box .box .box-image,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(2) .image-box .box .box-image a,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(2) .image-box .box .box-image a div,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(2) .image-box .box .box-image a div img,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(2) .col-inner,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(2) .image-box,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(2) .image-box .box,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(2) .image-box .box .box-image,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(2) .image-box .box .box-image a,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(2) .image-box .box .box-image a div,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(2) .image-box .box .box-image a div img {
    height: 100%;
}
body.page-id-23571 .sec__doisonghocduong .col:nth-child(2) .image-box .box .box-image a div img,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(2) .image-box .box .box-image a div img {
    object-fit: cover;
    border-radius: 10px;
}
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .col-inner,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box .box,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a div,
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a div img,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .col-inner,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box .box,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a div,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a div img {
    height: 100%;
}
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col,
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col {
    height: 50%;
}
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col:nth-child(3),
body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col:nth-child(4),
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col:nth-child(3),
body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col:nth-child(4) {
    padding-bottom: 0;
}

/* ============================================
   Section 10: News & Events 2026
   ============================================ */
body.page-id-23571 .sec-news-events-2026,
body.page-id-23688 .sec-news-events-2026 {
    background: #fff;
    padding-bottom: 80px !important;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts {
    position: relative;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__title-viewmore,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__title-viewmore {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__title,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__title {
    margin: 0;
    color: #0b4f8a;
    font-family: "Scotch Young Serif", serif;
    font-size: 2rem;
    line-height: 1.2;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.is-link,
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.primary.is-link,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.is-link,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.primary.is-link {
    min-height: auto;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    color: #0b4f8a;
    font-size: 0.9em;
    font-weight: 500;
    text-transform: uppercase;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.is-link i,
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.primary.is-link i,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.is-link i,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.primary.is-link i {
    margin-left: 8px;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.is-link:hover,
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.primary.is-link:hover,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.is-link:hover,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore .button.primary.is-link:hover {
    color: var(--ags-yellow) !important;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore.only_use_btn_bottom,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore.only_use_btn_bottom {
    position: absolute;
    top: -110px;
    right: 0;
    margin: 32px 0 0 0;
    z-index: 3;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore.only_use_btn_bottom a,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore.only_use_btn_bottom a {
    font-size: 1.1em;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore.only_use_btn_bottom a span span,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore.only_use_btn_bottom a span span {
    text-transform: uppercase;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore.only_use_btn_bottom a:hover span span::after,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore.only_use_btn_bottom a:hover span span::after {
    display: none;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__list-posts,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__list-posts {
    margin: 0 -10px;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__list-posts .slick-slide,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__list-posts .slick-slide {
    padding: 0;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__list-posts.tablets-slick-2-1:not(.slick-initialized),
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__list-posts.tablets-slick-2-1:not(.slick-initialized) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
}
body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__list-posts.tablets-slick-2-1:not(.slick-initialized) > *,
body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__list-posts.tablets-slick-2-1:not(.slick-initialized) > * {
    width: 100%;
    min-width: 0;
    margin: 0;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal {
    height: 100%;
    overflow: hidden;
    padding: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 36, 70, .08);
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post_inner,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post_inner {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image,
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image .box-image-inner,
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image .box-image-inner > a,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image .box-image-inner,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image .box-image-inner > a {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image {
    height: 220px;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image .box-image-inner,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image .box-image-inner {
    height: 100%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image .box-image-inner > a,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image .box-image-inner > a {
    height: 100%;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image img,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image img {
    display: block;
    height: 100%;
    width: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: center;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-text,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-text {
    padding: 0;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .box-text-inner__title,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .box-text-inner__title {
    margin: 0 0 12px;
    font-size: 1rem;
    line-height: 1.12;
    min-height: 4.8rem;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .box-text-inner__title .permalink,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .box-text-inner__title .permalink {
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #0b4f8a;
    font-weight: 700;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .box-text-inner__title .permalink:hover,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .box-text-inner__title .permalink:hover {
    color: #0a3e6c;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .date-readtime,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .date-readtime {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 0;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .date-readtime span,
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .date-readtime a,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .date-readtime span,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .date-readtime a {
    color: #6f7f90;
    font-size: .72rem;
    letter-spacing: .02em;
    text-transform: uppercase;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .date-readtime .box-text-inner__categories,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .date-readtime .box-text-inner__categories {
    margin-right: 4px;
}
body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .date-readtime .dot,
body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .date-readtime .dot {
    font-size: .5rem;
    line-height: 1;
}

/* ============================================
   Section: In The Press
   ============================================ */
body.page-id-23571 .sec-In-the-press,
body.page-id-23688 .sec-In-the-press {
    background: linear-gradient(180deg, #fff 0%, #e0effa 100%);
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__inner,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__inner {
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__slider-wrap,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__slider-wrap {
    display: flex;
    align-items: center;
    gap: 18px;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__slider,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__slider {
    flex: 1;
    min-width: 0;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__main-track:not(.slick-initialized) .press-talk-about-us__slide:not(:first-child),
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-track:not(.slick-initialized) .press-talk-about-us__logo-item:not(:first-child),
body.page-id-23688 .press-talk-about-us .press-talk-about-us__main-track:not(.slick-initialized) .press-talk-about-us__slide:not(:first-child),
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-track:not(.slick-initialized) .press-talk-about-us__logo-item:not(:first-child) {
    display: none;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__slider .slick-list,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__slider .slick-list {
    overflow: hidden;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__slide,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__slide {
    position: relative;
    padding-bottom: 14px;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__main-track .press-talk-about-us__slide.slick-current::after,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__main-track .press-talk-about-us__slide.slick-current::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    pointer-events: none;
    z-index: 2;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__quote-card,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__quote-card {
    position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 28px 34px;
    margin: 0 15px;
    box-shadow: 0 5px 12px rgba(20, 60, 100, 0.08);
    height: 260px;
    display: flex;
    flex-direction: column;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__quote-card::after,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__quote-card::after { content: none; }
body.page-id-23571 .press-talk-about-us .press-talk-about-us__quote-content,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__quote-content {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    flex: 1;
    min-height: 0;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__quote-icon,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__quote-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background: url('https://scotch-ags.edu.vn/wp-content/uploads/2026/03/double-dot-icon.png') no-repeat center center / contain;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__text,
body.page-id-23571 .press-talk-about-us .press-talk-about-us__text p,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__text,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__text p {
    margin: 0;
    color: #000;
    font-size: 1em;
    line-height: 1.45;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__text,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__text {
    overflow-y: auto;
    padding-right: 8px;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__text::-webkit-scrollbar,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__text::-webkit-scrollbar {
    width: 6px;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__text::-webkit-scrollbar-thumb,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__text::-webkit-scrollbar-thumb {
    background: rgba(10, 88, 167, 0.35);
    border-radius: 999px;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__meta,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
    padding-left: 55px;
    flex-shrink: 0;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__title,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__title {
    font-weight: 600;
    font-size: 1em;
    color: #222f44;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__link,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #005aa9;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-decoration: none;
    white-space: nowrap;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__link:hover,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__link:hover {
    color: #003f7a;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__arrow,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__arrow {
    width: 52px;
    height: 52px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.55);
    color: #0a58a7;
    margin-right: 0;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.25s ease;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__arrow span,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__arrow span {
    font-size: 1.2em;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__arrow.press-talk-about-us__arrow--next,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__arrow.press-talk-about-us__arrow--next {
    margin-right: 0;
    margin-left: 0;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__arrow:hover,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__arrow:hover {
    background: #fff;
    box-shadow: 0 4px 18px rgba(0, 70, 140, 0.18);
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logos,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logos {
    margin-top: 38px;
    padding-bottom: 8px;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-track .slick-track,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-track .slick-track {
    display: flex !important;
    align-items: center;
    gap: 40px;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-item,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.55;
    transition: all 0.25s ease;
    min-height: 60px;
    width: 140px;
    cursor: pointer;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-item img,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-item img {
    max-height: 60px;
    max-width: 100%;
    width: auto;
    transition: all 0.25s ease;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-fallback,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-fallback {
    font-size: 13px;
    color: #5c6f88;
    text-align: center;
    font-weight: 600;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logos .slick-current,
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logos .slick-center,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logos .slick-current,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logos .slick-center {
    opacity: 1;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logos .slick-current img,
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logos .slick-center img,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logos .slick-current img,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logos .slick-center img {
    filter: grayscale(0%);
    transform: scale(1.2);
}

/* ============================================
   RESPONSIVE: Tablet & Mobile
   Only section-specific rules (no header/footer)
   ============================================ */

@media (max-width: 849px) {
    body.page-id-23571 h2,
    body.page-id-23571 h2 .section-title-main,
    body.page-id-23688 h2,
    body.page-id-23688 h2 .section-title-main {
        font-size: 28px !important;
    }

    /* Slider */
    body.page-id-23571 .slider-wrapper.slider-customs .flickity-page-dots,
    body.page-id-23688 .slider-wrapper.slider-customs .flickity-page-dots {
        bottom: var(--space-24) !important;
        justify-content: center;
    }
    body.page-id-23571 .slider-wrapper.slider-customs .flickity-page-dots .dot,
    body.page-id-23688 .slider-wrapper.slider-customs .flickity-page-dots .dot {
        width: .444rem;
        height: .444rem;
        opacity: 1 !important;
        background-size: contain;
        transition: .1s all;
    }
    body.page-id-23571 .slider-wrapper.slider-customs .flickity-page-dots .dot.is-selected,
    body.page-id-23688 .slider-wrapper.slider-customs .flickity-page-dots .dot.is-selected {
        width: var(--space-12);
        height: var(--space-12);
        transition: .1s all;
    }
    body.page-id-23571 .slider-customs .flickity-page-dots,
    body.page-id-23688 .slider-customs .flickity-page-dots {
        left: 50% !important;
        transform: translateX(-50%);
        bottom: 2.2222222222rem !important;
    }

    /* Banner */
    body.page-id-23571 .section.sec__banner .item-banner_slider .banner_slider-img img,
    body.page-id-23688 .section.sec__banner .item-banner_slider .banner_slider-img img {
        aspect-ratio: 3 / 4;
        object-fit: cover;
        object-position: center;
        min-height: 40vw;
        max-height: 90vh;
    }
    body.page-id-23571 .section.sec__banner,
    body.page-id-23688 .section.sec__banner {
        padding-bottom: 50px !important;
    }
    body.page-id-23571 .slider-wrapper.slider-customs .flickity-page-dots,
    body.page-id-23688 .slider-wrapper.slider-customs .flickity-page-dots {
        bottom: -35px !important;
        width: 80%;
    }

    /* Welcome Message */
    body.page-id-23571 .welcome-message,
    body.page-id-23688 .welcome-message {
        flex-direction: column-reverse;
    }
    body.page-id-23571 .welcome-message_info h1,
    body.page-id-23571 .welcome-message_info h2,
    body.page-id-23688 .welcome-message_info h1,
    body.page-id-23688 .welcome-message_info h2 {
        text-align: left;
    }
    body.page-id-23571 .welcome-message_info .button,
    body.page-id-23688 .welcome-message_info .button {
        width: 100%;
        padding: 10px 20px;
        background: #D8173B url('https://scotch-ags.edu.vn/wp-content/uploads/2026/03/play-icon.png') no-repeat 10px center;
    }

    /* Future Ready */
    body.page-id-23571 .future-ready-section .slider .row,
    body.page-id-23688 .future-ready-section .slider .row {
        width: 85% !important;
        transform: translate(-7%, 0px);
    }
    body.page-id-23571 .future-ready-section,
    body.page-id-23688 .future-ready-section {
        padding-bottom: 30px !important;
    }
    body.page-id-23571 .future-ready-section .row-02 .col-inner p,
    body.page-id-23688 .future-ready-section .row-02 .col-inner p {
        font-size: 0.9em;
        line-height: 1.5;
        margin-bottom: 30px;
    }
    body.page-id-23571 .future-ready-section .row-02 .col-inner,
    body.page-id-23688 .future-ready-section .row-02 .col-inner {
        height: 100%;
        padding: 24px 24px 300px 24px;
    }
    body.page-id-23571 .future-ready-section .row-02 .col-inner .img,
    body.page-id-23688 .future-ready-section .row-02 .col-inner .img {
        height: 290px;
    }

    /* Learning Pathway */
    body.page-id-23571 .sec-learning-pathway h5,
    body.page-id-23571 .sec-learning-pathway h4,
    body.page-id-23688 .sec-learning-pathway h5,
    body.page-id-23688 .sec-learning-pathway h4 {
        font-size: 4.3vw;
    }

    /* Scotchies */
    body.page-id-23571 .sec__scotchies .col-left .img,
    body.page-id-23688 .sec__scotchies .col-left .img {
        position: unset;
        margin: 20px 0 0 0;
    }
    body.page-id-23571 .sec__scotchies .col-right,
    body.page-id-23688 .sec__scotchies .col-right {
        padding-bottom: 10px !important;
    }
    body.page-id-23571 .sec__scotchies .col-right h5,
    body.page-id-23571 .sec__scotchies .col-right h4,
    body.page-id-23688 .sec__scotchies .col-right h5,
    body.page-id-23688 .sec__scotchies .col-right h4 {
        margin: 0px 0 10px 0;
    }
    body.page-id-23571 .sec__scotchies .col-right p:last-child,
    body.page-id-23688 .sec__scotchies .col-right p:last-child {
        text-align: right;
    }

    /* Achievements */
    body.page-id-23571 .sec__achievements,
    body.page-id-23688 .sec__achievements {
        margin-top: 0px;
    }
    body.page-id-23571 .sec__achievements .col-right,
    body.page-id-23688 .sec__achievements .col-right {
        padding-bottom: 10px !important;
    }

    /* Academic Division */
    body.page-id-23571 .sec-academic-division .row-02 .col-inner,
    body.page-id-23688 .sec-academic-division .row-02 .col-inner {
        padding: 30px 30px 200px 30px !important;
    }
    body.page-id-23571 .sec-academic-division .slider .row,
    body.page-id-23688 .sec-academic-division .slider .row {
        width: 85% !important;
        transform: translate(-7%, 0px);
    }
    body.page-id-23571 .sec-academic-division .row-02.is-selected .col-inner a.button,
    body.page-id-23688 .sec-academic-division .row-02.is-selected .col-inner a.button {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        bottom: 0;
    }

    /* Blog Posts */
    body.page-id-23571 .bldr_blog_posts .bldr_blog_posts__title-viewmore-description .bldr_blog_posts__title,
    body.page-id-23688 .bldr_blog_posts .bldr_blog_posts__title-viewmore-description .bldr_blog_posts__title {
        margin-bottom: 0px !important;
        text-align: left;
    }
    body.page-id-23571 .bldr_blog_posts .bldr_blog_posts__list-posts[class*="slick-"]:not(.uxb-wrapper .bldr_blog_posts__list-posts[class*="slick-"]).slick-dotted.slick-slider,
    body.page-id-23688 .bldr_blog_posts .bldr_blog_posts__list-posts[class*="slick-"]:not(.uxb-wrapper .bldr_blog_posts__list-posts[class*="slick-"]).slick-dotted.slick-slider {
        margin-bottom: 0px !important;
    }
    body.page-id-23571 .bldr_blog_posts .bldr_blog_posts__list-posts+.bldr_blog_posts__viewmore,
    body.page-id-23688 .bldr_blog_posts .bldr_blog_posts__list-posts+.bldr_blog_posts__viewmore {
        margin-top: 20px !important;
    }

    /* Doi Song Hoc Duong */
    body.page-id-23571 .sec__doisonghocduong .section-title-container .section-title,
    body.page-id-23688 .sec__doisonghocduong .section-title-container .section-title {
        font-size: var(--font-size-28);
    }
    body.page-id-23571 .sec__doisonghocduong .row > .col,
    body.page-id-23571 .sec__doisonghocduong .row > .col:nth-child(2),
    body.page-id-23688 .sec__doisonghocduong .row > .col,
    body.page-id-23688 .sec__doisonghocduong .row > .col:nth-child(2) {
        padding: 0 var(--space-20) var(--space-20);
    }
    body.page-id-23571 .sec__doisonghocduong .row > .col.col-02 .col-inner,
    body.page-id-23688 .sec__doisonghocduong .row > .col.col-02 .col-inner {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    body.page-id-23571 .sec__doisonghocduong .row > .col.col-02 .image-box,
    body.page-id-23688 .sec__doisonghocduong .row > .col.col-02 .image-box {
        height: 50vw;
        width: calc((100% - 20px) / 2);
    }
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .col-inner,
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row,
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box,
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box .box,
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image,
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a,
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a div,
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a div img,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .col-inner,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box .box,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a div,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box .box .box-image a div img {
        height: auto;
    }
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col:nth-child(3),
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col:nth-child(4),
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col:nth-child(3),
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col:nth-child(4) {
        padding-bottom: var(--space-20);
    }
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) > .col-inner .row .col {
        flex: 0 0 calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2);
    }
    body.page-id-23571 .sec__doisonghocduong .col:nth-child(3) .image-box,
    body.page-id-23688 .sec__doisonghocduong .col:nth-child(3) .image-box {
        height: 50vw;
    }

    /* In The Press */
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__inner,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__inner {
        padding: 0;
    }
    body.page-id-23571 .sec-In-the-press .col:first-child,
    body.page-id-23688 .sec-In-the-press .col:first-child {
        padding-bottom: 0;
    }
    body.page-id-23571 .sec-In-the-press .col:last-child,
    body.page-id-23688 .sec-In-the-press .col:last-child {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 0;
    }

    /* News Events */
    body.page-id-23571 .sec-news-events-2026 .container__slick-dots,
    body.page-id-23688 .sec-news-events-2026 .container__slick-dots {
        display: none;
    }
    body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__list-posts.tablets-slick-2-1:not(.slick-initialized),
    body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__list-posts.tablets-slick-2-1:not(.slick-initialized) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__viewmore.only_use_btn_bottom,
    body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__viewmore.only_use_btn_bottom {
        position: static;
        margin-top: 16px;
    }
    body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__title,
    body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__title {
        font-size: 1.55rem;
    }
    body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__list-posts,
    body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__list-posts {
        margin: 0 -6px;
    }
    body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__list-posts .slick-slide,
    body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__list-posts .slick-slide {
        padding: 0 6px;
    }
    body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-text,
    body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-text {
        padding: 14px;
    }
    body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image,
    body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image {
        height: 190px;
    }
    body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .box-text-inner__title,
    body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .box-text-inner__title {
        font-size: 1rem;
        min-height: 3.9rem;
    }

    /* === Fix shadow bị cắt trên mobile slider === */

    /* 1. Luôn hiển thị shadow trên mobile (không cần hover) */
    body.page-id-23571 .future-ready-section .slider .row-02 .col-inner,
    body.page-id-23688 .future-ready-section .slider .row-02 .col-inner {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        border-radius: 20px;
    }

    /* 2. Cho phép overflow visible để shadow không bị cắt */
    body.page-id-23571 .future-ready-section .slider-wrapper .slider,
    body.page-id-23571 .future-ready-section .slider-wrapper .flickity-viewport,
    body.page-id-23688 .future-ready-section .slider-wrapper .slider,
    body.page-id-23688 .future-ready-section .slider-wrapper .flickity-viewport {
        overflow: visible !important;
    }

    /* 3. Thêm padding để tạo không gian cho shadow */
    body.page-id-23571 .future-ready-section .slider-wrapper .flickity-viewport,
    body.page-id-23688 .future-ready-section .slider-wrapper .flickity-viewport {
        padding: 10px 0;
    }

    /* 4. Giữ slider-wrapper overflow hidden để không bị tràn ngang */
    body.page-id-23571 .future-ready-section .slider-wrapper,
    body.page-id-23688 .future-ready-section .slider-wrapper {
        overflow: hidden;
        padding: 10px 0;
    }
}

@media (max-width: 549px) {
    body.page-id-23571 .sec-news-events-2026 .bldr_blog_posts__list-posts.tablets-slick-2-1:not(.slick-initialized),
    body.page-id-23688 .sec-news-events-2026 .bldr_blog_posts__list-posts.tablets-slick-2-1:not(.slick-initialized) {
        grid-template-columns: 1fr;
    }
    body.page-id-23571 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image,
    body.page-id-23688 .sec-news-events-2026 .type-post.post-simple-horizontal .type-post__box-image {
        height: 180px;
    }
}

@media (max-width: 991px) {
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__quote-card,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__quote-card {
        padding: 22px 18px;
        height: 320px;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__text,
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__text p,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__text,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__text p {
        font-size: 17px;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__title,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__title {
        font-size: 18px;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__link,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__link {
        font-size: 14px;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__arrow,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__arrow {
        width: 38px;
        height: 38px;
        font-size: 18px;
        margin: 0 !important;
        display: none !important;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__slider-wrap,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__slider-wrap {
        padding: 0 50px;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__slider .slick-list,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__slider .slick-list {
        overflow: visible;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__slide,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__slide {
        padding-bottom: 13px;
    }
}

@media (max-width: 767px) {
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__slider-wrap,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__slider-wrap {
        gap: 8px;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__quote-content,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__quote-content {
        gap: 6px;
        flex-direction: column;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__text,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__text {
        overflow-y: visible;
        padding-right: 0;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__quote-icon,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__quote-icon {
        font-size: 40px;
        transform: translateY(-4px);
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__meta,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__meta {
        flex-direction: row;
        align-items: flex-start;
        justify-content: end;
        flex-wrap: wrap;
        width: 100%;
        gap: 10px;
        padding: 0;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__title,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__title {
        width: 100%;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__quote-card,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__quote-card {
        height: auto;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__logos,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__logos {
        margin-top: 20px;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-item,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-item {
        width: 110px;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__logos .slick-current img,
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__logos .slick-center img,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__logos .slick-current img,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__logos .slick-center img {
        transform: scale(1.5);
    }
}

/**
 * PATCH 2: Mobile fixes - thêm vào style-2.css trên production
 * Sửa lỗi press logos quá lớn trên mobile + các fix mobile khác
 */

/* ============================================
   Press Section: Logo sizing fix (khi ít bài)
   ============================================ */
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-track,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-track {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-item,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-item {
    flex: 0 0 auto;
}
body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-item img,
body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-item img {
    max-height: 50px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
}

@media (max-width: 849px) {
    /* Press logos mobile */
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-track,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-track {
        gap: 10px;
        flex-wrap: wrap;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-item,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-item {
        width: 80px;
        min-height: 40px;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__logo-item img,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__logo-item img {
        max-height: 35px;
        max-width: 80px;
    }

    /* Press arrows hide on mobile */
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__arrow,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__arrow {
        display: none !important;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__slider-wrap,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__slider-wrap {
        padding: 0;
    }

    /* Press quote card mobile */
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__quote-card,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__quote-card {
        padding: 20px 16px;
        margin: 0 5px;
        height: auto;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__quote-content,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__quote-content {
        gap: 8px;
        flex-direction: column;
    }
    body.page-id-23571 .press-talk-about-us .press-talk-about-us__meta,
    body.page-id-23688 .press-talk-about-us .press-talk-about-us__meta {
        padding-left: 0;
        flex-direction: column;
        gap: 8px;
    }
}