/* Landing: Khoa hoc IELTS cho hoc sinh sinh vien V2 - slug: khoa-hoc-luyen-thi-ielts-cho-hoc-sinh-sinh-vien-v2 */

/* Cuon muot khi cac nut CTA dieu huong xuong form #trialform */
html {
    scroll-behavior: smooth;
}

/* Font SVN-Gilroy thong nhat (Medium 500 / Bold 700 / XBold 800) */
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/fonts/SVN-Gilroy/SVN-Gilroy-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/fonts/SVN-Gilroy/SVN-Gilroy-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/fonts/SVN-Gilroy/SVN-GilroyBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('/fonts/SVN-Gilroy/SVN-Gilroy-XBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Nen trang rieng cho landing page */
body {
    background: rgba(255, 255, 255, 1);
}

/* Heading that (h2/h3) bao quanh anh title hoac nut co san: chi mang ngu nghia SEO,
   khong them khoang cach hay kieu chu de layout giu nguyen (SEO-04/05) */
.lp-sec-h {
    margin: 0;
    font-size: inherit;
    line-height: 0;
    position: relative;
}

/* Tieu de section that (thay the anh title-*.png): theo Figma
   SVN-Gilroy Bold 700, 40px (line-height 55px thay vi 46px cho thoang), viet hoa chu dau cau (giu nguyen chu trong blade), can giua, mau do gradient #DB1F1F -> #9D0B0F */
.lp-sec-h.lp-sec-title {
    font-family: 'SVN-Gilroy', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    /* background-clip:text chi to mau trong box: dau chong (Ễ, Ẩ...) dong dau cao ~1.08em,
       vuot line-height 46px nen bi cat. Noi vung to len tren bang padding, bu bang margin am */
    padding-top: 0.3em;
    margin: -0.3em 0 0;
    background: linear-gradient(180deg, #DB1F1F 0%, #9D0B0F 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #DB1F1F;
}

@media (max-width: 767.98px) {
    .lp-sec-h.lp-sec-title {
        font-size: 26px;
        line-height: 36px;
    }
}

/* Chu that cua heading, an khoi man hinh bang clip (khong display:none/opacity:0)
   de crawler + screen reader van doc duoc — cung ky thuat voi H1 dau trang */
.lp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
}

.lp-sec-h3 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* An breadcrumb rieng cho landing page */
section.breadcrumb {
    display: none;
}

/* ===== Section 1: banner full-width ===== */

/* Anh banner full-width (w-100) tranh meo khi co attr width/height */
.lp-section-img img {
    height: auto;
}

/* Vung bam trong suot tren banner (Figma "Sec 1_Button"): toa do % theo frame 1920x860 | mobile 375x500 */
#lp-section-1 .lp-hero-hotspot {
    position: absolute;
    left: 13.49%;
    top: 82.21%;
    width: 28.07%;
    height: 14.65%;
    z-index: 2;
}

@media (max-width: 767.98px) {
    #lp-section-1 .lp-hero-hotspot {
        left: 0;
        top: 41.2%;
        width: 100%;
        height: 14%;
    }
}

/* ===== H1 chinh tai hero (SEO: duy nhat tren trang, hien thi, khong an nhu cac H2 anh) ===== */
.lp-hero-h1 {
    font-family: 'SVN-Gilroy', sans-serif;
    font-weight: 700;
    color: #d6231f;
    text-align: center;
    margin: 0;
    padding: 28px 16px 4px;
    font-size: 40px;
    line-height: 1.2;
}

@media (max-width: 767.98px) {
    .lp-hero-h1 {
        font-size: 24px;
        padding: 18px 12px 2px;
    }
}

/* H1 an khoi man hinh nhung van giu trong DOM cho SEO/crawler:
   specificity cao hon .lp-hero-h1 de padding/margin rieng khong lam lo khoi an */
.lp-hero-h1.lp-sr-only {
    margin: -1px;
    padding: 0;
}

/* ===== Section 2: Khoa hoc nay phu hop voi ai? ===== */
#lp-section-2 {
    background: #fff;
    padding: 80px 0 80px;
    font-family: 'SVN-Gilroy', sans-serif;
}

#lp-section-2 .lp-s2-title {
    text-align: center;
    margin-bottom: 40px;
}

#lp-section-2 .lp-s2-title img {
    max-width: 90%;
    height: 192px;
    width: auto;
    object-fit: contain;
}

/* Can giua card tren desktop (khong dung .justify-content-center cua Bootstrap
   vi flex center + overflow lam card dau tran khoi vung scroll tren mobile) */
#lp-section-2 .lp-s2-row {
    justify-content: center;
}

#lp-section-2 .lp-s2-card {
    background: #fff;
    border: 0;
    border-radius: 16px;
    padding: 28px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 3px 4px 30px 0 rgba(0, 0, 0, 0.1);
}

#lp-section-2 .lp-s2-card-img {
    border-radius: 12px;
    overflow: hidden;
}

#lp-section-2 .lp-s2-card-img img {
    width: 100%;
    height: auto;
    display: block;
}

#lp-section-2 .lp-s2-card-title {
    color: #d6231f;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    margin: 16px 0 0;
    padding-bottom: 8px;
    position: relative;
}

#lp-section-2 .lp-s2-card-title::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100px;
    height: 2px;
    background: #FFD24B;
    border-radius: 2px;
}

#lp-section-2 .lp-s2-goal {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 14px;
}

#lp-section-2 .lp-s2-goal-icon {
    width: 37px;
    height: 37px;
    flex-shrink: 0;
}

#lp-section-2 .lp-s2-goal p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    color: #252525;
    margin: 0;
}

#lp-section-2 .lp-s2-goal p strong {
    font-weight: 700;
}

#lp-section-2 .lp-s2-divider {
    border-top: 1px dashed #e5b9ba;
    margin: 14px 0;
}

#lp-section-2 .lp-s2-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#lp-section-2 .lp-s2-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    color: #252525;
}

#lp-section-2 .lp-s2-check {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 3px;
}

#lp-section-2 .lp-s2-cta {
    text-align: center;
    margin-top: 40px;
}

#lp-section-2 .lp-s2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 32px 16px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(180deg, #DB1F1F 0%, #9D0B0F 100%);
    color: #fff;
    font-family: 'SVN-Gilroy', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#lp-section-2 .lp-s2-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(214, 35, 31, 0.35);
}

/* Chi bao truot cua slider (chi hien tren mobile) */
#lp-section-2 .lp-s2-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

/* Nut cao 28px cho de cham tren dien thoai, thanh mau ve bang ::before */
#lp-section-2 .lp-s2-dot {
    width: 28px;
    height: 28px;
    border: 0;
    padding: 0;
    background: transparent;
    position: relative;
    transition: width 0.25s ease;
    cursor: pointer;
    touch-action: manipulation;
}

#lp-section-2 .lp-s2-dot::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 8px;
    border-radius: 999px;
    background: #ffd88a;
    transition: background-color 0.25s ease;
}

#lp-section-2 .lp-s2-dot.active {
    width: 64px;
}

#lp-section-2 .lp-s2-dot.active::before {
    background: #d6231f;
}

/* Mobile: slider vuot ngang, moi lan chi hien dung 1 card (scroll-snap) */
@media (max-width: 767.98px) {
    #lp-section-2 .row {
        flex-wrap: nowrap;
        justify-content: flex-start;
        /* Bo margin am cua Bootstrap row: no lam diem snap card 1 nam ngoai vung cuon (snap nhay sang card 2 khi load) */
        margin-left: 0;
        margin-right: 0;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 8px;
    }

    #lp-section-2 .row::-webkit-scrollbar {
        display: none;
    }

    #lp-section-2 .row > [class*='col-'] {
        flex: 0 0 100%;
        max-width: 100%;
        scroll-snap-align: center;
    }
}

/* ===== Section 3: Dung de IELTS tro thanh rao can ===== */
#lp-section-3 {
    background: url('/templates/ocean/images/courses/khoa-hoc-luyen-thi-ielts-cho-hoc-sinh-sinh-vien-v2/section-3-bg.png') no-repeat bottom center / cover, #fff;
    /* Dung padding-top thay vi margin-top cua title: margin con bi collapse xuyen ra ngoai
       section (section khong co padding/border) lam ca section tut xuong, ho nen trang cua body */
    padding: 120px 0 0;
    font-family: 'SVN-Gilroy', sans-serif;
}

#lp-section-3 .lp-s3-title {
    text-align: center;
    margin-bottom: 40px;
}

#lp-section-3 .lp-s3-title img {
    
    max-width: 90%;
    height: 256px;
    width: auto;
    object-fit: contain;
}

/* Hang 2 chi co 2 card, van xep tu trai sang nhu Figma nen khong can can giua */
#lp-section-3 .lp-s3-card {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 20px rgba(214, 35, 31, 0.08);
}

#lp-section-3 .lp-s3-card-head {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* Giay note do + so trang de len giua */
#lp-section-3 .lp-s3-num {
    position: relative;
    width: 56px;
    height: 56px;
    flex-shrink: 0;
}

#lp-section-3 .lp-s3-num img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

#lp-section-3 .lp-s3-num span {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FEFAEE;
    font-weight: 800;
    font-size: 26px;
    line-height: 1;
    padding-top: 4px;
}

/* Gach cham nam ngay duoi phan chu (can theo text ben phai icon), khong keo dai het card */
#lp-section-3 .lp-s3-card-title {
    color: #d6231f;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    margin: 0;
    flex: 1;
    text-align: right;
    padding-bottom: 12px;
    border-bottom: 2px dotted #000000;
}

#lp-section-3 .lp-s3-card-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #252525;
    margin: 14px 0 0;
}

#lp-section-3 .lp-s3-cta {
    text-align: center;
    margin-top: 48px;
    /* Chua khoang trong de lo phan nui + nguoi leo o day anh nen */
    padding-bottom: 340px;
}

/* Desktop (Figma): nut can giua duoi hang 2 (2 card ben trai) thay vi giua trang */
@media (min-width: 992px) {
    #lp-section-3 .lp-s3-cta {
        width: 66.667%;
        margin-top: 36px;
    }
}

#lp-section-3 .lp-s3-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 32px 16px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(180deg, #DB1F1F 0%, #9D0B0F 100%);
    color: #fff;
    font-family: 'SVN-Gilroy', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#lp-section-3 .lp-s3-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(214, 35, 31, 0.35);
}

/* Anh nui mobile o cuoi section (desktop dung anh nen nen an di) */
#lp-section-3 .lp-s3-nui-mb {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 767.98px) {
    /* Mobile: dung nen kem bo tron goc tren (Mask group), nui hien bang anh <img> rieng */
    #lp-section-3 {
        background: url('/templates/ocean/images/courses/khoa-hoc-luyen-thi-ielts-cho-hoc-sinh-sinh-vien-v2/section-3-bg-mb.png') no-repeat top center / 100% 100%;
        background-color: #FEFAEE;
    }

    #lp-section-3 .lp-s3-title img {
        height: auto;
        max-height: 140px;
    }

    #lp-section-3 .lp-s3-cta {
        margin-top: 32px;
        padding-bottom: 24px;
    }
}

/* ===== Section 4: Vi sao nen chon hoc IELTS tai Langmaster ===== */
/* Nen giay ke ngang (vo o ly) lap lai theo chieu doc tren nen kem */
#lp-section-4 {
    background: #fff;
    padding: 80px 0;
    font-family: 'SVN-Gilroy', sans-serif;
}

