.elementor-15 .elementor-element.elementor-element-d93458e > .elementor-container{max-width:2000px;}.elementor-15 .elementor-element.elementor-element-d93458e:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-d93458e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-d93458e{box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.05);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:1000;}.elementor-15 .elementor-element.elementor-element-d93458e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15 .elementor-element.elementor-element-3e34f4e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-7caa23f > .elementor-element-populated{padding:05px 05px 05px 05px;}.elementor-bc-flex-widget .elementor-15 .elementor-element.elementor-element-780df04.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-15 .elementor-element.elementor-element-780df04.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-f1f7449 );}.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu .elementor-item{font-family:"Dosis", Sans-serif;font-size:18px;font-weight:700;line-height:1.5em;}.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-top:5px;padding-bottom:5px;}.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-f1f7449 );fill:var( --e-global-color-f1f7449 );}.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-f1f7449 );}.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--dropdown a:hover,
					.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-menu-toggle:hover{color:#000000;}.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--dropdown a:hover,
					.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFF6D2;}.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFCA01;background-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-e5ab935 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-e5ab935 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-e5ab935 div.elementor-menu-toggle:hover{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-e5ab935 div.elementor-menu-toggle:hover svg{fill:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-menu-toggle:hover{background-color:#FFCA01;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-7caa23f{width:10%;}.elementor-15 .elementor-element.elementor-element-780df04{width:90%;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-d93458e, .elementor-15 .elementor-element.elementor-element-d93458e > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-d93458e{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-3e34f4e{width:100%;}.elementor-bc-flex-widget .elementor-15 .elementor-element.elementor-element-3e34f4e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-15 .elementor-element.elementor-element-3e34f4e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-15 .elementor-element.elementor-element-7caa23f{width:22%;}.elementor-15 .elementor-element.elementor-element-7caa23f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 10px;}.elementor-15 .elementor-element.elementor-element-ee3e9a5 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-15 .elementor-element.elementor-element-780df04{width:78%;}.elementor-15 .elementor-element.elementor-element-e5ab935 .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-15 .elementor-element.elementor-element-e5ab935{--nav-menu-icon-size:19px;}}/* Start custom CSS for html, class: .elementor-element-efc0e9e *//* Trạng thái ẩn Header */
.header-roxy.header-hidden {
    transform: translateY(-500%); /* Đẩy header lên phía trên màn hình */
    transition: transform 0.55s ease-in-out !important;
}

/* Đảm bảo trạng thái hiện tại có transition để mượt mà */
.header-roxy {
    transition: transform 0.55s ease-in-out !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ee3e9a5 *//* Khi trang ở trên cùng */
.header-roxy .elementor-widget-image img {
    width: 250px !important;
    transition: all 0.55s ease-in-out !important;
        margin-bottom: -15px;
}

/* Khi người dùng bắt đầu cuộn trang, bất kể class nào của Elementor */
/* Mẹo này dùng class 'elementor-sticky--active' thường ổn định hơn */
.header-roxy.elementor-sticky--effects .elementor-widget-image img {
    width: 90px !important;
    margin-bottom: -30px;
}

/* Thu nhỏ ảnh BEFORE */
.header-roxy.elementor-sticky--effects::before {
    top: -8px;
}
@media only screen and (max-width:768px){
   .header-roxy.elementor-sticky--effects .elementor-widget-image img {
    width: 50px !important;
} 
.header-roxy.elementor-sticky--effects::before {
            top: 33px;
        width: 32%;
        left: -25px;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d93458e *//* Thiết lập lớp giả chứa ảnh */
.header-roxy::before {
    content: ""; /* Giữ content trống để tùy biến được kích thước */
    display: block;
    position: absolute;
   top: 35px;
    left: 0;
    width: 400px;
    height: 200px;
    
    /* Chèn link ảnh của bạn vào đây */
    background-image: url('https://roxy.edu.vn/wp-content/uploads/bg-header-v6.png');
    background-repeat: no-repeat;
    background-size: 100%; /* Hoặc 'cover' nếu bạn muốn ảnh lấp đầy toàn bộ header */
    background-position:top left;
    
    z-index: -1; /* Nằm dưới text menu nhưng trên nền website */
    pointer-events: none; /* Để không bị vướng khi rê chuột vào menu */
}
@media only screen and (max-width:768px){
    .header-roxy::before {
   top: 38px;
        width: 32%;
        left: -25px;
    }
}/* End custom CSS */