/* Footer office address list */
.elementor-element-828a602 .office-address-item {
    align-items: flex-start;
}

.elementor-element-828a602 .office-address-item .elementor-icon-list-icon {
    margin-top: 3px;
}

.elementor-element-828a602 .office-address-item .elementor-icon-list-text {
    line-height: 1.5;
}

/* Modern course pricing grid */
.elementor-element-69900a4 {
    padding: 72px 20px 80px !important;
    background:
        radial-gradient(circle at 8% 12%, rgba(255, 149, 66, 0.12), transparent 30%),
        radial-gradient(circle at 92% 88%, rgba(22, 163, 74, 0.1), transparent 28%),
        #fffaf4 !important;
}

.elementor-element-69900a4 > .e-con-inner {
    max-width: 1180px !important;
}

.elementor-element-c886624 {
    margin-bottom: 34px !important;
    text-align: center !important;
}

.elementor-element-c886624 h2 {
    color: #20252b !important;
    font-size: clamp(30px, 4vw, 44px) !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
}

.elementor-element-c886624 h2::after {
    content: "Học phí minh bạch • Tư vấn đúng nhu cầu • Đồng hành tận tâm";
    display: block;
    margin-top: 12px;
    color: #72777f;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
}

.elementor-element-69900a4 .elementor-element-4c67146 {
    display: none !important;
}