#lp-section-4 .lp-s4-title {
    text-align: center;
    margin-bottom: 40px;
}

#lp-section-4 .lp-s4-title img {
    max-width: 90%;
    height: 256px;
    width: auto;
    object-fit: contain;
}

#lp-section-4 .lp-s4-card {
    background: #fff;
    border: 0;
    border-radius: 20px;
    box-shadow: 3px 4px 30px 0 rgba(0, 0, 0, 0.1);
    padding: 12px 37px 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#lp-section-4 .lp-s4-icon {
    width: 113px;
    height: 114px;
    object-fit: contain;
}

#lp-section-4 .lp-s4-card-title {
    color: #252525;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    margin: 16px 0 0;
}

/* Duong ke ngang voi chevron doi xuong o giua (nhu Figma) */
#lp-section-4 .lp-s4-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 12px 0;
    /* Day phan duoi (divider + text) xuong day de cac card deu hang */
    margin-top: auto;
    padding-top: 12px;
}

#lp-section-4 .lp-s4-divider span {
    flex: 1;
    border-top: 1px solid #000000;
}

#lp-section-4 .lp-s4-chevron {
    width: 13px;
    height: 18px;
    flex-shrink: 0;
}

/* min-height = 3 dong: text ngan hay dai thi khoi mo ta van cao bang nhau,
   nen duong gach ngang (bi day xuong day bang margin-top auto) luon thang hang giua cac card */
#lp-section-4 .lp-s4-card-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.45;
    color: #252525;
    margin: 0;
    min-height: calc(1.45em * 3);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mobile: gom 6 the manh vao 1 khoi trang duy nhat, moi muc = icon nho + tieu de tren cung 1 dong,
   mo ta ben duoi, ngan cach bang duong ke mo (an chevron divider cua desktop) */
@media (max-width: 767.98px) {
    /* Mobile: bo nen giay ke, chi giu mau kem */
    #lp-section-4 {
        background: #fff;
        padding: 40px 0;
    }

    #lp-section-4 .lp-s4-title {
        margin-bottom: 20px;
    }

    #lp-section-4 .lp-s4-title img {
        height: auto;
        max-height: 110px;
    }

    /* Bien .row thanh 1 tam card trang: bo gutter am cua Bootstrap */
    #lp-section-4 .row {
        margin: 0;
        /* background: #fff; */
        /* border: 1px solid #e5474d; */
        border-radius: 16px;
        overflow: hidden;
        padding: 0 12px;
    }

    #lp-section-4 .row > [class*='col-'] {
        padding: 0;
    }

    #lp-section-4 .row > [class*='col-']:not(:last-child) .lp-s4-card {
        border-bottom: 1px dashed #e5b9ba;
    }

    #lp-section-4 .lp-s4-card {
        border: 0;
        border-radius: 0;
        padding: 10px 0px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        text-align: left;
        gap: 4px 8px;
        background: #fff;
    }

    #lp-section-4 .lp-s4-icon {
        width: 32px;
        height: 32px;
    }

    #lp-section-4 .lp-s4-card-title {
        flex: 1;
        margin: 0;
        font-size: 16px;
        line-height: 1.35;
    }

    #lp-section-4 .lp-s4-divider {
        display: none;
    }

    #lp-section-4 .lp-s4-card-text {
        width: 100%;
        min-height: 0;
        display: block;
        font-size: 14px;
        line-height: 1.4;
        margin-top: 0;
    }
}

/* ===== Section 5: Bat dau chinh phuc 6.5+ IELTS voi 4 buoc don gian ===== */
#lp-section-5 {
    background: rgba(255, 210, 75, 0.15); /* #FFD24B @ 15% tren nen trang */
    padding: 60px 0 80px;
    font-family: 'SVN-Gilroy', sans-serif;
}

#lp-section-5 .lp-s5-title {
    text-align: center;
    margin-bottom: 40px;
}

#lp-section-5 .lp-s5-title img {
    max-width: 90%;
    height: 206px;
    width: auto;
    object-fit: contain;
}

/* 4 buoc nam ngang, mui ten dut quang noi giua cac buoc (mui ten can theo tam icon) */
#lp-section-5 .lp-s5-steps {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* gap: 12px; */
    /* max-width: 1100px; */
    margin: 0 auto;
}

#lp-section-5 .lp-s5-step {
    flex: 0 1 225px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#lp-section-5 .lp-s5-icon {
    width: 134px;
    height: 132px;
    object-fit: contain;
}

#lp-section-5 .lp-s5-badge {
    display: inline-block;
    margin-top: 16px;
    padding: 6px 14px;
    border: 1px solid #d6231f;
    border-radius: 999px;
    background: #fff;
    color: #d6231f;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
}

#lp-section-5 .lp-s5-text {
    margin: 16px 0 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    color: #252525;
}

/* Duong noi: gach dut + dau mui ten, dat ngang tam icon (icon 88px -> tam ~44px) */
#lp-section-5 .lp-s5-arrow {
    flex: 1 1 60px;
    max-width: 110px;
    display: flex;
    align-items: center;
    margin-top: 44px;
    transform: translateY(-50%);
}

#lp-section-5 .lp-s5-arrow span {
    flex: 1;
    border-top: 2px dashed #b9b3a6;
}

#lp-section-5 .lp-s5-arrow svg {
    flex-shrink: 0;
    margin-left: -2px;
}

#lp-section-5 .lp-s5-cta {
    text-align: center;
    margin-top: 56px;
}

#lp-section-5 .lp-s5-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 32px 16px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(180deg, #DB1F1F 0%, #9D0B0F 100%);
    color: #fff;
    font-family: 'SVN-Gilroy', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#lp-section-5 .lp-s5-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(214, 35, 31, 0.35);
}

@media (max-width: 767.98px) {
    #lp-section-5 {
        padding: 20px 0;
    }

    #lp-section-5 .lp-s5-title {
        margin-bottom: 24px;
    }

    #lp-section-5 .lp-s5-title img {
        height: auto;
        max-height: 130px;
    }

    /* Mobile: moi buoc 1 hang ngang (icon + pill "Buoc N" + mo ta), gom trong tam trang bo goc,
       ngan cach bang ke dut, an mui ten ngang cua desktop */
    #lp-section-5 .lp-s5-steps {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        border-radius: 16px;
        padding: 4px 16px;
    }

    #lp-section-5 .lp-s5-step {
        flex: none;
        flex-direction: row;
        align-items: center;
        text-align: left;
        gap: 12px;
        padding: 14px 0;
    }

    #lp-section-5 .lp-s5-step:not(:last-child) {
        border-bottom: 1px dashed #e5b9ba;
    }

    #lp-section-5 .lp-s5-icon {
        width: 44px;
        height: 44px;
    }

    #lp-section-5 .lp-s5-badge {
        margin-top: 0;
        flex-shrink: 0;
        font-size: 14px;
        padding: 4px 14px;
    }

    #lp-section-5 .lp-s5-text {
        margin: 0;
        flex: 1;
        font-size: 14px;
        line-height: 1.4;
    }

    #lp-section-5 .lp-s5-arrow {
        display: none;
    }

    #lp-section-5 .lp-s5-cta {
        margin-top: 32px;
    }

    #lp-section-5 .lp-s5-btn {
        font-size: 18px;
        padding: 16px 20px;
    }
}

/* ===== Section 6: Lo trinh tinh gon (5 cap do IELTS) — copy tu khoa-hoc-ielts-online ===== */
.section-3 {
    background: #fff;
    margin-top: -1px;
    font-family: 'SVN-Gilroy', sans-serif;
}

.section-3 .lp-s6-title {
    text-align: center;
    margin-bottom: 16px;
}

.section-3 .lp-s6-title img {
    max-width: 90%;
    height: 192px;
    width: auto;
    object-fit: contain;
}

.section-3 .content-box {
    border-radius: 1rem;
}

.section-3 .box-courses h3 {
    color: #DB1F1F;
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.section-3 .box-courses .camket {
    width: 70%;
}

.section-3 .box-courses .skill {
    flex-basis: 25%;
    text-align: right;
    position: relative;
}

.section-3 .box-courses .skill span {
    border-radius: 0.5rem 0 0 0.5rem;
    padding: 0.5rem;
    padding-left: 1rem;
    background: linear-gradient(265deg, #DB1F1F 80.29%, #B01618 102.32%);
    color: #FFF;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: max-content;
    position: relative;
}

.section-3 .box-courses .skill span::after {
    content: '';
    position: absolute;
    width: 2.5rem;
    height: 1rem;
    clip-path: polygon(0 0, 0 70%, 100% 0);
    background-color: #890002;
    bottom: -1rem;
    right: 0;
}

.section-3 .box-courses .text {
    flex-basis: 75%;
    border-radius: 0.75rem;
    background: rgba(219, 31, 31, 0.10);
}

.section-3 .box-courses .text p {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 5px;
}

.section-3 .box-courses .text p::before {
    content: '';
    width: 1rem;
    height: 0.75rem;
    background: url('../../../images/courses/khoa-hoc-ielts-online/dot.webp') no-repeat center center;
    position: absolute;
    left: 0;
    top: 5px;
}

.section-3 .box-courses .content-box .course .info>.row .text-center:not(:last-child) {
    position: relative;
}

.section-3 .box-courses .content-box .course .info>.row .text-center:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: #c0b6b65c;
    border-radius: 0 100% 100% 0;
}

/* Tab chu theo Figma v2: hang 5 tab dinh lien tren khung noi dung,
   tab thuong nen be chu nau nhat, tab active nen do chu trang va cao hon mot chut */
.section-3 .lp-s6-tabs {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.section-3 .lp-s6-tabs .hd-course {
    flex: 1;
    cursor: pointer;
    text-align: center;
    background: #EEEEEE;
    border-radius: 12px 12px 0 0;
    padding: 10px 8px 12px;
    transition: background-color 0.15s ease;
}

/* Band tab dung span.hd-band thay h4: tab la control, khong phai heading (SEO-05) */
.section-3 .lp-s6-tabs .hd-course .hd-band {
    display: block;
    color: #959CB3;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.section-3 .lp-s6-tabs .hd-course p {
    color: #959CB3;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin: 4px 0 0;
}

.section-3 .lp-s6-tabs .hd-course.active {
    background: #DB1F1F;
    /* padding-top: 16px;
    padding-bottom: 14px; */
}

.section-3 .lp-s6-tabs .hd-course.active .hd-band,
.section-3 .lp-s6-tabs .hd-course.active p {
    color: #fff;
}

/* Khung noi dung trang vien do, bo goc (goc tren trai vuong noi voi tab dau) */
.section-3 .box-courses .content-box {
    border: 0;
    border-radius: 0 0 16px 16px;
    box-shadow: 3px 4px 30px 0 rgba(0, 0, 0, 0.1);
}

/* Nut "Xem chi tiet" trong tung tab: link do gach chan (theo Figma v2) */
.section-3 .sec2-btn {
    color: #DB1F1F;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    text-decoration: underline;
    width: max-content;
}

/* Link "Xem chi tiet" trong tung khoa hoc: 600/20px do */
.section-3 .lp-s6-detail {
    color: #DB1F1F;
    font-family: 'SVN-Gilroy', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

/* Nut CTA do cuoi section, dong bo voi cac section khac cua v2 */
.section-3 .lp-s6-cta {
    text-align: center;
}

.section-3 .lp-s6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 32px 16px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(180deg, #DB1F1F 0%, #9D0B0F 100%);
    color: #fff;
    font-family: 'SVN-Gilroy', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.section-3 .lp-s6-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(214, 35, 31, 0.35);
}

@media screen and (max-width: 991px) {
    .section-3 .box-courses .info .col-lg-2 img {
        display: none;
    }

    .section-3 .box-courses .info h3 {
        flex-basis: 15%;
    }

    .section-3 .box-courses .info p {
        flex-basis: 85%;
        text-align: justify !important;
    }
}

@media screen and (max-width: 767px) {
    .section-3 {
        padding-bottom: 40px;
    }

    .section-3 .lp-s6-title img {
        height: auto;
        max-height: 130px;
    }

    .section-3 .box-courses .skill span {
        border-radius: 0 0.25rem 0.25rem 0;
        font-size: 16px;
    }

    .section-3 .box-courses .skill span::after {
        clip-path: polygon(100% 0, 0 0, 100% 100%);
        left: 0;
        height: 0.75rem;
        bottom: -0.75rem;
        background-color: #89000200;
    }

    .section-3 .box-courses .text {
        padding-top: 1rem !important;
    }

    /* Tab tren mobile: cho phep xuong hang, thu nho chu */
    .section-3 .lp-s6-tabs {
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 10px;
    }

    .section-3 .lp-s6-tabs .hd-course {
        flex: 1 1 30%;
        border-radius: 8px;
        padding: 8px 6px;
    }

    .section-3 .lp-s6-tabs .hd-course.active {
        padding: 8px 6px;
    }

    .section-3 .lp-s6-tabs .hd-course .hd-band {
        font-size: 14px;
    }

    .section-3 .lp-s6-tabs .hd-course p {
        font-size: 12px;
    }

    .section-3 .box-courses .content-box {
        border-radius: 16px;
    }

    .section-3 .box-courses .content-box .course .info>.row .text-center:not(:last-child)::after {
        display: none;
    }

    .section-3 .lp-s6-btn {
        font-size: 18px;
        padding: 16px 20px;
    }
}

@media screen and (max-width: 575px) {
    .section-3 .box-courses .info h3 {
        flex-basis: 30%;
    }
}

/* ===== Section 7: Hang tram nghin hoc vien chinh phuc IELTS ===== */
#lp-section-7 {
    background: #fff;
    padding: 80px 0 60px;
    font-family: 'SVN-Gilroy', sans-serif;
}

#lp-section-7 .lp-s7-title {
    text-align: center;
    margin-bottom: 40px;
}

#lp-section-7 .lp-s7-title img {
    max-width: 90%;
    height: 232px;
    width: auto;
    object-fit: contain;
}

