.elementor-5167 .elementor-element.elementor-element-e7659f4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-5167 .elementor-element.elementor-element-7278a84{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#DDE9E7;--border-color:#DDE9E7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-5167 .elementor-element.elementor-element-7278a84:not(.elementor-motion-effects-element-type-background), .elementor-5167 .elementor-element.elementor-element-7278a84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEEF1;}.elementor-5167 .elementor-element.elementor-element-7278a84:hover{background-color:#EBEEF1;}.elementor-5167 .elementor-element.elementor-element-676be77 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-5167 .elementor-element.elementor-element-676be77{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5167 .elementor-element.elementor-element-f2b01ad{--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:flex-start;--align-items:center;--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-5167 .elementor-element.elementor-element-f2b01ad.e-con{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-5167 .elementor-element.elementor-element-e8956ad{--display:flex;--min-height:75vh;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5167 .elementor-element.elementor-element-e8956ad.e-con{--align-self:flex-end;}.elementor-5167 .elementor-element.elementor-element-4701ada > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-5167 .elementor-element.elementor-element-4701ada{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5167 .elementor-element.elementor-element-7278a84{--width:220px;}.elementor-5167 .elementor-element.elementor-element-e8956ad{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5167 .elementor-element.elementor-element-e8956ad{--width:100%;}}@media(max-width:767px){.elementor-5167 .elementor-element.elementor-element-f2b01ad{--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-5167 .elementor-element.elementor-element-e8956ad{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-e7659f4 *//* =========================================================
   VTT ABOUT TABS - CLEAN FULL VERSION
   Parent classes:
   vtt-about-shell vtt-about-tabs vtt-about-tabs-wrap
========================================================= */

.elementor-5167 .elementor-element.elementor-element-e7659f4 {
    --vtt-primary: #00897B;
    --vtt-text: #12323A;
    --vtt-border: #DDE9E7;
    --vtt-soft-bg: #F3FAF8;
    --vtt-active-bg: #EEF8F5;

    /* Nếu sticky header cao/thấp khác, chỉ cần chỉnh các dòng dưới */
    --vtt-header-height-desktop: 88px;
    --vtt-header-height-mobile: 80px;

    --vtt-sidebar-width: 260px;
    --vtt-sidebar-collapsed-width: 58px;

    /* Vị trí nút About trên mobile/tablet */
    --vtt-mobile-toggle-top-gap: 6px;
    --vtt-mobile-toggle-left: 14px;

    /* Chừa khoảng trên cho content mobile để không bị header/nút About che */
    --vtt-mobile-content-top-space: 48px;

    position: relative;
    box-sizing: border-box;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4,
.elementor-5167 .elementor-element.elementor-element-e7659f4 * {
    box-sizing: border-box;
}


/* =========================================================
   GLOBAL RESET FOR SIDEBAR / JET / ELEMENTOR
========================================================= */

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-sidebar,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-sidebar .elementor-widget-container,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav .jet-listing-grid,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav .jet-listing-grid__items,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav .jet-listing-grid__item,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item .e-con,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item .elementor-element,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item .elementor-widget,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item .elementor-widget-container {
    background: transparent !important;
    box-shadow: none !important;
}


/* =========================================================
   DESKTOP LAYOUT
========================================================= */

@media (min-width: 1025px) {

    .elementor-5167 .elementor-element.elementor-element-e7659f4 {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-sidebar {
        position: relative;
        flex: 0 0 var(--vtt-sidebar-width);
        width: var(--vtt-sidebar-width);
        max-width: var(--vtt-sidebar-width);
        min-width: var(--vtt-sidebar-width);

        display: flex;
        flex-direction: column;

        border-right: 1px solid var(--vtt-border);
        padding: 0 0 10px 0;
        background: transparent !important;

        /*
           Không dùng overflow hidden ở desktop để tooltip khi collapse
           không bị cắt.
        */
        overflow: visible;

        transition:
            flex-basis 0.25s ease,
            width 0.25s ease,
            max-width 0.25s ease,
            min-width 0.25s ease;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-content {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        align-self: flex-start;
        padding-left: 28px;
        transition: padding-left 0.25s ease;
    }

    /* Khi desktop collapse */
    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-sidebar {
        flex-basis: var(--vtt-sidebar-collapsed-width);
        width: var(--vtt-sidebar-collapsed-width);
        max-width: var(--vtt-sidebar-collapsed-width);
        min-width: var(--vtt-sidebar-collapsed-width);
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-content {
        padding-left: 22px;
    }

    /*
       Căn lại toàn bộ list khi collapse để nền icon không bị lệch.
    */
    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-nav .jet-listing-grid__items {
        align-items: center !important;
        gap: 6px;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-nav .jet-listing-grid__item {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-nav-label,
    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-nav-label *,
    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-desktop-collapse-text {
        opacity: 0;
        visibility: hidden;
        width: 0;
        max-width: 0;
        min-width: 0;
        flex: 0 0 0;
        overflow: hidden;
        white-space: nowrap;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-nav-item {
        width: 42px;
        max-width: 42px;
        min-width: 42px;
        height: 42px;
        min-height: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        gap: 0;
        padding: 0;
        margin: 0 auto;

        border-radius: 12px;

        overflow: visible;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-nav-item::before {
        display: none;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-nav-item svg {
        width: 15px;
        height: 15px;
        flex: 0 0 15px;
    }

    /*
       Tooltip riêng khi sidebar desktop bị collapse.
       JS phía dưới sẽ tự gán data-vtt-title cho từng item.
    */
    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-nav-item::after {
        content: attr(data-vtt-title);
        position: absolute;
        left: calc(100% + 10px);
        top: 50%;

        transform: translateY(-50%) translateX(-4px);

        max-width: 240px;
        padding: 7px 10px;

        border-radius: 8px;

        background: #12323A;
        color: #FFFFFF !important;

        font-size: 12px;
        font-weight: 600;
        line-height: 1.25;
        white-space: nowrap;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        box-shadow: 0 10px 24px rgba(18, 50, 58, 0.18);

        z-index: 999999;

        transition:
            opacity 0.18s ease,
            visibility 0.18s ease,
            transform 0.18s ease;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-nav-item:hover::after {
        opacity: 1;
        visibility: visible;
        transform: translateY(-50%) translateX(0);
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-desktop-collapse {
        width: 42px;
        max-width: 42px;
        min-width: 42px;
        height: 42px;
        min-height: 42px;

        justify-content: center;
        gap: 0;

        padding: 0;
        margin-left: auto;
        margin-right: auto;

        border-radius: 12px;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-desktop-collapsed .vtt-about-desktop-collapse-icon {
        transform: rotate(180deg);
    }
}


/* =========================================================
   SIDEBAR NAV LIST
========================================================= */

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav {
    width: 100%;
    min-width: 0;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav .jet-listing-grid,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav .jet-listing-grid__items {
    width: 100%;
    max-width: 100%;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav .jet-listing-grid__items {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav .jet-listing-grid__item {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   NAV ITEM STYLE
========================================================= */

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item {
    position: relative;

    display: flex;
    align-items: center;
    gap: 8px;

    width: calc(100% - 8px);
    max-width: calc(100% - 8px);
    min-height: 38px;

    margin: 0 8px 0 0;
    padding: 8px 12px;

    border-radius: 0 10px 10px 0;

    color: var(--vtt-text);
    background: transparent !important;

    cursor: pointer;
    line-height: 1.25;
    overflow: hidden;

    transition:
        background-color 0.22s ease,
        color 0.22s ease,
        box-shadow 0.22s ease,
        width 0.25s ease,
        max-width 0.25s ease,
        padding 0.25s ease,
        border-radius 0.25s ease;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item * {
    color: var(--vtt-text) !important;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-label,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-label * {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-label {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        width 0.2s ease,
        max-width 0.2s ease;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-icon,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-icon * {
    line-height: 1;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item svg,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item svg path {
    fill: currentColor !important;
    color: currentColor !important;
}

/* Vạch active bên trái */
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 999px;
    background: transparent;
    transition: background-color 0.22s ease;
}

/* Hover */
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item:hover {
    background: var(--vtt-soft-bg) !important;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item:hover,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item:hover * {
    color: var(--vtt-primary) !important;
}

/* Active */
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item.is-active {
    background: var(--vtt-active-bg) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 137, 123, 0.08);
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item.is-active::before {
    background: var(--vtt-primary);
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item.is-active,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item.is-active * {
    color: var(--vtt-primary) !important;
}


/* =========================================================
   DESKTOP COLLAPSE BUTTON - ALWAYS AT BOTTOM
========================================================= */

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-desktop-collapse {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    width: calc(100% - 16px);
    min-height: 36px;

    margin: auto 8px 0 8px;
    padding: 8px 11px;

    border: 1px solid transparent;
    border-radius: 10px;

    background: #FFFFFF;
    color: var(--vtt-text);

    font-size: 13px;
    font-weight: 600;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-desktop-collapse:hover {
    background: var(--vtt-soft-bg);
    color: var(--vtt-primary);
    border-color: #BFE3DD;
    box-shadow: 0 10px 26px rgba(0, 137, 123, 0.10);
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-desktop-collapse-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 16px;
    height: 16px;
    flex: 0 0 16px;

    transition: transform 0.25s ease;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-desktop-collapse-text {
    white-space: nowrap;
    overflow: hidden;
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        width 0.2s ease,
        max-width 0.2s ease;
}


/* =========================================================
   CONTENT / PANEL FIX
========================================================= */

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-content {
    min-width: 0;
    align-self: flex-start;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-content .jet-listing-grid,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-content .jet-listing-grid__items {
    display: block !important;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    align-items: flex-start !important;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-content .jet-listing-grid__item {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-content .jet-listing-grid__item:has(.vtt-about-panel.is-active) {
    display: block !important;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel {
    display: none !important;
    width: 100%;
    margin: 0 !important;
    padding-top: 0 !important;
    scroll-margin-top: calc(var(--vtt-header-height-desktop) + 24px);
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel.is-active {
    display: block !important;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel > *:first-child,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel .elementor-widget:first-child,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel .elementor-widget-container:first-child {
    margin-top: 0 !important;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel h1,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel h2,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel h3,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel h4,
.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel p {
    margin-top: 0;
}


/* =========================================================
   MOBILE TOGGLE BUTTON - HIDDEN ON DESKTOP
========================================================= */

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-mobile-toggle {
    display: none;
}

.elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-backdrop {
    display: none;
}


/* =========================================================
   TABLET + MOBILE OFF-CANVAS
========================================================= */

@media (max-width: 1024px) {

    .elementor-5167 .elementor-element.elementor-element-e7659f4 {
        display: block;
        width: 100%;
    }

    /* Ẩn nút collapse desktop trên tablet/mobile */
    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-desktop-collapse {
        display: none !important;
    }

    /*
       Nút About dùng fixed thay vì sticky:
       - không trôi khi scroll
       - luôn nổi cao hơn header
       - vị trí ổn định ở cạnh trái
    */
    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-mobile-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 7px;

        position: fixed !important;
        top: calc(var(--vtt-header-height-mobile) + var(--vtt-mobile-toggle-top-gap));
        left: var(--vtt-mobile-toggle-left);

        z-index: 2147483000;

        width: auto;
        max-width: max-content;

        margin: 0;
        padding: 8px 12px;

        border: 1px solid var(--vtt-border);
        border-radius: 999px;

        background: rgba(255, 255, 255, 0.97);
        color: var(--vtt-text);

        font-size: 13px;
        font-weight: 700;
        line-height: 1;

        cursor: pointer;

        box-shadow: 0 10px 26px rgba(18, 50, 58, 0.16);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);

        transition:
            background-color 0.22s ease,
            color 0.22s ease,
            border-color 0.22s ease,
            box-shadow 0.22s ease,
            transform 0.22s ease;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-mobile-toggle:hover,
    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-sidebar-open .vtt-about-mobile-toggle {
        background: var(--vtt-soft-bg);
        color: var(--vtt-primary);
        border-color: #BFE3DD;
        box-shadow: 0 12px 30px rgba(0, 137, 123, 0.16);
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-sidebar-open .vtt-about-mobile-toggle {
        transform: translateX(4px);
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-toggle-bars {
        display: inline-flex;
        flex-direction: column;
        gap: 3px;
        width: 14px;
        flex: 0 0 14px;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-toggle-bars span {
        display: block;
        width: 100%;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-toggle-label {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
    }

    /*
       Sidebar xổ ra ngay dưới header.
       Nếu header thực tế cao hơn/thấp hơn, chỉnh --vtt-header-height-mobile.
    */
    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-sidebar {
        position: fixed !important;

        top: var(--vtt-header-height-mobile);
        left: 0;
        bottom: 0;

        z-index: 2147482998;

        width: 70vw !important;
        max-width: 360px !important;
        min-width: 250px;
        height: calc(100dvh - var(--vtt-header-height-mobile));

        display: flex;
        flex-direction: column;

        padding: 18px 10px 22px 0;

        border-right: 1px solid var(--vtt-border);
        border-bottom: none;

        background: #FFFFFF !important;
        box-shadow: 18px 0 45px rgba(18, 50, 58, 0.16);

        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;

        transform: translateX(-105%);
        transition: transform 0.28s ease;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-sidebar-open .vtt-about-sidebar {
        transform: translateX(0);
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-backdrop {
        display: block;
        position: fixed;

        top: var(--vtt-header-height-mobile);
        right: 0;
        bottom: 0;
        left: 0;

        z-index: 2147482997;

        background: rgba(12, 30, 35, 0.38);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition:
            opacity 0.25s ease,
            visibility 0.25s ease;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4.is-sidebar-open .vtt-about-backdrop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    /*
       Chừa khoảng trên cho content để heading không bị header/nút About che.
       Nếu thấy khoảng cách hơi rộng, giảm --vtt-mobile-content-top-space ở phần .elementor-5167 .elementor-element.elementor-element-e7659f4.
    */
    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        padding-left: 0 !important;
        padding-top: var(--vtt-mobile-content-top-space) !important;
        flex: 1 1 100% !important;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel {
        scroll-margin-top: calc(var(--vtt-header-height-mobile) + 24px);
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel h1,
    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel h2,
    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel h3,
    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-panel h4 {
        scroll-margin-top: calc(var(--vtt-header-height-mobile) + 24px);
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav .jet-listing-grid__items {
        gap: 4px;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item {
        width: calc(100% - 8px);
        max-width: calc(100% - 8px);
        margin-right: 8px;

        min-height: 39px;
        padding: 9px 12px;

        border-radius: 0 10px 10px 0;

        font-size: 14px;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-label,
    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-label * {
        font-size: 14px;
    }
}


/* =========================================================
   MOBILE SMALL
========================================================= */

@media (max-width: 767px) {

    .elementor-5167 .elementor-element.elementor-element-e7659f4 {
        --vtt-header-height-mobile: 78px;
        --vtt-mobile-toggle-top-gap: 5px;
        --vtt-mobile-toggle-left: 12px;
        --vtt-mobile-content-top-space: 46px;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-mobile-toggle {
        top: calc(var(--vtt-header-height-mobile) + var(--vtt-mobile-toggle-top-gap));
        left: var(--vtt-mobile-toggle-left);
        padding: 8px 11px;
        font-size: 13px;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-sidebar {
        width: 70vw !important;
        max-width: 320px !important;
        min-width: 240px;

        top: var(--vtt-header-height-mobile);
        height: calc(100dvh - var(--vtt-header-height-mobile));

        padding-top: 18px;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-backdrop {
        top: var(--vtt-header-height-mobile);
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-item {
        gap: 8px;
        padding: 9px 11px;
        border-radius: 0 9px 9px 0;
        font-size: 14px;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-label,
    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-nav-label * {
        font-size: 14px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-about-sidebar {
        width: 74vw !important;
        min-width: 230px;
    }

    .elementor-5167 .elementor-element.elementor-element-e7659f4 .vtt-toggle-label {
        font-size: 13px;
    }
}/* End custom CSS */