/** Menu hover, active và underline header **/
#header .header-nav > li > a,
#header .header-nav > li > a:visited,
#header .header-nav > li > a:hover,
#header .header-nav > li > a:focus,
#header .header-nav > li.current-menu-item > a,
#header .header-nav > li.current_page_item > a {
    position: relative !important;

    color: #101114 !important;
    opacity: 1 !important;

    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}


#header .header-nav > li > a::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 6px;

    width: 100%;
    height: 1px;

    background: #101114;

    transform: scaleX(0);
    transform-origin: left center;

    transition:
        transform 0.35s cubic-bezier(.22, 1, .36, 1);

    pointer-events: none;
}


#header .header-nav > li > a:hover::after {
    transform: scaleX(1);
}


#header .header-nav > li.current-menu-item > a::after,
#header .header-nav > li.current_page_item > a::after {
    transform: scaleX(1);
}


#header
.header-nav
> li:not(.current-menu-item):not(.current_page_item)
> a[aria-current="page"]::after {
    transform: scaleX(0) !important;
}


#header .header-nav > li > a::before {
    display: none !important;
    content: none !important;
}


/** Xóa viền, shadow và separator của header **/
#header,
#header .header-wrapper,
#header .header-main,
#header .header-inner,
#header .header-bg,
#header .header-bg-container,
#header .header-bottom,
#masthead {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
    outline: 0 !important;

    background-image: none !important;
}


#header::before,
#header::after,
#header .header-wrapper::before,
#header .header-wrapper::after,
#header .header-main::before,
#header .header-main::after,
#header .header-inner::before,
#header .header-inner::after,
#header .header-bg::before,
#header .header-bg::after,
#header .header-bg-container::before,
#header .header-bg-container::after,
#masthead::before,
#masthead::after {
    display: none !important;
    content: none !important;

    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}


#header,
#header .header-wrapper,
#header .header-main,
#header .header-inner,
#header .header-bg,
#header .header-bg-container,
#masthead {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    outline: none !important;
}


#header .header-wrapper.stuck,
.header-wrapper.stuck,
.stuck .header-main,
.stuck .header-inner,
.stuck .header-bg,
.stuck .header-bg-container {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    outline: none !important;
    filter: none !important;
}


#header::before,
#header::after,
#header .header-wrapper::before,
#header .header-wrapper::after,
#header .header-main::before,
#header .header-main::after,
.header-wrapper.stuck::before,
.header-wrapper.stuck::after {
    content: none !important;
    display: none !important;

    border: none !important;
    box-shadow: none !important;
}


#header,
#header *,
#masthead,
#masthead * {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    outline: none !important;
}


#header hr,
#header .divider,
#header .is-divider,
#header .ux-divider,
#header .header-divider,
#header .nav-divider,
#header .separator,
#header [class*="divider"],
#header [class*="separator"] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


#header .stuck,
#header .header-wrapper.stuck,
.header-wrapper.stuck {
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
}


#header::before,
#header::after,
#header .header-wrapper::before,
#header .header-wrapper::after,
#header .header-main::before,
#header .header-main::after,
#header .header-inner::before,
#header .header-inner::after {
    border: 0 !important;
    box-shadow: none !important;
}




/** GTranslate VI / EN **/
#header .gtranslate_wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;

    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


#header .gtranslate_wrapper > a[data-gt-lang],
#header .gtranslate_wrapper a.glink[data-gt-lang],
#header a.glink[data-gt-lang] {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #101114 !important;
    opacity: 1 !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;

    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;

    overflow: visible !important;
}


#header .gtranslate_wrapper > a[data-gt-lang] + a[data-gt-lang],
#header .gtranslate_wrapper a.glink[data-gt-lang] + a.glink[data-gt-lang] {
    margin-left: 15px !important;
}


#header .gtranslate_wrapper > a[data-gt-lang] + a[data-gt-lang]::before,
#header .gtranslate_wrapper a.glink[data-gt-lang] + a.glink[data-gt-lang]::before {
    content: "/" !important;

    position: absolute !important;
    left: -10px !important;
    top: 50% !important;

    display: block !important;
    width: auto !important;
    height: auto !important;

    color: #101114 !important;
    opacity: 1 !important;

    font: inherit !important;
    line-height: 1 !important;

    background: none !important;
    border: 0 !important;
    box-shadow: none !important;

    transform: translateY(-50%) !important;
    pointer-events: none !important;
}


