#aura-contact-panel{
    --aura-contact-top:100px;
    --aura-contact-right:32px;
    --aura-contact-width:400px;

    position:fixed;
    top:var(--aura-contact-top);
    right:var(--aura-contact-right);
    width:var(--aura-contact-width);
    max-width:calc(100vw - 40px);
    max-height:calc(100dvh - var(--aura-contact-top) - 24px);
    overflow-y:auto;
    box-sizing:border-box;
    z-index:100;
    padding:0;
    background:transparent;
    color:#101114;
    font-family:inherit;
    font-size:15px;
    font-weight:400;
    line-height:1.65;
    text-align:left;
}

body.admin-bar #aura-contact-panel{
    top:calc(var(--aura-contact-top) + 32px);
    max-height:calc(100dvh - var(--aura-contact-top) - 56px);
}

#aura-contact-panel p{
    margin:0 0 20px;
    padding:0;
    color:inherit;
    font:inherit;
}

#aura-contact-panel a{
    color:inherit;
    text-decoration:none;
    overflow-wrap:anywhere;
    transition:color .2s ease,border-color .2s ease,background-color .2s ease;
}

#aura-contact-panel a:hover{
    color:#023184;
}

#aura-contact-panel a:focus-visible{
    outline:2px solid #023184;
    outline-offset:4px;
}


#aura-contact-panel .aura-contact-panel__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px 20px;
}

#aura-contact-panel .social-icons{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin:0;
    padding:0;
}

#aura-contact-panel .social-icons a.icon.aura-social-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #bcbcbc!important;
    border-radius:50%!important;
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    color:#a8a8a8!important;
    box-shadow:none!important;
    text-shadow:none!important;
    font-size:17px!important;
    line-height:1!important;
    transform:none!important;
    opacity:1!important;
}


#aura-contact-panel .social-icons a.icon.aura-social-link::before,
#aura-contact-panel .social-icons a.icon.aura-social-link::after{
    background:none!important;
    background-image:none!important;
    box-shadow:none!important;
}

#aura-contact-panel .social-icons a.icon.aura-social-link i,
#aura-contact-panel .social-icons a.icon.aura-social-link .aura-social-svg{
    color:currentColor!important;
    fill:currentColor;
}


#aura-contact-panel .social-icons a.icon i{
    margin:0;
    font-size:inherit;
    line-height:1;
}


#aura-contact-panel .social-icons a.icon .aura-social-svg{
    display:block;
    width:16px;
    height:16px;
    flex:0 0 16px;
    overflow:visible;
    color:currentColor;
}

#aura-contact-panel .social-icons a.icon.aura-social-youtube .aura-social-svg{
    width:17px;
    height:17px;
    flex-basis:17px;
}

#aura-contact-panel .social-icons a.icon.aura-social-tiktok .aura-social-svg{
    width:16px;
    height:16px;
}

#aura-contact-panel .social-icons a.icon.aura-social-link:hover,
#aura-contact-panel .social-icons a.icon.aura-social-link:focus-visible{
    border-color:#023184!important;
    background:#023184!important;
    background-color:#023184!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:none!important;
    transform:none!important;
}

#aura-contact-panel .social-icons a.icon.aura-social-link:hover .aura-social-svg,
#aura-contact-panel .social-icons a.icon.aura-social-link:focus-visible .aura-social-svg,
#aura-contact-panel .social-icons a.icon.aura-social-link:hover i,
#aura-contact-panel .social-icons a.icon.aura-social-link:focus-visible i{
    color:#fff!important;
}


#aura-contact-panel .aura-contact-panel__link{
    display:inline-block;
    margin:0;
    padding:4px 0;
    font-size:14px;
    line-height:1.5;
}

#aura-contact-panel .aura-contact-panel__link:hover{
    text-decoration:underline;
    text-underline-offset:4px;
}


@media (min-width:850px) and (max-width:1199px){
    #aura-contact-panel{
        --aura-contact-right:20px;
        --aura-contact-width:300px;
        font-size:13px;
    }

    #aura-contact-panel p{
        margin-bottom:16px;
    }

    #aura-contact-panel .aura-contact-panel__footer{
        gap:10px;
    }

    #aura-contact-panel .aura-contact-panel__link{
        font-size:13px;
    }
}


@media (max-width:849px){
    #aura-contact-panel,
    body.admin-bar #aura-contact-panel{
        position:relative;
        top:auto;
        right:auto;
        width:auto;
        max-width:none;
        max-height:none;
        overflow:visible;
        margin:24px 20px;
        padding:24px 0;
        border-top:1px solid rgba(16,17,20,.15);
        font-size:14px;
        line-height:1.65;
    }

    #aura-contact-panel p{
        margin-bottom:18px;
    }

    #aura-contact-panel .aura-contact-panel__footer{
        gap:12px;
    }
}

@media (prefers-reduced-motion:reduce){
    #aura-contact-panel a{
        transition:none;
    }
}


@media (min-width:850px){
    #aura-contact-panel{
        --aura-contact-width:290px;
        font-size:14px;
        line-height:1.2;
        letter-spacing:-.2px;
    }

    #aura-contact-panel p{
        margin:0 0 10px;
        font-size:inherit;
        line-height:inherit;
    }

    #aura-contact-panel .aura-contact-panel__intro{
        margin-bottom:16px;
    }

    #aura-contact-panel .aura-contact-panel__footer{
        justify-content:flex-start;
        gap:10px 16px;
        margin-top:12px;
    }

    #aura-contact-panel .aura-contact-panel__link{
        padding:0;
        font-size:13px;
        line-height:1.2;
    }

    #aura-contact-panel .social-icons a.icon.aura-social-link{
        flex:0 0 26px!important;
        width:26px!important;
        min-width:26px!important;
        height:26px!important;
        min-height:26px!important;
        font-size:14px!important;
    }


    #aura-contact-panel .social-icons a.icon .aura-social-svg{
        width:13px;
        height:13px;
        flex-basis:13px;
    }

    #aura-contact-panel .social-icons a.icon.aura-social-youtube .aura-social-svg{
        width:14px;
        height:14px;
        flex-basis:14px;
    }
}

@media (max-width:849px){
    #aura-contact-panel{
        font-size:14px;
        line-height:1.35;
    }

    #aura-contact-panel p{
        margin-bottom:12px;
    }
}


.aur-contact-form{
    display:block;
    width:100%;
    color:#13171A;
}

.aur-contact-form .aur-form-field{
    display:block;
    width:100%;
    min-width:0;
    margin:0 0 16px;
}

.aur-contact-form label{
    display:block;
    margin:0 0 6px;
    color:#13171A;
    font-size:14px;
    font-weight:500;
    line-height:1.4;
}

.aur-contact-form label .aur-required{
    color:#d93025;
}

.aur-contact-form .wpcf7-form-control-wrap{
    display:block;
    width:100%;
}

.aur-contact-form input[type="text"],
.aur-contact-form input[type="email"],
.aur-contact-form input[type="tel"],
.aur-contact-form select,
.aur-contact-form textarea{
    display:block;
    width:100%;
    max-width:100%;
    margin:0;
    box-sizing:border-box;
    font-family:inherit;
    font-size:15px;
}

.aur-contact-form input[type="text"],
.aur-contact-form input[type="email"],
.aur-contact-form input[type="tel"],
.aur-contact-form select{
    min-height:44px;
}

.aur-contact-form textarea{
    height:110px;
    min-height:110px;
    resize:vertical;
}

.aur-contact-form .aur-form-field > p,
.aur-contact-form .aur-form-policy > p,
.aur-contact-form .aur-form-submit > p{
    margin:0;
}

.aur-contact-form .aur-form-policy{
    margin:6px 0 18px;
    font-size:14px;
    line-height:1.5;
}

.aur-contact-form .aur-form-policy .wpcf7-list-item{
    margin:0;
}

.aur-contact-form .aur-form-policy label{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:0;
    font-weight:400;
    line-height:1.5;
}

.aur-contact-form .aur-form-policy input[type="checkbox"]{
    flex:0 0 auto;
    margin:4px 0 0;
}

.aur-contact-form .aur-form-policy a{
    color:inherit;
    text-decoration:underline;
    text-underline-offset:3px;
}

.aur-contact-form .aur-form-submit{
    margin:0;
}

.aur-contact-form .aur-form-submit input[type="submit"]{
    margin:0;
}

.aur-contact-form .wpcf7-not-valid-tip{
    margin-top:5px;
    color:#d93025;
    font-size:13px;
    line-height:1.4;
}

@media(max-width:849px){
    .aur-contact-form input[type="text"],
    .aur-contact-form input[type="email"],
    .aur-contact-form input[type="tel"],
    .aur-contact-form select,
    .aur-contact-form textarea{
        font-size:16px;
    }
}


#aura-contact-panel[hidden],
#aura-contact-drawer[hidden]{
    display:none!important;
}


@media(min-width:850px){
    #aura-contact-panel{
        overflow:visible;
        max-height:none;
    }
}


#aura-contact-panel .aura-contact-panel__link{
    position:relative;
}


#aura-contact-panel .aura-form-preview{
    position:absolute;
    right:0;
    top:calc(100% + 12px);
    display:block;
    width:230px;
    padding:16px;
    box-sizing:border-box;
    background:#fff;
    color:#13171a;
    border:1px solid #e5e5e5;
    box-shadow:0 8px 28px rgba(0,0,0,.12);
    text-align:left;
    font-weight:400;
    letter-spacing:0;
    line-height:1.3;
    opacity:0;
    visibility:hidden;
    transform:translateY(5px);
    pointer-events:none;
    z-index:10;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}

#aura-contact-panel .aura-preview-title{
    display:block;
    margin-bottom:12px;
    font-size:14px;
    font-weight:600;
}

#aura-contact-panel .aura-preview-label{
    display:block;
    margin:8px 0 3px;
    font-size:10px;
}

#aura-contact-panel .aura-preview-input{
    display:block;
    padding:6px 8px;
    border:1px solid #ddd;
    color:#777;
    font-size:10px;
}

#aura-contact-panel .aura-preview-note{
    display:block;
    margin-top:12px;
    color:#023184;
    font-size:11px;
}

@media(hover:hover) and (pointer:fine){
    #aura-contact-panel .aura-contact-panel__link:hover .aura-form-preview{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }
}


#aura-contact-drawer{
    --aura-drawer-top:86px;
    --aura-drawer-width:clamp(320px,20vw,400px);

    position:fixed;
    top:var(--aura-drawer-top);
    right:0;
    bottom:0;
    width:var(--aura-drawer-width);
    max-width:100%;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    background:#fff;
    color:#13171a;
    border-left:1px solid #e8e8e8;
    z-index:110;
    overflow:hidden;
    text-align:left;
}

body.admin-bar #aura-contact-drawer{
    top:calc(var(--aura-drawer-top) + 32px);
}


#aura-contact-drawer .aura-drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex:0 0 auto;
    gap:12px;
    padding:16px 20px;
    border-bottom:1px solid #eee;
}

#aura-contact-drawer #aura-drawer-title{
    margin:0;
    color:inherit;
    font-family:inherit;
    font-size:16px;
    font-weight:600;
    line-height:1.35;
    text-transform:none;
    letter-spacing:0;
}

#aura-contact-drawer .aura-drawer-close{
    flex:0 0 auto;
    min-height:0;
    margin:0;
    padding:6px 0 6px 8px;
    border:0;
    background:transparent;
    color:#13171a;
    box-shadow:none;
    font-family:inherit;
    font-size:13px;
    font-weight:400;
    line-height:1.4;
    letter-spacing:0;
    text-transform:none;
    cursor:pointer;
}

#aura-contact-drawer .aura-drawer-close:hover{
    color:#023184;
}

#aura-contact-drawer .aura-drawer-close:focus-visible{
    outline:2px solid #023184;
    outline-offset:3px;
}


#aura-contact-drawer .aura-drawer-body{
    flex:1 1 auto;
    min-height:0;
    padding:18px 20px 24px;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior-y:contain;
    scrollbar-width:thin;
}


/* Đồng bộ ô nhập và dropdown trong ngăn liên hệ */
#aura-contact-drawer .aur-contact-form{
    --aur-field-height:56px;
    --aur-field-bg:#f8f9fb;
    --aur-field-border:#d6deea;
    --aur-field-placeholder:#8a96a8;
    --aur-field-focus:#1554e8;
    display:block;
    width:100%;
}

/* Khoảng cách trường thông tin */
#aura-contact-drawer .aur-form-field{
    display:block;
    width:100%;
    min-width:0;
    margin-bottom:18px;
}

/* Nhãn các trường thông tin */
#aura-contact-drawer .aur-contact-form .aur-form-field > label{
    display:block;
    margin:0 0 8px;
    color:#13171a;
    font-size:14px;
    font-weight:500;
    line-height:1.4;
}

#aura-contact-drawer .aur-required{
    color:#d93025;
}

/* Giao diện chung của các ô nhập một dòng */
#aura-contact-drawer .aur-contact-form .aur-form-field input[type="text"],
#aura-contact-drawer .aur-contact-form .aur-form-field input[type="email"],
#aura-contact-drawer .aur-contact-form .aur-form-field input[type="tel"],
#aura-contact-drawer .aur-contact-form .aur-form-field select:not(.aur-service-select__native){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:var(--aur-field-height)!important;
    min-height:var(--aur-field-height)!important;
    max-height:var(--aur-field-height)!important;
    margin:0!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    border:1px solid var(--aur-field-border)!important;
    border-radius:5px!important;
    background:var(--aur-field-bg)!important;
    color:#13171a!important;
    box-shadow:none!important;
    outline:none!important;
    font-family:inherit!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.4!important;
    transition:border-color .2s ease, box-shadow .2s ease!important;
}

