.elementor-kit-44{--e-global-color-primary:#008D8D;--e-global-color-secondary:#006B6B;--e-global-color-text:#F8FAFC;--e-global-color-accent:#FFFFFF;--e-global-color-ed13263:#0F172A;--e-global-color-a41d704:#64748B;--e-global-color-94e33b3:#E2E8F0;--e-global-color-dea56a1:#020617;--e-global-color-c8d6529:#020617;--e-global-color-e5669f6:#64748B;--e-global-color-3c89ba4:#E2E8F0;--e-global-color-658be67:#FFFFFF;--e-global-color-bee0261:#F8FAFC;--e-global-typography-primary-font-family:"Be Vietnam Pro";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1rem;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Be Vietnam Pro", Sans-serif;font-size:16px;font-weight:400;line-height:1.7;}.elementor-kit-44 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-44 a:hover{color:var( --e-global-color-secondary );font-family:"Be Vietnam Pro", Sans-serif;font-size:12px;font-weight:700;line-height:1rem;}.elementor-kit-44 h1{color:var( --e-global-color-ed13263 );font-family:"Be Vietnam Pro", Sans-serif;font-size:72px;font-weight:900;line-height:1.1;letter-spacing:-0.025em;}.elementor-kit-44 h2{color:var( --e-global-color-ed13263 );font-family:"Be Vietnam Pro", Sans-serif;font-weight:900;text-transform:uppercase;line-height:1rem;}.elementor-kit-44 h3{color:var( --e-global-color-ed13263 );font-family:"Be Vietnam Pro", Sans-serif;font-size:24px;font-weight:700;line-height:1rem;}.elementor-kit-44 button,.elementor-kit-44 input[type="button"],.elementor-kit-44 input[type="submit"],.elementor-kit-44 .elementor-button{font-family:"Be Vietnam Pro", Sans-serif;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.2em;color:#FFFFFF;background-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:1.25rem 2.5rem 1.25rem 2.5rem;}.elementor-kit-44 button:hover,.elementor-kit-44 button:focus,.elementor-kit-44 input[type="button"]:hover,.elementor-kit-44 input[type="button"]:focus,.elementor-kit-44 input[type="submit"]:hover,.elementor-kit-44 input[type="submit"]:focus,.elementor-kit-44 .elementor-button:hover,.elementor-kit-44 .elementor-button:focus{color:var( --e-global-color-accent );background-color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:32px;--container-default-padding-right:48px;--container-default-padding-bottom:32px;--container-default-padding-left:48px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-44 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-44 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:24px;--container-default-padding-right:24px;--container-default-padding-bottom:24px;--container-default-padding-left:24px;}}@media(max-width:767px){.elementor-kit-44 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:16px;--container-default-padding-right:16px;--container-default-padding-bottom:16px;--container-default-padding-left:16px;}}/* Start custom CSS */.loop-carousel-wrap .elementor-swiper-button {
  display: none !important;
}


.content-typography {
    color: #475569;
    line-height: 1.625;
}

.content-typography > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.content-typography p {
    color: #334155;
    font-size: 0.875rem;
    line-height: 1.625;
}

.content-typography p strong {
    color: #0f172a;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
    -webkit-text-decoration-color: #008D8D;
    text-decoration-color: #008D8D;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.content-typography h2 {
    color: #0f172a;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.025em;
    padding-left: 1.5rem;
    border-left: 4px solid #008d8d;
}

.content-typography h3 {
    text-transform: uppercase;
    letter-spacing: -0.025em;
    color: #0f172a;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.content-typography h4 {
    color: #0f172a;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.content-typography h5 {
    color: #0f172a;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
}

.content-typography blockquote {
    color: #1e293b;
    font-weight: 500;
    font-style: italic;
    font-size: 1.125rem;
    background: #f8fafc;
    padding: 2rem;
    border-left: 4px solid #008d8d;
    line-height: 1.625;
}