/* Anh hoc vien cam bang diem */
#lp-section-7 .lp-s7-hero {
    text-align: center;
    margin-bottom: 48px;
}

#lp-section-7 .lp-s7-hero img {
    max-width: min(640px, 100%);
    height: auto;
}

/* Vinh danh hoc vien (chuyen tu section 7b, khong title): giu khoang cach nhu hero cu,
   huy padding rieng cua component de khong cong don voi padding cua section */
#lp-section-7 .lp-s7-vinh-danh {
    margin-bottom: 48px;
}

#lp-section-7 .lp-s7-vinh-danh .vinh-danh-section {
    padding: 0;
}

/* Card cam nhan: avatar tron nho de tren, ten do, 5 sao vang, quote */
#lp-section-7 .lp-s7-card {
    background: #fff;
    border: 1px solid #f0dcc8;
    border-radius: 16px;
    padding: 20px;
    height: 100%;
    text-align: center;
    box-shadow: 0 6px 20px rgba(214, 35, 31, 0.06);
}

#lp-section-7 .lp-s7-avatar img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #d6231f;
}

#lp-section-7 .lp-s7-name {
    color: #d6231f;
    font-weight: 700;
    font-size: 18px;
    margin: 10px 0 2px;
}

#lp-section-7 .lp-s7-stars {
    color: #FFC107;
    font-size: 16px;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

#lp-section-7 .lp-s7-text {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: #252525;
    text-align: justify;
    margin: 0;
}

/* Hang video cam nhan hoc vien */
#lp-section-7 .lp-s7-videos {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 40px;
    flex-wrap: wrap;
}

#lp-section-7 .lp-s7-video {
    position: relative;
    display: block;
    flex: 0 1 300px;
    border-radius: 12px;
    overflow: hidden;
}

#lp-section-7 .lp-s7-video img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.2s ease;
}

#lp-section-7 .lp-s7-video:hover img {
    transform: scale(1.04);
}

/* Nut play tron do o giua thumbnail */
#lp-section-7 .lp-s7-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(214, 35, 31, 0.9);
    pointer-events: none;
}

#lp-section-7 .lp-s7-play::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 9px 0 9px 14px;
    border-color: transparent transparent transparent #fff;
}

@media (max-width: 767.98px) {
    #lp-section-7 {
        padding: 0 ;
    }

    #lp-section-7 .lp-s7-title {
        margin-bottom: 20px;
    }

    #lp-section-7 .lp-s7-title img {
        height: 133px;
    }

    #lp-section-7 .lp-s7-hero {
        margin-bottom: 20px;
    }

    #lp-section-7 .lp-s7-vinh-danh {
        margin-bottom: 20px;
    }

    #lp-section-7 .lp-s7-videos {
        margin-top: 28px;
    }

    #lp-section-7 .lp-s7-video {
        flex: 0 1 100%;
    }
}

/* Section 7 - carousel review + video (mau tu "95% hoc vien dat band" cua khoa-hoc-ielts-online) */
#lp-section-7 .lp-s7-review-slide .lp-s7-card {
    margin: 6px 2px 12px;
}

#lp-section-7 .lp-s7-more {
    text-align: right;
    margin: 10px 0 0;
}

#lp-section-7 .lp-s7-more a {
    color: #d6231f;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}

#lp-section-7 .lp-s7-video-slide {
    margin-top: 32px;
}

/* Iframe video giu ti le 16:9, bo goc */
#lp-section-7 .lp-s7-video-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    overflow: hidden;
    background: #000;
}

#lp-section-7 .lp-s7-video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Nut prev/next cua owl de 2 ben slide */
#lp-section-7 .owl-nav .owl-prev,
#lp-section-7 .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#lp-section-7 .owl-nav .owl-prev {
    left: -10px;
}

#lp-section-7 .owl-nav .owl-next {
    right: -10px;
}

#lp-section-7 .owl-dots {
    display: none;
}

/* Section 7 - giao dien copy tu "95% hoc vien dat band muc tieu" (khoa-hoc-ielts-online) */
#lp-section-7 .video-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

#lp-section-7 .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    border: 0;
}

#lp-section-7 .testimonial-slide .owl-nav,
#lp-section-7 .review-slide .owl-nav {
    display: inline-block !important;
}

#lp-section-7 .testimonial-slide .owl-nav .owl-next,
#lp-section-7 .review-slide .owl-nav .owl-next {
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
}

#lp-section-7 .testimonial-slide .owl-nav .owl-prev,
#lp-section-7 .review-slide .owl-nav .owl-prev {
    position: absolute;
    left: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
}

#lp-section-7 .review-slide .owl-stage {
    display: flex;
    align-items: stretch;
}

#lp-section-7 .review-slide .owl-item {
    padding: 1rem;
}

/* Card review: nen trang phu 85% duoi (avatar nho len tren), quote chevron goc trai,
   tab gradient do duoi day card */
#lp-section-7 .review-slide .item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 1.25rem;
    padding: 24px 36px;
    background: url('../../../images/courses/khoa-hoc-ielts-online/chevorn.webp') no-repeat;
    background-size: 2rem;
    background-position: left 12% top 14%;
    height: 100%;
}

#lp-section-7 .review-slide .item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85%;
    background: #fff;
    z-index: -1;
    border-radius: 1.25rem;
    box-shadow: 3px 4px 30px 0 rgba(0, 0, 0, 0.1);
    border: 0;
}

#lp-section-7 .review-slide .item p.text-end {
    margin-top: auto;
}

#lp-section-7 .review-slide .image {
    bottom: 50px;
    padding: 0.5rem;
}

#lp-section-7 .review-slide .image img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 50%;
}

#lp-section-7 .review-slide .image::after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #DB1F1F;
    position: absolute;
    content: '';
    z-index: -2;
    top: 0;
    left: 0;
}

#lp-section-7 .review-slide .name {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.45;
    background: linear-gradient(265deg, #DB1F1F 80.29%, #B01618 102.32%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* padding-top de dau tieng Viet khong bi cat boi background-clip: text */
    padding-top: 0.2em;
}

#lp-section-7 .review-slide .certificate img {
    width: 35%;
    margin: auto;
}

/* Can deu 2 ben (class .text-justify cua markup khong ton tai trong Bootstrap 5) */
#lp-section-7 .review-slide .info p {
    text-align: justify;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: #252525;
    margin: 0;
}

#lp-section-7 .review-slide .item a.text-danger {
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}

#lp-section-7 .owl-dots {
    display: none;
}

@media screen and (max-width: 991px) {
    #lp-section-7 .owl-nav img {
        width: 30px;
    }

    #lp-section-7 .testimonial-slide .owl-nav .owl-next,
    #lp-section-7 .review-slide .owl-nav .owl-next {
        right: 0;
    }

    #lp-section-7 .testimonial-slide .owl-nav .owl-prev,
    #lp-section-7 .review-slide .owl-nav .owl-prev {
        left: 0;
    }
}

/* Section 7 - tinh chinh card review: chua cho vong do sau avatar khoi bi owl cat,
   keo ten sat len gan avatar */
#lp-section-7 .review-slide .owl-stage-outer {
    padding-top: 1rem;
}

#lp-section-7 .review-slide .item .brief {
    margin-top: 0.25rem !important;
}

#lp-section-7 .review-slide .image {
    line-height: 0;
    /* .image bi keo len bang bottom:50px nhung cho dung cu van chiem khong gian
       -> margin am keo ten sat len duoi avatar */
    margin-bottom: -40px;
}

/* ===== Section vinh danh (lp-section-vinh-danh): dong bo gam kem #FEFAEE voi cac section con lai =====
   Section moi them vao giua lp-section-7 (cream) va lp-section-8 (cream) ma khong co background rieng
   nen ke thua body trang (#fff) -> tao vach trang loang giua 2 khoi kem. Gan nen kem + padding
   dong bo, dong thoi huy padding cua chinh component (.vinh-danh-section) de khong nhan doi. */
#lp-section-vinh-danh {
    background: #FEFAEE;
    padding: 80px 0;
}

/* Component vinh-danh tu quan ly padding rieng ben trong (.vinh-danh-section co padding 0 0 80px
   va 50px 0 60px tren mobile) -> huy de khong cong don voi padding cua section ngoai */
#lp-section-vinh-danh .vinh-danh-section {
    padding: 0;
}

/* Title ANH section vinh-danh (thay cho ecosystem-title text): dong bo voi cac section anh
   khac (.lp-sX-title -> .lp-sec-h img). Wrapper can giua + cach section duoi 40px. */
#lp-section-vinh-danh .lp-s-vinh-danh-title {
    text-align: center;
    margin-bottom: 40px;
}

#lp-section-vinh-danh .lp-s-vinh-danh-title img {
    max-width: 90%;
    /* Anh title rat rong (ty le ~3.8:1) nen khong dung height:auto (se cao ~270px,
       to hon cac section lan can). Chuyen sang idiom giong lp-s2/s9: gioi han height
       200px -> rong ~760px, vua voi nhip title anh khac. */
    height: 200px;
    width: auto;
    object-fit: contain;
}