/* Đồng bộ kích thước và màu dropdown tùy chỉnh */
#aura-contact-drawer .aur-contact-form .aur-form-field .aur-service-select > .aur-service-select__trigger{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:var(--aur-field-height)!important;
    min-height:var(--aur-field-height)!important;
    max-height:var(--aur-field-height)!important;
    margin:0!important;
    padding:0 46px 0 18px!important;
    box-sizing:border-box!important;
    border:1px solid var(--aur-field-border)!important;
    border-radius:5px!important;
    background:var(--aur-field-bg)!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.4!important;
    transition:border-color .2s ease, box-shadow .2s ease!important;
}

/* Nội dung đang hiển thị trên dropdown */
#aura-contact-drawer .aur-service-select__value{
    font-size:15px!important;
    line-height:1.4!important;
}

/* Màu chữ sau khi đã chọn dịch vụ hoặc giai đoạn */
#aura-contact-drawer .aur-service-select:has(.aur-service-select__item.is-selected) > .aur-service-select__trigger{
    color:#13171a!important;
}

/* Ô nội dung cần giải quyết */
#aura-contact-drawer .aur-contact-form .aur-form-field textarea{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:120px!important;
    min-height:120px!important;
    max-height:240px!important;
    margin:0!important;
    padding:16px 18px!important;
    box-sizing:border-box!important;
    border:1px solid var(--aur-field-border)!important;
    border-radius:5px!important;
    background:var(--aur-field-bg)!important;
    color:#13171a!important;
    box-shadow:none!important;
    outline:none!important;
    font-family:inherit!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.6!important;
    resize:vertical;
    transition:border-color .2s ease, box-shadow .2s ease!important;
}

/* Màu chữ gợi ý */
#aura-contact-drawer .aur-contact-form .aur-form-field input::placeholder,
#aura-contact-drawer .aur-contact-form .aur-form-field textarea::placeholder{
    color:var(--aur-field-placeholder)!important;
    opacity:1!important;
}

/* Viền nhẹ khi rê chuột */
#aura-contact-drawer .aur-contact-form .aur-form-field input[type="text"]:hover,
#aura-contact-drawer .aur-contact-form .aur-form-field input[type="email"]:hover,
#aura-contact-drawer .aur-contact-form .aur-form-field input[type="tel"]:hover,
#aura-contact-drawer .aur-contact-form .aur-form-field textarea:hover,
#aura-contact-drawer .aur-contact-form .aur-form-field .aur-service-select > .aur-service-select__trigger:hover{
    border-color:#afc1db!important;
}

/* Nhấn mạnh trường đang nhập hoặc dropdown đang mở */
#aura-contact-drawer .aur-contact-form .aur-form-field input[type="text"]:focus,
#aura-contact-drawer .aur-contact-form .aur-form-field input[type="email"]:focus,
#aura-contact-drawer .aur-contact-form .aur-form-field input[type="tel"]:focus,
#aura-contact-drawer .aur-contact-form .aur-form-field select:not(.aur-service-select__native):focus,
#aura-contact-drawer .aur-contact-form .aur-form-field textarea:focus,
#aura-contact-drawer .aur-contact-form .aur-form-field .aur-service-select > .aur-service-select__trigger:focus-visible,
#aura-contact-drawer .aur-contact-form .aur-form-field .aur-service-select.is-open > .aur-service-select__trigger{
    border-color:var(--aur-field-focus)!important;
    box-shadow:0 0 0 3px rgba(21,84,232,.09)!important;
    outline:none!important;
}

#aura-contact-drawer .aur-form-policy{
    margin:8px 0 14px;
}

#aura-contact-drawer .aur-form-policy label{
    font-size:12px;
}

#aura-contact-drawer .aur-form-submit input[type="submit"]{
    width:100%;
    margin:0;
}

#aura-contact-drawer .wpcf7-response-output{
    margin:16px 0 0;
    font-size:13px;
}


@media(max-width:849px){
    #aura-contact-panel .aura-form-preview{
        display:none;
    }

    #aura-contact-drawer{
        --aura-drawer-top:70px;
        --aura-drawer-width:100%;
    }

    /* Cỡ chữ dễ nhập trên điện thoại */
    #aura-contact-drawer .aur-contact-form .aur-form-field input[type="text"],
    #aura-contact-drawer .aur-contact-form .aur-form-field input[type="email"],
    #aura-contact-drawer .aur-contact-form .aur-form-field input[type="tel"],
    #aura-contact-drawer .aur-contact-form .aur-form-field select:not(.aur-service-select__native),
    #aura-contact-drawer .aur-contact-form .aur-form-field textarea,
    #aura-contact-drawer .aur-contact-form .aur-form-field .aur-service-select > .aur-service-select__trigger{
        font-size:16px!important;
    }

    #aura-contact-drawer .aur-service-select__value{
        font-size:16px!important;
    }
}

@media(max-width:782px){
    body.admin-bar #aura-contact-drawer{
        top:calc(var(--aura-drawer-top) + 46px);
    }
}

@media(prefers-reduced-motion:reduce){
    #aura-contact-panel .aura-form-preview{
        transition:none;
    }
}


@media(min-width:850px){
    #aura-contact-panel{
        --aura-contact-top:60px;
    }
}


button.aur-leader-trigger{
    display:inline;
    appearance:none;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent!important;
    box-shadow:none!important;
    color:#023184!important;
    font:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    text-transform:none;
    text-align:inherit;
    vertical-align:baseline;
    white-space:normal;
    text-decoration:none!important;
    text-underline-offset:4px;
    text-decoration-thickness:1px;
    cursor:pointer;
}

button.aur-leader-trigger:hover,
button.aur-leader-trigger:focus-visible{
    color:#023184!important;
    text-decoration:underline!important;
    text-underline-offset:4px;
    text-decoration-thickness:1px;
}

button.aur-leader-trigger:focus-visible{
    outline:2px solid #023184;
    outline-offset:3px;
}


#aur-leader-preview{
    position:fixed;
    margin:0;
    padding:0;
    box-sizing:border-box;
    background:#fff;
    z-index:105;
    pointer-events:none;
    overflow:hidden;
}

#aur-leader-preview[hidden]{
    display:none!important;
}

#aur-leader-preview img{
    display:block;
    width:100%;
    height:100%;
    margin:0;
    object-fit:contain;
    object-position:center top;
}


#aura-contact-panel.aur-leader-covered{
    visibility:hidden;
    pointer-events:none;
}


#aur-leader-preview{
    overflow:hidden;
    isolation:isolate;
    transform-origin:center;
}

#aur-leader-preview:not([hidden]){
    animation:aur-leader-reveal .75s cubic-bezier(.22,1,.36,1) both;
}

#aur-leader-preview:not([hidden]) img{
    transform-origin:50% 35%;
    animation:aur-leader-image 1s cubic-bezier(.22,1,.36,1) both;
}


#aur-leader-preview::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(
        110deg,
        transparent 25%,
        rgba(255,255,255,.3) 48%,
        transparent 70%
    );
    transform:translateX(-120%);
}

#aur-leader-preview:not([hidden])::after{
    animation:aur-leader-light .9s .12s ease-out both;
}

@keyframes aur-leader-reveal{
    0%{
        clip-path:inset(8% 49.5% 8% 49.5%);
        transform:translateY(12px);
    }
    35%{
        clip-path:inset(0 38% 0 38%);
    }
    100%{
        clip-path:inset(0 0 0 0);
        transform:translateY(0);
    }
}

@keyframes aur-leader-image{
    from{
        transform:scale(1.12);
        filter:brightness(1.12);
    }
    to{
        transform:scale(1);
        filter:brightness(1);
    }
}

@keyframes aur-leader-light{
    from{
        transform:translateX(-120%);
    }
    to{
        transform:translateX(120%);
    }
}


@media(prefers-reduced-motion:reduce){
    #aur-leader-preview:not([hidden]),
    #aur-leader-preview:not([hidden]) img{
        animation:none;
    }

    #aur-leader-preview::after{
        display:none;
    }
}


#aur-leader-preview{
    display:flex;
    flex-direction:column;
    background:#fff;
}

#aur-leader-preview img{
    flex:0 0 auto;
    min-height:0;
    width:100%;
    object-fit:contain;
    object-position:center top;
}


#aur-leader-preview .aur-leader-caption{
    position:relative;
    z-index:2;
    flex:0 0 auto;
    padding:14px 0 8px;
    background:#fff;
    color:#13171a;
    text-align:left;
}

#aur-leader-preview .aur-leader-caption h3{
    margin:0 0 5px;
    color:inherit;
    font-family:inherit;
    font-size:20px;
    font-weight:600;
    line-height:1.2;
    letter-spacing:0;
    text-transform:none;
}

#aur-leader-preview .aur-leader-role{
    margin:0 0 10px;
    color:inherit;
    font-size:13px;
    font-weight:600;
    line-height:1.3;
}

#aur-leader-preview .aur-leader-description{
    margin:0;
    color:inherit;
    font-size:13px;
    font-weight:400;
    line-height:1.4;
}


#aur-leader-preview .aur-leader-caption {
    width: 100%;
    text-align: center !important;
}

#aur-leader-preview .aur-leader-caption h3,
#aur-leader-preview .aur-leader-role {
    text-align: center !important;
}


#aur-leader-preview,
#aur-leader-preview img,
#aur-leader-preview::after {
    animation: none !important;
    transition: none !important;
}

#aur-leader-preview::after {
    display: none !important;
}


@media (min-width:850px){


    #aura-contact-panel{
        opacity:1;
        visibility:visible;
    }


    #aura-contact-panel > *{
        opacity:1;
        transform:translateY(0);
        filter:blur(0);
        transition:
            opacity .38s ease,
            transform .48s cubic-bezier(.22,1,.36,1),
            filter .38s ease;
        will-change:opacity,transform,filter;
    }


    #aura-contact-panel.aura-hide-at-partners,
    #aura-contact-panel.aura-hide-at-content{
        pointer-events:none;
    }


    /* Ẩn ngay khi gặp nội dung, không chờ hiệu ứng so le */
    #aura-contact-panel.aura-hide-at-partners > *,
    #aura-contact-panel.aura-hide-at-content > *{
        opacity:0;
        transform:translateY(14px);
        filter:blur(4px);
        transition-delay:0s !important;
    }


    #aura-contact-panel > *:nth-child(1){
        transition-delay:0ms;
    }

    #aura-contact-panel > *:nth-child(2){
        transition-delay:70ms;
    }

    #aura-contact-panel > *:nth-child(3){
        transition-delay:140ms;
    }

    #aura-contact-panel > *:nth-child(4){
        transition-delay:210ms;
    }

    #aura-contact-panel > *:nth-child(5){
        transition-delay:280ms;
    }

    #aura-contact-panel > *:nth-child(6){
        transition-delay:350ms;
    }
}

@media (prefers-reduced-motion:reduce){
    #aura-contact-panel > *{
        transition:none !important;
        filter:none !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    #aura-contact-panel {
        transition:none!important;
    }
}


.aur-footer-wordmark{
    position:relative;

    width:100%;
    aspect-ratio:1851 / 208;

    overflow:hidden;

    margin:0;
    padding:0;

    background:transparent;
}


.aur-footer-wordmark__letter{
    position:absolute;
    inset:0;

    display:block;

    background-image:
        url("https://aurasignvn.brandinfo.vn/wp-content/uploads/2026/09/aurasign_wordmark_vectorized_smooth.svg");

    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;

    clip-path:
        inset(
            0
            calc(100% - var(--r))
            0
            var(--l)
        );

    opacity:0;

    transform:
        translateY(55px)
        scale(.95);

    transform-origin:center;

    filter:blur(10px);

    transition:
        opacity .65s ease,
        transform 1s cubic-bezier(.16,1,.3,1),
        filter .85s ease;

    transition-delay:
        calc(var(--i) * 85ms);

    will-change:
        transform,
        opacity,
        filter;

    pointer-events:none;
}


.aur-footer-wordmark.is-visible
.aur-footer-wordmark__letter{
    opacity:1;

    transform:
        translateY(0)
        scale(1);

    filter:blur(0);
}


.aur-footer-wordmark__shine{
    position:absolute;

    top:-20%;
    bottom:-20%;

    left:-25%;

    width:18%;

    opacity:0;

    pointer-events:none;

    transform:
        skewX(-18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.42),
            transparent
        );
}


.aur-footer-wordmark.is-visible
.aur-footer-wordmark__shine{
    animation:
        aurFooterWordmarkShine
        1.25s
        1.05s
        cubic-bezier(.22,1,.36,1)
        both;
}


@keyframes aurFooterWordmarkShine{

    0%{
        left:-25%;
        opacity:0;
    }

    15%{
        opacity:.5;
    }

    100%{
        left:115%;
        opacity:0;
    }
}


@media(max-width:849px){

    .aur-footer-wordmark__letter{
        transform:
            translateY(28px)
            scale(.97);

        filter:blur(6px);

        transition-delay:
            calc(var(--i) * 60ms);
    }
}


@media(prefers-reduced-motion:reduce){

    .aur-footer-wordmark__letter{
        opacity:1;
        transform:none;
        filter:none;
        transition:none;
    }

    .aur-footer-wordmark__shine{
        display:none;
    }
}


#aura-contact-mobile-trigger,
#aura-contact-mobile-backdrop,
.aura-contact-mobile-close{
    display:none;
}