#header .gtranslate_wrapper > a[data-gt-lang]::after,
#header .gtranslate_wrapper a.glink[data-gt-lang]::after,
#header a.glink[data-gt-lang]::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: -5px !important;

    display: block !important;
    width: 100% !important;
    height: 1px !important;

    background: #101114 !important;

    transform: scaleX(0) !important;
    transform-origin: left center !important;

    transition:
        transform 0.35s cubic-bezier(.22, 1, .36, 1) !important;

    pointer-events: none !important;
}


#header .gtranslate_wrapper > a[data-gt-lang]:hover::after,
#header .gtranslate_wrapper a.glink[data-gt-lang]:hover::after,
#header a.glink[data-gt-lang]:hover::after {
    transform: scaleX(1) !important;
}


#header .gtranslate_wrapper > a.gt-current-lang[data-gt-lang]::after,
#header .gtranslate_wrapper a.glink.gt-current-lang[data-gt-lang]::after,
#header a.glink.gt-current-lang[data-gt-lang]::after {
    transform: scaleX(1) !important;
}


html[lang^="vi"] #header .gtranslate_wrapper a[data-gt-lang="vi"]::after,
html[lang^="en"] #header .gtranslate_wrapper a[data-gt-lang="en"]::after {
    transform: scaleX(1) !important;
}


#header .gtranslate_wrapper a[data-gt-lang],
#header .gtranslate_wrapper a[data-gt-lang]:visited,
#header .gtranslate_wrapper a[data-gt-lang]:hover,
#header .gtranslate_wrapper a[data-gt-lang]:focus,
#header .gtranslate_wrapper a[data-gt-lang].gt-current-lang,
#header a.glink[data-gt-lang],
#header a.glink[data-gt-lang]:visited,
#header a.glink[data-gt-lang]:hover,
#header a.glink[data-gt-lang]:focus,
#header a.glink[data-gt-lang].gt-current-lang {
    color: #101114 !important;
}


#header .gtranslate_wrapper a[data-gt-lang] img,
#header a.glink[data-gt-lang] img {
    display: none !important;
}

/** Header desktop và logo theo trạng thái trang **/
@media (min-width: 768px) {


    #header,
    #header .header-wrapper,
    #header .header-main,
    #header .header-inner,
    #header #logo,
    #header #logo a {
        overflow: visible !important;
    }


    #header .header-main {
        min-height: 58px !important;
        height: 58px !important;
    }

    #header .header-inner {
        min-height: 58px !important;
        height: 58px !important;
    }


    #header #logo {
        width: 120px !important;
        max-width: 120px !important;
        min-width: 120px !important;
        flex-basis: 120px !important;
    }

    #header #logo a {
        width: 120px !important;
        max-width: 120px !important;
        height: auto !important;
    }


    #header #logo img:not(.header-logo-dark) {
        width: 60px !important;
        max-width: none !important;

        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;

        object-fit: contain !important;
        object-position: left top !important;

        transform: none !important;
        transform-origin: left top !important;

        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;

        image-rendering: auto !important;


        will-change: width !important;

        transition:
            width 1.08s cubic-bezier(.16, 1, .3, 1) !important;
    }


    body.home:not(:has(.aura-work.is-detail))
    #header #logo img:not(.header-logo-dark) {
        width: 120px !important;
        transform: none !important;
    }


    body.home:has(.aura-work.is-detail)
    #header #logo img:not(.header-logo-dark),

    body.home:has(.aura-work.is-detail-entering)
    #header #logo img:not(.header-logo-dark),

    body.home:has(.aura-work.is-detail-ready)
    #header #logo img:not(.header-logo-dark),

    body.home:has(.aura-work.is-detail-leaving)
    #header #logo img:not(.header-logo-dark),

    body.home:has(.aura-work.is-detail-returning)
    #header #logo img:not(.header-logo-dark),

    body.home:has(.aura-work.is-detail-return-moving)
    #header #logo img:not(.header-logo-dark) {
        width: 60px !important;
        transform: none !important;
    }


    body.home:has(.aura-work.is-detail-return-opening)
    #header #logo img:not(.header-logo-dark) {
        width: 120px !important;
        transform: none !important;
    }


    body.home:has(.aura-work.is-detail)
    #header .header-main,

    body.home:has(.aura-work.is-detail-entering)
    #header .header-main,

    body.home:has(.aura-work.is-detail-ready)
    #header .header-main,

    body.home:has(.aura-work.is-detail-leaving)
    #header .header-main,

    body.home:has(.aura-work.is-detail-returning)
    #header .header-main,

    body.home:has(.aura-work.is-detail-return-moving)
    #header .header-main,

    body.home:has(.aura-work.is-detail-return-opening)
    #header .header-main {
        height: 58px !important;
        min-height: 58px !important;
    }


    body.home:has(.aura-work.is-detail)
    #header .header-inner,

    body.home:has(.aura-work.is-detail-entering)
    #header .header-inner,

    body.home:has(.aura-work.is-detail-ready)
    #header .header-inner,

    body.home:has(.aura-work.is-detail-leaving)
    #header .header-inner,

    body.home:has(.aura-work.is-detail-returning)
    #header .header-inner,

    body.home:has(.aura-work.is-detail-return-moving)
    #header .header-inner,

    body.home:has(.aura-work.is-detail-return-opening)
    #header .header-inner {
        height: 58px !important;
        min-height: 58px !important;
    }


    body:not(.home)
    #header #logo img:not(.header-logo-dark) {
        width: 60px !important;
        transform: none !important;
    }
}