@media (max-width: 767.98px) {
    #lp-section-vinh-danh {
        padding: 40px 0;
    }

    /* Mobile: cùng nhịp s7/s8 (margin 20, title co theo khung, có cap chống tràn tablet) */
    #lp-section-vinh-danh .lp-s-vinh-danh-title {
        margin-bottom: 20px;
    }

    #lp-section-vinh-danh .lp-s-vinh-danh-title img {
        max-width: 90%;
        height: auto;
        max-height: 140px;
    }
}

/* ===== Section 8: 100% Giang vien IELTS 7.5 - 8.0+ (mau tu component ielts-teachers / gv-slide) ===== */
#lp-section-8 {
    background: #fff;
    /* padding: 80px 0; */
    font-family: 'SVN-Gilroy', sans-serif;
}

#lp-section-8 .lp-s8-title {
    text-align: center;
    margin-bottom: 16px;
}

#lp-section-8 .lp-s8-title img {
    max-width: 90%;
    height: 260px;
    width: auto;
    object-fit: contain;
}

/* Pill "Cam ket dong hanh toi khi dat band" duoi title */
#lp-section-8 .lp-s8-badge-wrap {
    text-align: center;
    margin-bottom: 32px;
}

#lp-section-8 .lp-s8-badge {
    display: inline-block;
    background: #fff;
    border: 1px solid #e5474d;
    border-radius: 999px;
    padding: 10px 24px;
    color: #9D0B0F;
    font-weight: 700;
    font-size: 18px;
}

/* An khoi ecosystem-title (component render title rong, v2 dung anh title rieng) */
#lp-section-8 .ecosystem-title-section {
    display: none;
}

/* Card giao vien: avatar tren vien do, nen trang phu 81% duoi, tab gradient duoi day */
#lp-section-8 .gv-slide .owl-stage {
    display: flex;
    align-items: stretch;
}

#lp-section-8 .gv-slide .owl-item {
    padding: 1rem;
}

#lp-section-8 .gv-slide .item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 1.25rem;
    padding: 1.5rem;
    height: 100%;
}

#lp-section-8 .gv-slide .item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 81%;
    background: #fff;
    z-index: -1;
    border-radius: 1.25rem;
    box-shadow: 3px 4px 30px 0 rgba(0, 0, 0, 0.1);
}

#lp-section-8 .gv-slide .item::after {
    content: '';
    height: 0.75rem;
    width: 50%;
    border-radius: 0 0 1.25rem 1.25rem;
    background: linear-gradient(265deg, #DB1F1F 80.29%, #B01618 102.32%);
    position: absolute;
    bottom: -0.75rem;
    left: 50%;
    transform: translateX(-50%);
}

#lp-section-8 .gv-slide .item .image {
    position: relative;
    width: 60%;
    margin: 0 auto;
    padding: 0.35rem;
}

#lp-section-8 .gv-slide .item .image::after {
    content: '';
    position: absolute;
    background: url('../../../images/courses/khoa-hoc-ielts-online/boderava.webp') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

#lp-section-8 .gv-slide .item .image img {
    border-radius: 50%;
    aspect-ratio: 1;
    object-fit: cover;
}

#lp-section-8 .gv-slide .name {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.45;
    text-transform: uppercase;
    background: linear-gradient(180deg, #DB1F1F 0%, #9D0B0F 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* background-clip:text chi to mau trong khung phan tu -> phai co padding-top
       de dau tieng Viet tren chu IN HOA khong bi "tang hinh" */
    padding-top: 0.3em;
    margin-top: 0.35rem;
    /* Vung ten luon cao du 2 dong (ten 1 dong thi can giua) de badge IELTS
       va noi dung cac card thang hang nhau */
    min-height: calc(2 * 1.45em + 0.3em);
    display: flex;
    align-items: center;
    justify-content: center;
}

#lp-section-8 .gv-slide .certificate {
    border-radius: 0.625rem;
    background: rgba(219, 31, 31, 0.10);
    text-align: center;
    padding: 0.75rem 2rem;
}

#lp-section-8 .gv-slide .certificate span {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    background: linear-gradient(180deg, #DB1F1F 0%, #9D0B0F 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#lp-section-8 .gv-slide .info ul {
    padding: 0;
    max-width: 100%;
    margin: 0;
}

#lp-section-8 .gv-slide .info li {
    position: relative;
    padding-left: 1.5rem;
    text-align: justify;
    margin-bottom: 10px;
    list-style: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: #252525;
}

#lp-section-8 .gv-slide .info li::before {
    content: '';
    width: 1rem;
    height: 1rem;
    background: url('../../../images/courses/khoa-hoc-ielts-online/checkround.webp') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 3px;
    left: 0;
}

#lp-section-8 .gv-slide .owl-nav {
    display: inline-block !important;
}

#lp-section-8 .gv-slide .owl-nav .owl-next {
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
}

#lp-section-8 .gv-slide .owl-nav .owl-prev {
    position: absolute;
    left: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
}

#lp-section-8 .owl-dots {
    display: none;
}

/* Nut CTA cua component (sec2-btn) style thanh nut do dong bo v2 */
#lp-section-8 .sec2-btn {
    display: inline-block;
    background: #d6231f;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    padding: 21px 24px;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#lp-section-8 .sec2-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(214, 35, 31, 0.35);
}

@media screen and (max-width: 991px) {
    #lp-section-8 .owl-nav img {
        width: 30px;
    }

    #lp-section-8 .gv-slide .owl-nav .owl-next {
        right: 0;
    }

    #lp-section-8 .gv-slide .owl-nav .owl-prev {
        left: 0;
    }
}

@media (max-width: 767.98px) {
    #lp-section-8 {
        padding: 20px 0 0;
    }

    #lp-section-8 .lp-s8-title img {
        height: auto;
        max-height: 140px;
    }

    #lp-section-8 .lp-s8-badge {
        font-size: 15px;
        padding: 8px 18px;
    }

    #lp-section-8 .sec2-btn {
        font-size: 18px;
        padding: 16px 20px;
    }
}

/* Section 8 - the giao vien theo trang khoa-hoc-ielts-online: badge IELTS gon,
   nut "Xem chung chi" rieng cuoi the (style trong component ielts-teachers) */
/* Card co vien do mong nhu mockup */
#lp-section-8 .gv-slide .item::before {
    border: 0;
}

/* Bo nut CTA "Dang ky hoc thu cung giao vien Langmaster" (component chung luon render nen an bang CSS) */
#lp-section-8 .sec2-btn {
    display: none !important;
}

/* ===== Section 9: Doi ngu & Mo hinh hoc toi uu (Thay gioi + Lop nho = Len band that) ===== */
#lp-section-9 {
    background: #fff;
    padding: 40px 0 80px;
    font-family: 'SVN-Gilroy', sans-serif;
    overflow: hidden;
}

#lp-section-9 .lp-s9-title {
    text-align: center;
    margin-bottom: 40px;
}

#lp-section-9 .lp-s9-title img {
    max-width: 90%;
    height: 192px;
    width: auto;
    object-fit: contain;
}

/* Cum 3 luc giac: dung anh export tu Figma */
#lp-section-9 .lp-s9-hexes {
    text-align: center;
}

#lp-section-9 .lp-s9-hexes img {
    margin: 20px 0;
    max-width: min(520px, 100%);
    height: auto;
}

/* Card "Hoc vien nhan duoc gi moi tuan?" */
#lp-section-9 .lp-s9-weekly {
    background: #fff;
    border: 0;
    border-radius: 16px;
    padding: 44px 38px;
    position: relative;
    box-shadow: 3px 4px 30px 0 rgba(0, 0, 0, 0.1);
}

/* Icon bong den nho ra ngoai goc tren phai card */
#lp-section-9 .lp-s9-weekly-icon {
    position: absolute;
    top: -26px;
    right: -18px;
    width: 64px;
    height: 64px;
    object-fit: contain;
}

#lp-section-9 .lp-s9-weekly h3 {
    color: #d6231f;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin: 0 0 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5b9ba;
}

#lp-section-9 .lp-s9-weekly ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#lp-section-9 .lp-s9-weekly li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
    color: #252525;
    padding: 10px 0;
}

#lp-section-9 .lp-s9-weekly li:not(:last-child) {
    border-bottom: 1px dashed #e5b9ba;
}

#lp-section-9 .lp-s9-weekly li strong {
    font-weight: 700;
}

#lp-section-9 .lp-s9-check {
    flex-shrink: 0;
    margin-top: 3px;
}

/* Dai anh lop hoc tu chay ngang vo han (translateX -50% tren track nhan doi) */
#lp-section-9 .lp-s9-marquee {
    overflow: hidden;
    margin-top: 64px;
    /* Mo dan 2 mep trai/phai de anh chay vao/ra muot nhu Figma */
    -webkit-mask-image: linear-gradient(to right, transparent, #000 20%, #000 80%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 20%, #000 80%, transparent);
}

#lp-section-9 .lp-s9-marquee-track {
    display: flex;
    width: max-content;
    animation: lp-s9-marquee-scroll 30s linear infinite;
}

#lp-section-9 .lp-s9-marquee-group {
    display: flex;
    gap: 16px;
    padding-right: 16px;
    flex-shrink: 0;
}

/* Anh ngang ti le 16:9 (rong 540px), object-fit cover de anh nguon ti le khac van day khung */
#lp-section-9 .lp-s9-marquee img {
    width: 540px;
    aspect-ratio: 16 / 9;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
    display: block;
}

@keyframes lp-s9-marquee-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    #lp-section-9 .lp-s9-marquee-track {
        animation: none;
    }
}

@media (max-width: 767.98px) {
    #lp-section-9 {
        padding: 0 0 40px 0;
    }

    #lp-section-9 .lp-s9-title {
        margin-bottom: 24px;
    }

    #lp-section-9 .lp-s9-title img {
        height: auto;
        max-height: 140px;
    }

    #lp-section-9 .lp-s9-marquee {
        margin-top: 20px;
    }

    #lp-section-9 .lp-s9-marquee img {
        width: 300px;
    }
}

/* ===== Section 10: Khai giang lop IELTS moi - Nhan tron bo uu dai dac biet ===== */
/* Nen dung anh Mask group (tam kem vom cong), keo gian 100% theo kich thuoc section */
#lp-section-10 {
    background: url('/templates/ocean/images/courses/khoa-hoc-luyen-thi-ielts-cho-hoc-sinh-sinh-vien-v2/section-10-bg.png') no-repeat top center / 100% 100%;
    background-color: #fff;
    padding: 104px 0 85px;
    font-family: 'SVN-Gilroy', sans-serif;
}

#lp-section-10 .lp-s10-title {
    text-align: center;
    margin-bottom: 58px;
}

#lp-section-10 .lp-s10-title img {
    max-width: 90%;
    height: 251px;
    width: auto;
    object-fit: contain;
}

/* Anh uu dai (da gom 6 the + hop qua trong 1 anh export tu Figma) */
#lp-section-10 .lp-s10-gift {
    text-align: center;
}

#lp-section-10 .lp-s10-gift img {
    width: 100%;
    height: auto;
}

/* Dem nguoc */
#lp-section-10 .lp-s10-countdown-label {
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    color: #252525;
    margin: 58px 0 40px;
    text-transform: uppercase;
}

#lp-section-10 .lp-s10-countdown {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 14px;
}

#lp-section-10 .lp-s10-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

#lp-section-10 .lp-s10-time-value {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    height: 88px;
    background: #F8E9BD;
    border-radius: 12px;
    color: #d6231f;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
}