@media(max-width:849px){

    /* Nút liên hệ mobile đồng bộ giao diện AURASIGN */
    #aura-contact-mobile-trigger{
        position:fixed !important;
        right:18px !important;
        bottom:calc(20px + env(safe-area-inset-bottom, 0px)) !important;
        z-index:2147482998 !important;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:9px;
        min-height:44px;
        margin:0 !important;
        padding:10px 16px !important;
        border:1px solid #003dbd !important;
        border-radius:2px !important;
        background:#eaeaea !important;
        background-image:none !important;
        color:#003dbd !important;
        box-shadow:none !important;
        font-family:"Inter",sans-serif !important;
        font-size:12px !important;
        font-weight:600 !important;
        line-height:1 !important;
        letter-spacing:.04em !important;
        text-transform:uppercase !important;
        transition:background-color .2s ease,color .2s ease,border-color .2s ease !important;
        cursor:pointer;
    }

    #aura-contact-mobile-trigger[hidden]{
        display:none !important;
    }

    #aura-contact-mobile-trigger i{
        margin:0 !important;
        color:inherit !important;
        font-size:15px !important;
        line-height:1 !important;
    }

    /* Hover, focus và thao tác chạm của nút liên hệ */
    #aura-contact-mobile-trigger:hover,
    #aura-contact-mobile-trigger:focus-visible{
        border-color:#003dbd !important;
        background:#003dbd !important;
        color:#fff !important;
        box-shadow:none !important;
        outline:none !important;
    }

    #aura-contact-mobile-trigger:active{
        background:#023184 !important;
        border-color:#023184 !important;
        color:#fff !important;
    }

    html.aura-contact-modal-open #aura-contact-mobile-trigger{
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }


    #aura-contact-mobile-backdrop{
        position:fixed !important;
        inset:0 !important;
        z-index:2147482999 !important;
        display:block;
        margin:0 !important;
        padding:0 !important;
        background:rgba(0,0,0,.24) !important;
        backdrop-filter:blur(4px);
        -webkit-backdrop-filter:blur(4px);
        pointer-events:auto !important;
    }

    #aura-contact-mobile-backdrop[hidden]{
        display:none !important;
    }

    #aura-contact-panel,
    body.admin-bar #aura-contact-panel{
        position:fixed !important;
        left:50% !important;
        top:50% !important;
        right:auto !important;
        bottom:auto !important;
        width:min(360px,calc(100vw - 32px)) !important;
        max-width:calc(100vw - 32px) !important;
        max-height:calc(100dvh - 40px) !important;
        margin:0 !important;
        padding:48px 24px 26px !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        box-sizing:border-box !important;
        border:1px solid rgba(16,17,20,.14) !important;
        border-radius:0 !important;
        background:#fff !important;
        color:#101114 !important;
        box-shadow:0 24px 70px rgba(0,0,0,.18) !important;
        z-index:2147483000 !important;
        isolation:isolate;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        filter:none !important;
        -webkit-filter:none !important;
        transform:translate3d(-50%,-46%,0) scale(.97) !important;
        transform-origin:50% 50% !important;
        transition:
            opacity .28s ease,
            transform .46s cubic-bezier(.22,1,.36,1),
            visibility 0s linear .46s !important;
    }

    #aura-contact-panel.aura-contact-mobile-open,
    body.admin-bar #aura-contact-panel.aura-contact-mobile-open{
        display:block !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        filter:none !important;
        -webkit-filter:none !important;
        transform:translate3d(-50%,-50%,0) scale(1) !important;
        transition:
            opacity .28s ease,
            transform .46s cubic-bezier(.22,1,.36,1),
            visibility 0s linear 0s !important;
    }


    #aura-contact-panel.aura-contact-mobile-open > *{
        opacity:1 !important;
        visibility:visible !important;
        filter:none !important;
        -webkit-filter:none !important;
    }

    #aura-contact-panel .aura-contact-mobile-close{
        position:absolute !important;
        top:10px !important;
        right:12px !important;
        z-index:3 !important;
        display:flex !important;
        align-items:center;
        justify-content:center;
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        color:#101114 !important;
        box-shadow:none !important;
        font-family:Arial,sans-serif !important;
        font-size:24px !important;
        font-weight:300 !important;
        line-height:1 !important;
        cursor:pointer;
    }

    #aura-contact-panel p{
        margin:0 0 12px !important;
        color:#101114 !important;
        font-family:"Inter",sans-serif !important;
        font-size:14px !important;
        font-weight:400 !important;
        line-height:1.42 !important;
    }

    #aura-contact-panel a{
        color:inherit !important;
    }

    #aura-contact-panel .aura-contact-panel__footer{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
        gap:10px 14px !important;
        margin-top:16px !important;
    }

    html.aura-contact-modal-open,
    html.aura-contact-modal-open body{
        overflow:hidden !important;
        overscroll-behavior:none;
    }
}


/* Hiển thị mô tả dịch vụ ngoài vùng cuộn của drawer */
@media (min-width:850px) {
    #aura-contact-drawer .aur-service-select--service .aur-service-select__preview {
        display:none !important;
    }
}

#aura-drawer-service-preview {
    position:fixed;
    z-index:2147482850;
    box-sizing:border-box;
    max-width:calc(100vw - 32px);
    margin:0;
    padding:20px 22px;
    border:1px solid #d7dce5;
    border-radius:6px;
    background:#fff;
    color:#333;
    box-shadow:0 16px 42px rgba(0,0,0,.14);
    pointer-events:none;
}

#aura-drawer-service-preview[hidden] {
    display:none !important;
}

#aura-drawer-service-preview .aura-drawer-service-preview__title {
    display:block;
    margin:0 0 10px;
    color:#1554e8;
    font-family:inherit;
    font-size:17px;
    font-weight:500;
    line-height:1.4;
}

#aura-drawer-service-preview .aura-drawer-service-preview__description {
    margin:0;
    color:#333;
    font-family:inherit;
    font-size:14px;
    font-weight:400;
    line-height:1.65;
    overflow-wrap:anywhere;
}

#aura-drawer-service-preview .aura-drawer-service-preview__description[hidden] {
    display:none !important;
}

#aura-drawer-service-preview .aura-drawer-service-preview__title:has(+ .aura-drawer-service-preview__description[hidden]) {
    margin-bottom:0;
}

@media (max-width:849px) {
    #aura-drawer-service-preview {
        display:none !important;
    }
}

#aura-contact-panel .aura-contact-panel__hours{
    cursor:default;
    transition:color .18s ease;
}

@media(hover:hover) and (pointer:fine){
    #aura-contact-panel .aura-contact-panel__hours:hover{
        color:#023184;
    }
}

#aura-contact-panel .aura-contact-panel__hours:focus-visible{
    outline:2px solid #023184;
    outline-offset:4px;
}

#aura-contact-panel .aura-contact-panel__hours{
    display:inline-block;
    width:auto;
    cursor:default;
    text-decoration:none;
}

@media(hover:hover) and (pointer:fine){
    #aura-contact-panel .aura-contact-panel__hours{
        cursor:help;
    }

    #aura-contact-panel .aura-contact-panel__hours:hover{
        color:#023184;
    }
}

.aura-working-hours-calendar{
    position:fixed;
    z-index:2147483000;
    width:min(340px,calc(100vw - 24px));
    box-sizing:border-box;
    padding:14px;
    border:1px solid rgba(16,17,20,.14);
    border-radius:12px;
    background:#fff;
    color:#101114;
    box-shadow:0 18px 48px rgba(0,0,0,.16);
    font-family:"Inter","Libre Franklin",Arial,sans-serif;
    font-size:13px;
    line-height:1.35;
    opacity:0;
    visibility:hidden;
    transform:translateY(6px) scale(.985);
    transform-origin:top right;
    pointer-events:none;
    transition:
        opacity .16s ease,
        transform .2s cubic-bezier(.22,1,.36,1),
        visibility .16s ease;
}

.aura-working-hours-calendar[hidden]{
    display:none!important;
}

.aura-working-hours-calendar.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    pointer-events:auto;
}

.aura-work-calendar__today-row{
    display:flex;
    align-items:center;
    min-height:34px;
    padding:0 2px 10px;
    border-bottom:1px solid rgba(16,17,20,.08);
}

.aura-work-calendar__today-label{
    display:block;
    font-size:13px;
    font-weight:500;
    color:#101114;
    text-transform:none;
}

.aura-work-calendar__month-row{
    display:grid;
    grid-template-columns:32px minmax(0,1fr) 32px;
    align-items:center;
    gap:8px;
    padding:10px 0 8px;
}

.aura-work-calendar__month-label{
    display:block;
    min-width:0;
    text-align:center;
    font-size:14px;
    font-weight:600;
    color:#101114;
    text-transform:none;
}

.aura-work-calendar__nav{
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    min-width:32px;
    min-height:32px;
    margin:0;
    padding:0;
    border:1px solid rgba(16,17,20,.11);
    border-radius:8px;
    background:#fff;
    color:#101114;
    box-shadow:none;
    font:inherit;
    font-size:21px;
    font-weight:400;
    line-height:1;
    letter-spacing:0;
    text-transform:none;
    cursor:pointer;
    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease;
}

.aura-work-calendar__nav:hover,
.aura-work-calendar__nav:focus-visible{
    border-color:#023184;
    background:#023184;
    color:#fff;
    outline:none;
}

.aura-work-calendar__weekdays,
.aura-work-calendar__days{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    align-items:center;
}

.aura-work-calendar__weekdays{
    gap:4px;
    margin-bottom:5px;
}

.aura-work-calendar__weekdays span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    color:#6f747a;
    font-size:10px;
    font-weight:600;
    line-height:1;
    text-align:center;
}

.aura-work-calendar__days{
    gap:5px 4px;
}

.aura-work-calendar__day{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    justify-self:center;
    border-radius:50%;
    color:#101114;
    background:transparent;
    box-shadow:none;
    font-size:12px;
    font-weight:400;
    font-variant-numeric:tabular-nums;
    line-height:1;
    user-select:none;
}


.aura-work-calendar__day.is-working{
    background:#E7F0FF;
    color:#023184;
    box-shadow:
        0 5px 12px rgba(2,49,132,.10),
        inset 0 0 0 1px rgba(2,49,132,.08);
}


.aura-work-calendar__days .aura-work-calendar__day:nth-child(7n):not(.is-outside){
    background:#D93025;
    color:#fff;
    box-shadow:0 6px 14px rgba(217,48,37,.20);
    font-weight:500;
}


.aura-work-calendar__day.is-outside{
    color:rgba(16,17,20,.28);
    background:transparent!important;
    box-shadow:none!important;
}


.aura-work-calendar__day.is-today{
    background:#023184!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(2,49,132,.28)!important;
    font-weight:600;
}


.aura-work-calendar__day.is-working{
    cursor:help;
}

@media(hover:hover) and (pointer:fine){
    .aura-work-calendar__day.is-working:hover,
    .aura-work-calendar__day.is-working:focus-visible{
        z-index:8;
        outline:none;
    }

    .aura-work-calendar__day.is-working:hover::after,
    .aura-work-calendar__day.is-working:focus-visible::after{
        content:attr(data-hours-title) "\A" attr(data-hours);
        position:absolute;
        left:50%;
        bottom:calc(100% + 10px);
        z-index:10;
        min-width:max-content;
        max-width:220px;
        padding:7px 10px;
        border-radius:7px;
        background:#101114;
        color:#fff;
        box-shadow:0 10px 24px rgba(0,0,0,.18);
        font-size:10px;
        font-weight:400;
        line-height:1.45;
        text-align:left;
        white-space:pre;
        transform:translateX(-50%);
        pointer-events:none;
    }

    .aura-work-calendar__day.is-working:hover::before,
    .aura-work-calendar__day.is-working:focus-visible::before{
        content:"";
        position:absolute;
        left:50%;
        bottom:calc(100% + 4px);
        z-index:9;
        border-width:6px 5px 0;
        border-style:solid;
        border-color:#101114 transparent transparent;
        transform:translateX(-50%);
        pointer-events:none;
    }
}

.aura-work-calendar__legend{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 14px;
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid rgba(16,17,20,.08);
}

.aura-work-calendar__legend-item{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#6f747a;
    font-size:10px;
    line-height:1.2;
}

.aura-work-calendar__dot{
    display:block;
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
}

.aura-work-calendar__dot--working{
    background:#E7F0FF;
    box-shadow:
        0 0 0 1px rgba(2,49,132,.10),
        0 2px 5px rgba(2,49,132,.10);
}

.aura-work-calendar__dot--today{
    background:#023184;
}

.aura-work-calendar__dot--off{
    background:#D93025;
}

.aura-work-calendar__schedule{
    display:none!important;
}

@media(max-width:849px), (hover:none), (pointer:coarse){
    #aura-contact-panel .aura-contact-panel__hours{
        cursor:pointer;
    }

    .aura-working-hours-calendar{
        width:min(330px,calc(100vw - 24px));
        padding:13px;
        border-radius:11px;
        transform-origin:center top;
    }

    .aura-work-calendar__day{
        width:32px;
        height:32px;
    }
}

@media(prefers-reduced-motion:reduce){
    .aura-working-hours-calendar{
        transition:none;
    }
}


.aura-contact-avoid{
    position:relative;
}


/* Khối nội dung giới thiệu AURASIGN */
.aura-readable-copy{
    width:100%;
    max-width:100%;
}

/* Giữ nguyên bố cục màn nhỏ */
@media (max-width:1599px){
    .aura-readable-copy{
        width:100%;
        max-width:100%;
        margin-left:0;
        margin-right:0;
    }
}

/* Màn desktop thông thường */
@media (min-width:1600px) and (max-width:1919px){
    .aura-readable-copy{
        width:min(100%,680px);
        max-width:680px;
        margin-left:auto;
        margin-right:0;
    }
}

/* Màn desktop lớn */
@media (min-width:1920px) and (max-width:2399px){
    .aura-readable-copy{
        width:min(100%,700px);
        max-width:700px;
        margin-left:auto;
        margin-right:0;
    }
}

@media(min-width:850px){
    #aura-contact-panel,
    body.admin-bar #aura-contact-panel{
        top:var(--aura-contact-dynamic-top, var(--aura-contact-top,60px)) !important;
        max-height:calc(
            100dvh - var(--aura-contact-dynamic-top, var(--aura-contact-top,60px)) - 18px
        );
    }
}