.content-typography ol > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.content-typography ul > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.content-typography ul {
    list-style: none;
    padding-left: 0;
}

.content-typography ol {
    list-style: none;
    padding-left: 0;
    counter-reset: step;
}

.content-typography ul li,
.content-typography ol li {
    position: relative;
    color: #334155;
    line-height: 1.625;
    font-size: 0.875rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.content-typography ol li {
    counter-increment: step;
    align-items: center;
}

.content-typography ul li::before {
    content: "";
    margin-top: 8px;
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #008D8D;
    background-color: color-mix(
        in srgb,
        #008D8D 10%,
        transparent
    );
    transform: rotate(45deg);
    flex-shrink: 0;
}

.content-typography ol li::before {
    content: counter(step, decimal-leading-zero);
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #008D8D;
    color: #008D8D;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.content-typography ol li:hover::before {
    background-color: #008D8D;
    color: #fff;
    border-color: #008D8D;
}

.content-typography table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    text-align: left;
    border: 1px solid #0f172a;
}

/* ==============================
   HEADER
   ============================== */
.content-typography thead tr {
    background-color: #0f172a;
    color: #ffffff;
}

.content-typography th {
    padding: 1rem;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    border: 1px solid #e5e7eb;
}

/* ==============================
   BODY / FOOTER CELL
   ============================== */
.content-typography td {
    padding: 1rem;
    font-size: 0.875rem;
    line-height: normal;
    color: #475569;
    border: 1px solid #e5e7eb;
}

.content-typography td strong {
    font-weight: 700;
    color: #0f172a;
}

.content-typography tbody tr {
    background-color: transparent;
    transition: background-color 0.3s ease;
}

.content-typography tbody tr:hover {
    background-color: #f8fafc;
}

.content-typography figcaption {
    font-weight: 500;
    line-height: 1.625;
    color: #64748b;
    font-style: italic;
    font-size: 0.75rem;
    text-align: center;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
}

@media (min-width: 768px){
    .content-typography p,
    .content-typography ul li,
    .content-typography ol li {
        font-size: 0.9375rem;
    }
}




/* Menu */
/* ===============================
   RESET POINTER MẶC ĐỊNH
================================ */
.menu-desktop-main .elementor-nav-menu--main {
    --e-nav-menu-pointer: none;
}

/* ===============================
   BASE MENU CẤP 1
================================ */
.menu-desktop-main,
.menu-desktop-main nav {
    height: 100%;
}

.menu-desktop-main .elementor-nav-menu--main > .elementor-nav-menu > li {
    display: flex;
    align-items: center;
}

.menu-desktop-main .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item {
    position: relative;
    padding: 0.5rem 0;
    transition: color 0.25s ease;
}

/* ===============================
   POINTER LINE CẤP 1
================================ */
.menu-desktop-main .elementor-nav-menu--main > .elementor-nav-menu > li > a.elementor-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: var(--e-global-color-primary);
    transition: width 0.25s ease;
}

/* hover cấp 1 */
.menu-desktop-main .elementor-nav-menu--main > .elementor-nav-menu > li:hover > a.elementor-item {
    color: var(--e-global-color-primary);
}

.menu-desktop-main .elementor-nav-menu--main > .elementor-nav-menu > li:hover > a.elementor-item:after {
    width: 100%;
}

/* active cấp 1 */
.menu-desktop-main .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a.elementor-item,
.menu-desktop-main .elementor-nav-menu--main > .elementor-nav-menu > li.current_page_item > a.elementor-item {
    color: var(--e-global-color-primary);
}

.menu-desktop-main .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a.elementor-item:after,
.menu-desktop-main .elementor-nav-menu--main > .elementor-nav-menu > li.current_page_item > a.elementor-item:after {
    width: 100%;
}