#lp-section-10 .lp-s10-time-label {
    font-weight: 700;
    font-size: 32px;
    color: #252525;
}

#lp-section-10 .lp-s10-colon {
    color: #d6231f;
    font-weight: 700;
    font-size: 32px;
    line-height: 88px;
}

#lp-section-10 .lp-s10-note {
    text-align: center;
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    color: #555;
    margin: 36px 0 20px;
}

#lp-section-10 .lp-s10-urge {
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    color: #252525;
    margin: 0 0 56px;
    text-transform: uppercase;
}

#lp-section-10 .lp-s10-cta {
    text-align: center;
    margin-top: 58px;
}

#lp-section-10 .lp-s10-arrow {
    display: block;
    width: 180px;
    height: 180px;
    margin: -20px auto 0;
}

#lp-section-10 .lp-s10-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 32px 16px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(180deg, #DB1F1F 0%, #9D0B0F 100%);
    color: #fff;
    font-family: 'SVN-Gilroy', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#lp-section-10 .lp-s10-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(214, 35, 31, 0.35);
}

@media (max-width: 767.98px) {
    #lp-section-10 {
        padding: 20px 0 30px;
    }

    #lp-section-10 .lp-s10-title {
        margin-bottom: 24px;
    }

    #lp-section-10 .lp-s10-title img {
        height: auto;
        max-height: 140px;
    }

    #lp-section-10 .lp-s10-gift img {
        max-width: 100%;
    }

    #lp-section-10 .lp-s10-time-value {
        min-width: 64px;
        height: 64px;
        font-size: 28px;
    }

    #lp-section-10 .lp-s10-colon {
        line-height: 64px;
        font-size: 24px;
    }

    #lp-section-10 .lp-s10-time-label {
        font-size: 18px;
    }

    #lp-section-10 .lp-s10-btn {
        font-size: 18px;
        padding: 16px 20px;
    }

    #lp-section-10 .lp-s10-arrow {
        width: 96px;
        height: 96px;
        margin-top: -12px;
    }
}

/* ===== Section 11: Cam ket dau ra bang van ban - Hoc den khi dat band ===== */
#lp-section-11 {
    background: #fff;
    padding: 80px 0;
    font-family: 'SVN-Gilroy', sans-serif;
}

#lp-section-11 .lp-s11-title {
    text-align: center;
    margin-bottom: 40px;
}

#lp-section-11 .lp-s11-title img {
    max-width: 90%;
    height: 283px;
    width: auto;
    object-fit: contain;
}

#lp-section-11 .lp-s11-img {
    text-align: center;
}

#lp-section-11 .lp-s11-img img {
    max-width: min(1100px, 100%);
    height: auto;
}

@media (max-width: 767.98px) {
    #lp-section-11 {
        padding: 40px 0;
    }

    #lp-section-11 .lp-s11-title {
        margin-bottom: 20px;
    }

    #lp-section-11 .lp-s11-title img {
        height: auto;
        max-height: 140px;
    }
}

/* ===== Section 13: Thac mac thuong gap (FAQ accordion 1 cot) ===== */
#lp-section-13 {
    background: #fff;
    padding: 80px 0;
    font-family: 'SVN-Gilroy', sans-serif;
}

#lp-section-13 .lp-s13-title {
    text-align: center;
    margin-bottom: 10px;
}

#lp-section-13 .lp-s13-title img {
    max-width: 90%;
    height: 145px;
    width: auto;
    object-fit: contain;
}

#lp-section-13 .lp-s13-list {
    max-width: 900px;
    margin: 0 auto;
}

#lp-section-13 .lp-s13-item {
    border-bottom: 1px solid #d9cfc0;
}

/* Cau hoi: chu do dam ben trai, dau +/- ben phai */
#lp-section-13 .lp-s13-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    background: transparent;
    border: 0;
    padding: 30px 4px;
    text-align: left;
    color: #252525;
    font-family: inherit;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.35;
    cursor: pointer;
}

/* Dau +: 2 gach ve bang pseudo, khi mo gach doc an di thanh dau - */
#lp-section-13 .lp-s13-toggle {
    position: relative;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

#lp-section-13 .lp-s13-toggle::before,
#lp-section-13 .lp-s13-toggle::after {
    content: '';
    position: absolute;
    background: #252525;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

#lp-section-13 .lp-s13-toggle::before {
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    transform: translateY(-50%);
}

#lp-section-13 .lp-s13-toggle::after {
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
}

#lp-section-13 .lp-s13-item.open .lp-s13-toggle::after {
    transform: translateX(-50%) rotate(90deg);
    opacity: 0;
}

/* Cau tra loi: dong mac dinh, mo bang max-height */
#lp-section-13 .lp-s13-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

#lp-section-13 .lp-s13-item.open .lp-s13-a {
    max-height: 700px;
}

#lp-section-13 .lp-s13-a p {
    margin: 0;
    padding: 0 4px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #252525;
}

@media (max-width: 767.98px) {
    #lp-section-13 {
        padding: 40px 0 20px;
    }

    #lp-section-13 .lp-s13-title img {
        height: auto;
        max-height: 59px;
    }

    #lp-section-13 .lp-s13-q {
        font-size: 15px;
        padding: 16px 2px;
    }

    #lp-section-13 .lp-s13-a p {
        font-size: 15px;
    }
}

/* ===== Section form dang ky: form dang ky chung #trialform
   (common.new-enroll-form, CSS rieng new-register-form.css) ===== */
.lp-form-sec {
    background: #fff;
    font-family: 'SVN-Gilroy', sans-serif;
}

/* Section 6 (ban moi theo Figma v2): 7 tab, info 3 cot, header cam ket rut gon */
.section-3 .lp-s6-info-icon {
    width: 44px;
    height: 44px;
    object-fit: contain;
    margin: 6px auto;
    display: block;
}

.section-3 .box-courses .info p {
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    margin-bottom: 0;
}

.section-3 .box-courses .info p strong {
    color: #252525;
    font-weight: 700;
}

/* Header "Cam ket sau khoa hoc": icon + chu do + gach chan (theo Figma group I3047:9213;891:20131) */
.section-3 .lp-s6-camket {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.section-3 .lp-s6-camket-icon {
    flex: 0 0 auto;
    width: 50px;
    height: 57px;
    display: block;
}

.section-3 .lp-s6-camket-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-3 .lp-s6-camket-underline {
    display: block;
    width: 255px;
    max-width: 100%;
    height: auto;
    margin: 2px auto 0;
}

/* 7 tab van chia deu hang ngang tren desktop, chu nho lai chut cho vua */
.section-3 .lp-s6-tabs .hd-course .hd-band {
    font-size: 18px;
}

@media (max-width: 767.98px) {
    .section-3 .lp-s6-camket-icon {
        width: 34px;
        height: auto;
    }

    .section-3 .lp-s6-camket-heading {
        font-size: 18px;
    }

    .section-3 .lp-s6-camket-underline {
        max-width: 210px;
    }

    .section-3 .lp-s6-info-icon {
        display: none;
    }
}

/* Section 6: day tab thut vao trong, khung noi dung bo tron du 4 goc (tab dat de len tren) */
.section-3 .lp-s6-tabs {
    padding: 0 28px;
    position: relative;
    z-index: 1;
}

.section-3 .box-courses .content-box {
    padding: 24px 83px;
    border-radius: 16px;
    margin-top: -1px;
    margin-bottom: 40px;
}

/* Section 6: tab active cao hon han tab thuong (moc len tren nho align-items flex-end),
   va cac tab de len 2px de che duong border do cua khung noi dung ben duoi */
.section-3 .lp-s6-tabs {
    margin-bottom: 1px;
}

.section-3 .lp-s6-tabs .hd-course {
    padding-top: 10px;
    padding-bottom: 12px;
}

.section-3 .lp-s6-tabs .hd-course.active {
    /* padding-top: 24px;
    padding-bottom: 16px; */
}

/* Section 6: tab thuong cao dan theo cap do (bac thang di len nhu Figma),
   tab active giu nguyen style rieng */
.section-3 .lp-s6-tabs .hd-course:nth-child(1) { padding: 15px 8px 19px; }
.section-3 .lp-s6-tabs .hd-course:nth-child(2) { padding: 21px 8px 24px; }
.section-3 .lp-s6-tabs .hd-course:nth-child(3) { padding: 27px 8px 29px; }
.section-3 .lp-s6-tabs .hd-course:nth-child(4) { padding: 33px 8px 36px; }
.section-3 .lp-s6-tabs .hd-course:nth-child(5) { padding: 42px 8px 40px; }
.section-3 .lp-s6-tabs .hd-course:nth-child(6) { padding: 49px 8px 47px; }
.section-3 .lp-s6-tabs .hd-course:nth-child(7) { padding: 57px 8px 49px; }

/* Section 6: text info (thoi gian/bo tro/doi tuong) va noi dung cam ket de 18px */
.section-3 .box-courses .info p {
    font-size: 18px;
}

.section-3 .box-courses .text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    color: #252525;
}

/* Header cam ket = anh, dat dau cot trai (de len rule cu dang style div text) */
.section-3 img.lp-s6-camket {
    display: block;
    width: 332px;
    max-width: 100%;
    height: auto;
    border-bottom: 0;
    padding: 0;
    margin-top: 0;
}

/* Header "Cam ket sau khoa hoc" dang text (thay anh): 700/24px do, can giua */
.section-3 .lp-s6-camket-heading {
    color: #DB1F1F;
    font-family: 'SVN-Gilroy', sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

/* Section 6: duong cham gach doc noi cac badge ky nang + cham do tai moi hang (nhu Figma)
   Vi tri x = giua khoang gap giua badge (25%) va o text */
@media (min-width: 768px) {
    .section-3 .box-courses .content .col-lg-6 > .d-flex {
        position: relative;
    }

    .section-3 .box-courses .content .col-lg-6 > .d-flex::before {
        content: '';
        position: absolute;
        left: calc(25% + 0.5rem);
        top: -9px;
        bottom: -9px;
        border-left: 2px dashed #d9c5c5;
    }

    /* Hang dau khong keo len tren, hang cuoi khong keo xuong duoi */
    .section-3 .box-courses .content .col-lg-6 > .d-flex:first-of-type::before {
        top: 50%;
    }

    .section-3 .box-courses .content .col-lg-6 > .d-flex:last-of-type::before {
        bottom: 50%;
    }

    .section-3 .box-courses .content .col-lg-6 > .d-flex::after {
        content: '';
        position: absolute;
        left: calc(25% + 0.5rem);
        top: 50%;
        transform: translate(-46%, -50%);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #DB1F1F;
        z-index: 1;
    }
}

/* ===== Mobile: section 2 gon lai ===== */
@media (max-width: 767.98px) {
    #lp-section-2 {
        padding: 40px 0 40px;
    }

    #lp-section-2 .lp-s2-title {
        margin-bottom: 20px;
    }

    #lp-section-2 .lp-s2-card {
        padding: 16px;
    }
}

/* ===== Mobile: chinh tiep section 2 + 3 theo Figma ===== */
@media (max-width: 767.98px) {
    #lp-section-2 .lp-s2-title img {
        height: 73px;
    }

    #lp-section-2 .lp-s2-card-title {
        font-size: 24px;
    }

    #lp-section-2 .lp-s2-goal p {
        font-size: 14px;
    }

    #lp-section-2 .lp-s2-cta {
        margin-top: 20px;
    }

    #lp-section-2 .lp-s2-btn {
        font-size: 17.65px;
        padding: 16px 17px;
    }

    #lp-section-3 {
        padding: 20px 0 0;
    }
}