/** Header mobile **/
@media (max-width: 767px) {


    #header .header-main,
    #header .header-inner {
        min-height: 64px !important;
        height: 64px !important;
    }

    #header .header-inner,
    #header .header-main .header-inner,
    #header .header-inner.flex-row {
        position: relative !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }


    #header #logo {
        position: relative !important;
        z-index: 5 !important;

        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;

        flex: 0 0 56px !important;
        flex-basis: 56px !important;

        margin: 0 !important;
        overflow: visible !important;
    }

    #header #logo > a,
    #header #logo a {
        width: 56px !important;
        max-width: 56px !important;
        height: auto !important;
    }

    #header #logo img:not(.header-logo-dark) {
        width: 56px !important;
        max-width: 56px !important;

        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;

        object-fit: contain !important;
        object-position: left center !important;

        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }


    body.home #header #logo img:not(.header-logo-dark),
    body:not(.home) #header #logo img:not(.header-logo-dark),
    body.home:has(.aura-work.is-detail) #header #logo img:not(.header-logo-dark),
    body.home:has(.aura-work.is-detail-entering) #header #logo img:not(.header-logo-dark),
    body.home:has(.aura-work.is-detail-ready) #header #logo img:not(.header-logo-dark),
    body.home:has(.aura-work.is-detail-leaving) #header #logo img:not(.header-logo-dark),
    body.home:has(.aura-work.is-detail-returning) #header #logo img:not(.header-logo-dark),
    body.home:has(.aura-work.is-detail-return-moving) #header #logo img:not(.header-logo-dark),
    body.home:has(.aura-work.is-detail-return-opening) #header #logo img:not(.header-logo-dark) {
        width: 56px !important;
        max-width: 56px !important;
        height: auto !important;
        max-height: none !important;

        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }


    #header .header-nav {
        display: none !important;
    }


    #header .mobile-nav {
        margin: 0 !important;
        padding: 0 !important;
    }


    #header .mobile-nav:has(a[href*="ve-aurasign"]) {
        position: absolute !important;

        left: calc(50% + 12px) !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;

        z-index: 10 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;

        gap: 10px !important;

        width: max-content !important;
        max-width: calc(100vw - 110px) !important;

        white-space: nowrap !important;
        overflow: visible !important;
    }


    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li {
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li.html,
    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li.header-search {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
    }

    #header .mobile-nav .gtranslate_wrapper {
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
    }

    #header .mobile-nav .header-search > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 20px !important;
        padding: 0 !important;
    }

    #header .mobile-nav .header-search .icon-search {
        display: block !important;
        font-size: 17px !important;
    }

    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li > a {
        display: inline-flex !important;
        align-items: center !important;

        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;

        font-size: 13px !important;
        line-height: 1.15 !important;

        color: #101114 !important;
        opacity: 1 !important;
    }

    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li.header-time,
    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li[class*="time"],
    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li[class*="clock"],
    #header .html_topbar_right,
    #header .header-time,
    #header [class*="header-time"],
    #header [class*="header-clock"] {
        display: none !important;
    }


    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li > a {
        position: relative !important;
        text-decoration: none !important;
    }

    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li > a::after {
        content: "";
        position: absolute;

        left: 0;
        bottom: -4px;

        width: 100%;
        height: 1px;

        background: #101114;

        transform: scaleX(0);
        transform-origin: left center;

        transition:
            transform 0.35s cubic-bezier(.22, 1, .36, 1);

        pointer-events: none;
    }

    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li > a:hover::after,
    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li.current-menu-item > a::after,
    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li.current_page_item > a::after {
        transform: scaleX(1);
    }


    #header .mobile-nav .header-search > a::after{
        bottom:-4px !important;
        transform:scaleX(0) !important;
    }

    #header .mobile-nav .header-search > a:hover::after,
    body:has(
        .mfp-wrap.mfp-ready
        #search-lightbox
    )
    #header .mobile-nav .header-search > a::after{
        transform:scaleX(1) !important;
    }
}


