.elementor-1138 .elementor-element.elementor-element-8c47d00 img{width:100%;max-width:100%;}.elementor-1138 .elementor-element.elementor-element-8516006 .elementor-menu-toggle{margin:0 auto;}.elementor-1138 .elementor-element.elementor-element-8516006 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-1138 .elementor-element.elementor-element-8516006 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1138 .elementor-element.elementor-element-8516006 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1138 .elementor-element.elementor-element-8516006 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1138 .elementor-element.elementor-element-8516006 .elementor-nav-menu--main .elementor-item:focus{color:#0247A6;fill:#0247A6;}.elementor-1138 .elementor-element.elementor-element-8516006 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1138 .elementor-element.elementor-element-8516006 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F4F7FC;}.elementor-1138 .elementor-element.elementor-element-8516006 .e--pointer-framed .elementor-item:before,
					.elementor-1138 .elementor-element.elementor-element-8516006 .e--pointer-framed .elementor-item:after{border-color:#F4F7FC;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1138 .elementor-element.elementor-element-8c47d00{text-align:start;}.elementor-1138 .elementor-element.elementor-element-8c47d00 img{width:165px;}}@media(max-width:767px){.elementor-1138 .elementor-element.elementor-element-8c47d00{width:auto;max-width:auto;}.elementor-1138 .elementor-element.elementor-element-8c47d00 img{width:230px;}.elementor-1138 .elementor-element.elementor-element-8516006{width:auto;max-width:auto;margin:15px 15px calc(var(--kit-widget-spacing, 0px) + 15px) 15px;padding:15px 15px 15px 15px;}.elementor-1138 .elementor-element.elementor-element-8516006.elementor-element{--align-self:flex-end;}}/* Start custom CSS for nav-menu, class: .elementor-element-8516006 *//* =========================================================
   DEONTHI MENU
   Desktop + Tablet + Mobile
========================================================= */


/* Nút submenu do JS tạo chỉ dùng trên Tablet/Mobile */
.menu-mobile-deonthi .submenu-toggle-btn {
    display: none !important;
}


/* =========================================================
   DESKTOP
   >= 1025px
========================================================= */

@media (min-width: 1025px) {

    /* Mặc định ẩn submenu */
    .menu-mobile-deonthi
    .elementor-nav-menu--main
    .menu-item-has-children > .sub-menu {
        display: none !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        visibility: hidden !important;
        opacity: 0 !important;

        pointer-events: none !important;
    }


    /* Hover menu cha mới mở */
    .menu-mobile-deonthi
    .elementor-nav-menu--main
    .menu-item-has-children:hover > .sub-menu {
        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        pointer-events: auto !important;
    }


    /* =====================================================
       TÀI LIỆU ÔN THI
       Menu cha thứ 4
       Lớp 1-6 trái | Lớp 7-12 phải
    ===================================================== */

    .menu-mobile-deonthi
    .elementor-nav-menu--main
    .elementor-nav-menu > li:nth-child(4):hover > .sub-menu {
        display: grid !important;

        grid-template-rows: repeat(6, auto) !important;
        grid-template-columns: repeat(2, 140px) !important;
        grid-auto-flow: column !important;

        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 6px 0 !important;
    }


    .menu-mobile-deonthi
    .elementor-nav-menu--main
    .elementor-nav-menu > li:nth-child(4) > .sub-menu > li {
        width: 140px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .menu-mobile-deonthi
    .elementor-nav-menu--main
    .elementor-nav-menu > li:nth-child(4) > .sub-menu > li > a {
        display: block !important;

        width: 100% !important;

        padding: 12px 16px !important;

        box-sizing: border-box !important;
    }
}


/* =========================================================
   TABLET + MOBILE
   <= 1024px
========================================================= */

@media (max-width: 1024px) {

    /* =====================================================
       1. MENU FULL MÀN HÌNH
    ===================================================== */

    .menu-mobile-deonthi
    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        position: fixed !important;

        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: 100vh !important;
        min-height: 100vh !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 80px 24px 32px !important;

        background: #ffffff !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        border: 0 !important;
        box-shadow: none !important;

        z-index: 99999 !important;
    }


    /* =====================================================
       2. DANH SÁCH MENU CHÍNH
    ===================================================== */

    .menu-mobile-deonthi
    .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul {
        position: static !important;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .menu-mobile-deonthi
    .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li {
        position: relative !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       3. STYLE MENU CHA
    ===================================================== */

    .menu-mobile-deonthi
    .elementor-nav-menu--dropdown.elementor-nav-menu__container
    > ul > li > a {
        display: flex !important;
        align-items: center !important;

        min-height: 46px !important;

        margin: 0 !important;
        padding: 11px 0 !important;

        font-size: 16px !important;
        line-height: 1.5 !important;
        font-weight: 500 !important;

        color: #111111 !important;
        background: transparent !important;

        border: 0 !important;

        box-sizing: border-box !important;

        text-align: left !important;
    }


    /* Menu không có submenu */
    .menu-mobile-deonthi
    .elementor-nav-menu--dropdown.elementor-nav-menu__container
    > ul > li:not(.menu-item-has-children) > a {
        width: 100% !important;
    }


    /* =====================================================
       4. MENU CÓ SUBMENU
       Chữ + chevron nằm sát nhau bên trái
    ===================================================== */

    .menu-mobile-deonthi
    .menu-item-has-children {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .menu-mobile-deonthi
    .menu-item-has-children > a {
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;

        /* Không tạo khoảng thừa sau chữ */
        padding-right: 0 !important;
    }


    /* =====================================================
       5. ACTIVE
    ===================================================== */

    .menu-mobile-deonthi
    .current-menu-item > a,

    .menu-mobile-deonthi
    .current-menu-ancestor > a {
        color: #1769d2 !important;
        background: transparent !important;
    }


    /* =====================================================
       6. ẨN MŨI TÊN MẶC ĐỊNH ELEMENTOR
    ===================================================== */

    .menu-mobile-deonthi .sub-arrow {
        display: none !important;

        width: 0 !important;
        height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       7. NÚT CHEVRON RIÊNG
       Thiết kế gần giống desktop
    ===================================================== */

    .menu-mobile-deonthi
    .submenu-toggle-btn {
        position: static !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 auto !important;

        width: 14px !important;
        height: 46px !important;

        /* Khoảng cách giữa chữ và chevron */
        margin: 0 0 0 5px !important;

        padding: 0 !important;

        border: 0 !important;
        outline: 0 !important;

        background: transparent !important;
        color: #111111 !important;

        /* Ẩn ký tự ▼ / ▲ do JavaScript tạo */
        font-size: 0 !important;
        line-height: 1 !important;

        cursor: pointer !important;
    }


    /* Chevron hướng xuống */
    .menu-mobile-deonthi
    .submenu-toggle-btn::before {
        content: "" !important;

        width: 6px !important;
        height: 6px !important;

        border-right: 1.5px solid #111111 !important;
        border-bottom: 1.5px solid #111111 !important;

        transform: rotate(45deg) !important;

        transition: transform 0.2s ease !important;
    }


    /* Khi submenu mở, chevron xoay lên */
    .menu-mobile-deonthi
    .submenu-mobile-open > .submenu-toggle-btn::before {
        transform: rotate(225deg) !important;
    }


    /* =====================================================
       8. SUBMENU MẶC ĐỊNH ĐÓNG
    ===================================================== */

    .menu-mobile-deonthi
    .menu-item-has-children > .sub-menu {
        position: static !important;

        display: none !important;

        flex: 0 0 100% !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        padding: 2px 0 8px 14px !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;

        transform: none !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       9. MỞ SUBMENU
    ===================================================== */

    .menu-mobile-deonthi
    .submenu-mobile-open > .sub-menu {
        display: block !important;
    }


    /* =====================================================
       10. TÀI LIỆU ÔN THI
       Menu cha thứ 4
       Lớp 1-6 trái | Lớp 7-12 phải
    ===================================================== */

    .menu-mobile-deonthi
    .elementor-nav-menu--dropdown.elementor-nav-menu__container
    > ul > li:nth-child(4).submenu-mobile-open > .sub-menu {
        display: grid !important;

        grid-template-rows: repeat(6, auto) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: column !important;

        gap: 0 8px !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        padding: 2px 0 8px 10px !important;
    }


    /* =====================================================
       11. ITEM SUBMENU
    ===================================================== */

    .menu-mobile-deonthi
    .sub-menu > li {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       12. LINK SUBMENU
    ===================================================== */

    .menu-mobile-deonthi
    .sub-menu > li > a {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 7px 6px !important;

        font-size: 14px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;

        color: #333333 !important;
        background: transparent !important;

        border: 0 !important;

        box-sizing: border-box !important;

        text-align: left !important;
    }


    /* =====================================================
       13. NÚT X
    ===================================================== */

    .menu-mobile-deonthi
    .elementor-menu-toggle.elementor-active {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        z-index: 100001 !important;
    }
}/* End custom CSS */