/* ===== Mobile: section 3 (rao can) theo Figma ===== */
@media (max-width: 767.98px) {
    #lp-section-3 .lp-s3-title {
        margin-bottom: 20px;
    }

    #lp-section-3 .lp-s3-title img {
        height: 124px;
        max-height: none;
    }

    #lp-section-3 .lp-s3-card {
        padding: 16px;
    }

    #lp-section-3 .lp-s3-card-title {
        font-size: 18px;
    }

    #lp-section-3 .lp-s3-card-text {
        font-size: 16px;
        margin: 12px 0 0;
    }
}

@media (max-width: 767.98px) {
    #lp-section-3 .lp-s3-btn {
        font-size: 17px;
        padding: 16px 17px;
    }
}

@media (max-width: 767.98px) {
    #lp-section-4 .lp-s4-icon {
        width: 48px;
        height: 48px;
    }
}

/* Mobile: khoang cach doc giua cac cot trong row thu ve 12px (CSS nay chi load o landing nay) */
@media (max-width: 767.98px) {
    .row > * {
        margin-top: 12px;
    }
}

@media (max-width: 767.98px) {
    #lp-section-2 .lp-s2-list li {
        font-size: 18px;
    }

    #lp-section-3 .lp-s3-card-text {
        font-size: 16px;
    }

    /* Title section 6 (lo trinh) */
    .section-3 .lp-s6-title img {
        height: 75px;
        max-height: none;
        width: auto;
    }
}

/* ===== Mobile: tab lo trinh (section 6) gon nhu Figma - 3 tab/hang, tab cuoi can giua,
   bo hieu ung bac thang cua desktop ===== */
@media (max-width: 767.98px) {
    .section-3 .lp-s6-tabs {
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        gap: 6px;
        padding: 0;
        margin-bottom: 10px;
    }

    .section-3 .lp-s6-tabs .hd-course,
    .section-3 .lp-s6-tabs .hd-course.active,
    .section-3 .lp-s6-tabs .hd-course:not(.active):nth-child(n) {
        flex: 0 0 32%;
        padding: 8px 4px;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section-3 .lp-s6-tabs .hd-course .hd-band {
        font-size: 14px;
    }

    .section-3 .lp-s6-tabs .hd-course p {
        font-size: 10px;
        margin-top: 2px;
    }

    .section-3 .box-courses .content-box {
        border-radius: 16px;
        padding: 16px !important;
        margin-bottom: 20px;
    }
}

/* ===== Mobile: noi dung tab lo trinh (section 6) theo Figma ===== */
@media (max-width: 767.98px) {
    /* Info: cac dong "Thoi gian / Buoi bo tro / Doi tuong" thanh cap nhan-gia tri can trai */
    .section-3 .box-courses .info .text-center {
        text-align: left !important;
        align-items: flex-start;
    }

    .section-3 .box-courses .info h3 {
        flex: 0 0 auto;
        min-width: 100px;
        text-align: left;
        font-size: 14px;
        margin-bottom: 0;
    }

    .section-3 .box-courses .info p {
        flex: 1 1 auto;
        text-align: left !important;
        font-size: 14px;
    }

    /* Khoi cam ket: dong khung vien do bo tron rieng */
    .section-3 .box-courses .content {
        /* border: 1px solid #e5474d; */
        /* border-radius: 12px; */
        /* padding: 12px; */
        margin-top: 14px;
    }

    .section-3 img.lp-s6-camket {
        width: 220px;
    }

    /* Bullet list: bo nen hong, chu nho lai */
    .section-3 .box-courses .text {
        background: transparent;
        padding: 6px 0 0 !important;
    }

    .section-3 .box-courses .text p {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .section-3 .box-courses .skill span {
        font-size: 14px;
        padding: 6px 12px;
    }
}

@media (max-width: 767.98px) {
    /* Title mobile section 7 (ban 3 dong) */
    #lp-section-7 .lp-s7-title img {
        height: 133px;
    }
}

@media (max-width: 767.98px) {
    /* Mobile: an link "Xem chi tiet" trong tab lo trinh */
    .section-3 .sec2-btn {
        display: none;
    }
}

@media (max-width: 767.98px) {
    /* Mobile: badge ky nang bo tron du 4 goc (thay cho kieu chi bo goc phai cua template) */
    .section-3 .box-courses .skill span {
        border-radius: 8px;
    }
}

@media (max-width: 767.98px) {
    /* Mobile: card review section 7 */
    #lp-section-7 .review-slide .name {
        font-size: 16px;
    }

    #lp-section-7 .review-slide .info p {
        font-size: 13px;
    }
}

@media (max-width: 767.98px) {
    /* Mobile: section 8 giao vien */
    #lp-section-8 .lp-s8-title {
        margin-bottom: 0;
    }

    #lp-section-8 .gv-slide .item {
        padding: 0 1.5rem 1.5rem;
    }
}

@media (max-width: 767.98px) {
    #lp-section-8 .gv-slide .info li {
        font-size: 14px;
    }

    /* Title mobile section 9: hien theo ti le goc */
    #lp-section-9 .lp-s9-title img {
        height: auto;
        max-height: none;
        max-width: 90%;
    }
}

@media (max-width: 767.98px) {
    /* Mobile: card "Hoc vien nhan duoc gi moi tuan?" */
    #lp-section-9 .lp-s9-weekly {
        padding: 20px;
    }

    #lp-section-9 .lp-s9-weekly h3 {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
    /* Title mobile section 10: hien theo ti le goc */
    #lp-section-10 .lp-s10-title img {
        height: auto;
        max-height: none;
        max-width: 90%;
    }
}

/* Section 10 mobile: hop qua + danh sach uu dai dang anh doc */
#lp-section-10 .lp-s10-gift-mb {
    text-align: center;
    padding: 0 16px;
}

#lp-section-10 .lp-s10-gift-mb-box {
    max-width: 100%;
    width: auto;
    height: 279px;
    object-fit: contain;
}

#lp-section-10 .lp-s10-gift-mb-deals {
    display: block;
    margin: 8px auto 0;
    width: 100%;
    max-width: 420px;
    height: auto;
}

@media (max-width: 767.98px) {
    #lp-section-10 .lp-s10-countdown-label {
        margin: 20px 0 16px;
    }
}

@media (max-width: 767.98px) {
    #lp-section-10 .lp-s10-countdown-label {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
    #lp-section-10 .lp-s10-note {
        font-size: 13px;
        margin: 16px 0 12px;
    }

    #lp-section-10 .lp-s10-urge {
        font-size: 14px;
        margin: 0 0 32px;
    }
}

@media (max-width: 767.98px) {
    /* Title mobile section 11: hien theo ti le goc */
    #lp-section-11 .lp-s11-title img {
        height: 140px;
    }
}

@media (max-width: 767.98px) {
    /* Chan tran ngang toan trang (phan tu nao do rong hon man hinh lam page keo lech) */
    html, body {
        overflow-x: hidden;
        max-width: 100vw;
    }

}

/* An widget chat noi (Messenger/Zalo) va iframe chat plugin tren landing nay */
#live-chat,
.live-chat,
#fb-root,
.fb-customerchat,
iframe[title*="Messenger"],
iframe[data-testid="bubble_iframe"] {
    display: none !important;
}

/* ===== Chat bot noi rieng cua landing (goc phai duoi) ===== */
.lp-chat {
    display: none;
    position: fixed;
    right: 14px;
    bottom: 79px;
    z-index: 9990;
    font-family: 'SVN-Gilroy', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.lp-chat-toggle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 0;
    background: #d6231f;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(214, 35, 31, 0.4);
    transition: transform 0.15s ease;
}

.lp-chat-toggle:hover {
    transform: scale(1.06);
}

.lp-chat-popup {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.lp-chat-close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0;
    background: #b9b9b9;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.lp-chat-card {
    width: 300px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

.lp-chat-header {
    background: #d6231f;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    line-height: 1.35;
    padding: 14px 16px;
}

.lp-chat-list {
    list-style: none;
    margin: 0;
    padding: 4px 16px;
}

.lp-chat-list li:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.lp-chat-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    color: #252525;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
}

.lp-chat-list a:hover {
    color: #d6231f;
}

.lp-chat-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #eef3fb;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-weight: 700;
}

.lp-chat-icon-fb {
    background: #0084ff;
}

.lp-chat-icon-zalo {
    background: #0068ff;
    color: #fff;
    font-size: 10px;
}

.lp-chat-icon-mail {
    background: #fff;
    border: 1px solid #eee;
    color: #ea4335;
    font-size: 15px;
}

.lp-chat-icon-phone {
    background: #4d5875;
}

/* Nut chat: icon anh + hieu ung nhap nhay (phong to nhe + vong sang do lan toa) */
.lp-chat-toggle img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.lp-chat-toggle {
    animation: lp-chat-pulse 1.4s ease-in-out infinite;
}

.lp-chat-toggle:hover {
    animation-play-state: paused;
}

@keyframes lp-chat-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 6px 16px rgba(214, 35, 31, 0.4), 0 0 0 0 rgba(214, 35, 31, 0.5);
    }
    50% {
        transform: scale(1.06);
        box-shadow: 0 6px 16px rgba(214, 35, 31, 0.4), 0 0 0 14px rgba(214, 35, 31, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .lp-chat-toggle {
        animation: none;
    }
}

@media (max-width: 767.98px) {
    /* Title mobile section 3/4/5 (ban nhieu dong): hien theo ti le goc */
    #lp-section-3 .lp-s3-title img,
    #lp-section-4 .lp-s4-title img,
    #lp-section-5 .lp-s5-title img {
        height: auto;
        max-height: none;
        max-width: 90%;
    }
}

/* Bo duong ke doc ::after giua cac cot info (Thoi gian / Buoi bo tro / Doi tuong) */
.section-3 .box-courses .content-box .course .info > .row .text-center:not(:last-child)::after {
    display: none;
}

@media (max-width: 767.98px) {
    /* Mobile: tieu de do cua card section 3 can trai (desktop van can phai) */
    #lp-section-3 .lp-s3-card-title {
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    /* Mobile: badge "Tu vung & Ngu phap" hien 1 dong (an the <br> trong ten ky nang) */
    .section-3 .box-courses .skill span br {
        display: none;
    }
}

/* Mo ta card section 3: can deu 2 ben */
#lp-section-3 .lp-s3-card-text {
    text-align: justify;
}

@media (max-width: 767.98px) {
    /* Mobile: nen section 10 dung cover giu ti le (100% 100% lam meo anh),
       phan thieu da co background-color kem lot san */
    /* Mobile: anh nen Mask group ban rieng cho dien thoai, keo theo kich thuoc section */
    #lp-section-10 {
        background-image: url('/templates/ocean/images/courses/khoa-hoc-luyen-thi-ielts-cho-hoc-sinh-sinh-vien-v2/section-10-bg-mb.png');
        background-size: 100% 100%;
        background-position: top center;
    }
}

/* Section 10 mobile: 6 the uu dai la cac anh nho xep doc */
#lp-section-10 .lp-s10-gift-mb-deals {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 8px auto 0;
    max-width: 420px;
}

#lp-section-10 .lp-s10-gift-mb-deals img {
    width: 100%;
    height: auto;
    display: block;
}

/* Khoi phuc duong chia doc giua 3 cot info (desktop) - dat sau rule bo ::after o tren */
/* @media (min-width: 768px) { */
    .section-3 .box-courses .content-box .course .info > .row .text-center:not(:last-child)::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background: #eadcda;
    }