/** Tối ưu header cho màn hình rất hẹp **/
@media (max-width: 380px) {

    #header #logo {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        flex: 0 0 50px !important;
    }

    #header #logo > a,
    #header #logo a,
    #header #logo img:not(.header-logo-dark) {
        width: 50px !important;
        max-width: 50px !important;
    }

    #header .mobile-nav:has(a[href*="ve-aurasign"]) {
        gap: 14px !important;
        max-width: calc(100vw - 115px) !important;
    }

    #header .mobile-nav:has(a[href*="ve-aurasign"]) > li > a {
        font-size: 12px !important;
    }
}


/** Đồng bộ màu menu, ngôn ngữ và thời gian **/
#header .header-nav > li > a,
#header .header-nav > li > a:visited,
#header .header-nav > li > a:hover,
#header .header-nav > li > a:focus,
#header .header-nav > li.current-menu-item > a,
#header .header-nav > li.current_page_item > a,
#header .header-nav > li.active > a,
#header .gtranslate_wrapper a[data-gt-lang],
#header .gtranslate_wrapper a[data-gt-lang]:visited,
#header .gtranslate_wrapper a[data-gt-lang]:hover,
#header .gtranslate_wrapper a[data-gt-lang]:focus,
#header .gtranslate_wrapper a[data-gt-lang].gt-current-lang,
#header a.glink[data-gt-lang],
#header a.glink[data-gt-lang]:visited,
#header a.glink[data-gt-lang]:hover,
#header a.glink[data-gt-lang]:focus,
#header a.glink[data-gt-lang].gt-current-lang,
#header .header-time,
#header [class*="header-time"],
#header [class*="header-clock"],
#header .html_topbar_right,
#header .html_topbar_right * {
    color: #101114 !important;
    opacity: 1 !important;
}


#header .gtranslate_wrapper > a[data-gt-lang] + a[data-gt-lang]::before,
#header .gtranslate_wrapper a.glink[data-gt-lang] + a.glink[data-gt-lang]::before {
    color: #101114 !important;
    opacity: 1 !important;
}


#header .header-nav > li > a::after,
#header .gtranslate_wrapper > a[data-gt-lang]::after,
#header .gtranslate_wrapper a.glink[data-gt-lang]::after,
#header a.glink[data-gt-lang]::after {
    background: #101114 !important;
}