.course-pricing {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.course-price-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #ebe7e1;
    border-radius: 24px;
    box-shadow: 0 16px 45px rgba(42, 35, 28, 0.09);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.course-price-card:hover {
    transform: translateY(-7px);
    border-color: rgba(239, 108, 26, 0.35);
    box-shadow: 0 24px 55px rgba(42, 35, 28, 0.15);
}

.course-price-card__head {
    min-height: 176px;
    padding: 30px 24px 26px;
    color: #ffffff;
    background: linear-gradient(140deg, #ea580c, #fb923c);
}

.course-price-card--featured .course-price-card__head {
    background: linear-gradient(140deg, #c2410c, #f97316);
}

.course-price-card--car .course-price-card__head {
    background: linear-gradient(140deg, #123b67, #2677b9);
}

.course-price-card--truck .course-price-card__head {
    background: linear-gradient(140deg, #17633e, #2f9b62);
}

.course-price-card__type {
    display: inline-flex;
    padding: 6px 10px;
    color: inherit;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
}

.course-price-card__head h3 {
    margin: 18px 0 8px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.15;
}

.course-price-card__head p {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 14px;
    line-height: 1.5;
}

.course-price-card__badge {
    position: absolute;
    z-index: 2;
    top: 18px;
    right: -35px;
    width: 150px;
    padding: 7px 0;
    color: #7c2d12;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    background: #fde68a;
    transform: rotate(38deg);
}

.course-price-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 16px;
    padding: 22px;
}

.course-price-option {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 14px;
    background: #fff8f1;
    border: 1px solid #ffdfc7;
    border-radius: 15px;
}

.course-price-option--vip {
    background: linear-gradient(135deg, #fff2df, #fff8ed);
    border-color: #fb923c;
    box-shadow: inset 4px 0 0 #f97316;
}

.course-price-option > div {
    min-width: 0;
}

.course-price-option__name,
.course-price-option small,
.course-price-main > span,
.course-price-main > small {
    display: block;
}

.course-price-option__name {
    color: #2f3338;
    font-size: 14px;
    font-weight: 800;
}

.course-price-option div small {
    margin-top: 4px;
    color: #7a7e84;
    font-size: 10px;
    line-height: 1.35;
}

.course-price-option strong {
    flex: 0 0 auto;
    color: #e85d04;
    font-size: clamp(17px, 1.6vw, 22px);
    font-weight: 900;
    letter-spacing: -0.03em;
    white-space: nowrap;
}

.course-price-option strong small,
.course-price-main strong small {
    display: inline;
    font-size: 0.62em;
}

.course-price-main {
    padding: 20px 18px;
    text-align: center;
    background: #f7fafc;
    border: 1px solid #e4eaf0;
    border-radius: 17px;
}

.course-price-main > span {
    color: #686f77;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.course-price-main strong {
    display: block;
    margin: 8px 0 4px;
    color: #e85d04;
    font-size: clamp(27px, 2.5vw, 35px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1;
    white-space: nowrap;
}

.course-price-main > small {
    color: #858a90;
    font-size: 11px;
}

.course-price-benefits {
    display: grid;
    gap: 11px;
    margin: 2px 0 8px !important;
    padding: 0 !important;
    list-style: none !important;
}

.course-price-benefits li {
    position: relative;
    padding-left: 25px;
    color: #44494f;
    font-size: 13px;
    line-height: 1.45;
}

.course-price-benefits li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    background: #39b86b;
    border-radius: 50%;
}

.course-price-cta {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 12px 18px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    background: linear-gradient(135deg, #f97316, #ea580c);
    border-radius: 999px;
    box-shadow: 0 10px 20px rgba(234, 88, 12, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.course-price-card--car .course-price-cta {
    background: linear-gradient(135deg, #2677b9, #123b67);
    box-shadow: 0 10px 20px rgba(18, 59, 103, 0.2);
}

.course-price-card--truck .course-price-cta {
    background: linear-gradient(135deg, #2f9b62, #17633e);
    box-shadow: 0 10px 20px rgba(23, 99, 62, 0.2);
}

.course-price-cta:hover {
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 14px 26px rgba(42, 35, 28, 0.22);
}

@media (max-width: 1024px) {
    .course-pricing {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .course-price-option strong {
        font-size: 21px;
    }
}

@media (max-width: 600px) {
    .elementor-element-69900a4 {
        padding: 52px 14px 60px !important;
    }

    .elementor-element-c886624 {
        margin-bottom: 26px !important;
    }

    .elementor-element-c886624 h2 {
        font-size: 29px !important;
        line-height: 1.15 !important;
    }

    .elementor-element-c886624 h2::after {
        font-size: 13px;
        line-height: 1.5;
    }

    .course-pricing {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .course-price-card {
        max-width: 440px;
        margin: 0 auto;
        border-radius: 21px;
    }

    .course-price-card__head {
        min-height: auto;
        padding: 26px 22px 24px;
    }

    .course-price-card__head h3 {
        font-size: 25px;
    }

    .course-price-card__body {
        padding: 20px;
    }

    .course-price-option strong {
        font-size: 21px;
    }
}

/* Classic image-based pricing cards matching the original layout */
.course-pricing--classic {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.course-pricing--classic .course-price-card {
    overflow: hidden;
    background: #f4f5f6;
    border: 1px solid #e3e5e7;
    border-radius: 8px;
    box-shadow: 0 5px 16px rgba(31, 41, 55, 0.13);
}

.course-pricing--classic .course-price-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(31, 41, 55, 0.17);
}

.course-pricing--classic .course-price-card__image {
    display: block;
    width: 100%;
    height: 175px;
    object-fit: cover;
}

.course-pricing--classic .course-price-card__body {
    gap: 13px;
    padding: 13px 14px 18px;
}

.course-pricing--classic h3 {
    min-height: 38px;
    margin: 0;
    color: #35393d;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
}

.course-pricing--classic .course-price-main {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.course-pricing--classic .course-price-main > span {
    color: #777c82;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.course-pricing--classic .course-price-main strong {
    margin: 3px 0 0;
    color: #eb6909;
    font-size: 25px;
    line-height: 1.1;
}

.course-price-packages {
    display: grid;
    gap: 7px;
}

.course-price-packages > div {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 9px;
    background: #ffffff;
    border: 1px solid #e2e4e7;
    border-radius: 8px;
}

.course-price-packages span {
    color: #5b6065;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
}

.course-price-packages strong {
    color: #eb6909;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.course-price-packages .course-price-package--vip {
    background: #fff4eb;
    border-color: #f5b98f;
}

.course-price-packages .course-price-package--vip span {
    color: #ce5200;
}

.course-price-ribbon {
    padding: 9px 10px;
    color: #e8620a;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    background: #f7e7e4;
    border-radius: 999px;
}

.course-pricing--classic .course-price-benefits {
    gap: 8px;
    margin: 1px 0 5px !important;
}

.course-pricing--classic .course-price-benefits li {
    padding-left: 20px;
    color: #31363b;
    font-size: 11px;
    line-height: 1.35;
}

.course-pricing--classic .course-price-benefits li::before {
    width: 13px;
    height: 13px;
    font-size: 8px;
    background: #54c879;
}

.course-pricing--classic .course-price-cta,
.course-pricing--classic .course-price-card--car .course-price-cta,
.course-pricing--classic .course-price-card--truck .course-price-cta {
    min-height: 38px;
    width: fit-content;
    min-width: 126px;
    margin: auto auto 0;
    padding: 9px 15px;
    font-size: 11px;
    background: #f66a06;
    box-shadow: none;
}

@media (max-width: 1024px) {
    .course-pricing--classic {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .course-pricing--classic .course-price-card__image {
        height: 220px;
    }
}

@media (max-width: 600px) {
    .course-pricing--classic {
        grid-template-columns: 1fr;
    }

    .course-pricing--classic .course-price-card {
        width: 100%;
        max-width: 390px;
    }

    .course-pricing--classic .course-price-card__image {
        height: 220px;
    }

    .course-pricing--classic h3 {
        min-height: auto;
        font-size: 19px;
    }

    .course-pricing--classic .course-price-main strong {
        font-size: 29px;
    }

    .course-price-packages strong {
        font-size: 18px;
    }

    .course-price-ribbon {
        font-size: 17px;
    }

    .course-pricing--classic .course-price-benefits li {
        font-size: 14px;
    }

    .course-pricing--classic .course-price-cta {
        min-height: 45px;
        min-width: 155px;
        font-size: 13px;
    }
}

/* Refined practical pricing style: square, restrained and professional */
.elementor-element-69900a4 {
    padding: 58px 20px 68px !important;
    background: #fffaf3 !important;
}

.elementor-element-c886624 {
    margin-bottom: 30px !important;
}

.elementor-element-c886624 h2 {
    color: #292d31 !important;
    font-size: clamp(28px, 3.2vw, 38px) !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em !important;
}

.elementor-element-c886624 h2::after {
    content: "Học phí công khai, lộ trình rõ ràng và hỗ trợ trong suốt khóa học";
    margin-top: 9px;
    color: #676b70;
    font-size: 14px;
    font-weight: 400;
}

.course-pricing--classic {
    gap: 16px;
}

.course-pricing--classic .course-price-card {
    background: #ffffff;
    border: 1px solid #d9d7d2;
    border-radius: 2px;
    box-shadow: 0 4px 12px rgba(35, 39, 43, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.course-pricing--classic .course-price-card:hover {
    transform: none;
    border-color: #b8b5af;
    box-shadow: 0 7px 18px rgba(35, 39, 43, 0.11);
}

.course-pricing--classic .course-price-card__image {
    height: 170px;
    border-radius: 0;
    filter: saturate(0.9) contrast(1.02);
}

.course-pricing--classic .course-price-card__body {
    gap: 12px;
    padding: 16px 15px 18px;
}

.course-pricing--classic h3 {
    min-height: 40px;
    padding-bottom: 12px;
    color: #2d3135;
    font-size: 15px;
    font-weight: 750;
    letter-spacing: 0.01em;
    border-bottom: 1px solid #e2e0dc;
}

.course-pricing--classic .course-price-main {
    padding: 4px 0 2px;
}

.course-pricing--classic .course-price-main > span {
    color: #74777b;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.course-pricing--classic .course-price-main strong {
    color: #d85c0c;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.course-price-packages {
    gap: 6px;
}

.course-price-packages > div {
    min-height: 42px;
    padding: 8px 10px;
    background: #f7f6f3;
    border: 1px solid #dedbd5;
    border-radius: 2px;
}

.course-price-packages span {
    color: #52565a;
    font-size: 10px;
    font-weight: 650;
}

.course-price-packages strong {
    color: #d85c0c;
    font-size: 15px;
    font-weight: 800;
}

.course-price-packages .course-price-package--vip {
    background: #fff1e5;
    border-color: #f3c29f;
}

.course-price-packages .course-price-package--vip span {
    color: #8b4417;
}

.course-price-ribbon {
    padding: 9px 10px;
    color: #a54710;
    font-size: 13px;
    font-weight: 700;
    background: #ffead9;
    border: 1px solid #f6d0b2;
    border-radius: 3px;
}

.course-pricing--classic .course-price-benefits {
    gap: 9px;
    padding-top: 3px !important;
}

.course-pricing--classic .course-price-benefits li {
    padding-left: 19px;
    color: #3f4448;
    font-size: 11px;
    line-height: 1.4;
}

.course-pricing--classic .course-price-benefits li::before {
    content: "✓";
    top: 1px;
    width: 13px;
    height: 13px;
    color: #278b52;
    font-size: 11px;
    background: transparent;
    border-radius: 0;
}

.course-pricing--classic .course-price-cta,
.course-pricing--classic .course-price-card--car .course-price-cta,
.course-pricing--classic .course-price-card--truck .course-price-cta {
    min-width: 132px;
    min-height: 39px;
    padding: 10px 17px;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 750;
    background: #d85c0c;
    border: 1px solid #c95005;
    border-radius: 3px;
    box-shadow: none;
}

.course-pricing--classic .course-price-cta:hover {
    background: #b94b06;
    border-color: #a94305;
    transform: none;
    box-shadow: none;
}

@media (max-width: 1024px) {
    .course-pricing--classic .course-price-card__image {
        height: 210px;
    }
}

@media (max-width: 600px) {
    .elementor-element-69900a4 {
        padding: 44px 14px 54px !important;
    }

    .course-pricing--classic .course-price-card {
        border-radius: 2px;
    }

    .course-pricing--classic .course-price-card__image {
        height: 215px;
    }

    .course-pricing--classic .course-price-card__body {
        padding: 17px 16px 20px;
    }

    .course-pricing--classic h3 {
        font-size: 18px;
    }
}

/* Final typography and brighter palette for pricing cards */
.course-pricing--classic .course-price-card {
    background: #ffffff;
    border-color: #e5ded5;
    box-shadow: 0 5px 15px rgba(72, 52, 35, 0.09);
}

.course-pricing--classic .course-price-card:hover {
    border-color: #dfc9b7;
    box-shadow: 0 8px 20px rgba(72, 52, 35, 0.12);
}

.course-pricing--classic .course-price-card__image {
    filter: saturate(1.03) contrast(1.01) brightness(1.02);
}

.course-pricing--classic h3 {
    min-height: 42px;
    color: #302d2a;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    border-bottom-color: #eee5dc;
}

.course-pricing--classic .course-price-main > span {
    color: #81766c;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 11px;
    font-weight: 500;
}

.course-pricing--classic .course-price-main strong {
    color: #ee6508;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 26px;
    font-weight: 800;
}

.course-price-packages > div {
    min-height: 44px;
    padding: 9px 11px;
    background: #fffaf5;
    border-color: #efdfd1;
}

.course-price-packages span {
    color: #554d47;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 11px;
    font-weight: 600;
}

.course-price-packages strong {
    color: #ee6508;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 800;
}

.course-price-packages .course-price-package--vip {
    background: #fff0e2;
    border-color: #f5c9a8;
}

.course-price-packages .course-price-package--vip span {
    color: #a7480d;
}

.course-price-ribbon {
    color: #bc4c08;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 700;
    background: #ffe9d8;
    border-color: #f7ceb0;
}

.course-pricing--classic .course-price-benefits li {
    color: #45413d;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
}

.course-pricing--classic .course-price-benefits li::before {
    color: #2fb568;
    font-size: 12px;
    font-weight: 800;
}

.course-pricing--classic .course-price-cta,
.course-pricing--classic .course-price-card--car .course-price-cta,
.course-pricing--classic .course-price-card--truck .course-price-cta {
    min-width: 140px;
    min-height: 41px;
    color: #ffffff !important;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
    background: #f36a0a;
    border-color: #e85e00;
    border-radius: 4px;
}

.course-pricing--classic .course-price-cta:hover {
    background: #d95600;
}

@media (max-width: 600px) {
    .course-pricing--classic h3 {
        font-size: 19px;
    }

    .course-pricing--classic .course-price-main strong {
        font-size: 29px;
    }

    .course-price-packages span {
        font-size: 12px;
    }

    .course-price-packages strong {
        font-size: 18px;
    }

    .course-price-ribbon {
        font-size: 15px;
    }

    .course-pricing--classic .course-price-benefits li {
        font-size: 14px;
    }
}

/* Slightly larger cards with subtle natural depth */
.elementor-element-69900a4 > .e-con-inner {
    max-width: 1260px !important;
}

.course-pricing--classic {
    gap: 18px;
}

.course-pricing--classic .course-price-card {
    box-shadow:
        0 2px 3px rgba(72, 52, 35, 0.08),
        0 10px 24px rgba(72, 52, 35, 0.11);
    transform: translateY(0);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.course-pricing--classic .course-price-card:hover {
    transform: translateY(-3px);
    box-shadow:
        0 4px 6px rgba(72, 52, 35, 0.09),
        0 16px 32px rgba(72, 52, 35, 0.15);
}

.course-pricing--classic .course-price-card__image {
    height: 190px;
}

.course-pricing--classic .course-price-card__body {
    gap: 14px;
    padding: 18px 17px 21px;
}

.course-pricing--classic h3 {
    min-height: 46px;
    font-size: 17px;
}

.course-pricing--classic .course-price-main strong {
    font-size: 28px;
}

.course-price-packages > div {
    min-height: 48px;
    padding: 10px 12px;
}

.course-price-packages span {
    font-size: 12px;
}

.course-price-packages strong {
    font-size: 17px;
}

.course-price-ribbon {
    padding: 10px 11px;
    font-size: 15px;
}

.course-pricing--classic .course-price-benefits {
    gap: 10px;
}

.course-pricing--classic .course-price-benefits li {
    font-size: 13px;
}

.course-pricing--classic .course-price-cta,
.course-pricing--classic .course-price-card--car .course-price-cta,
.course-pricing--classic .course-price-card--truck .course-price-cta {
    min-width: 150px;
    min-height: 44px;
    padding: 11px 19px;
    font-size: 13px;
    box-shadow: 0 5px 12px rgba(211, 83, 0, 0.2);
}

.course-pricing--classic .course-price-cta:hover {
    box-shadow: 0 7px 15px rgba(185, 75, 6, 0.25);
}

@media (max-width: 1024px) {
    .course-pricing--classic .course-price-card__image {
        height: 235px;
    }
}

@media (max-width: 600px) {
    .course-pricing--classic .course-price-card__image {
        height: 230px;
    }

    .course-pricing--classic .course-price-card__body {
        padding: 19px 18px 22px;
    }

    .course-pricing--classic h3 {
        font-size: 20px;
    }

    .course-pricing--classic .course-price-main strong {
        font-size: 31px;
    }
}

/* Pricing section stays first inside the homepage Elementor wrapper */
.elementor-1389 > .elementor-element-69900a4 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Phase B: Intro section spacing matched to daotaolaixehn.vn Elementor */
.elementor-1389 > .elementor-element-c4b706b,
body .elementor-1389 > .elementor-element-c4b706b,
body.home .elementor-1389 > .elementor-element-c4b706b {
    margin-top: -115px !important;
    margin-bottom: 0 !important;
    padding: 150px 0 80px !important;
    z-index: 0 !important;
    background: linear-gradient(180deg, rgba(245,221,135,0.45) 0%, rgba(245,221,135,0.15) 40%, #ffffff 100%) !important;
    border-top: 0 !important;
}

@media screen and (max-width: 1024px) {
    .elementor-1389 > .elementor-element-c4b706b,
    body .elementor-1389 > .elementor-element-c4b706b,
    body.home .elementor-1389 > .elementor-element-c4b706b {
        margin-top: -94px !important;
        padding: 130px 0 80px !important;
    }
}

@media screen and (max-width: 767px) {
    .elementor-1389 > .elementor-element-c4b706b,
    body .elementor-1389 > .elementor-element-c4b706b,
    body.home .elementor-1389 > .elementor-element-c4b706b {
        margin-top: -93px !important;
        padding: 90px 0 60px !important;
    }
}

.elementor-1389 > .elementor-element-c4b706b::before,
.elementor-1389 > .elementor-element-c4b706b::after {
    display: none !important;
}

.elementor-1389 .elementor-element.elementor-element-c4b706b:not(.elementor-motion-effects-element-type-background),
.elementor-1389 .elementor-element.elementor-element-c4b706b > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, rgba(245,221,135,0.45) 0%, rgba(245,221,135,0.15) 40%, #ffffff 100%) !important;
}

.elementor-1389 > .elementor-element-c4b706b > .elementor-container {
    margin-top: 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Compact pricing section at the top of the homepage */
.elementor-1389 > .elementor-element-69900a4 {
    padding-top: 10px !important;
    padding-bottom: 54px !important;
}

.elementor-1389 > .elementor-element-69900a4 .elementor-element-c886624 {
    display: none !important;
}

/* Seamless pastel orange fade from the header into white */
.elementor-1389 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.elementor-1389 > .elementor-element-69900a4 {
    margin-top: -1px !important;
    background: linear-gradient(
        180deg,
        #ffdda8 0%,
        #ffe7bf 24%,
        #fff0d8 50%,
        #fff8ed 76%,
        #ffffff 100%
    ) !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.course-pricing--classic .course-price-card {
    background: #fffdf9;
    border-color: #dfc9aa;
    box-shadow:
        0 2px 4px rgba(111, 70, 25, 0.1),
        0 11px 25px rgba(111, 70, 25, 0.13);
}

.course-pricing--classic h3 {
    color: #4b321f;
    border-bottom-color: #ead8c0;
}

.course-pricing--classic .course-price-main > span,
.course-price-packages span,
.course-pricing--classic .course-price-benefits li {
    color: #56483c;
}

.course-pricing--classic .course-price-main strong,
.course-price-packages strong {
    color: #e65f00;
}

.course-price-ribbon {
    color: #a94205;
    background: #ffe1c5;
    border-color: #efbd91;
}

/* Remove empty seams around the homepage header and footer */
body.home > [data-elementor-type="templately-header"] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.home > [data-elementor-type="templately-header"] + .elementor-1389,
body.home .elementor-1389 > .elementor-element-69900a4 {
    margin-top: 0 !important;
}

body.home .elementor-1389 > .elementor-element-69900a4 {
    padding-top: 0 !important;
}

body.home > [data-elementor-type="templately-footer"],
body.home > [data-elementor-type="templately-footer"] > .elementor-element-d4b21ca,
body.home > [data-elementor-type="templately-footer"] .elementor-element-3232f6f > .elementor-widget-wrap {
    margin: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

/* Match Footer Background Palette from daotaolaixehn.vn */
[data-elementor-type="templately-footer"],
body.home > [data-elementor-type="templately-footer"],
[data-elementor-type="templately-footer"] .elementor-element-d4b21ca,
[data-elementor-type="templately-footer"] .elementor-element-3232f6f {
    background: linear-gradient(180deg, #fffdf9 0%, #fff7e8 40%, #ffeecb 100%) !important;
}

body.home > [data-elementor-type="templately-footer"] .elementor-element-d4b21ca {
    background: transparent !important;
    background-image: none !important;
}

/* Remove footer social media icons and their reserved space */
[data-elementor-type="templately-footer"] .elementor-element-3aac793 {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
}

/* Eliminate the remaining physical seam below the homepage header */
body.home > [data-elementor-type="templately-header"] {
    position: relative !important;
    z-index: 20 !important;
}

body.home > .elementor-1389 {
    position: relative !important;
    z-index: 1 !important;
    transform: translateY(-14px) !important;
    margin-bottom: -14px !important;
}

body.home .elementor-1389 > .elementor-element-69900a4 {
    padding-top: 14px !important;
}

/* Collapse all whitespace below the copyright bar */
[data-elementor-type="templately-footer"] .elementor-element-1e07754,
[data-elementor-type="templately-footer"] .elementor-element-1e07754 > .elementor-container,
[data-elementor-type="templately-footer"] .elementor-element-6e7f583,
[data-elementor-type="templately-footer"] .elementor-element-6e7f583 > .elementor-widget-wrap,
[data-elementor-type="templately-footer"] .elementor-element-5d5b2a5,
[data-elementor-type="templately-footer"] .elementor-element-5d5b2a5 > .elementor-widget-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

[data-elementor-type="templately-footer"] .elementor-element-1e07754 {
    overflow: visible !important;
}

/* Copyright bar - visible on all pages */
[data-elementor-type="templately-footer"] .elementor-element-6e7f583 > .elementor-widget-wrap {
    background-color: #333 !important;
    border-radius: 0 !important;
}

[data-elementor-type="templately-footer"] .elementor-element-6e7f583 {
    margin-top: 0 !important;
}

[data-elementor-type="templately-footer"] .elementor-element-5d5b2a5 .eael-dch-title .eael-dch-title-lead {
    color: #fff !important;
}

[data-elementor-type="templately-footer"] .elementor-element-5d5b2a5 .eael-dch-title .eael-dch-title-text {
    color: #e55432 !important;
}

[data-elementor-type="templately-footer"] .elementor-element-4a1bcb7 {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.home {
    padding-bottom: 0 !important;
}

/* Cover the final template seam directly below the homepage header */
body.home > [data-elementor-type="templately-header"] {
    border-bottom: 0 !important;
    box-shadow: 0 6px 0 #ffdda8 !important;
}

body.home > .elementor-1389 {
    margin-top: -1px !important;
}

/* Prevent the original Elementor section order from flashing during refresh */
html.homepage-layout-pending body.home > .elementor-1389 {
    visibility: hidden !important;
    opacity: 0 !important;
}

html.homepage-layout-pending.homepage-layout-ready body.home > .elementor-1389 {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Exact header-gap fix: this Elementor container only hosts the floating-contact code */
body.home > [data-elementor-type="templately-header"] > .elementor-element-4a118d5 {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Remove earlier visual offsets now that the real spacer is gone */
body.home > [data-elementor-type="templately-header"] {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.home > .elementor-1389 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
}

body.home .elementor-1389 > .elementor-element-69900a4 {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

/* Keep floating contact buttons above page content and match daotaolaixehn.vn icon colors. */
.social-fixed .call-phone,
.social-fixed .call-zalo,
.social-fixed .call-facebook {
    color: #5e6d81 !important;
    transition: color 0.25s ease, background-color 0.25s ease !important;
}

.social-fixed .call-phone {
    background: #c6e5f7 !important;
    animation-name: ringPulse-contact-phone !important;
}

.social-fixed .call-zalo {
    background: #eef4f9 !important;
    animation-name: ringPulse-contact-zalo !important;
}

.social-fixed .call-facebook {
    background: #eef4f9 !important;
    animation-name: ringPulse-contact-facebook !important;
}

.social-fixed .call-phone svg,
.social-fixed .call-zalo svg,
.social-fixed .call-facebook svg {
    width: 28px !important;
    height: 28px !important;
    fill: currentColor !important;
    color: #5e6d81 !important;
    transition: fill 0.25s ease, color 0.25s ease !important;
}

.social-fixed .call-phone svg path,
.social-fixed .call-zalo svg path,
.social-fixed .call-facebook svg path {
    fill: #5e6d81 !important;
    transition: fill 0.25s ease !important;
}

.social-fixed .call-zalo img {
    filter: brightness(0) saturate(100%) invert(42%) sepia(8%) saturate(878%) hue-rotate(169deg) brightness(93%) contrast(88%) !important;
    transition: filter 0.25s ease !important;
}

.social-fixed .call-phone:hover,
.social-fixed .call-zalo:hover,
.social-fixed .call-facebook:hover {
    color: #ef233c !important;
}

.social-fixed .call-phone:hover svg,
.social-fixed .call-zalo:hover svg,
.social-fixed .call-facebook:hover svg {
    color: #ef233c !important;
}

.social-fixed .call-phone:hover svg path,
.social-fixed .call-zalo:hover svg path,
.social-fixed .call-facebook:hover svg path,
.social-fixed a:hover svg path {
    fill: #ef233c !important;
}

.social-fixed .call-zalo:hover img {
    filter: brightness(0) saturate(100%) invert(21%) sepia(98%) saturate(4925%) hue-rotate(346deg) brightness(95%) contrast(93%) !important;
}

.social-fixed .call-phone.call-button::before,
.social-fixed .call-phone.call-button::after {
    border-color: rgba(0, 180, 255, 0.45) !important;
}

.social-fixed .call-zalo.call-button::before,
.social-fixed .call-zalo.call-button::after {
    border-color: rgba(0, 180, 255, 0.35) !important;
}

.social-fixed .call-facebook.call-button::before,
.social-fixed .call-facebook.call-button::after {
    border-color: rgba(0, 180, 255, 0.35) !important;
}

@keyframes ringPulse-contact-phone {
    0% { box-shadow: 0 0 0 0 rgba(0, 180, 255, 0.35); }
    70% { box-shadow: 0 0 0 20px rgba(0, 180, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 180, 255, 0); }
}

@keyframes ringPulse-contact-zalo {
    0% { box-shadow: 0 0 0 0 rgba(0, 180, 255, 0.28); }
    70% { box-shadow: 0 0 0 20px rgba(0, 180, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 180, 255, 0); }
}

@keyframes ringPulse-contact-facebook {
    0% { box-shadow: 0 0 0 0 rgba(0, 180, 255, 0.28); }
    70% { box-shadow: 0 0 0 20px rgba(0, 180, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 180, 255, 0); }
}

body > .social-fixed,
.social-fixed {
    position: fixed !important;
    top: 50% !important;
    right: 30px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    isolation: isolate !important;
    z-index: 2147483000 !important;
}

.social-fixed .call-button,
.social-fixed a {
    position: relative !important;
    z-index: 1 !important;
}

/* Make h2 headings in article content slightly more compact to stay on 1 line when possible */
.elementor-widget-tl-post-content h2,
.elementor-widget-tl-post-content h2 strong {
    font-size: 22px !important;
    line-height: 1.3 !important;
}

/* 5. Mobile / Tablet View (<= 1400px) - hamburger before the long desktop nav overflows */

.elementor-section.elementor-top-section.elementor-element-8899178,
.elementor-location-header,
header.elementor-header {
    position: relative !important;
    background-color: #fcebb6 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    z-index: 99999 !important;
}

.eael-mobile-menu-active {
    background-color: #fcf4d4 !important;
}

@media screen and (max-width: 1400px) {
    .elementor-element-8899178 .elementor-container,
    .elementor-element-8899178 .elementor-row,
    .elementor-element-8899178 .elementor-column,
    .elementor-element-8899178 .elementor-widget-wrap,
    .elementor-element-8899178 .elementor-widget,
    .elementor-element-9236dcb,
    .elementor-element-9236dcb .elementor-container,
    .elementor-element-9236dcb .elementor-column,
    .elementor-element-ca11192,
    .elementor-element-df0cfb8,
    .elementor-widget-eael-simple-menu,
    .eael-simple-menu-container,
    .eael-nav-menu-wrapper {
        position: static !important;
    }

    ul.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) {
        display: none !important;
    }

    .eael-hamburger-icon,
    .eael-simple-menu-hamburger-icon {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Red Hamburger Icon Button (65px x 50px, #f5735a, right: 10px) */
    .eael-simple-menu-toggle,
    .eael-hamburger-icon,
    .eael-simple-menu-hamburger-icon {
        position: absolute !important;
        right: 10px !important;
        left: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 65px !important;
        height: 50px !important;
        max-height: 50px !important;
        background-color: #f5735a !important;
        border-radius: 0px !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 100000 !important;
    }

    .eael-simple-menu-toggle i,
    .eael-simple-menu-toggle svg,
    .eael-hamburger-icon i,
    .eael-hamburger-icon svg {
        font-size: 24px !important;
        color: #ffffff !important;
        fill: #ffffff !important;
        margin: 0 !important;
    }

    /* Mobile Dropdown Menu - 100% Full Width across screen */
    .eael-mobile-menu-active,
    .eael-nav-menu-wrapper.eael-mobile-menu-active,
    ul.eael-simple-menu.eael-mobile-menu-active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: absolute !important;
        top: 100% !important;
        margin-top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        height: auto !important;
        background-color: #fcf4d4 !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
        z-index: 9999999 !important;
        padding: 0 !important;
        list-style: none !important;
    
        transform: none !important;}

    .eael-mobile-menu-active > li,
    ul.eael-simple-menu.eael-mobile-menu-active > li {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
        background-color: #fcf4d4 !important;
        min-height: 42px !important;
    }

    ul.eael-simple-menu.eael-mobile-menu-active > li > a,
    .eael-mobile-menu-active > li > a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 20px !important;
        font-family: Arial, "Helvetica Neue", sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #2b2825 !important;
        line-height: 42px !important;
        text-decoration: none !important;
        background-color: #fcf4d4 !important;
        -webkit-font-smoothing: antialiased !important;
    }

    ul.eael-simple-menu.eael-mobile-menu-active > li.current-menu-item > a,
    ul.eael-simple-menu.eael-mobile-menu-active > li.current_page_item > a,
    .eael-mobile-menu-active > li.current-menu-item > a,
    .eael-mobile-menu-active > li.current_page_item > a {
        background-color: #f37060 !important;
        color: #ffffff !important;
        font-weight: 600 !important;
    }

    ul.eael-simple-menu.eael-mobile-menu-active > li.eael-submenu-open > a,
    .eael-mobile-menu-active > li.eael-submenu-open > a {
        background-color: #fcf4d4 !important;
        color: #2b2825 !important;
        font-weight: 600 !important;
    }

    /* Square arrow button matching daotaolaixehn.vn reference */
    ul.eael-simple-menu.eael-mobile-menu-active > li.menu-item-has-children > a,
    .eael-mobile-menu-active > li.menu-item-has-children > a {
        position: relative !important;
        padding-right: 58px !important;
        cursor: pointer !important;
    }

    .eael-mobile-menu-active .eael-simple-menu-indicator,
    .eael-mobile-menu-active .eael-simple-menu-indicator-icon,
    .eael-mobile-menu-active i.fa-angle-down {
        display: none !important;
    }

    ul.eael-simple-menu.eael-mobile-menu-active > li.menu-item-has-children > a::before,
    .eael-mobile-menu-active > li.menu-item-has-children > a::before {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        right: 10px !important;
        width: 32px !important;
        height: 32px !important;
        margin-top: -16px !important;
        background: #fcf4d4 !important;
        border: 1px solid #000000 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        pointer-events: none !important;
    }

    ul.eael-simple-menu.eael-mobile-menu-active > li.menu-item-has-children > a::after,
    .eael-mobile-menu-active > li.menu-item-has-children > a::after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        right: 22px !important;
        display: block !important;
        width: 7px !important;
        height: 7px !important;
        margin-top: -5px !important;
        border: none !important;
        border-right: 2px solid #000000 !important;
        border-bottom: 2px solid #000000 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: rotate(45deg) !important;
        transition: transform 220ms ease, margin-top 220ms ease !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    ul.eael-simple-menu.eael-mobile-menu-active > li.eael-submenu-open > a::after,
    .eael-mobile-menu-active > li.eael-submenu-open > a::after {
        margin-top: -2px !important;
        transform: rotate(225deg) !important;
    }

    ul.eael-simple-menu.eael-mobile-menu-active .sub-menu,
    .eael-mobile-menu-active .sub-menu {
        display: none;
        position: relative !important;
        background-color: #fcf4d4 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        box-shadow: none !important;
    }

    ul.eael-simple-menu.eael-mobile-menu-active .sub-menu > li,
    .eael-mobile-menu-active .sub-menu > li {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
        height: auto !important;
        min-height: 42px !important;
        background-color: #fcf4d4 !important;
    }

    ul.eael-simple-menu.eael-mobile-menu-active .sub-menu > li > a,
    .eael-mobile-menu-active .sub-menu > li > a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 10px 16px 10px 32px !important;
        font-family: Arial, "Helvetica Neue", sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        color: #2b2825 !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        background-color: #fcf4d4 !important;
        white-space: nowrap !important;
        text-shadow: none !important;
        transform: none !important;
    }

    ul.eael-simple-menu.eael-mobile-menu-active .sub-menu > li.current-menu-item > a,
    ul.eael-simple-menu.eael-mobile-menu-active .sub-menu > li.current_page_item > a,
    .eael-mobile-menu-active .sub-menu > li.current-menu-item > a,
    .eael-mobile-menu-active .sub-menu > li.current_page_item > a {
        background-color: #f37060 !important;
        color: #ffffff !important;
        font-weight: 500 !important;
    }
}

/* Keep the homepage brand heading on one line when space allows. */
@media screen and (min-width: 769px) {
    .elementor-element-e466c64 .elementor-element-1cac956 .elementor-heading-title {
        white-space: normal !important;
        font-size: 30px !important;
        line-height: 1.3 !important;
        letter-spacing: -0.01em !important;
    }

    .elementor-element-6b96b1d,
    .elementor-element-e466c64 > .elementor-container > .elementor-column:not(.elementor-element-6b96b1d) {
        width: 50% !important;
    }
}

/* Unified homepage section palette: Modern Warm Off-White / Soft Cream Layered Rhythm */
body.home {
    background: #fdfbf7 !important;
}

/* Exact 100% Color & Palette Match with daotaolaixehn.vn */
#header_section,
[data-elementor-type="templately-header"] section#header_section,
body #header_section,
body.home #header_section {
    background: #fcebb6 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Header menu item text color matching daotaolaixehn.vn */
ul.eael-simple-menu-horizontal > li > a {
    color: #333333 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Intro section colors (spacing in Phase B block above) */
body .elementor-1389 > .elementor-element-c4b706b,
body.home .elementor-1389 > .elementor-element-c4b706b {
    background: #fff9e8 !important;
    background-image: none !important;
    border-top: 0 !important;
}

.elementor-element-e466c64 .elementor-element-1cac956 .elementor-heading-title {
    color: #d95d4e !important;
    font-family: Arial, "Helvetica Neue", sans-serif !important;
    font-size: clamp(24px, 2.2vw, 30px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 16px !important;
    white-space: normal !important;
}

/* Left intro column: vertical stack, no overlap */
.elementor-element-6b96b1d > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

.elementor-element-6b96b1d .elementor-element-1cac956,
.elementor-element-6b96b1d .elementor-element-c690bf1 {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    margin: 0 !important;
}

.elementor-element-6b96b1d .elementor-element-458256f {
    position: relative !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    align-self: flex-start !important;
}

.elementor-element-e466c64 .elementor-element-c690bf1 .elementor-icon-list-items {
    margin: 0 0 12px !important;
    padding: 0 !important;
    list-style: none !important;
}

.elementor-element-e466c64 .elementor-element-c690bf1 .elementor-icon-list-item {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
}

.elementor-element-e466c64 .elementor-element-c690bf1 .elementor-icon-list-item:not(.giadinh-address-item) .elementor-icon-list-icon {
    display: none !important;
}

.elementor-element-e466c64 .elementor-element-c690bf1 .elementor-icon-list-item:not(.giadinh-address-item) .elementor-icon-list-text {
    display: block !important;
    padding: 0 !important;
}

.elementor-element-e466c64 .elementor-element-c690bf1 .giadinh-address-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}

.elementor-element-e466c64 .elementor-element-c690bf1 .giadinh-address-item .elementor-icon-list-icon {
    flex: 0 0 22px !important;
    margin-top: 2px !important;
}

.elementor-element-e466c64 .elementor-element-c690bf1 .giadinh-address-item .elementor-icon-list-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
}

.elementor-element-e466c64 .elementor-element-c690bf1 .elementor-icon-list-text {
    color: #333333 !important;
    font-family: Arial, "Helvetica Neue", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

.elementor-element-e466c64 .elementor-element-458256f .elementor-button {
    background-color: #f07f65 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 16px 42px !important;
    font-family: Arial, "Helvetica Neue", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    box-shadow: none !important;
    transition: background-color 0.25s ease !important;
}

.elementor-element-e466c64 .elementor-element-458256f .elementor-button:hover,
.elementor-element-e466c64 .elementor-element-458256f .elementor-button:focus {
    background-color: #e8654a !important;
    color: #ffffff !important;
}

/* 2. Section 2 (Giadinh Benefits): Clean Pure White Card Canvas */
body.home .elementor-1389 > .giadinh-benefits {
    background: #ffffff !important;
    border-top: 1px solid #efe4d6 !important;
    border-bottom: 1px solid #efe4d6 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* 3. Section 3 (Thế mạnh & Cam kết): Soft Warm Linen Tone */
body.home .elementor-1389 > .elementor-element-cb2cc04 {
    background: #ffffff !important;
    border-top: none !important;
    border-bottom: 1px solid #ebdccb !important;
}

/* 4. Section 4 (Bảng giá khóa học): Clean Warm White Canvas for Cards */
body.home .elementor-1389 > .elementor-element-69900a4 {
    background: #ffffff !important;
    border-top: 1px solid #efe4d6 !important;
    border-bottom: 1px solid #efe4d6 !important;
}

/* 5. Section 5 (Quy trình học và thi): Crisp Pure White Background */
body.home .elementor-1389 > .elementor-element-b74baec {
    margin-top: 0 !important;
    padding-top: 50px !important;
    background: #ffffff !important;
    border-top: 1px solid #efe4d6 !important;
    border-bottom: 1px solid #efe4d6 !important;
}

/* Registration section (#cs-dangkyhoc) - match thi-bang-lai-xe-may-a1 theme styles */
body.home #cs-dangkyhoc {
    padding: 40px 20px 60px !important;
    background: transparent !important;
    border: 0 !important;
}

body.home #cs-dangkyhoc > .e-con-inner {
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: 34px 24px 26px !important;
    background: #ffffff !important;
    border: 1px solid #daa3a3 !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

body.home #cs-dangkyhoc .elementor-element-e256cfe .elementor-heading-title {
    color: #24282c !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
}

body.home #cs-dangkyhoc .elementor-element-1b30499 .elementor-heading-title {
    color: #63676c !important;
    font-size: 14px !important;
    text-align: center !important;
    margin-bottom: 24px !important;
}

body.home #cs-dangkyhoc .list-info-css-2 {
    list-style: none !important;
    padding: 20px 30px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    margin: 0 0 50px !important;
}

body.home #cs-dangkyhoc .list-info-css-2 li {
    display: flex !important;
    gap: 15px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

body.home #cs-dangkyhoc .list-info-css-2 li:not(:last-child) {
    margin-bottom: 5px !important;
}

body.home #cs-dangkyhoc .list-info-css-2 .left span {
    width: 58px !important;
    height: 58px !important;
    background-color: #ed1d24 !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 58px !important;
    border-radius: 50% !important;
    display: block !important;
}

body.home #cs-dangkyhoc .cs-p-title {
    font-weight: 700 !important;
    margin-bottom: 5px !important;
}

body.home #cs-dangkyhoc .box-cs-info-3-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

body.home #cs-dangkyhoc .count-down-cs-wraper {
    align-items: end !important;
}

body.home #cs-dangkyhoc .count-down-cs {
    list-style-type: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.home #cs-dangkyhoc .count-down-cs li span {
    width: 52px !important;
    height: 52px !important;
    background-color: #ed1d24 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 52px !important;
    border-radius: 0 !important;
}

body.home #cs-dangkyhoc .span-title-percen-down {
    display: inline-block !important;
    padding: 5px 25px !important;
    background-color: #ed1d24 !important;
    color: #ffea2f !important;
    border-radius: 30px !important;
    font-weight: 700 !important;
    font-size: 25px !important;
}

body.home #cs-dangkyhoc .box-register-form-cs {
    padding: 20px !important;
    border: 1px dashed #ccc !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.home #cs-dangkyhoc .wpcf7-form {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.home #cs-dangkyhoc input[type="submit"] {
    width: 100% !important;
    background-color: #ed1d24 !important;
    border-color: #ed1d24 !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    animation: none !important;
    box-shadow: none !important;
}

body.home #cs-dangkyhoc input[type="submit"]:hover {
    background-color: #c8161d !important;
    border-color: #c8161d !important;
    transform: none !important;
    box-shadow: none !important;
}

@media screen and (max-width: 768px) {
    body.home #cs-dangkyhoc .count-down-cs-wraper .left {
        margin-bottom: 10px !important;
    }

    body.home #cs-dangkyhoc .box-register-form-cs {
        margin-top: 30px !important;
    }
}

/* 7. Section 7 (Hệ thống sân thi & FAQ): Crisp Elevated Pure White */
body.home .elementor-1389 > .elementor-element-4953019 {
    margin-top: 0 !important;
    padding-top: 50px !important;
    background: #ffffff !important;
    border-top: 1px solid #efe4d6 !important;
    border-bottom: 1px solid #efe4d6 !important;
}

/* 8. Section 8 (Review học viên) */
body.home .elementor-1389 > .elementor-element-f6a3d1a {
    background: #ffffff !important;
    border-top: none !important;
}

body.home .elementor-1389 > section,
body.home .elementor-1389 > .e-con {
    border-color: rgba(225, 180, 150, 0.15) !important;
}

/* Clear all patchy Elementor inner backgrounds */
body.home .elementor-element-e2b10f4,
body.home .elementor-element-9d9df7a,
body.home .elementor-element-e0f7495,
body.home .elementor-element-aca94ec,
body.home .elementor-element-1fab6ca,
body.home .elementor-element-65e92e2,
body.home .elementor-element-954e442,
body.home .elementor-element-6e7f583 {
    background: transparent !important;
}

/* Intro inner section: match reference overflow + left column offset */
.elementor-element-e466c64 {
    overflow: hidden !important;
}

@media screen and (min-width: 768px) {
    .elementor-element-6b96b1d > .elementor-widget-wrap.elementor-element-populated {
        margin-top: 60px !important;
    }
}

.elementor-element-e466c64 > .elementor-container {
    max-width: none !important;
    width: 100% !important;
    padding-left: 200px !important;
    padding-right: 200px !important;
    margin: 0 auto !important;
    align-items: stretch !important;
    column-gap: 24px !important;
    flex-wrap: nowrap !important;
}

.elementor-element-e466c64 > .elementor-container > .elementor-column {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    width: 50% !important;
}


@media screen and (max-width: 1600px) {
    .elementor-element-e466c64 > .elementor-container {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }
}

@media screen and (max-width: 1024px) {
    .elementor-element-e466c64 > .elementor-container {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media screen and (max-width: 767px) {
    .elementor-element-e466c64 > .elementor-container {
        flex-wrap: wrap !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .elementor-element-e466c64 > .elementor-container > .elementor-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

.elementor-1389 .elementor-element.elementor-element-99d1719 {
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-1389 .elementor-element.elementor-element-99d1719 > .elementor-widget-wrap {
    flex-shrink: 0 !important;
    width: clamp(350px, 42vw, 100%) !important;
    min-height: clamp(320px, 38vw, 500px) !important;
}

/* Intro hero right column — exact copy from daotaolaixehn.vn */
.elementor-1389 .elementor-element.elementor-element-99d1719:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.elementor-1389 .elementor-element.elementor-element-99d1719 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("wp-content/uploads/2024/09/8fb66531-group-200.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
}

.elementor-1389 .elementor-element.elementor-element-7af8a20 {
    top: 183px !important;
    left: 0px !important;
    right: auto !important;
}

.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button-icon-left svg,
.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button-icon-right svg {
    rotate: 0deg !important;
}

.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button-icon-left {
    margin-right: 10px !important;
}

.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button i,
.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button .creative-button-inner svg {
    color: #F5735A !important;
    fill: #F5735A !important;
    font-size: 20px !important;
}

.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button {
    color: #2D3134 !important;
    background-color: #FFFFFF !important;
    border-radius: 93px !important;
    padding: 18px 38px !important;
}

.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button svg {
    fill: #2D3134 !important;
    width: 20px !important;
    height: 20px !important;
}

.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button .cretive-button-text,
.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button--winona::after,
.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button--rayen::before,
.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button--tamaya::after,
.elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button--tamaya::before {
    font-family: "Barlow", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.elementor-1389 .elementor-element.elementor-element-1654152 {
    width: var(--container-widget-width, 97.927%) !important;
    max-width: 97.927% !important;
    --container-widget-width: 97.927% !important;
    --container-widget-flex-grow: 0 !important;
}

.elementor-1389 .elementor-element.elementor-element-1654152 > .elementor-widget-container {
    margin: 0 0 -28px 0 !important;
}

.elementor-1389 .elementor-element.elementor-element-1654152.elementor-element {
    --flex-grow: 0 !important;
    --flex-shrink: 0 !important;
}

.elementor-1389 .elementor-element.elementor-element-1654152 img {
    width: 65% !important;
    height: auto !important;
    display: block !important;
    margin-left: min(125px, 20%) !important;
    margin-top: 10px !important;
    clip-path: polygon(0% 0%, 75% 0%, 100% 30%, 100% 100%, 80% 100%, 25% 100%, 0% 70%, 0% 20%) !important;
}

@media screen and (max-width: 1024px) {
    .elementor-1389 .elementor-element.elementor-element-7af8a20 {
        top: 194px !important;
    }

    .elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button,
    .elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button.eael-creative-button--winona::after,
    .elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button.eael-creative-button--winona > .creative-button-inner,
    .elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button.eael-creative-button--tamaya::before,
    .elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button.eael-creative-button--rayen::before,
    .elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button.eael-creative-button--rayen > .creative-button-inner,
    .elementor-1389 .elementor-element.elementor-element-7af8a20 .eael-creative-button.eael-creative-button--saqui::after {
        padding: 18px 38px !important;
    }

    .elementor-1389 .elementor-element.elementor-element-1654152 img {
        width: 82% !important;
        margin-left: 40px !important;
    }

}

@media screen and (max-width: 767px) {
    .elementor-1389 .elementor-element.elementor-element-99d1719:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
    .elementor-1389 .elementor-element.elementor-element-99d1719 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-position: bottom center !important;
    }

    .elementor-1389 .elementor-element.elementor-element-7af8a20 > .elementor-widget-container {
        margin: 0 !important;
    }

    .elementor-1389 .elementor-element.elementor-element-7af8a20 {
        top: 156px !important;
        left: 0 !important;
        right: auto !important;
    }

    .elementor-1389 .elementor-element.elementor-element-1654152 {
        margin-left: 0 !important;
    }

    .elementor-1389 .elementor-element.elementor-element-1654152 > .elementor-widget-container {
        margin: 0 0 -26px 0 !important;
    }

    .elementor-1389 .elementor-element.elementor-element-1654152 img {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

/* Shared branch-address rows: unified font size with normal text */
.elementor-element-c690bf1 .elementor-icon-list-text,
.giadinh-address-item .elementor-icon-list-text,
[data-elementor-type="templately-footer"] .elementor-icon-list-text {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.giadinh-address-item {
    align-items: center !important;
    gap: 10px !important;
}

.giadinh-address-item .elementor-icon-list-icon {
    flex: 0 0 30px !important;
    width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.giadinh-address-item .giadinh-location-icon {
    width: 22px !important;
    height: 22px !important;
    color: #d95d4e !important;
    fill: currentColor !important;
    filter: none !important;
}

.giadinh-address-item .giadinh-location-icon path {
    fill: #d95d4e !important;
}

.giadinh-address-item .elementor-icon-list-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #333333 !important;
}

@media screen and (min-width: 1024px) {
    .giadinh-address-item .elementor-icon-list-text {
        white-space: normal !important;
    }
}

@media screen and (max-width: 1023px) {
    .giadinh-address-item {
        align-items: flex-start !important;
    }

    .giadinh-address-item .elementor-icon-list-text {
        white-space: normal !important;
    }
}

/* Unified course-card headings */
.course-pricing--classic .course-price-card__body > h3 {
    min-height: 48px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #d62d20 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(16px, 1.45vw, 20px) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.01em !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

/* Homepage student benefits - Premium Card Grid */
.giadinh-benefits {
    position: relative;
    padding: 60px 20px 70px;
    overflow: hidden;
    background: linear-gradient(180deg, #fff8f5 0%, #ffffff 100%);
}

.giadinh-benefits::before,
.giadinh-benefits::after {
    display: none !important;
}

.giadinh-benefits__inner {
    position: relative;
    z-index: 1;
    max-width: 1140px;
    margin: 0 auto;
}

.giadinh-benefits__intro {
    max-width: 700px;
    margin: 0 auto 48px;
    text-align: center;
}

.giadinh-benefits__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 6px 16px;
    color: #e55432;
    background: linear-gradient(135deg, rgba(229,84,50,0.08), rgba(245,115,90,0.12));
    border: 1px solid rgba(229,84,50,0.18);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.giadinh-benefits__eyebrow::before,
.giadinh-benefits__eyebrow::after {
    display: none !important;
}

.giadinh-benefits h2 {
    margin: 0 0 14px;
    color: #2b231d;
    font-size: clamp(22px, 2.8vw, 36px);
    white-space: nowrap;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.giadinh-benefits__intro p {
    margin: 0;
    color: #7a6b62;
    font-size: 16px;
    line-height: 1.65;
}

.giadinh-benefits__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.giadinh-benefits__grid li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: calc(25% - 15px);
    padding: 24px 22px;
    border: 1px solid rgba(229,84,50,0.1);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 24px rgba(229,84,50,0.04);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.giadinh-benefits__grid li:hover {
    transform: translateY(-4px);
    border-color: rgba(229,84,50,0.25);
    box-shadow: 0 4px 12px rgba(0,0,0,0.06), 0 16px 40px rgba(229,84,50,0.1);
}


.giadinh-benefits__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #e55432;
    background: linear-gradient(135deg, #fff0ec, #ffe4dd);
    border-radius: 12px;
}

.giadinh-benefits__icon svg {
    width: 22px;
    height: 22px;
}

.giadinh-benefits__grid strong {
    color: #2c221b;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.giadinh-benefits__grid strong::after {
    content: none;
}

.giadinh-benefits__grid small {
    color: #7a6b62;
    font-size: 14px;
    line-height: 1.55;
}

.giadinh-benefits__cta {
    display: flex;
    width: fit-content;
    min-width: 240px;
    justify-content: center;
    margin: 0 auto;
    padding: 16px 36px;
    color: #fff !important;
    border-radius: 14px;
    background: linear-gradient(135deg, #f5735a, #e55432);
    box-shadow: 0 6px 20px rgba(229,84,50,0.3);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.giadinh-benefits__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(229,84,50,0.4);
}

@media screen and (max-width: 1024px) {
    .giadinh-benefits__grid li {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .giadinh-benefits {
        padding: 48px 16px 56px;
    }
    .giadinh-benefits__intro {
        margin-bottom: 32px;
    }
    .giadinh-benefits__grid {
        gap: 14px;
    }
    .giadinh-benefits__grid li {
        width: 100%;
    }

    .giadinh-benefits h2 {
        font-size: 26px;
    }

    .giadinh-benefits__grid li {
        padding: 22px 20px;
    }

    .giadinh-benefits__cta {
        width: 100%;
    }
}

/* Dropdown Sub-menu Square Edge Match with daotaolaixehn.vn */
ul.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu,
.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu {
    background-color: #f5735a !important;
    border-radius: 0px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
    padding: 0 !important;
}

ul.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu > li,
.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu > li {
    background-color: #f5735a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu > li:last-child,
.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu > li:last-child {
    border-bottom: none !important;
}

ul.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu > li > a,
.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu > li > a {
    color: #ffffff !important;
    background-color: #f5735a !important;
    border-radius: 0px !important;
    font-family: 'Barlow', 'Roboto', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: 0.02em !important;
    line-height: 1.45 !important;
    padding: 11px 32px 11px 16px !important;
    text-align: left !important;
    white-space: nowrap !important;
    text-shadow:
        0 1px 0 rgba(110, 28, 12, 0.35),
        0 2px 4px rgba(70, 12, 4, 0.28) !important;
    transition: background-color 0.2s ease, text-shadow 0.2s ease, transform 0.2s ease !important;
    -webkit-font-smoothing: antialiased !important;
}

ul.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu > li > a:hover,
.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu > li:hover > a {
    color: #ffffff !important;
    background-color: #e55432 !important;
    padding-left: 16px !important;
    padding-right: 32px !important;
    transform: translateX(3px) !important;
    text-shadow:
        0 1px 0 rgba(70, 12, 4, 0.4),
        0 3px 8px rgba(40, 6, 0, 0.35) !important;
}

/* Desktop Navigation Layout & Spacing */
@media screen and (min-width: 1401px) {
    .elementor-element-596f9b2 img {
        width: 68px !important;
        max-width: 68px !important;
        height: auto !important;
    }

    .elementor-element-381478c {
        width: 14% !important;
    }

    .elementor-element-ca11192 {
        width: 86% !important;
    }

    .eael-simple-menu-container {
        justify-content: flex-start !important;
        overflow: visible !important;
    }

    .eael-simple-menu-toggle,
    .eael-hamburger-icon,
    .eael-simple-menu-hamburger-icon {
        display: none !important;
    }

    ul.eael-simple-menu-horizontal {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 30px !important;
        margin-left: 50px !important;
        padding-left: 0 !important;
        white-space: nowrap !important;
    }

    ul.eael-simple-menu-horizontal > li {
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        vertical-align: middle !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    ul.eael-simple-menu-horizontal > li > a {
        display: inline-flex !important;
        align-items: center !important;
        font-family: 'Barlow', 'Roboto', sans-serif !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        letter-spacing: normal !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        padding: 6px 0 !important;
        transition: color 0.2s ease !important;
    }

    /* Hide plugin-generated arrows and render exactly one stable arrow */
    ul.eael-simple-menu-horizontal > li > .eael-simple-menu-indicator,
    ul.eael-simple-menu-horizontal > li > a .eael-simple-menu-indicator,
    ul.eael-simple-menu-horizontal > li > .eael-simple-menu-indicator-icon,
    ul.eael-simple-menu-horizontal > li > a .eael-simple-menu-indicator-icon {
        display: none !important;
    }

    /* Active link color (Coral Orange) */
    ul.eael-simple-menu-horizontal > li.current-menu-item > a,
    ul.eael-simple-menu-horizontal > li.current_page_item > a,
    ul.eael-simple-menu-horizontal > li.current-menu-parent > a,
    ul.eael-simple-menu-horizontal > li.current_page_parent > a,
    ul.eael-simple-menu-horizontal > li.current-menu-ancestor > a,
    ul.eael-simple-menu-horizontal > li.current_page_ancestor > a {
        color: #f5735a !important;
        font-weight: 500 !important;
    }

    /* Inactive link color (Dark Carbon Charcoal matching daotaolaixehn.vn) */
    ul.eael-simple-menu-horizontal > li:not(.current-menu-item):not(.current_page_item):not(.current-menu-parent):not(.current_page_parent):not(.current-menu-ancestor):not(.current_page_ancestor) > a {
        color: #2b2825 !important;
        font-weight: 500 !important;
    }

    ul.eael-simple-menu-horizontal > li:not(.current-menu-item):not(.current_page_item):not(.current-menu-parent):not(.current_page_parent):not(.current-menu-ancestor):not(.current_page_ancestor) > a:hover {
        color: #f5735a !important;
    }

    ul.eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu,
    .eael-simple-menu-horizontal:not(.eael-mobile-menu-active) .sub-menu {
        width: max-content !important;
        min-width: 100% !important;
        white-space: nowrap !important;
    }
}


/* Student Reviews Section - Clean white, no card border */
body.home .elementor-1389 > .elementor-element-f6a3d1a {
    position: relative;
    padding: 50px 20px 60px !important;
    background: #ffffff !important;
    border-top: none !important;
}

body.home .elementor-element-f9dcbe6 .elementor-heading-title {
    color: #2b231d !important;
    font-size: clamp(24px, 2.8vw, 36px) !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    margin-bottom: 25px !important;
}

.wpr-media-grid .wpr-grid-item {
    padding: 5px !important;
}

.wpr-media-grid .wpr-grid-item-inner {
    border-radius: 8px !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    transition: transform 0.3s ease !important;
}

.wpr-media-grid .wpr-grid-image-wrap {
    border-radius: 8px !important;
    overflow: hidden !important;
}

.wpr-media-grid .wpr-grid-image-wrap img {
    border-radius: 8px !important;
    transition: transform 0.3s ease !important;
}

.wpr-media-grid .wpr-grid-item:hover .wpr-grid-item-inner {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}

.wpr-media-grid .wpr-grid-item:hover img {
    transform: scale(1.02) !important;
}

/* Smooth Scroll Reveal Animations */
.scroll-reveal {
    opacity: 0 !important;
    transform: translateY(35px) !important;
    transition: opacity 0.7s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    will-change: opacity, transform !important;
}

.scroll-reveal.reveal-active {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Staggered delay for card grids */
.giadinh-benefits__grid li:nth-child(1), .course-pricing .course-price-card:nth-child(1) { transition-delay: 0.05s !important; }
.giadinh-benefits__grid li:nth-child(2), .course-pricing .course-price-card:nth-child(2) { transition-delay: 0.12s !important; }
.giadinh-benefits__grid li:nth-child(3), .course-pricing .course-price-card:nth-child(3) { transition-delay: 0.19s !important; }
.giadinh-benefits__grid li:nth-child(4), .course-pricing .course-price-card:nth-child(4) { transition-delay: 0.26s !important; }
.giadinh-benefits__grid li:nth-child(5) { transition-delay: 0.33s !important; }
.giadinh-benefits__grid li:nth-child(6) { transition-delay: 0.40s !important; }
.giadinh-benefits__grid li:nth-child(7) { transition-delay: 0.47s !important; }

/* Pulsing highlight effect on CTA Buttons */
.elementor-button-animation-shrink,
.giadinh-benefits__cta,
body.home #cs-dangkyhoc input[type="submit"] {
    animation: ctaPulse 3s infinite ease-in-out !important;
}

@keyframes ctaPulse {
    0%, 100% {
        box-shadow: 0 8px 20px rgba(229, 84, 50, 0.35);
    }
    50% {
        box-shadow: 0 14px 30px rgba(229, 84, 50, 0.55), 0 0 0 6px rgba(245, 115, 90, 0.15);
    }
}

/* Hide fake notification popups completely */
.custom-notification,
.cnv3s-notification-container,
.cnv3s-notification,
#cnv-countdown-1s,
div[class*="notification"],
div[id*="cnv-"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Sticky header */
[data-elementor-type="templately-header"] {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: #fff !important;
}

/* Ensure header logo is always clickable */
.elementor-element-596f9b2 {
    position: relative !important;
    z-index: 999 !important;
    pointer-events: auto !important;
}

.elementor-element-596f9b2 a {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Hide pagination on tin-tuc page */
.mt-4.text-center > .pagination {
    display: none !important;
}
