.elementor-32 .elementor-element.elementor-element-e241a2d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a834584 */.ab-close-btn{
      display: flex;
  align-items: center;
  justify-content: center;
padding-top: 0 ;
}
.ab-menu-button{
     display: flex;
  align-items: center;
  justify-content: center;
}

/*Header*/
.ab-brand img {
    display: block;
    width: clamp(120px, 12vw, 190px);
    height: auto;
    max-height: 52px;
    object-fit: contain;
}

.ab-mega-column{
    margin-top: 40px !important;
}

/* HEADER */

.ab-header{
    padding-top: 10px !important;
    padding-bottom: 75px !important;
}

/* Border bao quanh header */
.ab-header-inner{
    padding: 10px 15px !important;
    min-height: 62px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
}
/* DARK */
html[data-ab-theme="dark"] .ab-header-inner{
    border: 1px solid #b3b3b30f !important;
    border-radius: 999px !important;
    background: #ebebeb10  !important;
}

/* LIGHT */
html[data-ab-theme="light"] .ab-header-inner{
    border: 1px solid #ffffff4d !important;
    border-radius: 999px !important;
    background: #ffffff1a !important;
}

/* MENU */
.ab-main-nav{
    width: fit-content !important;
    max-width: 820px !important; /* chỉnh theo ý */
    margin: 0 auto !important;
    padding: 5px;
}   

/* ================= DARK MODE ================= */

html[data-ab-theme="dark"] body header.ab-header .ab-header-inner nav.ab-main-nav{
    background: #ebebeb1e !important;
    border: 1px solid #b3b3b30f !important;
    border-radius: 999px !important;
}

/* ================= LIGHT MODE ================= */

html[data-ab-theme="light"] body header.ab-header .ab-header-inner nav.ab-main-nav{
    background: #ffffff1d !important;
    border: 1px solid #ffffff4d !important;
    border-radius: 999px !important;
}

/*Mobile*/
@media (max-width: 1024px){

    .ab-header-inner{
        display: flex !important;
        align-items: center !important;
    }

    .ab-brand{
        flex: 0 0 auto !important;
    }

    .ab-menu-button{
        margin-left: auto !important;
        margin-right: 0 !important;
        flex-shrink: 0 !important;
    }

}

/* ===========================
   Mega Feature - Light Mode
   =========================== */

html[data-ab-theme="light"] .ab-mega-shelf .ab-mega-feature{
    background:
        radial-gradient(circle at 82% 18%, rgba(55,117,214,.16), transparent 34%),
        radial-gradient(circle at 12% 88%, rgba(53,229,255,.14), transparent 36%),
        linear-gradient(135deg,#ffffff,#e7f0fb) !important;

    border:1px solid rgba(7,16,30,.12) !important;
    box-shadow:0 18px 54px rgba(7,16,30,.12) !important;
    color:#07111f !important;
}

html[data-ab-theme="light"] .ab-mega-shelf .ab-mega-feature :is(h1,h2,h3,h4,h5,h6,b,strong){
    color:#07111f !important;
}

html[data-ab-theme="light"] .ab-mega-shelf .ab-mega-feature p{
    color:#4b5d73 !important;
}

html[data-ab-theme="light"] .ab-mega-shelf .ab-mega-feature::after{
    border-color:rgba(55,117,214,.18) !important;
    background:repeating-conic-gradient(
        from 0deg,
        rgba(55,117,214,.12) 0 8deg,
        transparent 8deg 20deg
    ) !important;
    opacity:.45 !important;
}

html[data-ab-theme="light"] .ab-mega-shelf .ab-mega-feature .ab-mega-mini-actions a{
    color:#1d55ad !important;
    background:rgba(55,117,214,.08) !important;
    border:1px solid rgba(55,117,214,.18) !important;
}

html[data-ab-theme="light"] .ab-mega-shelf .ab-mega-feature .ab-mega-mini-actions a:hover{
    color:#fff !important;
    background:linear-gradient(135deg,#3775d6,#1c56b7) !important;
    border-color:transparent !important;
}/* End custom CSS */