@media(min-width:1200px){
    #aura-contact-panel.aura-contact-follows-menu-pair{
        left:var(--aura-contact-dynamic-left) !important;
        right:auto !important;
    }
}


@media(min-width:850px) and (max-width:1199px){
    #aura-contact-panel{
        left:auto !important;
    }
}


@media (min-width:850px){

    #aura-contact-panel .aura-contact-panel__hours{
        margin-bottom:4px !important;
    }

    #aura-contact-panel .aura-contact-panel__footer{
        margin-top:4px !important;
    }

}

/* Giữ nguyên màu xanh khi hover */
#aura-contact-panel .aura-contact-panel__phone a:hover,
#aura-contact-panel .aura-contact-panel__email a:hover,
#aura-contact-panel .aura-contact-panel__link:hover,
#aura-contact-panel p.aura-contact-panel__hours:hover {
    color: #023184 !important;
}


/* Giữ nhãn Hotline và Email màu đen */
body #aura-contact-panel p.aura-contact-panel__phone,
body #aura-contact-panel p.aura-contact-panel__email {
    color: #101114 !important;
    -webkit-text-fill-color: #101114 !important;
}

/* Chỉ số điện thoại và địa chỉ email màu xanh */
body #aura-contact-panel p.aura-contact-panel__phone a,
body #aura-contact-panel p.aura-contact-panel__email a,
body #aura-contact-panel p.aura-contact-panel__phone a:hover,
body #aura-contact-panel p.aura-contact-panel__email a:hover {
    color: #023184 !important;
    -webkit-text-fill-color: #023184 !important;
    text-decoration: none !important;
}

/* Thời gian làm việc luôn màu xanh */
body #aura-contact-panel p.aura-contact-panel__hours,
body #aura-contact-panel p.aura-contact-panel__hours:hover,
body #aura-contact-panel p.aura-contact-panel__hours:focus-visible {
    color: #023184 !important;
    -webkit-text-fill-color: #023184 !important;
    transition: none !important;
}

/* Liên hệ với chúng tôi luôn màu xanh */
body #aura-contact-panel a.aura-contact-panel__link,
body #aura-contact-panel a.aura-contact-panel__link:hover,
body #aura-contact-panel a.aura-contact-panel__link:focus-visible {
    color: #023184 !important;
    -webkit-text-fill-color: #023184 !important;
    transition: none !important;
}

/* Gạch chân số điện thoại khi hover */
#aura-contact-panel .aura-contact-panel__phone a:hover,
#aura-contact-panel .aura-contact-panel__phone a:focus-visible {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 1px !important;
}

/* Gạch chân địa chỉ email khi hover */
#aura-contact-panel .aura-contact-panel__email a:hover,
#aura-contact-panel .aura-contact-panel__email a:focus-visible {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 1px !important;
}

/* Gạch chân thời gian làm việc khi hover */
#aura-contact-panel .aura-contact-panel__hours:hover,
#aura-contact-panel .aura-contact-panel__hours:focus-visible {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 1px !important;
    cursor: pointer;
}

/* Hotline và Email không gạch chân mặc định */
body #aura-contact-panel p.aura-contact-panel__phone a,
body #aura-contact-panel p.aura-contact-panel__email a {
    color: #023184 !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    padding-bottom: 2px !important;
    transition: border-color 0.25s ease !important;
}

/* Gạch chân số điện thoại và email khi hover */
body #aura-contact-panel p.aura-contact-panel__phone a:hover,
body #aura-contact-panel p.aura-contact-panel__email a:hover,
body #aura-contact-panel p.aura-contact-panel__phone a:focus-visible,
body #aura-contact-panel p.aura-contact-panel__email a:focus-visible {
    color: #023184 !important;
    border-bottom-color: #023184 !important;
}


/* Timeline AURASIGN V5: phong cách tối giản */
.aura-axis,
.aura-axis * {
  box-sizing: border-box;
}

/* Bảng màu và kích thước chung */
.aura-axis {
  --aura-blue: #0555C4;
  --aura-deep: #023184;
  --aura-ink: #13171A;
  --aura-muted: #4E5967;
  --aura-mist: #EAEAEA;
  --aura-gap: 48px;
  --aura-branch: 48px;
  --aura-anchor: 57px;
  position: relative;
  isolation: isolate;
  width: min(1160px, 100%);
  margin: 0 auto;
  padding: 36px 26px 78px;
  color: var(--aura-ink);
  font-family: inherit;
}

/* Trục đứng xuyên suốt */
.aura-axis::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 24px;
  left: 50%;
  width: 1px;
  background: var(--aura-blue);
  transform: none;
  pointer-events: none;
}

/* Hai cột trái và phải */
.aura-axis .aura-node {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  min-height: 112px;
  padding: 18px 0 24px;
}

/* Nhánh ngang nối nội dung với trục */
.aura-axis .aura-node::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: var(--aura-anchor);
  width: var(--aura-branch);
  height: 1px;
  background: var(--aura-blue);
  transition: transform .65s cubic-bezier(.22,1,.36,1);
}

.aura-axis .aura-node--left::before {
  right: 50%;
  transform-origin: right center;
}

.aura-axis .aura-node--right::before {
  left: 50%;
  transform-origin: left center;
}

/* Dấu tròn trên trục */
.aura-axis .aura-node::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: calc(var(--aura-anchor) - 5px);
  left: 50%;
  width: 10px;
  height: 10px;
  border: 2px solid var(--aura-blue);
  border-radius: 50%;
  background: var(--aura-mist);
  box-shadow: 0 0 0 4px var(--aura-mist);
  transform: translateX(-50%);
  transition: background-color .35s ease;
}

/* Vị trí các nội dung */
.aura-axis .aura-node--left > .aura-node__panel {
  grid-column: 1;
  margin-right: var(--aura-gap);
}

.aura-axis .aura-node--right > .aura-node__panel {
  grid-column: 2;
  margin-left: var(--aura-gap);
}

/* Mục thường chỉ có chữ, không có card */
.aura-axis .aura-node:not(.aura-node--boxed) > .aura-node__panel {
  position: relative;
  min-width: 0;
  max-width: 100%;
  margin-top: 0;
  padding: 10px 12px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
  cursor: default;
}

/* Không hiển thị nhãn và số thứ tự cũ */
.aura-axis .aura-node__panel::before {
  content: none;
  display: none;
}

/* Tiêu đề thông thường */
.aura-axis .aura-node__heading,
.aura-axis .aura-node__panel h2.aura-node__heading {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--aura-ink);
  font-family: inherit;
  font-size: clamp(20px, 1.72vw, 25px);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.025em;
  text-align: left;
  text-transform: none;
}

/* Đoạn mô tả */
.aura-axis .aura-node__copy {
  max-width: 100%;
  margin-top: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--aura-muted);
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
  text-align: left;
  overflow-wrap: anywhere;
}

.aura-axis .aura-node__copy p {
  margin: 0 0 12px;
}

.aura-axis .aura-node__copy p:last-child,
.aura-axis .aura-node__copy ul:last-child,
.aura-axis .aura-node__copy ol:last-child {
  margin-bottom: 0;
}

/* Tên nhóm năng lực AURASIGN */
.aura-axis .aura-node__copy h3 {
  margin: 0 0 8px;
  color: var(--aura-deep);
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.aura-axis .aura-node__copy ul,
.aura-axis .aura-node__copy ol {
  display: block;
  margin: 10px 0 16px;
  padding-left: 20px;
  list-style-position: outside;
}

.aura-axis .aura-node__copy ul { list-style-type: disc; }
.aura-axis .aura-node__copy ol { list-style-type: decimal; }
.aura-axis .aura-node__copy li {
  display: list-item;
  margin-bottom: 7px;
  padding-left: 3px;
}
.aura-axis .aura-node__copy li::marker { color: var(--aura-blue); }

/* Mục lớn chỉ có tiêu đề đóng khung, nối liền trục */
.aura-axis .aura-node--boxed {
  min-height: 100px;
  padding-top: 18px;
  padding-bottom: 24px;
}

.aura-axis .aura-node--boxed::before {
  display: none;
}

.aura-axis .aura-node--boxed > .aura-node__panel {
  grid-column: 1;
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.aura-axis .aura-node--boxed > .aura-node__panel > h2.aura-node__heading {
  display: block;
  width: min(420px, 100%);
  margin: 0;
  padding: 18px 24px;
  border: 2px solid var(--aura-blue);
  border-right: 0;
  border-radius: 0;
  background: rgba(5,85,196,.045);
  color: var(--aura-deep);
  font-size: clamp(21px, 1.85vw, 28px);
  font-weight: 650;
  line-height: 1.35;
  text-align: left;
  transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
}

/* Chỉ hiển thị tiêu đề tại bốn mục lớn */
.aura-axis .aura-node--boxed .aura-node__copy {
  display: none;
}

/* Hiệu ứng cuộn xuất hiện từ trục và thu lại khi cuộn ngược */
.aura-axis.aura-axis--ready .aura-node > .aura-node__panel {
  opacity: 0;
  transition:
    transform .78s cubic-bezier(.22,1,.36,1),
    opacity .55s ease;
  will-change: transform, opacity;
}

.aura-axis.aura-axis--ready .aura-node--left > .aura-node__panel {
  transform: translateX(48px);
  transform-origin: right center;
}

.aura-axis.aura-axis--ready .aura-node--right > .aura-node__panel {
  transform: translateX(-48px);
  transform-origin: left center;
}

.aura-axis.aura-axis--ready .aura-node::before {
  transform: scaleX(0);
}

.aura-axis.aura-axis--ready .aura-node.aura-node--shown > .aura-node__panel {
  opacity: 1;
  transform: translateX(0);
}

.aura-axis.aura-axis--ready .aura-node.aura-node--shown::before {
  transform: scaleX(1);
}

.aura-axis .aura-node.aura-node--shown::after {
  background: var(--aura-blue);
}

/* Hover chữ nổi nhẹ, không tạo card */
@media (hover: hover) and (pointer: fine) {
  .aura-axis.aura-axis--ready .aura-node.aura-node--shown:not(.aura-node--boxed) > .aura-node__panel:hover {
    transform: translateY(-8px);
  }

  .aura-axis .aura-node:not(.aura-node--boxed) > .aura-node__panel:hover h2.aura-node__heading {
    color: var(--aura-deep);
  }

  .aura-axis .aura-node:not(.aura-node--boxed) > .aura-node__panel:hover .aura-node__copy {
    color: #323D4D;
  }

  .aura-axis .aura-node--boxed > .aura-node__panel:hover > h2.aura-node__heading {
    background: rgba(5,85,196,.095);
    box-shadow: -8px 9px 22px rgba(2,49,132,.06);
  }
}

/* Chuyển màu chữ khi hover */
.aura-axis .aura-node:not(.aura-node--boxed) .aura-node__heading,
.aura-axis .aura-node:not(.aura-node--boxed) .aura-node__copy {
  transition: color .25s ease;
}

/* Tablet */
@media (min-width: 701px) and (max-width: 1024px) {
  .aura-axis {
    --aura-gap: 37px;
    --aura-branch: 37px;
    padding: 26px 15px 65px;
  }
  .aura-axis .aura-node:not(.aura-node--boxed) > .aura-node__panel {
    padding: 8px;
  }
  .aura-axis .aura-node__copy { font-size: 14px; }
}

/* Mobile: trục bên trái và chữ một cột */
@media (max-width: 700px) {
  .aura-axis {
    --aura-gap: 0px;
    --aura-branch: 38px;
    --aura-anchor: 49px;
    width: 100%;
    padding: 16px 17px 48px 66px;
  }

  .aura-axis::before {
    left: 28px;
    bottom: 18px;
  }

  .aura-axis .aura-node {
    display: block;
    min-height: 0;
    padding: 15px 0 22px;
  }

  .aura-axis .aura-node--left::before,
  .aura-axis .aura-node--right::before,
  .aura-axis .aura-node--boxed::before {
    display: block;
    left: -38px;
    right: auto;
    width: 38px;
    transform-origin: left center;
  }

  .aura-axis .aura-node::after {
    left: -38px;
  }

  .aura-axis .aura-node--left > .aura-node__panel,
  .aura-axis .aura-node--right > .aura-node__panel,
  .aura-axis .aura-node--boxed > .aura-node__panel {
    margin: 0;
    text-align: left;
  }

  .aura-axis .aura-node:not(.aura-node--boxed) > .aura-node__panel {
    padding: 7px 0;
  }

  .aura-axis .aura-node__heading,
  .aura-axis .aura-node__panel h2.aura-node__heading {
    font-size: clamp(20px, 5.3vw, 24px);
  }

  .aura-axis .aura-node__copy {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.7;
  }

  .aura-axis .aura-node--boxed > .aura-node__panel > h2.aura-node__heading {
    width: 100%;
    padding: 14px 13px;
    border: 2px solid var(--aura-blue);
    border-left: 0;
    font-size: 20px;
  }

  .aura-axis.aura-axis--ready .aura-node--left > .aura-node__panel,
  .aura-axis.aura-axis--ready .aura-node--right > .aura-node__panel {
    transform: translateX(-33px);
    transform-origin: left center;
  }

  .aura-axis.aura-axis--ready .aura-node.aura-node--shown > .aura-node__panel {
    transform: translateX(0);
  }
}

/* Tắt chuyển động theo cài đặt trợ năng */
@media (prefers-reduced-motion: reduce) {
  .aura-axis.aura-axis--ready .aura-node > .aura-node__panel,
  .aura-axis.aura-axis--ready .aura-node--left > .aura-node__panel,
  .aura-axis.aura-axis--ready .aura-node--right > .aura-node__panel {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .aura-axis.aura-axis--ready .aura-node::before {
    transform: scaleX(1) !important;
    transition: none !important;
  }
}


/* Bảng màu AURASIGN */
.aur-process {
  --aur-blue: #023184;
  --aur-blue-bright: #0555c4;
  --aur-halo: #6b99d6;
  --aur-ink: #13171a;
  --aur-muted: #5f6770;
  --aur-bg: #eaeaea;
  width: 100%;
  box-sizing: border-box;
  background: var(--aur-bg);
  color: var(--aur-ink);
  font-family: Inter, "Libre Franklin", Arial, sans-serif;
  isolation: isolate;
}

/* Khung nội dung */
.aur-process *, .aur-process *::before, .aur-process *::after { box-sizing: border-box; }
.aur-process__inner {
  width: min(100%, 1320px);
  margin: 0 auto;
  padding: clamp(65px, 7vw, 108px) clamp(20px, 4.5vw, 70px) 58px;
}

/* Tiêu đề */
.aur-process__heading { max-width: 720px; margin: 0 0 46px; }
.aur-process__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--aur-blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.5;
}
.aur-process__eyebrow::before { content: ""; display: block; width: 24px; height: 2px; background: var(--aur-blue-bright); }
.aur-process__heading h2 {
  margin: 18px 0 15px !important;
  padding: 0;
  color: var(--aur-ink);
  font-family: Inter, "Libre Franklin", Arial, sans-serif;
  font-size: clamp(35px, 4.6vw, 64px);
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: 1.12;
  text-transform: none;
}
.aur-process__heading p {
  max-width: 600px;
  margin: 0;
  color: var(--aur-muted);
  font-size: clamp(15px, 1.15vw, 18px);
  font-weight: 400;
  line-height: 1.8;
}

/* Danh sách tiến trình và đường mũi tên */
.aur-process__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0 !important;
  padding: 0 16px 0 0 !important;
  list-style: none !important;
}
.aur-process__list::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 91px;
  left: 0;
  right: 20px;
  height: 2px;
  background: linear-gradient(90deg, var(--aur-blue), var(--aur-blue-bright) 78%, var(--aur-halo));
}
.aur-process__list::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 85px;
  right: 14px;
  width: 13px;
  height: 13px;
  border-top: 2px solid var(--aur-blue-bright);
  border-right: 2px solid var(--aur-blue-bright);
  transform: rotate(45deg);
}