/* } */

/* Facade video YouTube section 7: thumbnail + nut play do, bam moi nap iframe */
#lp-section-7 .lp-s7-yt {
    cursor: pointer;
}

#lp-section-7 .lp-s7-yt img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

#lp-section-7 .lp-s7-yt-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: rgba(214, 35, 31, 0.92);
    cursor: pointer;
    transition: transform 0.15s ease;
}

#lp-section-7 .lp-s7-yt-play::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 9px 0 9px 15px;
    border-color: transparent transparent transparent #fff;
}

#lp-section-7 .lp-s7-yt:hover .lp-s7-yt-play {
    transform: translate(-50%, -50%) scale(1.1);
}

/* Card "Hoc vien nhan duoc gi moi tuan?": title do 28px, noi dung den 24px (desktop) */
#lp-section-9 .lp-s9-weekly h3 {
    font-size: 22px;
}

#lp-section-9 .lp-s9-weekly li {
    font-size: 16px;
}

@media (max-width: 767.98px) {
    /* Mobile giu co chu cu cua card weekly (rule desktop 28/24 o tren de sau nen phai override lai) */
    #lp-section-9 .lp-s9-weekly h3 {
        font-size: 20px;
    }

    #lp-section-9 .lp-s9-weekly li {
        font-size: 16px;
    }
}

/* Tat ca nut CTA do dung chung hieu ung nhap nhay (scale + vong sang lan toa) nhu nut form */
#lp-section-2 .lp-s2-btn,
#lp-section-3 .lp-s3-btn,
#lp-section-5 .lp-s5-btn,
.section-3 .lp-s6-btn,
#lp-section-10 .lp-s10-btn {
    animation: lp-form-btn-pulse 1.4s ease-in-out infinite;
}

#lp-section-2 .lp-s2-btn:hover,
#lp-section-3 .lp-s3-btn:hover,
#lp-section-5 .lp-s5-btn:hover,
.section-3 .lp-s6-btn:hover,
#lp-section-10 .lp-s10-btn:hover {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    #lp-section-2 .lp-s2-btn,
    #lp-section-3 .lp-s3-btn,
    #lp-section-5 .lp-s5-btn,
    .section-3 .lp-s6-btn,
    #lp-section-10 .lp-s10-btn {
        animation: none;
    }
}

@media (max-width: 767.98px) {
    /* Mobile section 2: dong Muc tieu 18px, anh card cao co dinh 207px */
    #lp-section-2 .lp-s2-goal p {
        font-size: 18px;
    }

    #lp-section-2 .lp-s2-card-img img {
        height: 207px;
        object-fit: cover;
    }
}

/* ===== The uu dai mobile code tay: dang ve rang cua 2 mep, so thu tu tron do goc tren trai ===== */
#lp-section-10 .lp-s10-ticket {
    position: relative;
    margin-top: 14px;
}

/* Than ve: KHONG dung mask (lech pha tren man hinh scale le). Rang cua + vanh do + vien doc
   deu ve bang background tren ::before/::after cua CHINH than ve nen luon khop pha */
#lp-section-10 .lp-s10-ticket-body {
    position: relative;
    background: #fff;
    border-top: 1.5px solid #DB1F1F;
    border-bottom: 1.5px solid #DB1F1F;
    padding: 40px 24px 34px;
}

#lp-section-10 .lp-s10-ticket-body::before,
#lp-section-10 .lp-s10-ticket-body::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    pointer-events: none;
    background-repeat: repeat-y;
    background-size: 12px 16px;
}

#lp-section-10 .lp-s10-ticket-body::before {
    left: 0;
    background-image:
        radial-gradient(circle at 0 8px, #FBF3DC 4.4px, #DB1F1F 4.9px 6.2px, transparent 6.8px),
        linear-gradient(to right, #DB1F1F 1.5px, transparent 1.5px);
}

#lp-section-10 .lp-s10-ticket-body::after {
    right: 0;
    background-image:
        radial-gradient(circle at 12px 8px, #FBF3DC 4.4px, #DB1F1F 4.9px 6.2px, transparent 6.8px),
        linear-gradient(to left, #DB1F1F 1.5px, transparent 1.5px);
}

#lp-section-10 .lp-s10-ticket p {
    margin: 0;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.45;
    color: #252525;
    text-align: left;
}

#lp-section-10 .lp-s10-ticket p strong {
    color: #DB1F1F;
    font-weight: 700;
}

#lp-section-10 .lp-s10-ticket-num {
    position: absolute;
    top: -13px;
    left: 14px;
    z-index: 1;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #DB1F1F;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== Block 3 doan van gioi thieu S9 (Figma Frame 633) =====
   Dat truoc card "Hoc vien nhan duoc gi moi tuan?".
   SVN-Gilroy 600/20px, can giua. Mau chu/nen theo Figma:
   (1) trang tren nen toi, (2) toi tren nen trang, (3) kem tren nen toi */
#lp-section-9 .lp-s9-intro {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 26px;
}

#lp-section-9 .lp-s9-intro-item {
    margin: 0;
    font-family: 'SVN-Gilroy', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    padding: 16px 22px;
    border-radius: 16px;
}

#lp-section-9 .lp-s9-intro-item--white {
    background: #252525;
    color: #ffffff;
}

#lp-section-9 .lp-s9-intro-item--dark {
    background: #ffffff;
    color: #252525;
    border: 1px solid #e5b9ba;
}

#lp-section-9 .lp-s9-intro-item--cream {
    background: #252525;
    color: #FEFAEE;
}

/* ===== Section 7: tieu de khoi cam nhan + nut "Xem chung chi" (Figma Frame 694) ===== */
#lp-section-7 .lp-s7-review-title {
    text-align: center;
    margin-top: 36px;
}

#lp-section-7 .lp-s7-cert-wrap {
    text-align: center;
    margin-bottom: 48px;
}

#lp-section-7 .lp-s7-cert-btn {
    display: inline-block;
    margin-top: 28px;
    padding: 16px 44px;
    font-family: 'SVN-Gilroy', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 16px;
    background: linear-gradient(180deg, #DB1F1F 0%, #9D0B0F 100%);
    transition: transform .2s ease, box-shadow .2s ease;
}

#lp-section-7 .lp-s7-cert-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(157, 11, 15, .28);
}

/* ===== Section Mô phỏng lớp học IELTS Online thực tế (Figma "section thêm") ===== */
#lp-section-mophong {
    background: #ffffff;
    padding: 60px 0 72px;
    font-family: 'SVN-Gilroy', sans-serif;
}

#lp-section-mophong .lp-mophong-title {
    text-align: center;
    margin-bottom: 36px;
}

#lp-section-mophong .testimonial-vid {
    text-align: center;
}

#lp-section-mophong .testimonial-vid iframe {
    border-radius: 15px;
}

/* ===== Responsive: gom ve breakpoint chung 767.98px ===== */
@media (max-width: 767.98px) {
    #lp-section-9 .lp-s9-intro {
        gap: 10px;
        margin-bottom: 20px;
    }

    #lp-section-9 .lp-s9-intro-item {
        font-size: 16px;
        line-height: 22px;
        padding: 14px 16px;
    }

    #lp-section-7 .lp-s7-review-title {
        margin-top: 24px;
    }

    #lp-section-7 .lp-s7-cert-btn {
        font-size: 18px;
        line-height: 24px;
        padding: 14px 32px;
    }

    #lp-section-mophong {
        padding: 36px 0 44px;
    }

    #lp-section-mophong .testimonial-vid iframe {
        width: 100%;
    }
}

/* Header site dinh tren cung: chua khoang khi cac nut CTA cuon xuong form */
#trialform {
    scroll-margin-top: 90px;
}

/* Xuong dong chi tren mobile (nhan nut theo Figma mobile) */
.lp-br-mb {
    display: none;
}

/* ===== Mobile theo Figma Ver 2 Mobile (node 3047:8870) =====
   Dat cuoi file de thang cac rule mobile rai rac phia tren.
   Thang chu Figma: tieu de section 24/28 (S2 22), noi dung 14/17, tieu de card 16-18,
   nut CTA 18/22 padding 12-20-10 bo goc 12; tieu de cach noi dung 20px. */