/** Cân đối header trên màn hình ultrawide **/
@media (min-width: 2400px) and (min-aspect-ratio: 2/1) {


    #header .header-inner,
    #header .header-main .header-inner,
    #header .header-inner.flex-row {
        width: 100% !important;
        max-width: none !important;
        padding-left: clamp(108px, 4.5vw, 180px) !important;
        padding-right: clamp(108px, 4.5vw, 180px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }


    #header .header-inner .flex-right,
    #header .header-inner > .flex-right {
        margin-left: auto !important;
        padding-right: 0 !important;
        flex: 0 0 auto !important;
    }


    #header .header-nav {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        column-gap: clamp(18px, .9vw, 30px) !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    #header .header-nav > li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    #header .header-nav > li > a,
    #header .header-nav > li > a:visited,
    #header .header-nav > li > a:hover,
    #header .header-nav > li > a:focus,
    #header .header-time,
    #header [class*="header-time"],
    #header [class*="header-clock"],
    #header .html_topbar_right,
    #header .html_topbar_right * {
        font-size: clamp(13px, .43vw, 15px) !important;
        line-height: 1.15 !important;
    }


    #header .gtranslate_wrapper {
        align-items: center !important;
        line-height: 1.15 !important;
    }

    #header .gtranslate_wrapper > a[data-gt-lang],
    #header .gtranslate_wrapper a.glink[data-gt-lang],
    #header a.glink[data-gt-lang] {
        font-size: clamp(13px, .43vw, 15px) !important;
        line-height: 1.15 !important;
    }


    #header #logo {
        margin-left: 0 !important;
    }
}


@media (min-width: 3600px) and (min-aspect-ratio: 2.5/1) {
    #header .header-inner,
    #header .header-main .header-inner,
    #header .header-inner.flex-row {
        padding-left: clamp(150px, 5vw, 220px) !important;
        padding-right: clamp(150px, 5vw, 220px) !important;
    }

    #header .header-nav {
        column-gap: clamp(22px, .85vw, 34px) !important;
    }
}


/** Ẩn scrollbar nhưng vẫn giữ khả năng cuộn **/
html,
body{
    scrollbar-width:none; 
    -ms-overflow-style:none; 
}

html::-webkit-scrollbar,
body::-webkit-scrollbar{
    display:none; 
}

/** Search icon **/
@media (min-width:768px){
    #header .header-search > a::after{
        content:"" !important;
        display:block !important;
        position:absolute !important;
        left:0 !important;
        bottom:6px !important;
        width:100% !important;
        height:1px !important;
        background:#101114 !important;
        transform:scaleX(0) !important;
        transform-origin:left center !important;
        transition:transform .35s cubic-bezier(.22,1,.36,1) !important;
        pointer-events:none !important;
    }

    #header .header-search > a:hover::after{
        transform:scaleX(1) !important;
    }

    body:has(
        .mfp-wrap.mfp-ready
        #search-lightbox
    )
    #header .header-search > a::after{
        transform:scaleX(1) !important;
    }
}

#header .header-search .icon-search{
    opacity:.78 !important;
    -webkit-text-stroke:0 !important;
}

#header .header-search > a:hover .icon-search,
body:has(
    .mfp-wrap.mfp-ready
    #search-lightbox
)
#header .header-search .icon-search{
    opacity:1 !important;
}

/* Form liên hệ hai cột */
.aur-contact-form--two-col .aur-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 0;
  width: 100%;
}

/* Trường nội dung toàn chiều rộng */
.aur-contact-form--two-col .aur-form-field--full {
  grid-column: 1 / -1;
}

/* Đồng bộ chiều rộng trường */
.aur-contact-form--two-col .aur-form-field {
  min-width: 0;
}

/* Vùng nhập nội dung */
.aur-contact-form--two-col .aur-form-field--full textarea {
  width: 100%;
  min-height: 120px;
  resize: vertical;
}

/* Form trong drawer luôn một cột */
#aura-contact-drawer .aur-contact-form--two-col .aur-form-grid {
  grid-template-columns: 1fr;
}

/* Responsive mobile */
@media (max-width: 849px) {
  .aur-contact-form--two-col .aur-form-grid {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .aur-contact-form--two-col .aur-form-field--full {
    grid-column: 1;
  }
}
/* Tránh chồng nút kết nối tư vấn */
#top-link.back-to-top {
    right: 44px !important;
    bottom: 120px !important;
    margin: 0 !important;
}

@media (max-width: 849px) {
    #top-link.back-to-top {
        right: 18px !important;
        bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
    }
}
/* Đồng bộ màu hover nút lên đầu trang */
#top-link.back-to-top:hover,
#top-link.back-to-top:focus-visible {
    background-color: #003dbd !important;
    border-color: #003dbd !important;
    color: #fff !important;
}

#top-link.back-to-top:hover i,
#top-link.back-to-top:focus-visible i {
    color: #fff !important;
}