/* Mốc số phía trên trục */
.aur-process__step {
  position: relative;
  min-width: 0;
  min-height: 354px;
  margin: 0 !important;
  padding: 0 7px;
  list-style: none !important;
}
.aur-process__number {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  margin: 0 auto 56px;
  border: 1px solid rgba(2, 49, 132, .22);
  border-radius: 50%;
  background: var(--aur-bg);
  color: var(--aur-blue);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: 1;
  box-shadow: 0 0 0 8px var(--aur-bg);
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), background .35s, color .35s, box-shadow .35s;
}
.aur-process__number::after {
  content: "";
  position: absolute;
  top: calc(100% + 7px);
  left: calc(50% - 1px);
  width: 2px;
  height: 17px;
  background: var(--aur-blue-bright);
}
.aur-process__dot {
  position: absolute;
  z-index: 2;
  top: 86px;
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border: 2px solid var(--aur-bg);
  border-radius: 50%;
  background: var(--aur-blue-bright);
  box-shadow: 0 0 0 2px var(--aur-blue-bright);
  transition: transform .35s, background .35s, box-shadow .35s;
}

/* Nội dung từng bước */
.aur-process__card {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 215px;
  margin: 0;
  padding: 22px clamp(12px, 1.65vw, 25px) 24px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: inherit;
  outline: none;
  cursor: default;
  transition: transform .4s cubic-bezier(.22, 1, .36, 1), background .3s, border-color .3s, box-shadow .4s;
}
.aur-process__meta {
  display: block;
  margin: 0 0 17px;
  color: var(--aur-blue-bright);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .11em;
  line-height: 1.5;
}
.aur-process__card h3 {
  min-height: 63px;
  margin: 0 0 15px !important;
  padding: 0;
  color: var(--aur-ink);
  font-family: Inter, "Libre Franklin", Arial, sans-serif;
  font-size: clamp(19px, 1.85vw, 25px);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1.25;
  text-transform: none;
}
.aur-process__card h3 span { display: block; }
.aur-process__card p {
  margin: 0;
  color: var(--aur-muted);
  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.75;
}
.aur-process__card::after {
  content: "";
  position: absolute;
  right: 22px;
  bottom: 17px;
  width: 25px;
  height: 2px;
  background: var(--aur-blue-bright);
  opacity: 0;
  transform: scaleX(.4);
  transform-origin: right center;
  transition: opacity .3s, transform .3s;
}