@media (max-width: 767.98px) {
    .lp-br-mb {
        display: inline;
    }

    /* --- Tieu de section --- */
    .lp-sec-h.lp-sec-title {
        font-size: 24px;
        line-height: 33px;
    }

    .lp-sec-h.lp-sec-title br {
        display: none;
    }

    #lp-section-2 .lp-sec-h.lp-sec-title {
        font-size: 22px;
    }

    .lp-s2-title,
    .lp-s3-title,
    .lp-s4-title,
    .lp-s5-title,
    .lp-s6-title,
    .lp-s9-title,
    .lp-s8-title,
    .lp-mophong-title,
    .lp-s7-title,
    .lp-s11-title,
    .lp-s13-title {
        margin-bottom: 20px !important;
    }

    /* --- Nut CTA --- */
    #lp-section-2 .lp-s2-btn,
    #lp-section-3 .lp-s3-btn,
    #lp-section-5 .lp-s5-btn,
    .section-3 .lp-s6-btn,
    #lp-section-10 .lp-s10-btn {
        font-size: 18px;
        line-height: 22px;
        padding: 12px 20px 10px;
        border-radius: 12px;
        width: auto;
        max-width: 100%;
    }

    #lp-section-2 .lp-s2-cta,
    #lp-section-3 .lp-s3-cta,
    #lp-section-5 .lp-s5-cta,
    .section-3 .lp-s6-cta {
        margin-top: 20px;
    }

    /* --- S2: Khoa hoc phu hop voi ai --- */
    #lp-section-2 {
        padding: 40px 0 20px;
    }

    #lp-section-2 .lp-s2-card {
        padding: 16px 16px 40px;
    }

    #lp-section-2 .lp-s2-card-title {
        font-size: 24px;
        line-height: 29px;
        margin-top: 20px;
    }

    #lp-section-2 .lp-s2-goal {
        margin-top: 20px;
    }

    #lp-section-2 .lp-s2-goal p,
    #lp-section-2 .lp-s2-list li {
        font-size: 14px;
        line-height: 17px;
    }

    #lp-section-2 .lp-s2-divider {
        margin: 20px 0;
    }

    #lp-section-2 .lp-s2-dots {
        margin-top: 16px;
    }

    /* --- S3: Rao can --- */
    #lp-section-3 .lp-s3-row {
        --bs-gutter-y: 12px;
    }

    #lp-section-3 .lp-s3-card-title {
        font-size: 18px;
        line-height: 21px;
    }

    #lp-section-3 .lp-s3-card-text {
        font-size: 16px;
        line-height: 19px;
    }

    #lp-section-3 .lp-s3-cta {
        padding-bottom: 20px;
    }

    /* --- S4: Vi sao chon (hang phang, gach ngang lien) --- */
    #lp-section-4 {
        padding: 20px 0;
    }

    #lp-section-4 .row {
        --bs-gutter-y: 0;
        padding: 0 4px;
    }

    #lp-section-4 .row > [class*='col-'] {
        margin-top: 0;
    }

    #lp-section-4 .lp-s4-card {
        background: none;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        padding: 12px 0;
        gap: 0 4px;
    }

    #lp-section-4 .row > [class*='col-']:not(:last-child) .lp-s4-card {
        border-bottom: 1px solid #e5e5e5;
    }

    #lp-section-4 .row > [class*='col-']:first-child .lp-s4-card {
        padding-top: 0;
    }

    #lp-section-4 .lp-s4-icon {
        width: 48px;
        height: 48px;
    }

    #lp-section-4 .lp-s4-card-title {
        font-size: 16px;
        line-height: 19px;
    }

    #lp-section-4 .lp-s4-card-text {
        font-size: 14px;
        line-height: 17px;
    }

    /* --- S5: 4 buoc --- */
    #lp-section-5 {
        padding: 20px 0;
    }

    #lp-section-5 .lp-s5-steps {
        padding: 0 4px;
    }

    #lp-section-5 .lp-s5-step {
        padding: 12px 0;
    }

    #lp-section-5 .lp-s5-icon {
        width: 60px;
        height: 59px;
    }

    #lp-section-5 .lp-s5-badge {
        width: 80px;
        height: 32px;
        padding: 6px 4px 4px;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
    }

    #lp-section-5 .lp-s5-text {
        font-size: 14px;
        line-height: 17px;
    }

    /* --- S6: Lo trinh --- */
    /* section co class pt-5 / box mt-4 cua Bootstrap (!important) */
    .section-3 {
        padding-top: 20px !important;
        padding-bottom: 20px;
    }

    .section-3 .box-courses {
        margin-top: 0 !important;
    }

    .section-3 .box-courses .content-box {
        padding: 16px;
        border-radius: 12px;
    }

    /* Khoi Thoi gian / Buoi bo tro / Doi tuong: luoi 2 cot (nhan 84px), bo vach doc */
    .section-3 .box-courses .content-box .course .info > .row {
        --bs-gutter-y: 12px;
    }

    .section-3 .box-courses .content-box .course .info > .row .text-center:not(:last-child)::after {
        display: none;
    }

    .section-3 .box-courses .content-box .course .info h3 {
        flex: 0 0 84px;
        margin: 0;
        font-size: 16px;
        line-height: 19px;
        text-align: left;
    }

    .section-3 .box-courses .content-box .course .info p {
        margin: 0;
        font-size: 14px;
        line-height: 17px;
        text-align: left;
    }

    .section-3 .box-courses .content .text,
    .section-3 .box-courses .content .text li,
    .section-3 .box-courses .content .text p {
        font-size: 14px;
        line-height: 17px;
    }

    .section-3 .lp-s6-camket-heading,
    .section-3 .lp-s6-camket-text {
        font-size: 18px;
    }

    /* Figma mobile khong co link "Xem chi tiet" */
    .section-3 .lp-s6-detail {
        display: none;
    }

    /* --- S9: Thay gioi + lop nho --- */
    #lp-section-9 .lp-s9-weekly {
        padding: 20px;
    }

    /* Figma mobile khong co icon bong den; tieu de 1 dong (co chu co gian theo man hinh hep) */
    #lp-section-9 .lp-s9-weekly-icon {
        display: none;
    }

    #lp-section-9 .lp-s9-weekly h3 {
        font-size: clamp(17px, 5.2vw, 20px);
        line-height: 24px;
        padding-left: 0;
        padding-right: 0;
    }

    #lp-section-9 .lp-s9-weekly li {
        font-size: 16px;
        line-height: 19px;
    }

    /* --- S8: Giang vien (component dung chung, chi chinh trong landing nay) --- */
    #lp-section-8 .gv-slide .item .name {
        text-transform: none;
        font-size: 16px;
        line-height: 19px;
    }

    #lp-section-8 .gv-slide .item .info,
    #lp-section-8 .gv-slide .item .info li,
    #lp-section-8 .gv-slide .item .info p {
        font-size: 14px;
        line-height: 17px;
    }

    /* --- Carousel S7/S8 (Figma: card ~290px, mui ten nho nam ngoai card) ---
       Owl tinh be ngang item theo width() (khong tinh padding) -> padding 2 ben thu hep card,
       nut prev/next dang dat left/right: 0 cua carousel nen roi ra ngoai card */
    #lp-section-7 .testimonial-slide,
    #lp-section-7 .review-slide,
    #lp-section-8 .gv-slide {
        padding: 0 28px;
    }

    #lp-section-7 .owl-nav img,
    #lp-section-8 .owl-nav img {
        width: 24px;
        height: 24px;
    }

    #lp-section-7 .review-slide .image img {
        width: 96px;
        height: 96px;
    }

    #lp-section-7 .review-slide .info p {
        text-align: justify;
        font-size: 14px;
        line-height: 17px;
    }

    #lp-section-7 .vinh-danh-card-wrap {
        padding: 0 28px;
    }

    #lp-section-7 .vinh-danh-arrow img {
        width: 24px;
        height: 24px;
    }

    #lp-section-7 .vinh-danh-arrow.arrow-prev {
        left: 0;
    }

    #lp-section-7 .vinh-danh-arrow.arrow-next {
        right: 0;
    }

    /* --- Mo phong lop hoc: khung video 16:9 bo goc --- */
    #lp-section-mophong {
        padding: 20px 0;
    }

    #lp-section-mophong .testimonial-vid iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        border-radius: 16px;
        display: block;
    }

    /* --- S10: Uu dai --- */
    #lp-section-10 .lp-s10-ticket-body {
        padding: 32px 24px 24px;
    }

    #lp-section-10 .lp-s10-ticket-body p {
        font-size: 16px;
        line-height: 21px;
    }

    #lp-section-10 .lp-s10-cta {
        margin-top: 32px;
    }

    /* --- S13: FAQ --- */
    #lp-section-13 {
        padding: 20px 0;
    }

    #lp-section-13 .lp-s13-q {
        font-size: 14px;
        line-height: 17px;
    }
}

/* ===== Chuan hoa khoang cach tieu de section =====
   Noi dung phia tren -> tieu de: ~80-100px (PC) / ~48px (mobile); tieu de -> noi dung: 40px (PC) / 20px (mobile).
   Section nen trang noi tiep section nen trang: padding-top tinh tru padding-bottom cua section truoc. */
#lp-section-5,
.section-3 {
    padding-top: 80px !important;
}

#lp-section-9 {
    padding-top: 80px !important;
}

#lp-section-7 {
    padding-top: 20px !important;
}

#lp-section-7 .lp-s7-review-title {
    margin-top: 80px !important;
    margin-bottom: 60px !important;
}

/* S7 (hoc vien xuat sac), S8 (giang vien), mo phong, cam nhan: noi dung la anh/the lon,
   tieu de -> noi dung 60px (PC) / 32px (mobile) thay vi 40/20 cho thoang */
#lp-section-7 .lp-s7-title {
    margin-bottom: 60px !important;
}

#lp-section-13 {
    padding-top: 20px !important;
}

/* Bu phan margin san co cua noi dung ngay duoi tieu de de khoang cach con dung 40px */
#lp-section-9 .lp-s9-title {
    margin-bottom: 22px !important;
}

#lp-section-8 .lp-s8-title {
    margin-bottom: 25px !important;
}

#lp-section-mophong {
    padding-top: 26px !important;
}

#lp-section-mophong .lp-mophong-title {
    margin-bottom: 60px !important;
}

@media (max-width: 767.98px) {
    #lp-section-5,
    .section-3 {
        padding-top: 40px !important;
    }

    /* Bu margin san co cua noi dung duoi tieu de de khoang cach con dung 20px */
    #lp-section-5 .lp-s5-title,
    .section-3 .lp-s6-title {
        margin-bottom: 8px !important;
    }

    #lp-section-9 .lp-s9-title {
        margin-bottom: 12px !important;
    }

    #lp-section-8 .lp-s8-title {
        margin-bottom: 9px !important;
    }

    #lp-section-7 .lp-s7-title {
        margin-bottom: 32px !important;
    }

    #lp-section-13 .lp-s13-title {
        margin-bottom: 3px !important;
    }

    /* Hang card S2 co gutter-y am keo len 12px */
    #lp-section-2 .lp-s2-title {
        margin-bottom: 32px !important;
    }

    #lp-section-mophong {
        padding-top: 0 !important;
    }

    #lp-section-mophong .lp-mophong-title {
        margin-bottom: 32px !important;
    }

    #lp-section-9,
    #lp-section-7 {
        padding-top: 28px !important;
    }

    #lp-section-7 .lp-s7-review-title {
        margin-top: 40px !important;
        margin-bottom: 20px !important;
    }
}

/* ===== Popup form dang ky (#lp-form-modal): chua card .form-right cua form chung ===== */
#lp-form-modal .lp-form-modal-dialog {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

#lp-form-modal .lp-form-modal-content {
    border: 0;
    border-radius: 20px;
    background: transparent;
    box-shadow: none;
}

#lp-form-modal .form-right {
    width: 100%;
}

#lp-form-modal .lp-form-modal-close {
    position: absolute;
    top: -14px;
    right: -14px;
    z-index: 5;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0;
    padding: 0;
    background: #fff;
    color: #DB1F1F;
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* iOS Safari to lai mau cho svg trong button: ep mau do cho dau x */
#lp-form-modal .lp-form-modal-close svg path {
    fill: #DB1F1F;
}

@media (max-width: 767.98px) {
    /* Bootstrap chen padding-right bu thanh cuon vao .modal lam lech dialog tren mobile */
    #lp-form-modal.modal {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #lp-form-modal .lp-form-modal-dialog {
        max-width: calc(100% - 24px);
        margin: 12px auto;
    }

    #lp-form-modal .form-right {
        padding: 1.5rem 1.25rem;
    }

    #lp-form-modal .lp-form-modal-close {
        top: -10px;
        right: 2px;
    }
}

/* Widget chat Pancake (z-index toi da, style inline) de len form trong popup: an khi dang mo modal */
body.modal-open #pancake-chat-plugin-root {
    display: none !important;
}

/* Nut "Xem tat ca review" duoi carousel cam nhan (theo trang khoa-hoc-ielts-online) */
#lp-section-7 .lp-s7-all-review {
    margin-top: 32px;
}

#lp-section-7 .lp-s7-all-review-btn {
    display: inline-block;
    padding: 12px 32px;
    border: 1px solid #DB1F1F;
    border-radius: 12px;
    background: #fff;
    color: #DB1F1F;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

#lp-section-7 .lp-s7-all-review-btn:hover {
    background: #DB1F1F;
    color: #fff;
}

@media (max-width: 767.98px) {
    #lp-section-7 .lp-s7-all-review {
        margin-top: 20px;
    }

    #lp-section-7 .lp-s7-all-review-btn {
        font-size: 16px;
        padding: 10px 24px;
    }
}

/* Section 10: anh mui ten (khung 180px / 96px mobile) da co san khoang trong phia duoi
   -> giam padding-bottom de day section khong bi thua */
#lp-section-10 {
    padding-bottom: 20px !important;
}

@media (max-width: 767.98px) {
    #lp-section-10 {
        padding-bottom: 10px !important;
    }
}

/* Section 2 mobile: nut prev/next 2 ben slider (cung kieu mui ten carousel S7/S8) */
#lp-section-2 .lp-s2-slider {
    position: relative;
}

@media (max-width: 767.98px) {
    #lp-section-2 .lp-s2-slider {
        padding: 0 28px;
    }

    #lp-section-2 .lp-s2-nav {
        position: absolute;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        padding: 0;
        border: 0;
        background: none;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
    }

    #lp-section-2 .lp-s2-nav img {
        display: block;
        width: 24px;
        height: 24px;
    }

    #lp-section-2 .lp-s2-prev {
        left: 0;
    }

    #lp-section-2 .lp-s2-next {
        right: 0;
    }
}