.elementor-209 .elementor-element.elementor-element-90df059{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-209 .elementor-element.elementor-element-90df059:not(.elementor-motion-effects-element-type-background), .elementor-209 .elementor-element.elementor-element-90df059 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-209 .elementor-element.elementor-element-967ca0a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-209 .elementor-element.elementor-element-967ca0a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-209 .elementor-element.elementor-element-133b53f img{width:80px;}.elementor-209 .elementor-element.elementor-element-6e9cdbc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-209 .elementor-element.elementor-element-6e9cdbc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-209 .elementor-element.elementor-element-34f5126{width:var( --container-widget-width, 150.545% );max-width:150.545%;--container-widget-width:150.545%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 50px / 2 );}.elementor-209 .elementor-element.elementor-element-34f5126.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-209 .elementor-element.elementor-element-34f5126 .elementor-menu-toggle{margin:0 auto;}.elementor-209 .elementor-element.elementor-element-34f5126 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-209 .elementor-element.elementor-element-34f5126 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:30px;padding-right:30px;}.elementor-209 .elementor-element.elementor-element-34f5126 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:50px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-209 .elementor-element.elementor-element-90df059{--width:100%;}.elementor-209 .elementor-element.elementor-element-967ca0a{--width:15%;}.elementor-209 .elementor-element.elementor-element-6e9cdbc{--width:70%;}}/* Start custom CSS for container, class: .elementor-element-6e9cdbc *//* 1. Làm nổi bật chữ 'Lịch trình riêng' lúc bình thường */
.menu-noi-bat a {
    color: #00d4ff !important; /* Màu xanh ngọc */
    font-weight: 700 !important; /* Chữ đậm */
}

/* 2. Hiệu ứng KHI DI CHUỘT vào ô đó */
.menu-noi-bat:hover {
    background-color: rgba(0, 0, 0, 0.05) !important; /* Nền xám mờ hiện ra */
    border-radius: 8px; /* Bo góc cho mềm */
}

/* 3. Hiệu ứng CHỮ BAY LÊN khi di chuột */
.menu-noi-bat:hover a {
    transform: translateY(-4px) !important; /* Chữ bay lên 4px */
    display: inline-block !important; /* Bắt buộc có dòng này chữ mới bay được */
    color: #0056b3 !important; /* Đổi màu chữ đậm hơn khi bay */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90df059 *//* ==================================================
   PHẦN 1: CẤU HÌNH CHUNG (HÌNH DÁNG & HIỆU ỨNG)
   ================================================== */

/* 1. TẮT TUYỆT ĐỐI cái gạch chân/gạch màu xanh (Pointer) */
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item:before,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item:after,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item.elementor-item-active:before,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item.elementor-item-active:after,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item.highlighted:before,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item.highlighted:after {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
}

/* 2. Cấu hình hình dáng nút bấm */
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item {
    transition: all 0.3s ease !important;
    border-radius: 8px !important; /* Bo góc mềm mại */
    /* Lưu ý: Bạn hãy dùng thanh "Horizontal Padding" và "Space Between" 
       trong Tab Kiểu (Style) để chỉnh độ to và khoảng cách nhé */
}

/* 3. KHÓA MÀU CHỮ: Luôn là màu Đen/Xám Đậm */
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item:hover,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item.elementor-item-active,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item.highlighted,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item:focus {
    color: #333333 !important; 
    fill: #333333 !important;
}

/* 4. HIỆU ỨNG KHI DI CHUỘT: Nền xám + Bay lên */
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item:hover,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item.elementor-item-active,
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item.highlighted {
    background-color: rgba(0, 0, 0, 0.05) !important; /* Nền xám mờ */
}

/* Chỉ bay lên khi di chuột trực tiếp */
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-item:hover {
    transform: translateY(-3px) !important;
}

/* ==================================================
   PHẦN 2: "LỊCH TRÌNH RIÊNG" (MÀU GRADIENT)
   ================================================== */
.elementor-209 .elementor-element.elementor-element-90df059 .menu-item.menu-noi-bat a.elementor-item {
    background: linear-gradient(to left,#5558ff,#5558ff,#00c0ff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important; /* Chữ siêu đậm */
    color: transparent !important; /* Ghi đè màu đen */
}
/* Di chuột vào Lịch trình thì nền đậm hơn chút */
.elementor-209 .elementor-element.elementor-element-90df059 .menu-item.menu-noi-bat a.elementor-item:hover {
     background-color: rgba(0, 0, 0, 0.08) !important;
}

/* ==================================================
   PHẦN 3: MENU CON (DROPDOWN) - BẢN TO RÕ ĐẸP
   ================================================== */

/* 1. KHUNG MENU XỔ XUỐNG (To và Rộng hơn) */
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-nav-menu > li:last-child ul.sub-menu {
    border-radius: 12px !important;
    padding: 10px 0 !important; /* Khoảng cách trên dưới */
    box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important; /* Bóng đổ nổi bật */
    border: none !important;
    margin-top: 15px !important;
    
    /* --- Cân bằng kích thước --- */
    min-width: 220px !important; /* Kéo khung rộng ra 220px cho thoáng */
}

/* 2. CHỮ TRONG MENU CON (To bằng menu chính) */
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-nav-menu > li:last-child ul.sub-menu li a {
    /* --- Cỡ chữ TO HƠN --- */
    font-size: 16px !important; /* Bằng size chữ menu chính */
    font-weight: 500 !important;
    color: #444 !important; /* Màu chữ đậm rõ nét */
    
    padding: 12px 25px !important; /* Khoảng cách đệm rộng rãi dễ bấm */
    transition: all 0.2s ease !important;
}

/* 3. HIỆU ỨNG KHI DI CHUỘT (Hover) */
.elementor-209 .elementor-element.elementor-element-90df059 .elementor-nav-menu > li:last-child ul.sub-menu li a:hover {
    background-color: #eff6ff !important; /* Nền xanh nhạt */
    color: #1d4ed8 !important; /* Chữ xanh đậm */
    padding-left: 30px !important; /* Hiệu ứng đẩy chữ sang phải */
    border-radius: 0 !important; /* Menu con thẳng hàng không cần bo góc từng dòng */
}/* End custom CSS */