/* Hover nổi khối theo từng bước */
@media (hover: hover) and (pointer: fine) {
  .aur-process__step:hover .aur-process__card { transform: translateY(-12px); background: rgba(255, 255, 255, .95); border-color: rgba(5, 85, 196, .16); box-shadow: 0 22px 45px rgba(2, 49, 132, .11); }
  .aur-process__step:hover .aur-process__number { transform: translateY(-4px) scale(1.06); background: var(--aur-blue); color: #fff; box-shadow: 0 0 0 8px var(--aur-bg), 0 10px 23px rgba(2, 49, 132, .22); }
  .aur-process__step:hover .aur-process__dot { transform: scale(1.4); box-shadow: 0 0 0 5px rgba(107, 153, 214, .2); }
  .aur-process__step:hover .aur-process__card::after { opacity: 1; transform: scaleX(1); }
}

/* Điều hướng bằng bàn phím */
.aur-process__step:focus-within .aur-process__card { transform: translateY(-8px); background: #fff; border-color: var(--aur-blue-bright); box-shadow: 0 14px 35px rgba(2, 49, 132, .1); }
.aur-process__step:focus-within .aur-process__number { background: var(--aur-blue); color: #fff; }
.aur-process__card:focus-visible { outline: 2px solid var(--aur-blue-bright); outline-offset: 3px; }

/* Dòng kết */
.aur-process__closing {
  margin: 0;
  padding: 22px 0 0;
  border-top: 1px solid rgba(19, 23, 26, .13);
  color: var(--aur-muted);
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: .015em;
}

/* Tablet và mobile chuyển thành trục dọc */
@media (max-width: 979px) {
  .aur-process__inner { padding: 58px 22px 40px; }
  .aur-process__heading { margin-bottom: 32px; }
  .aur-process__heading h2 { font-size: clamp(33px, 7vw, 49px); }
  .aur-process__list { display: block; padding: 0 0 15px 0 !important; }
  .aur-process__list::before { top: 32px; bottom: 18px; left: 32px; right: auto; width: 2px; height: auto; background: linear-gradient(180deg, var(--aur-blue), var(--aur-blue-bright) 85%, var(--aur-halo)); }
  .aur-process__list::after { top: auto; bottom: 11px; left: 26px; right: auto; transform: rotate(135deg); }
  .aur-process__step { display: grid; grid-template-columns: 65px minmax(0, 1fr); gap: 10px; min-height: 0; padding: 0 0 22px; }
  .aur-process__number { grid-column: 1; grid-row: 1; width: 58px; height: 58px; margin: 0; font-size: 21px; }
  .aur-process__number::after { display: none; }
  .aur-process__dot { display: none; }
  .aur-process__card { grid-column: 2; grid-row: 1; min-height: 0; padding: 16px 19px 20px; border-color: rgba(2, 49, 132, .09); background: rgba(255, 255, 255, .58); }
  .aur-process__card h3 { min-height: 0; font-size: clamp(20px, 3vw, 25px); }
  .aur-process__card h3 span { display: inline; }
  .aur-process__meta { margin-bottom: 9px; }
  .aur-process__card p { font-size: 14px; }
}

/* Điện thoại nhỏ */
@media (max-width: 480px) {
  .aur-process__inner { padding: 45px 14px 32px; }
  .aur-process__heading { padding: 0 5px; }
  .aur-process__heading p { font-size: 14px; }
  .aur-process__list::before { left: 24px; }
  .aur-process__list::after { left: 18px; }
  .aur-process__step { grid-template-columns: 50px minmax(0, 1fr); gap: 5px; }
  .aur-process__number { width: 48px; height: 48px; font-size: 18px; }
  .aur-process__card { padding: 14px 14px 17px; border-radius: 11px; }
  .aur-process__card h3 { font-size: 20px; }
  .aur-process__card p { font-size: 13px; }
  .aur-process__closing { margin-left: 5px; margin-right: 5px; }
}

/* Tôn trọng người dùng muốn giảm chuyển động */
@media (prefers-reduced-motion: reduce) {
  .aur-process__card, .aur-process__number, .aur-process__dot, .aur-process__card::after { transition: none !important; }
}

/* Ưu tiên giao diện quy trình trong UX Builder */
.aur-process.aur-process { width: 100%; max-width: none; clear: both; }
.aur-process.aur-process .aur-process__list > li { margin-left: 0; }
.aur-process.aur-process .aur-process__list > li::marker { content: ""; }
.aur-process.aur-process .aur-process__heading h2,
.aur-process.aur-process .aur-process__card h3 { text-align: left; }


/* Đồng bộ chữ Liên hệ với chúng tôi */
#aura-contact-panel a.aura-contact-panel__link {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: none !important;
}

/* Responsive widescreen: giảm khoảng 30% phần trục giá trị và quy trình */
@media (min-width: 1600px) {
    /* Tuyên bố giá trị: giảm bề rộng, giữ trục giữa */
    .aura-axis {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: clamp(1160px, 63vw, 2170px) !important;
        max-width: none !important;
        margin: 0 !important;
        padding: clamp(36px, 2vw, 60px) clamp(22px, 1.8vw, 56px) clamp(72px, 3vw, 100px);
        --aura-gap: clamp(48px, 2.2vw, 76px);
        --aura-branch: clamp(48px, 2.2vw, 76px);
    }

    /* Tiêu đề, mô tả và nhãn trục giá trị */
    .aura-axis .aura-node__heading,
    .aura-axis .aura-node__panel h2.aura-node__heading {
        font-size: clamp(20px, 1.05vw, 31px);
    }

    .aura-axis .aura-node__copy {
        font-size: clamp(15px, .78vw, 22px);
        line-height: 1.65;
    }

    .aura-axis .aura-node__copy h3 {
        font-size: clamp(12px, .52vw, 15px);
    }

    .aura-axis .aura-node:not(.aura-node--boxed) > .aura-node__panel {
        width: 100%;
        max-width: 100%;
        padding: clamp(10px, .6vw, 18px);
    }

    .aura-axis .aura-node--boxed > .aura-node__panel > h2.aura-node__heading {
        width: min(100%, 480px);
        font-size: clamp(22px, 1.08vw, 32px);
        padding: clamp(16px, .8vw, 24px) clamp(20px, 1vw, 32px);
    }

    /* Quy trình dịch vụ: giảm bề rộng, giữ bốn bước */
    .aur-process {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: clamp(1320px, 63vw, 2170px) !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .aur-process .aur-process__inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto;
        padding: clamp(64px, 3vw, 90px) clamp(28px, 2.3vw, 72px) clamp(48px, 2.3vw, 70px);
    }

    .aur-process .aur-process__heading {
        max-width: min(100%, 800px);
    }

    .aur-process .aur-process__heading h2 {
        font-size: clamp(35px, 2.1vw, 48px);
    }

    .aur-process .aur-process__heading p {
        max-width: 700px;
        font-size: clamp(15px, .72vw, 19px);
    }

    .aur-process .aur-process__step {
        padding-left: clamp(8px, .65vw, 18px);
        padding-right: clamp(8px, .65vw, 18px);
    }

    .aur-process .aur-process__card h3 {
        font-size: clamp(19px, .94vw, 27px);
    }

    .aur-process .aur-process__card p {
        font-size: clamp(13px, .70vw, 20px);
        line-height: 1.65;
    }

    .aur-process .aur-process__meta {
        font-size: clamp(10px, .45vw, 13px);
    }

    .aur-process .aur-process__closing {
        font-size: clamp(14px, .62vw, 18px);
    }

    /* Liên hệ: thu gọn khoảng 18% trên widescreen */
    .aura-contact-section .section-content > .row {
        width: min(74vw, 1970px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .aura-contact-section .section-title-container {
        width: min(74vw, 1970px);
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Màn hình siêu rộng: giới hạn bề rộng liên hệ tương ứng */
@media (min-width: 2400px) {
    .aura-contact-section .section-content > .row,
    .aura-contact-section .section-title-container {
        width: min(74vw, 2340px) !important;
    }
}
/* Tên Trịnh Quyết Thắng */
button.aur-leader-trigger {
    position: relative;
    display: inline-block;
    color: #023184 !important;
    text-decoration: none !important;
}

/* Giữ màu xanh khi hover */
button.aur-leader-trigger:hover,
button.aur-leader-trigger:focus-visible {
    color: #023184 !important;
    text-decoration: none !important;
}

/* Đường kẻ chạy từ trái sang phải */
button.aur-leader-trigger::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1.5px;
    background-color: #023184;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease;
    pointer-events: none;
}

/* Hiện đường kẻ khi hover */
button.aur-leader-trigger:hover::after,
button.aur-leader-trigger:focus-visible::after {
    transform: scaleX(1);
}
/* Khoảng cách tên riêng khi GTranslate thay đổi các text node */
html.aura-english-layout button.aur-leader-trigger {
    margin-inline: .16em !important;
}

/* Vị trí đường nối theo tiêu đề từng mục */
.aura-axis .aura-node:not(.aura-node--boxed) {
  --aura-anchor: clamp(42px, calc(28px + 1.15vw), 45px);
}

@media (min-width: 701px) and (max-width: 1024px) {
  .aura-axis .aura-node:not(.aura-node--boxed) {
    --aura-anchor: 40px;
  }
}

@media (min-width: 1600px) {
  .aura-axis .aura-node:not(.aura-node--boxed) {
    --aura-anchor: clamp(42px, calc(18px + 1.31vw), 57px);
  }
}

@media (max-width: 700px) {
  .aura-axis .aura-node:not(.aura-node--boxed) {
    --aura-anchor: clamp(36px, calc(22px + 2.2vw), 39px);
  }
}

/* Mũi tên và đường nối dùng cùng tâm, cùng nét 1px */
.aura-axis .aura-node:not(.aura-node--boxed)::before {
  top: var(--aura-anchor);
  height: 1px;
}

.aura-axis .aura-node:not(.aura-node--boxed)::after {
  content: "";
  top: calc(var(--aura-anchor) - 8px);
  width: 11px;
  height: 17px;
  border: 0;
  border-radius: 0;
  background: var(--aura-blue);
  box-shadow: none;
  transform: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2017%22%3E%3Cpath%20d%3D%22M3%201.5%20L10%208.5%20L3%2015.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%2F%3E%3C%2Fsvg%3E") no-repeat center / 100% 100%;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2017%22%3E%3Cpath%20d%3D%22M3%201.5%20L10%208.5%20L3%2015.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%2F%3E%3C%2Fsvg%3E") no-repeat center / 100% 100%;
  transition: background-color .25s ease, opacity .3s ease;
}

/* Mũi tên ở bên phải trục */
.aura-axis .aura-node--right:not(.aura-node--boxed)::after {
  left: calc(50% + var(--aura-branch) - 10px);
}

/* Mũi tên ở bên trái trục */
.aura-axis .aura-node--left:not(.aura-node--boxed)::after {
  left: calc(50% - var(--aura-branch) - 1px);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2017%22%3E%3Cpath%20d%3D%22M8%201.5%20L1%208.5%20L8%2015.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2017%22%3E%3Cpath%20d%3D%22M8%201.5%20L1%208.5%20L8%2015.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%2F%3E%3C%2Fsvg%3E");
}

/* Đồng bộ hiệu ứng hiện mũi tên */
.aura-axis.aura-axis--ready .aura-node:not(.aura-node--boxed)::after {
  opacity: 0;
}
.aura-axis.aura-axis--ready .aura-node.aura-node--shown:not(.aura-node--boxed)::after {
  opacity: 1;
}

/* Hover theo màu xanh hiện tại */
@media (hover: hover) and (pointer: fine) {
  .aura-axis .aura-node:not(.aura-node--boxed):hover::after {
    background-color: var(--aura-deep);
  }
}

/* Mobile: giữ hướng sang phải cho mọi nhánh */
@media (max-width: 700px) {
  .aura-axis .aura-node--left:not(.aura-node--boxed)::after,
  .aura-axis .aura-node--right:not(.aura-node--boxed)::after {
    left: -10px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2017%22%3E%3Cpath%20d%3D%22M3%201.5%20L10%208.5%20L3%2015.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2017%22%3E%3Cpath%20d%3D%22M3%201.5%20L10%208.5%20L3%2015.5%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media (prefers-reduced-motion: reduce) {
  .aura-axis .aura-node:not(.aura-node--boxed)::after {
    transition: none !important;
  }
}

/* Đồng bộ nét vẽ timeline */
.aura-axis {
  --aura-line-width: 1px;
}

/* Trục dọc dùng một nét xanh cố định */
.aura-axis::before {
  width: var(--aura-line-width) !important;
  border: 0 !important;
  background: var(--aura-blue) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Nhánh ngang không phóng nét bằng transform */
.aura-axis .aura-node:not(.aura-node--boxed)::before {
  top: var(--aura-anchor) !important;
  top: round(nearest, var(--aura-anchor), 1px) !important;
  height: 0 !important;
  border: 0 !important;
  border-top: var(--aura-line-width) solid var(--aura-blue) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: width .65s cubic-bezier(.22,1,.36,1) !important;
}

/* Giữ hiệu ứng hiện đường nối từ trục ra ngoài */
.aura-axis.aura-axis--ready .aura-node:not(.aura-node--boxed)::before {
  width: 0 !important;
  transform: none !important;
}

.aura-axis.aura-axis--ready .aura-node.aura-node--shown:not(.aura-node--boxed)::before {
  width: var(--aura-branch) !important;
  transform: none !important;
}

/* Viền khung tiêu đề đồng độ dày nét */
.aura-axis .aura-node--boxed > .aura-node__panel > h2.aura-node__heading {
  border-width: var(--aura-line-width) !important;
}

/* Mũi tên giữ nguyên nét mảnh và màu xanh */
.aura-axis .aura-node:not(.aura-node--boxed)::after {
  top: calc(var(--aura-anchor) - 8px) !important;
  top: calc(round(nearest, var(--aura-anchor), 1px) - 8px) !important;
  background-color: var(--aura-blue) !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .aura-axis .aura-node:not(.aura-node--boxed):hover::after {
    background-color: var(--aura-blue) !important;
  }
}

/* Liên hệ trượt mượt khi chuyển sang và rời chế độ Lưới */
@media (min-width: 1200px) and (max-width: 2199px) {
  #aura-contact-panel.aura-contact-follows-menu-pair {
    transform: translate3d(0, 0, 0) !important;
    transition: transform .75s cubic-bezier(.22, 1, .36, 1) !important;
  }

  html.aura-service-index-viewport-lock:has(.aura-work[data-layout="grid"])
  #aura-contact-panel.aura-contact-follows-menu-pair {
    transform: translate3d(
      calc(100vw - clamp(28px, 2.8vw, 60px) - var(--aura-contact-dynamic-left, 0px) - var(--aura-contact-width, 290px)),
      0,
      0
    ) !important;
  }
}

/* Tắt chuyển động theo thiết lập trợ năng */
@media (prefers-reduced-motion: reduce) {
  #aura-contact-panel.aura-contact-follows-menu-pair {
    transition: none !important;
  }
}

/* Nội dung Về chúng tôi trên màn siêu rộng */
.aura-about-wide-section {
    display: none !important;
}

@media (min-width: 2400px) {
    /* Chỉ ẩn ba đoạn văn ở vị trí cũ, giữ nguyên tiêu đề và breadcrumb */
    .aura-about-intro .aura-about-story-original {
        display: none !important;
    }

    /* Section độc lập chiếm toàn bộ chiều rộng trang */
    .aura-about-wide-section {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 22px 0 28px !important;
        box-sizing: border-box !important;
    }

    .aura-about-wide-section > .section-content {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Hàng độc lập chiếm toàn bộ viewport, không phụ thuộc hàng tiêu đề */
    .aura-about-wide-section .row.aura-about-story-wide-row {
        position: static !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
        box-sizing: border-box !important;
    }

    /* Chừa khoảng trống an toàn cho khối liên hệ bên phải */
    .aura-about-wide-section .row.aura-about-story-wide-row > .col.aura-about-story-wide-col {
        display: block !important;
        flex: 0 1 min(54vw, 1840px) !important;
        width: min(54vw, 1840px) !important;
        min-width: 0 !important;
        max-width: min(54vw, 1840px) !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Chỉ văn bản căn trái bên trong khối đã căn giữa */
    .aura-about-wide-section .aura-about-story-wide-text {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        font-size: clamp(18px, 0.62vw, 22px) !important;
        line-height: 1.65 !important;
        overflow-wrap: break-word;
        box-sizing: border-box !important;
    }

    .aura-about-wide-section .aura-about-story-wide-text p,
    .aura-about-wide-section .aura-about-story-wide-text strong {
        font-size: inherit !important;
        line-height: inherit !important;
    }
}

/* AURASIGN Values Timeline: khớp mẫu tuyên bố giá trị. */
.aura-values-section { background-color:#eaeaea !important; }
.aura-values-section > .section-bg { background-color:#eaeaea !important; }
.aura-axis.aura-axis--values {
  --aura-blue:#0348a9;
  --aura-deep:#023184;
  --aura-ink:#13171a;
  --aura-muted:#536071;
  --aura-mist:#eaeaea;
  --aura-gap:56px;
  --aura-branch:42px;
  --aura-anchor:41px;
  position:relative;
  left:auto !important;
  width:min(100%,1160px) !important;
  max-width:1160px !important;
  margin:0 auto !important;
  padding:44px clamp(24px,7%,80px) 42px !important;
  transform:none !important;
  isolation:isolate;
}

/* Trục từ khung tuyên bố tới hết ba giá trị. */
.aura-axis.aura-axis--values::before {
  top:44px;
  bottom:90px;
  left:50%;
  background:var(--aura-blue) !important;
}
.aura-axis--values .aura-node {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  margin:0;
  padding:0;
}
.aura-axis--values .aura-values__intro { min-height:110px; }
.aura-axis--values .aura-values__vision { min-height:226px; }
.aura-axis--values .aura-values__mission { min-height:171px; }
.aura-axis--values .aura-values__core { min-height:420px; }

/* Khung đầu tiên nằm bên trái, nối sát trục giữa. */
.aura-axis--values .aura-values__intro > .aura-node__panel {
  grid-column:1;
  display:block;
  width:100%;
  min-width:0;
  min-height:92px;
  margin:0 !important;
  padding:15px 18px 12px;
  border:1px solid var(--aura-blue);
  border-right:0;
  background:rgba(3,72,169,.018);
  text-align:left;
}
.aura-axis--values .aura-values__intro > .aura-node__panel > h2.aura-node__heading {
  display:block;
  width:100% !important;
  margin:0;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  color:var(--aura-deep);
  font-size:clamp(27px,2.05vw,31px) !important;
  font-weight:700;
  line-height:1.35;
  letter-spacing:-.025em;
}
.aura-axis--values .aura-values__tagline {
  display:block;
  margin:7px 0 0;
  color:var(--aura-muted);
  font-size:clamp(11px,.84vw,13px);
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
}
.aura-axis--values .aura-values__intro::before { display:none !important; }
.aura-axis--values .aura-values__intro::after {
  top:33px;
  left:50%;
  width:16px;
  height:16px;
  border:2px solid var(--aura-mist);
  border-radius:50%;
  background:var(--aura-blue);
  box-shadow:0 0 0 3px var(--aura-mist);
  transform:translateX(-50%);
}

/* Các mục 01–03 xen kẽ, nhãn nhỏ nằm phía trên tiêu đề. */
.aura-axis--values .aura-node--right:not(.aura-node--boxed) > .aura-node__panel {
  grid-column:2;
  margin:0 0 0 var(--aura-gap) !important;
}
.aura-axis--values .aura-node--left:not(.aura-node--boxed) > .aura-node__panel {
  grid-column:1;
  margin:0 var(--aura-gap) 0 0 !important;
}
.aura-axis--values .aura-node:not(.aura-node--boxed) > .aura-node__panel {
  width:auto !important;
  min-width:0;
  max-width:100%;
  padding:2px 0 0 !important;
  border:0;
  background:transparent;
  box-shadow:none;
}
.aura-axis--values .aura-values__index {
  display:block;
  margin:0 0 7px;
  padding:0;
  color:var(--aura-deep);
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.015em;
}
.aura-axis--values .aura-node--left .aura-values__index { text-align:right; }
.aura-axis--values .aura-node:not(.aura-node--boxed) .aura-node__heading {
  margin:0;
  color:#13171a;
  font-size:clamp(21px,1.65vw,25px) !important;
  font-weight:700;
  line-height:1.36;
  letter-spacing:-.025em;
}
.aura-axis--values .aura-node .aura-node__copy {
  margin-top:14px;
  color:#535e6b;
  font-size:clamp(14px,1vw,16px) !important;
  font-weight:400;
  line-height:1.72;
  overflow-wrap:break-word;
}
.aura-axis--values .aura-node__copy p { margin:0; }
.aura-axis--values .aura-values__core .aura-node__copy { margin-top:11px; }
.aura-axis--values .aura-values__core .aura-node__copy ul {
  display:block;
  margin:0;
  padding-left:17px;
  list-style-type:disc;
}
.aura-axis--values .aura-values__core .aura-node__copy li {
  margin:0 0 9px;
  padding-left:1px;
  line-height:1.65;
}
.aura-axis--values .aura-values__core .aura-node__copy li strong {
  color:#161b23;
  font-weight:700;
}
.aura-axis--values .aura-values__core .aura-node__copy li::marker {
  color:var(--aura-blue);
  font-size:.85em;
}

/* Cành nhánh đặt ngang hàng tiêu đề và mũi tên nét mảnh. */
.aura-axis--values .aura-node:not(.aura-node--boxed) { --aura-anchor:42px; }
.aura-axis--values .aura-node:not(.aura-node--boxed)::before {
  top:var(--aura-anchor) !important;
  left:auto;
  right:50%;
  width:var(--aura-branch);
}
.aura-axis--values .aura-node--right:not(.aura-node--boxed)::before {
  left:50%;
  right:auto;
}
.aura-axis--values .aura-node--left:not(.aura-node--boxed)::after {
  top:calc(var(--aura-anchor) - 8px) !important;
  left:calc(50% - var(--aura-branch) - 1px);
}
.aura-axis--values .aura-node--right:not(.aura-node--boxed)::after {
  top:calc(var(--aura-anchor) - 8px) !important;
  left:calc(50% + var(--aura-branch) - 10px);
}

/* Dòng kết kết thúc cụm timeline và không nối sang mục tiếp theo. */
.aura-axis--values .aura-values__closing {
  position:relative;
  z-index:3;
  display:block;
  margin:0;
  padding:31px 0 0;
  background:var(--aura-mist);
  color:var(--aura-deep);
  font-size:13px;
  font-weight:400;
  line-height:1.5;
  text-align:center;
}
.aura-timeline-continuation-section { padding-top:32px !important; }

/* Màn hình trung bình vẫn giữ bố cục 2 cột như mẫu. */
@media (min-width:701px) and (max-width:1100px) {
  .aura-axis.aura-axis--values {
    --aura-gap:56px;
    --aura-branch:42px;
    padding-left:clamp(26px,7%,68px) !important;
    padding-right:clamp(26px,7%,68px) !important;
  }
  .aura-axis--values .aura-values__core { min-height:440px; }
  .aura-axis--values .aura-node .aura-node__copy { font-size:14px !important; }
}

/* Trên điện thoại chuyển sang trục bên trái và một cột nội dung. */
@media (max-width:700px) {
  .aura-axis.aura-axis--values {
    --aura-gap:0px;
    --aura-branch:37px;
    width:100% !important;
    padding:26px 19px 38px 68px !important;
  }
  .aura-axis.aura-axis--values::before {
    top:26px;
    left:31px;
    bottom:95px;
  }
  .aura-axis--values .aura-node,
  .aura-axis--values .aura-values__intro,
  .aura-axis--values .aura-values__vision,
  .aura-axis--values .aura-values__mission,
  .aura-axis--values .aura-values__core {
    display:block;
    min-height:0;
  }
  .aura-axis--values .aura-values__intro { margin-bottom:33px; }
  .aura-axis--values .aura-values__vision { margin-bottom:42px; }
  .aura-axis--values .aura-values__mission { margin-bottom:42px; }
  .aura-axis--values .aura-values__core { margin-bottom:8px; }
  .aura-axis--values .aura-values__intro > .aura-node__panel {
    width:100%;
    min-height:88px;
    padding:14px 14px 12px;
    border:1px solid var(--aura-blue);
    border-left:0;
  }
  .aura-axis--values .aura-values__intro > .aura-node__panel > h2.aura-node__heading {
    font-size:clamp(22px,5.9vw,27px) !important;
  }
  .aura-axis--values .aura-values__intro::before { display:none !important; }
  .aura-axis--values .aura-values__intro::after {
    left:-37px;
    top:33px;
  }
  .aura-axis--values .aura-node--right:not(.aura-node--boxed) > .aura-node__panel,
  .aura-axis--values .aura-node--left:not(.aura-node--boxed) > .aura-node__panel {
    width:100% !important;
    margin:0 !important;
    padding:0 0 0 13px !important;
  }
  .aura-axis--values .aura-node--left .aura-values__index { text-align:left; }
  .aura-axis--values .aura-node:not(.aura-node--boxed) { --aura-anchor:37px; }
  .aura-axis--values .aura-node:not(.aura-node--boxed)::before {
    left:-37px !important;
    right:auto !important;
    width:37px;
    transform-origin:left center;
  }
  .aura-axis--values .aura-node--right:not(.aura-node--boxed)::after,
  .aura-axis--values .aura-node--left:not(.aura-node--boxed)::after {
    left:-10px;
    top:calc(var(--aura-anchor) - 8px) !important;
  }
  .aura-axis--values .aura-node:not(.aura-node--boxed) .aura-node__heading {
    font-size:clamp(21px,5.7vw,24px) !important;
  }
  .aura-axis--values .aura-node .aura-node__copy {
    font-size:14px !important;
    line-height:1.7;
  }
  .aura-axis--values .aura-values__closing {
    margin-left:-49px;
    padding:34px 8px 0;
    font-size:12px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .aura-axis--values .aura-node,
  .aura-axis--values .aura-node::before,
  .aura-axis--values .aura-node::after,
  .aura-axis--values .aura-node__panel {
    transition:none !important;
    animation:none !important;
  }
}



/* V6: thống nhất nền của cụm giá trị với trang. */
.aura-values-section,
.aura-values-section > .section-bg,
.aura-values-section > .section-content {
  background-color:#eaeaea !important;
}
.aura-axis.aura-axis--values {
  --aura-mist:#eaeaea;
  --aura-branch-blue:#7394be;
  --aura-values-dot-size:14px;
  background:transparent !important;
}
.aura-axis--values .aura-values__closing { background:#eaeaea; }

/* V6: chấm của khung tuyên bố và ba nhánh cùng đường kính, cùng màu. */
.aura-axis.aura-axis--values .aura-values__intro::after {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:6 !important;
  left:50% !important;
  top:43px !important;
  right:auto !important;
  width:var(--aura-values-dot-size) !important;
  height:var(--aura-values-dot-size) !important;
  min-width:var(--aura-values-dot-size) !important;
  min-height:var(--aura-values-dot-size) !important;
  max-width:var(--aura-values-dot-size) !important;
  max-height:var(--aura-values-dot-size) !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#0348a9 !important;
  background-image:none !important;
  box-shadow:none !important;
  transform:translate(-50%,-50%) !important;
  pointer-events:none !important;
}

/* V6: giữ chấm nhánh là hình tròn sau và trong animation. */
.aura-axis.aura-axis--values .aura-node:not(.aura-node--boxed)::before,
.aura-axis.aura-axis--values.aura-axis--ready .aura-node:not(.aura-node--boxed)::before,
.aura-axis.aura-axis--values.aura-axis--ready .aura-node.aura-node--shown:not(.aura-node--boxed)::before {
  width:var(--aura-values-dot-size) !important;
  height:var(--aura-values-dot-size) !important;
  min-width:var(--aura-values-dot-size) !important;
  min-height:var(--aura-values-dot-size) !important;
  max-width:var(--aura-values-dot-size) !important;
  max-height:var(--aura-values-dot-size) !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:50% !important;
  background:#0348a9 !important;
  background-image:none !important;
  box-shadow:none !important;
  transform:translate(-50%,-50%) !important;
  transition:opacity .3s ease !important;
}

/* V6: câu kết xuất hiện theo animation cuộn cùng các mục. */
.aura-axis--values.aura-axis--ready .aura-values__closing {
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .65s ease,transform .8s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
.aura-axis--values.aura-axis--ready .aura-values__closing.aura-values__closing--shown {
  opacity:1;
  transform:translate3d(0,0,0);
}

/* Mobile: chấm khung và chấm nhánh nằm đúng trên trục bên trái. */
@media (max-width:700px) {
  .aura-axis.aura-axis--values .aura-values__intro::after {
    left:-37px !important;
  }
}

/* Người dùng giảm chuyển động vẫn thấy đầy đủ timeline. */
@media (prefers-reduced-motion:reduce) {
  .aura-axis--values .aura-values__closing,
  .aura-axis--values.aura-axis--ready .aura-values__closing,
  .aura-axis--values.aura-axis--ready .aura-values__closing.aura-values__closing--shown {
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
  .aura-axis.aura-axis--values .aura-node:not(.aura-node--boxed)::before,
  .aura-axis.aura-axis--values .aura-node:not(.aura-node--boxed)::after {
    transition:none !important;
  }
  .aura-axis.aura-axis--values.aura-axis--ready .aura-node:not(.aura-node--boxed)::before,
  .aura-axis.aura-axis--values.aura-axis--ready .aura-node:not(.aura-node--boxed)::after {
    opacity:1 !important;
    clip-path:inset(0 0 0 0) !important;
  }
}

/* Timeline V4: chấm tròn sắc nét, không dùng radial-gradient. */
.aura-axis.aura-axis--values .aura-node:not(.aura-node--boxed) > .aura-values__joint {
  display:none !important;
}

/* Vẽ chấm tròn bằng CSS border-radius, luôn nằm tại tâm trục. */
.aura-axis.aura-axis--values .aura-node:not(.aura-node--boxed)::before {
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:var(--aura-anchor) !important;
  width:var(--aura-values-dot-size) !important;
  height:var(--aura-values-dot-size) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#0348a9 !important;
  background-image:none !important;
  box-shadow:none !important;
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%) !important;
  transform-origin:50% 50% !important;
  z-index:5;
  pointer-events:none;
  transition:opacity .3s ease !important;
}

/* Nhánh ngang và đầu mũi tên SVG nét mảnh chung một lớp. */
.aura-axis.aura-axis--values .aura-node:not(.aura-node--boxed)::after {
  content:"" !important;
  position:absolute !important;
  top:calc(var(--aura-anchor) - 6px) !important;
  width:var(--aura-branch) !important;
  height:12px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
  transform:none !important;
  z-index:4;
  pointer-events:none;
  transition:clip-path .65s cubic-bezier(.22,1,.36,1),opacity .3s ease !important;
}

/* Nhánh bên phải: nối từ chấm tròn đến đầu mũi tên. */
.aura-axis.aura-axis--values .aura-node--right:not(.aura-node--boxed)::after {
  left:50% !important;
  right:auto !important;
  background-image:linear-gradient(#7394be,#7394be),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M3%202L9%206L3%2010%22%20fill%3D%22none%22%20stroke%3D%22%237394be%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
  background-size:calc(100% - 7px) 1px,12px 12px !important;
  background-position:left center,right center !important;
  clip-path:inset(0 0 0 0);
}

/* Nhánh bên trái: mũi tên hướng ra bên trái. */
.aura-axis.aura-axis--values .aura-node--left:not(.aura-node--boxed)::after {
  left:auto !important;
  right:50% !important;
  background-image:linear-gradient(#7394be,#7394be),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M9%202L3%206L9%2010%22%20fill%3D%22none%22%20stroke%3D%22%237394be%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
  background-size:calc(100% - 7px) 1px,12px 12px !important;
  background-position:right center,left center !important;
  clip-path:inset(0 0 0 0);
}

/* Chấm và nhánh xuất hiện cùng mục khi cuộn, không thay đổi JS. */
.aura-axis.aura-axis--values.aura-axis--ready .aura-node:not(.aura-node--shown):not(.aura-node--boxed)::before {
  opacity:0 !important;
}
.aura-axis.aura-axis--values.aura-axis--ready .aura-node.aura-node--shown:not(.aura-node--boxed)::before {
  opacity:1 !important;
}
.aura-axis.aura-axis--values.aura-axis--ready .aura-node--right:not(.aura-node--shown):not(.aura-node--boxed)::after {
  clip-path:inset(0 100% 0 0);
  opacity:0 !important;
}
.aura-axis.aura-axis--values.aura-axis--ready .aura-node--left:not(.aura-node--shown):not(.aura-node--boxed)::after {
  clip-path:inset(0 0 0 100%);
  opacity:0 !important;
}
.aura-axis.aura-axis--values.aura-axis--ready .aura-node.aura-node--shown:not(.aura-node--boxed)::after {
  clip-path:inset(0 0 0 0);
  opacity:1 !important;
}

/* Mobile: trục ở bên trái, mọi mũi tên hướng sang phải. */
@media (max-width:700px) {
  .aura-axis.aura-axis--values .aura-node--right:not(.aura-node--boxed)::before,
  .aura-axis.aura-axis--values .aura-node--left:not(.aura-node--boxed)::before {
    left:-37px !important;
    right:auto !important;
  }
  .aura-axis.aura-axis--values .aura-node--right:not(.aura-node--boxed)::after,
  .aura-axis.aura-axis--values .aura-node--left:not(.aura-node--boxed)::after {
    left:-37px !important;
    right:auto !important;
    background-image:linear-gradient(#7394be,#7394be),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M3%202L9%206L3%2010%22%20fill%3D%22none%22%20stroke%3D%22%237394be%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") !important;
    background-size:calc(100% - 7px) 1px,12px 12px !important;
    background-position:left center,right center !important;
  }
  .aura-axis.aura-axis--values.aura-axis--ready .aura-node--left:not(.aura-node--shown):not(.aura-node--boxed)::after {
    clip-path:inset(0 100% 0 0);
  }
}

/* Tôn trọng chế độ giảm chuyển động. */
@media (prefers-reduced-motion:reduce) {
  .aura-axis.aura-axis--values .aura-node:not(.aura-node--boxed)::before,
  .aura-axis.aura-axis--values .aura-node:not(.aura-node--boxed)::after {
    transition:none !important;
  }
  .aura-axis.aura-axis--values.aura-axis--ready .aura-node:not(.aura-node--boxed)::before,
  .aura-axis.aura-axis--values.aura-axis--ready .aura-node:not(.aura-node--boxed)::after {
    opacity:1 !important;
    clip-path:inset(0 0 0 0) !important;
  }
}


/* V7: tinh chỉnh chấm tròn nhỏ hơn và có viền nền để tạo cảm giác nét nối bị ngắt giống mẫu */
.aura-axis.aura-axis--values {
  --aura-values-dot-size: 10px !important;
  --aura-values-dot-fill: #0348a9;
  --aura-values-dot-ring: 3px;
  --aura-values-bg: #eaeaea;
}

.aura-axis.aura-axis--values .aura-values__intro::after,
.aura-axis.aura-axis--values .aura-node:not(.aura-node--boxed)::before,
.aura-axis.aura-axis--values.aura-axis--ready .aura-node:not(.aura-node--boxed)::before,
.aura-axis.aura-axis--values.aura-axis--ready .aura-node.aura-node--shown:not(.aura-node--boxed)::before {
  width: var(--aura-values-dot-size) !important;
  height: var(--aura-values-dot-size) !important;
  min-width: var(--aura-values-dot-size) !important;
  min-height: var(--aura-values-dot-size) !important;
  max-width: var(--aura-values-dot-size) !important;
  max-height: var(--aura-values-dot-size) !important;
  border-radius: 50% !important;
  background: var(--aura-values-dot-fill) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 0 0 var(--aura-values-dot-ring) var(--aura-values-bg) !important;
}

/* Giữ chấm căn giữa trục, không phình khi animation chạy */
.aura-axis.aura-axis--values .aura-values__intro::after {
  transform: translate(-50%, -50%) !important;
}
.aura-axis.aura-axis--values .aura-node:not(.aura-node--boxed)::before,
.aura-axis.aura-axis--values.aura-axis--ready .aura-node:not(.aura-node--boxed)::before,
.aura-axis.aura-axis--values.aura-axis--ready .aura-node.aura-node--shown:not(.aura-node--boxed)::before {
  transform: translate(-50%, -50%) !important;
}


/* V8: ba timeline độc lập theo mẫu, kế thừa nét, chấm tròn và animation V7. */
.aura-timeline-series-section,
.aura-timeline-series-section > .section-bg,
.aura-timeline-series-section > .section-content {
  background-color: #eaeaea !important;
}
.aura-timeline-series-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.aura-axis.aura-axis--values.aura-axis--series {
  --aura-mist: #eaeaea;
  --aura-series-ink: #13171a;
  --aura-series-muted: #536071;
  padding-top: 39px !important;
  padding-bottom: 32px !important;
}
.aura-axis.aura-axis--series::before {
  top: 39px;
  bottom: 76px;
}
.aura-axis--series .aura-series__intro {
  min-height: 130px;
}
.aura-axis--series .aura-series__step {
  min-height: 190px;
}
.aura-axis--series .aura-series__step--5 {
  min-height: 192px;
}
.aura-axis--series .aura-series__intro > .aura-node__panel {
  min-height: 92px;
  padding-top: 15px;
  padding-bottom: 12px;
  background: transparent !important;
}
.aura-axis--series .aura-series__intro > .aura-node__panel > h2.aura-node__heading {
  font-size: clamp(25px, 2.05vw, 31px) !important;
  line-height: 1.3;
}
.aura-axis--series .aura-series__intro .aura-values__tagline,
.aura-axis--series .aura-series__intro-note {
  font-size: clamp(12px, .9vw, 14px);
  color: var(--aura-series-muted);
  font-weight: 400;
  line-height: 1.62;
}
.aura-axis--series .aura-series__intro .aura-values__tagline {
  margin-top: 9px;
}
.aura-axis--series .aura-series__intro-note {
  grid-column: 1;
  grid-row: 2;
  margin: 12px 32px 0 7px;
  padding: 0;
  max-width: 420px;
}
.aura-axis--series.aura-series--journey .aura-series__intro {
  min-height: 186px;
}
.aura-axis--series .aura-series__step .aura-node__heading {
  font-size: clamp(20px, 1.65vw, 25px) !important;
  line-height: 1.3;
  font-weight: 700;
  text-wrap: pretty;
}
.aura-axis--series .aura-series__step .aura-node__copy {
  margin-top: 10px;
  font-size: clamp(13px, .94vw, 15px) !important;
  line-height: 1.68;
}
.aura-axis--series .aura-series__step .aura-node__copy p {
  margin: 0;
}
.aura-axis--series .aura-series__step .aura-node__copy p.aura-series__emphasis {
  margin-top: 9px;
  color: #023184;
  font-weight: 700;
  line-height: 1.6;
}
.aura-axis--series .aura-series__step .aura-values__index {
  margin-bottom: 6px;
  font-size: 13px;
}
.aura-axis--series:not(.aura-series--partners) .aura-node--left .aura-values__index {
  text-align: left;
}
.aura-axis--series .aura-values__closing {
  position: relative;
  z-index: 3;
  padding-top: 24px;
  padding-bottom: 18px;
  background: #eaeaea;
  font-size: 13px;
  font-weight: 500;
}
.aura-timeline-series-section + .aura-timeline-series-section {
  padding-top: 24px !important;
}

/* Responsive tablet: hai bên trục vẫn cân, không chồng chữ. */
@media (min-width: 701px) and (max-width: 1100px) {
  .aura-axis--series .aura-series__step {
    min-height: 194px;
  }
  .aura-axis--series .aura-series__step .aura-node__copy {
    font-size: 13px !important;
    line-height: 1.65;
  }
  .aura-axis--series .aura-series__step .aura-node__heading {
    font-size: clamp(18px, 2.8vw, 22px) !important;
  }
}

/* Mobile: trục bên trái và năm mục một cột. */
@media (max-width: 700px) {
  .aura-axis.aura-axis--values.aura-axis--series {
    padding-top: 24px !important;
    padding-bottom: 30px !important;
  }
  .aura-axis.aura-axis--series::before {
    top: 24px;
    bottom: 80px;
  }
  .aura-axis--series .aura-series__intro {
    min-height: 0;
    margin-bottom: 32px;
  }
  .aura-axis--series .aura-series__intro > .aura-node__panel {
    min-height: 84px;
  }
  .aura-axis--series .aura-series__intro-note {
    margin: 12px 3px 0 0;
    font-size: 13px;
  }
  .aura-axis--series .aura-series__step,
  .aura-axis--series .aura-series__step--5 {
    min-height: 0;
    margin-bottom: 38px;
  }
  .aura-axis--series .aura-series__step .aura-node__heading {
    font-size: clamp(19px, 5.3vw, 23px) !important;
  }
  .aura-axis--series .aura-series__step .aura-node__copy {
    font-size: 14px !important;
    line-height: 1.67;
  }
  .aura-axis--series .aura-series__step .aura-values__index {
    text-align: left !important;
  }
  .aura-axis--series .aura-values__closing {
    margin-left: -49px;
    padding: 18px 8px 12px;
    font-size: 12px;
  }
  .aura-timeline-series-section + .aura-timeline-series-section {
    padding-top: 8px !important;
  }
}

/* Nhịp dọc theo ba mẫu, chỉ ảnh hưởng desktop và tablet. */
@media (min-width: 701px) {
  .aura-axis--series.aura-series--journey .aura-series__intro {
    min-height: 60px;
  }
  .aura-axis--series.aura-series--journey .aura-series__intro > .aura-node__panel {
    min-height: 60px;
    padding: 11px 16px;
  }
  .aura-axis--series.aura-series--journey .aura-series__intro > .aura-node__panel > h2.aura-node__heading {
    font-size: clamp(20px, 1.85vw, 26px) !important;
  }
  .aura-axis--series.aura-series--journey .aura-series__intro::after {
    top: 31px !important;
  }
  .aura-axis--series.aura-series--journey .aura-series__intro-note {
    position: absolute;
    top: 72px;
    left: 7px;
    width: calc(50% - 35px);
    grid-row: auto;
    grid-column: auto;
    margin: 0;
  }
  .aura-axis--series.aura-series--journey .aura-series__step {
    min-height: 174px;
  }
  .aura-axis--series.aura-series--journey .aura-series__step--1 {
    --aura-anchor: 34px;
  }
  .aura-axis--series.aura-series--clients .aura-series__step {
    min-height: 154px;
  }
  .aura-axis--series.aura-series--partners .aura-series__step {
    min-height: 164px;
  }
}

/* Đồng bộ khung tiêu đề của bốn timeline AURASIGN. */
.aura-axis.aura-axis--values {
  --aura-title-panel-bg: rgba(3,72,169,.042);
}

.aura-axis.aura-axis--values .aura-values__intro > .aura-node__panel,
.aura-axis.aura-axis--values.aura-axis--series .aura-series__intro > .aura-node__panel {
  box-sizing: border-box !important;
  display: block !important;
  grid-column: 1;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 92px;
  margin: 0 !important;
  padding: 15px 18px 12px !important;
  border: 1px solid var(--aura-blue) !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background: var(--aura-title-panel-bg) !important;
  box-shadow: none !important;
  text-align: left !important;
}

.aura-axis.aura-axis--values.aura-axis--series .aura-series__intro > .aura-node__panel > h2.aura-node__heading {
  display: block;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--aura-deep) !important;
  font-size: clamp(27px,2.05vw,31px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -.025em !important;
}

/* Mô tả Hành trình kết nối thuộc bên trong khung, không dùng vị trí tuyệt đối. */
.aura-axis.aura-axis--series .aura-series__intro > .aura-node__panel > .aura-series__intro-note {
  position: static !important;
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  color: var(--aura-series-muted,#536071) !important;
  font-size: clamp(11px,.84vw,13px) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

/* Khung các mục nối cùng một trục và có khoảng đủ cho nội dung. */
@media (min-width: 701px) {
  .aura-axis.aura-axis--series .aura-series__intro,
  .aura-axis.aura-axis--series.aura-series--journey .aura-series__intro {
    min-height: 146px !important;
  }
  .aura-axis.aura-axis--series .aura-series__intro::after,
  .aura-axis.aura-axis--series.aura-series--journey .aura-series__intro::after {
    top: 43px !important;
  }
}

/* Mobile: mép khung nằm ngay trên trục đứng, không còn khoảng hở. */
@media (max-width: 700px) {
  .aura-axis.aura-axis--values {
    --aura-mobile-spine-offset: 37px;
  }

  .aura-axis.aura-axis--values .aura-values__intro > .aura-node__panel,
  .aura-axis.aura-axis--values.aura-axis--series .aura-series__intro > .aura-node__panel {
    display: block !important;
    box-sizing: border-box !important;
    width: calc(100% + var(--aura-mobile-spine-offset)) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 88px !important;
    margin: 0 0 0 calc(-1 * var(--aura-mobile-spine-offset)) !important;
    padding: 14px 15px 13px !important;
    border: 1px solid var(--aura-blue) !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: var(--aura-title-panel-bg) !important;
  }

  .aura-axis.aura-axis--values.aura-axis--series .aura-series__intro > .aura-node__panel > h2.aura-node__heading {
    font-size: clamp(22px,5.9vw,27px) !important;
  }

  .aura-axis.aura-axis--values.aura-axis--series .aura-series__intro > .aura-node__panel > .aura-series__intro-note {
    margin-top: 7px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .aura-axis.aura-axis--values .aura-values__intro::after,
  .aura-axis.aura-axis--values.aura-axis--series .aura-series__intro::after {
    left: calc(-1 * var(--aura-mobile-spine-offset)) !important;
    top: 43px !important;
    right: auto !important;
    transform: translate(-50%,-50%) !important;
  }

  .aura-axis.aura-axis--values.aura-axis--series .aura-series__intro,
  .aura-axis.aura-axis--values.aura-axis--series.aura-series--journey .aura-series__intro {
    display: block !important;
    min-height: 0 !important;
    margin-bottom: 33px !important;
  }

  /* Cả khung, các chấm và các nhánh cùng dùng trục x=31px. */
  .aura-axis.aura-axis--values::before,
  .aura-axis.aura-axis--values.aura-axis--series::before {
    left: 31px !important;
  }
}


/* V10: Khung tiêu đề tự ôm trọn nội dung */
.aura-axis.aura-axis--values.aura-axis--series .aura-series__intro > .aura-node__panel {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    padding: 16px 18px 18px !important;
    overflow: visible !important;
}

/* V10: Tiêu đề không đẩy mô tả xuống ngoài khung */
.aura-axis.aura-axis--values.aura-axis--series .aura-series__intro > .aura-node__panel > h2.aura-node__heading {
    position: static !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
}

/* V10: Mô tả xuống dòng tự nhiên và giữ khoảng đệm đáy */
.aura-axis.aura-axis--values.aura-axis--series .aura-series__intro > .aura-node__panel > .aura-series__intro-note,
.aura-axis.aura-axis--values.aura-axis--series .aura-series__intro > .aura-node__panel > .aura-values__tagline {
    position: static !important;
    display: block !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    float: none !important;
    clear: both !important;
    overflow-wrap: break-word;
    white-space: normal !important;
}

/* V10: Trên mobile khung vẫn chạm trục và ôm nội dung */
@media (max-width: 700px) {
    .aura-axis.aura-axis--values.aura-axis--series .aura-series__intro > .aura-node__panel {
        padding: 14px 15px 16px !important;
    }
}


/* V11: Đồng bộ nội dung bên trong khung tiêu đề timeline */
.aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro > .aura-node__panel {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 8px !important;
    grid-column: 1 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 16px 18px 18px !important;
    border: 1px solid var(--aura-blue, #0348a9) !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    background: rgba(3, 72, 169, .042) !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-align: left !important;
}

/* V11: Tiêu đề và mô tả cùng nằm trong panel */
.aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro > .aura-node__panel > h2.aura-node__heading,
.aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro > .aura-node__panel > p.aura-series__intro-note,
.aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro > .aura-node__panel > p.aura-values__tagline {
    position: static !important;
    display: block !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    transform: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* V11: Kiểu chữ mô tả dưới tiêu đề */
.aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro > .aura-node__panel > p.aura-series__intro-note,
.aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro > .aura-node__panel > p.aura-values__tagline {
    color: #536071 !important;
    font-size: clamp(12px, .84vw, 13px) !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
}

/* V11: Giữ đủ diện tích cho khung trên desktop */
@media (min-width: 701px) {
    .aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro {
        min-height: 146px !important;
    }
    .aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro::after {
        top: 43px !important;
    }
}

/* V11: Trên mobile khung chạm trục dọc, tự giãn theo nội dung */
@media (max-width: 700px) {
    .aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro > .aura-node__panel {
        width: calc(100% + 37px) !important;
        margin-left: -37px !important;
        padding: 14px 15px 16px !important;
        border-left: 0 !important;
        border-right: 1px solid var(--aura-blue, #0348a9) !important;
    }
    .aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro {
        display: block !important;
        min-height: 0 !important;
        margin-bottom: 33px !important;
    }
    .aura-axis.aura-axis--values.aura-axis--series.aura-series--panel-v11 .aura-series__intro::after {
        left: -37px !important;
        top: 43px !important;
        transform: translate(-50%, -50%) !important;
    }
}

/* Mô tả quy trình dịch vụ hiển thị một dòng trên desktop */
@media (min-width: 1200px) {
    .aura-process-description,
    .aur-process-description {
        max-width: none !important;
        overflow: visible !important;
    }

    .aura-process-description p,
    .aur-process-description p {
        display: block !important;
        width: max-content !important;
        max-width: none !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        font-size: clamp(14px, .95vw, 18px) !important;
        line-height: 1.55 !important;
        letter-spacing: -.01em !important;
    }
}