/* ===============================
   DROPDOWN LEVEL 2 (LUÔN TOP 100%)
================================ */
.menu-desktop-main .elementor-nav-menu--main .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;

    width: 18rem !important;
    padding: 14px 0 !important;
    background: #ffffff;
    border: 1px solid #f1f5f9;
    box-shadow: 0 25px 60px rgba(0,0,0,0.12);

    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);     
    transition:
        opacity 0.25s cubic-bezier(0.4,0,0.2,1),
        transform 0.25s cubic-bezier(0.4,0,0.2,1),
        visibility 0s linear 0.25s;
    z-index: 999;
}

/* hover hiện level 2 */
.menu-desktop-main .elementor-nav-menu--main li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translateY(0);  

    transition:
        opacity 0.25s cubic-bezier(0.4,0,0.2,1),
        transform 0.25s cubic-bezier(0.4,0,0.2,1),
        visibility 0s;
}

/* ===============================
   ITEM LEVEL 2 (KHÔNG ĐỔI KÍCH THƯỚC)
================================ */
.menu-desktop-main .elementor-nav-menu--main .sub-menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0.75rem 1.5rem !important;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #475569;
    background: transparent;

    border-left: 4px solid transparent;
    transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

/* hover level 2 – CHỈ ĐỔI MÀU + BORDER */
.menu-desktop-main .elementor-nav-menu--main .sub-menu li:hover > a {
    color: var(--e-global-color-primary);
    background: rgb(248 250 252);
    border-left-color: var(--e-global-color-primary);
}

/* active level 2 */
.menu-desktop-main .elementor-nav-menu--main .sub-menu li.current-menu-item > a,
.menu-desktop-main .elementor-nav-menu--main .sub-menu li.current_page_item > a {
    color: var(--e-global-color-primary);
    border-left-color: var(--e-global-color-primary);
}

/* ===============================
   DROPDOWN LEVEL 3 – FLY OUT (TOP 100% + GIỐNG LEVEL 2)
================================ */
.menu-desktop-main .elementor-nav-menu--main .sub-menu .sub-menu {
    top: 100%;
    left: 100%;

    width: 18rem;
    background: #ffffff;
    
    padding: 14px 0 !important;

    opacity: 0;
    visibility: hidden;
    transform: translateX(16px);

    transition:
        opacity 0.25s cubic-bezier(0.4,0,0.2,1),
        transform 0.25s cubic-bezier(0.4,0,0.2,1),
        visibility 0s linear 0.25s;
}

/* hover hiện level 3 */
.menu-desktop-main .elementor-nav-menu--main .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translateX(0);   

    transition:
        opacity 0.25s cubic-bezier(0.4,0,0.2,1),
        transform 0.25s cubic-bezier(0.4,0,0.2,1),
        visibility 0s;
}

/* ===============================
   ITEM LEVEL 3 (GIỐNG HỆT LEVEL 2)
================================ */
.menu-desktop-main .elementor-nav-menu--main .sub-menu .sub-menu li a {
    padding: 0.75rem 1.5rem;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #64748b;
    background: transparent;

    border-left: 4px solid transparent;
    transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

/* hover level 3 */
.menu-desktop-main .elementor-nav-menu--main .sub-menu .sub-menu li:hover > a {
    color: var(--e-global-color-primary);
    background: #f8fafc;
    border-left-color: var(--e-global-color-primary);
}

/* active level 3 */
.menu-desktop-main .elementor-nav-menu--main .sub-menu .sub-menu li.current-menu-item > a,
.menu-desktop-main .elementor-nav-menu--main .sub-menu .sub-menu li.current_page_item > a {
    color: var(--e-global-color-primary);
    border-left-color: var(--e-global-color-primary);
}


.menu-desktop-main .elementor-nav-menu--main li.menu-item-has-children:hover > a:after {
    color: var(--e-global-color-primary);
}

/* ===============================
   FIX OVERFLOW HEADER
================================ */
.elementor-element.elementor-sticky {
    overflow: visible !important;
}/* End custom CSS */