@font-face{font-family:'SVN-Gilroy';src:url('../font/SVN-Gilroy/SVN-Gilroy Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'SVN-Gilroy';src:url('../font/SVN-Gilroy/SVN-Gilroy Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'SVN-Gilroy';src:url('../font/SVN-Gilroy/SVN-Gilroy Italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'SVN-Gilroy';src:url('../font/SVN-Gilroy/SVN-Gilroy Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'SVN-Gilroy';src:url('../font/SVN-Gilroy/SVN-Gilroy SemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'SVN-Gilroy';src:url('../font/SVN-Gilroy/SVN-Gilroy Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}

    :root {
        --red: red;
    }

    .menu>ul,
    ol,
    ul {
        list-style: none
    }

    a,
    abbr,
    acronym,
    address,
    applet,
    article,
    aside,
    audio,
    big,
    blockquote,
    body,
    canvas,
    caption,
    center,
    cite,
    code,
    dd,
    del,
    details,
    dfn,
    div,
    dl,
    dt,
    em,
    embed,
    fieldset,
    figcaption,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    label,
    legend,
    li,
    mark,
    menu,
    nav,
    object,
    ol,
    output,
    p,
    pre,
    q,
    ruby,
    s,
    samp,
    section,
    small,
    span,
    strike,
    sub,
    summary,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    time,
    tr,
    tt,
    u,
    ul,
    var,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block
    }

    #buudien,
    #chuyenkhoan,
    #loading,
    #timnangcao,
    .menumobile {
        display: none
    }

    blockquote,
    q {
        quotes: none;
        margin: 10px 0 10px 20px;
        padding: 10px 10px 1px 20px;
        border-left: 3px solid #c6a76c !important;
        background: #333;
    }

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: '';
    }

    * {
        box-sizing: border-box
    }

    b { font-weight: bold; }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    em {
        font-style: italic
    }

    body {
        padding: 0;
        margin: 0 auto;
        /*font-family: Arial, sans-serif;*/
        /*font-family: "Roboto", sans-serif;*/
        font-family: 'SVN-Gilroy', sans-serif;
        font-optical-sizing: auto;
        font-size: 16px;
        line-height: 1.5em;
        background: linear-gradient(90deg, #1E1E1E 0%, #090909 19.71%, #282828 100%);
        color: #FFFFFF;
        font-weight: 400;
    }

    body.no-scroll {
        overflow: hidden;
    }

    a {
        text-decoration: none;
        color: #FFFFFF;
    }

    a:hover {
        color: #DFB27B;
    }

    /* Row */
    .row {
        display: flex;
        flex-direction: column;
    }

    .row2 {
        display: flex;
    }

    .col-9 {
        width: 75%;
    }

    .col-8 {
        width: 66.666%;
    }

    .col-7 {
        width: 58.333%;
    }

    .col-6 {
        width: 50%;
    }

    .col-5 {
        width: 41.666%;
    }

    .col-4 {
        width: 33.333%;
    }

    .col-3 {
        width: 25%;
    }

    .col-2 {
        width: 20%;
    }

    .row2>div:not(:last-child) {
        margin-right: 20px;
    }

    /* Grid */
    .grid12 {
        display: grid;
        grid-template-columns: 1fr 2fr;
    }

    .grid21 {
        display: grid;
        grid-template-columns: 2fr 1fr;
    }

    .grid2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .grid3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .grid4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .gap10 {
        gap: 10px;
    }

    .gap20 {
        gap: 20px;
    }

    .gap30 {
        gap: 30px;
    }

    .grc {
        justify-content: center;
        align-items: center;
    }

    /*.row-pad-10 { margin: 0 -10px; }*/
    /*.row-pad-10 > div { padding: 10px; }*/
    /*.row-pad-20 { margin: 0 -20px; }*/
    /*.row-pad-20 > div { padding: 20px; }*/
    .mt-10 {
        margin-top: 10px;
    }

    .mt-20 {
        margin-top: 20px;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .mt-50 {
        margin-top: 50px;
    }

    .mb-10 {
        margin-bottom: 10px;
    }

    .mb-20 {
        margin-bottom: 20px;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .mb-50 {
        margin-bottom: 50px;
    }

    .mr-10 {
        margin-right: 10px;
    }

    .mr-20 {
        margin-right: 20px;
    }

    .my-20 {
        margin: 20px 0;
    }

    .my-30 {
        margin: 30px 0;
    }

    .img-full {
        width: 100%;
    }

    .img-full img {
        width: 100%;
    }

    .img-full-br10 {
        width: 100%;
        border-radius: 10px;
    }

    .img-full-br20 {
        width: 100%;
        border-radius: 20px;
    }

    /*a:visited {*/
    /*color: #8a2be2*/
    /*}*/
    .clear {
        clear: both
    }

    .header {
        background: #040406;
        position: sticky;
        top: 0;
        z-index: 100;
    }

    .header-in {
        margin: 0 auto;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-in .icon-menu-left {
        display: none;
        position: absolute;
        top: 34px;
        left: 20px;
        cursor: pointer;
        width: 26px;
        height: 17px;
        background: url("../img/icon-menu.png") center no-repeat
    }

    .header-in .icon-menu-right {
        display: none;
        position: absolute;
        top: 19px;
        right: 20px;
        cursor: pointer;
        width: 26px;
        height: 17px;
        background: url("../img/icon-menu.png") center no-repeat
    }

    .logo {
        float: left;
        padding: 10px 0;
    }

    .logo img {
        height: 58px;
    }

    .qc {
        float: right;
        padding-top: 7px;
        text-align: right;
    }

    .qc .bn {
        padding: 5px 0;
    }

    .menu-hd {
        color: #FFFFFF;
        background: url("../imgv2/top_bg.png") center no-repeat #1C1D22;
        background-size: cover;
        overflow: hidden;
    }

    .menu-hd-in {
        margin: 0 auto;
        position: relative;
    }

    .menu-hd-in ul {
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 9
    }

    .menu-hd-in ul li {
        text-align: center;
    }

    .menu-hd-in ul li a {
        color: #FFFFFF;
        display: inline-block;
        padding: 10px 0;
    }

    .menu-hd-in ul li i {
        margin-right: 5px;
    }

    .menu-hd-in ul li i.r90 {
        transform: rotate(90deg)
    }

    .menu-hd-in ul li a:hover {
        color: #FFFFFF;
    }

    .menu-hd-in ul li img {
        vertical-align: text-top;
    }

    .menu-hd-in ul .left a:first-child {
        padding-right: 20px;
    }

    .menu-hd-in ul li a.giohang {
        background: linear-gradient(90deg, rgba(213, 154, 78, 0.40) 0%, rgba(255, 223, 194, 0.40) 100%), #000;
        padding: 10px 20px;
    }

    .menu-hd-in .lbg {
        width: 283.101px;
        height: 273.418px;
        flex-shrink: 0;
        background-color: rgba(213, 154, 78, 0.9);
        filter: blur(100px);
        position: absolute;
        left: 0;
        top: -140px;
    }

    .menu-hd-in .rbg {
        width: 283.101px;
        height: 273.418px;
        flex-shrink: 0;
        background-color: rgba(213, 154, 78, 0.2);
        filter: blur(100px);
        position: absolute;
        right: 0;
        top: -140px;
    }

    .menu-out {
        background: #181A1B;
    }

    .menu {
        font-size: 14px;
    }

    .menu-in {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .menu-in .bg1 {
        width: 328.235px;
        height: 872.832px;
        transform: rotate(90deg);
        /* aspect-ratio: 328.23 / 872.83; */
        position: absolute;
        left: 0;
        bottom: -212px;
        opacity: 0.3;
        background: url(../imgv2/bg2.png) lightgray 50% / cover no-repeat;
        mix-blend-mode: lighten;
        z-index: 0;
        display: none;
    }

    .menu .footer {
        display: none;
    }

    .menu-in .down {
        padding-right: 8px;
    }

    .menu-in .down:after {
        content: '';
        width: 12px;
        height: 10px;
        background: url("../img/menu_down.svg") right center no-repeat transparent;
        position: absolute;
        right: 3px;
        top: 17px;
    }

    .menu-in>ul>li {
        float: left;
        position: relative;
    }

    .menu-in>ul>li>a {
        font-weight: 500;
        color: #FFFFFF;
        display: block;
        padding: 10px 20px;
    }

    .menu-in>ul>li>a:hover {
        color: #DFB27B;
    }

    .menu-in>ul>li:hover>ul {
        display: block;
    }

    .menu-in>ul>li>ul {
        position: absolute;
        display: none;
        z-index: 9;
        /*border-radius: 4px;*/
        border: 0.5px solid #FAF0D8;
        background: rgba(11, 12, 14, 0.86);
        box-shadow: 0 0 145.8px 0 rgba(198, 167, 108, 0.35) inset, 0 4px 46.5px 0 rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(8.050000190734863px);
        border-image: linear-gradient(138deg, #FAF0D8 0%, #1e1603 100%) 1;
    }

    /*.menu-in > ul > li > ul:before {*/
    /*    content: '';*/
    /*    background: linear-gradient(90deg, #D49646 0%, #E0B580 20%, #D49646 40%, #9A692F 60%, #69431D 80%, #69431D 90%, #D49646 100%);*/
    /*    position: absolute;*/
    /*    left: -1px;*/
    /*    top: -1px;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    z-index: 0;*/
    /*}*/
    .menu-in>ul>li>ul>li {
        position: sticky;
        z-index: 1;
    }

    .menu-in>ul>li>ul>li>a {
        float: left;
        width: 180px;
        background: linear-gradient(92deg, rgba(198, 167, 108, 0.35) 0.27%, rgba(0, 0, 0, 0.25) 95.42%);
        color: #FFFFFF;
        padding: 3px 10px;
        text-align: left;
    }

    .menu-in>ul>li>ul>li:last-child a {
        border-bottom: none;
    }

    .menu-in>ul>li>ul>li>a:hover {
        background: #C6A76C;
        color: #000000;
    }

    .htim {
        width: 300px;
        position: relative;
        height: 45px;
        line-height: 45px;
        border-radius: 4px;
        border: 1px solid #D49646;
        background: linear-gradient(92deg, rgba(213, 154, 78, 0.07) 0.27%, rgba(255, 223, 194, 0.07) 95.42%);
        box-shadow: 0 0 55.1px 0 rgba(255, 167, 0, 0.23);
        /* border-image: linear-gradient(90deg, #D49646 0%, #E0B580 20%, #D49646 40%, #9A692F 60%, #69431D 80%, #69431D 90%, #D49646 100%) 1; */
    }

    .htim input {
        background-color: transparent;
        border: none;
        padding: 0 10px;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 600;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .htim input:focus {
        outline: none;
    }

    .htim input::placeholder {
        color: #FFFFFF;
    }

    .ntim {
        background: url(../imgv2/search-normal.svg) center no-repeat transparent;
        width: 36px;
        height: 36px;
        position: absolute;
        right: 3px;
        top: 3px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .menu-mobile {
        display: none;
    }

    .menu-mobile .menuopen {
        line-height: 160%;
        position: absolute;
        bottom: 10px;
        transition: all 0.3s ease-in-out;
    }

    .menu-mobile .menuclose {
        position: absolute;
        top: -100px;
        transition: all 0.3s ease-in-out;
    }

    .overlay {
        background: #000000;
        opacity: 0.7;
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .overlay.active {
        display: block;
    }

    /* Home */
    /* .lline01 {
        margin: 0 auto;
        width: 96%;
        height: 2px;
        opacity: 0.5;
        background: linear-gradient(90deg, rgba(136, 104, 68, 0.00) 0%, #886844 19.71%, #886844 80%, rgba(136, 104, 68, 0.00) 100%);
    } */

    .text-bg {
        background: linear-gradient(90deg, #D49646 0%, #E0B580 20%, #D49646 40%, #9A692F 60%, #69431D 80%, #69431D 90%, #D49646 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display:block;
        height:auto;
    }

    .text-bg2 {
        background: linear-gradient(90deg, #FFDFB8 0%, #FFBB67 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display:block;
        height:auto;
    }

    .text-bg3 {
        background: linear-gradient(90deg, #BE9D66 40%, #C6AB7D 30%, #EAEAEA 65%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        width: max-content;
        display:block;
        height:auto;
    }

    .text-bg4 {
        background: linear-gradient(90deg, #FAF0D8 00%, #E0CC9F 40%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display:block;
        height:auto;
    }

    .ss-h1 {
        background: url("../imgv2/h1_bg.png") bottom no-repeat;
        background-size: cover;
        mix-blend-mode: lighten;
    }

    .ss-h1 .div1 {
        padding: 40px 0 32px 0;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }



    .ss-h1 .div1>div:nth-child(1) {
        text-shadow: 0 4px 26.2px rgba(212, 150, 70, 0.29);
        font-family: 'SVN-Gilroy', sans-serif;
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 60px */
        letter-spacing: -0.767px;
        text-transform: capitalize;
        flex-shrink: 0;
        margin-right: 40px;
    }

    .ss-h1 .div1 button {
        border: 0.5px solid transparent;
        border-image: linear-gradient(90deg, #D49646 0%, #E0B580 20%, #D49646 40%, #9A692F 60%, #69431D 80%, #69431D 90%, #D49646 100%) 1;
        background: transparent;
        padding: 12px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        font-weight: bold;
        font-size: 16px;
        cursor: pointer;
    }

    .ss-h1 .div1 button img {
        margin-left: 10px;
    }

    .ss-h1 .div1>div:nth-child(2) {
        display: flex;
        align-items: center;
        gap: 16px;
        z-index: 10;
    }

    .ss-h1 .div1>div:nth-child(2)>img {}

    .ss-h2 {
        /* background: rgb(18 18 18); */
        padding: 50px 0;
    }

    .ss-h2 .content-in2 {
        border-radius: 23px;
        border: 0.5px solid #5A5A5A;
        background: #262626;
        position: relative;
        overflow: hidden;
        width: min(95%, 1500px);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ss-h2 .content-in2>div {
        z-index: 2;
        position: relative;
    }

    .ss-h2 .bg1 {
        width: 110%;
        aspect-ratio: 16 / 9;
        position: absolute !important;
        right: -20px;
        top: -140.042px;
        opacity: 0.2;
        background: url("../imgv2/h2-bg.jpg") lightgray 8.095px 0px / 99.075% 108.978% no-repeat;
        mix-blend-mode: lighten;
        z-index: 1 !important;
    }

    .ss-h2 .bg2 {
        width: 110%;
        aspect-ratio: 16 / 9;
        position: absolute !important;
        left: -20px;
        bottom: -450.246px;
        opacity: 0.2;
        background: url("../imgv2/h2-bg.jpg") lightgray 8.095px 0px / 99.075% 108.978% no-repeat;
        mix-blend-mode: lighten;
        z-index: 1 !important;
        margin-top: 100px;
    }

    .ss-h2 .content-in2 .ds-sim {
        padding: 0 50px;
        margin: 50px 0;
        /*height: 475px;*/
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .ss-h2 .content-in2 .ds-sim::-webkit-scrollbar {
        width: 4px;
    }

    .ss-h2 .content-in2 .ds-sim::-webkit-scrollbar-thumb {
        background-color: #D49646;
        border-radius: 10px;
    }

    .ss-h2 .text-bg3 {
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
        /* 48px */
        letter-spacing: -0.767px;
        text-transform: capitalize;
        padding: 30px 0;
        text-align: center;
    }

    .ss-h3 {
        /* background: rgb(18 18 18); */
        padding: 50px 0;
        overflow: hidden;
        position: relative;
    }

    .xemth {
        position: relative;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .xemth .nut {
        background-color: transparent;
        z-index: 3;
        font-size: 16px;
    }

    .xemth .nut a,
    button.nut a {
        background: linear-gradient(94deg, #D49646 -35.78%, #DBA868 -11.92%, #E0B580 6.32%, #D8A25D 21.53%, #D49646 33.71%, #9A692F 51.96%, #69431D 68.7%, #D49646 90%, #BE853D 91.52%, #805526 100.65%, #69431D 103.69%), linear-gradient(92deg, #FFC67E 0.27%, #FFDFC2 95.42%);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        padding: 10px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        font-weight: 500;
        cursor: pointer;
    }

    .xemth .nut a i,
    button.nut a i {
        margin-left: 10px;
    }

    .xemth .txt {
        /* background: rgb(18 18 18) !important; */
        z-index: 2;
        padding: 16px 0;
        display: flex;
        align-items: center;
        gap: 32px;
        width: 100%;
        flex: 1;
    }

    .xemth .txt::after,
    .xemth .txt::before {
        content: '';
        display: block;
        flex: 1;
        height: 2px;
        opacity: 0.8;
        background: linear-gradient(90deg, rgba(136, 104, 68, 0.00) 0%, #886844 100%);
    }

    .xemth .txt::after {
        background: linear-gradient(90deg, #886844 0%, rgba(136, 104, 68, 0.00) 100%);
    }

    .xemth .txt span {
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
        /* 48px */
        letter-spacing: -0.767px;
        text-transform: capitalize;
        background: linear-gradient(90deg, #BE9D66 0%, #C6AB7D 17.79%, #EAEAEA 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .xemth.tt {
        justify-content: space-between;
    }

    .xemth.tt .lline01 {
        width: 89%;
    }

    .xemth.tt .txt {
        padding-left: 0;
    }

    .xemth.tt .nut {
        background-color: #121212;
        padding-right: 0;
    }

    .tab-loai {
        margin-bottom: -1.8px;
        z-index: 3 !important;
    }

    .tab-loai>div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tab-loai .item {
        padding: 10px 3px;
        margin: 0 15px;
        background: #D9D9D9;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer;
        position: relative;
        border-bottom: 2px solid transparent;
        opacity: 0.6;
        transition: all 0.6s ease-in-out;
    }

    .tab-loai .item.active,
    .tab-loai .item:hover {
        background: linear-gradient(90deg, #FFDBAE 20%, #FFF0E3 80%);
        background-clip: text;
        -webkit-background-clip: text;
        border-bottom: 2px solid #FAF4ED;
        opacity: 1;
    }

    .tab-loai .item.active:after,
    .tab-loai .item.active:before,
    .tab-loai .item:hover:after,
    .tab-loai .item:hover:before {
        content: '';
        width: 4px;
        height: 4px;
        background-color: #FAF4ED;
        position: absolute;
        bottom: -3px;
        left: -3px;
        transform: rotate(45deg);
    }

    .tab-loai .item.active:before,
    .tab-loai .item:hover:before {
        left: auto;
        right: -3px;
    }

    .boxdv {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-top: 30px;
    }

    .home-list-dv {
        /*display: flex;*/
        /*align-items: flex-start;*/
        gap: 20px;
        flex-wrap: wrap;
    }

    .boxdv>a {
        flex: 1;
        border-radius: 10px;
        border: 1px solid rgba(255, 198, 126, 0.23);
        aspect-ratio: 6 / 7;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.6s ease-in-out;
        backdrop-filter: blur(0);
        flex-direction: column;
        padding: 20px;
    }

    .boxdv .desc {
        padding-top: 0;
        max-height: 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all 0.6s ease-in-out;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        color: #FFF !important;
        z-index: 2;
    }

    .boxdv>a:hover .desc {
        max-height: 100px;
        padding-top: 8px;
    }


    .boxdv>a:after {
        content: '';
        background: linear-gradient(180deg, rgba(15, 16, 18, 0) 0%, #0F1012 64.27%);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(4px);
        z-index: 1;
        opacity: 0;
        transition: all 0.6s ease-in-out;
    }

    .boxdv>a:hover:after {
        opacity: 1;
    }

    .boxdv .dv1 {
        background: url("../imgv2/dv1.png") center no-repeat;
        background-size: cover;
    }

    .boxdv .dv2 {
        background: url("../imgv2/dv2.png") center no-repeat;
        background-size: cover;
    }

    .boxdv .dv3 {
        background: url("../imgv2/dv3.png") center no-repeat;
        background-size: cover;
    }

    .boxdv .dv4 {
        background: url("../imgv2/dv4.png") center no-repeat;
        background-size: cover;
    }

    .boxdv .txt {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
        letter-spacing: 0.15px;
        background: linear-gradient(93deg, #D49646 -26.55%, #DBA868 1.87%, #E0B580 24.6%, #D8A25D 38.81%, #D49646 50.18%, #9A692F 67.24%, #DDAC7C 82.87%, #D49646 102.76%, #BE853D 104.18%, #805526 112.71%, #69431D 115.55%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        z-index: 2;
    }

    .moveout {
        border-top: 1px solid #543C1E;
        border-bottom: 1px solid #543C1E;
        opacity: 0.3;
        display: flex;
        margin: 50px 0;
        width: 100%;
        padding: 20px 0;
    }

    .moveout .swiper {
        pointer-events: none;
    }

    .moveout .swiper-wrapper {
        transition-timing-function: linear !important;
    }

    .moveout .txt {
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-size: 35px;
        word-wrap: normal;
        white-space: nowrap;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        /* 67.2px */
        background: linear-gradient(92deg, #FFC67E 0.27%, #FFDFC2 95.42%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0 30px;
    }
    .moveout img {
        height: 35px;
    }

    .moveall {
        display: flex;
    }

    .chuyengia {
        background-image: url(../imgv2/chuyengia-bg.png);
        background-size: contain;
        background-position: left 87% center;
        background-repeat: no-repeat;
    }

    .chuyengia .content-in2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }

    .chuyengia .l {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .chuyengia .l .bg {
        width: 557.64px;
        height: 557.64px;
        transform: rotate(-117.65deg);
        flex-shrink: 0;
        aspect-ratio: 557.64/557.64;
        background: url("../imgv2/h1-t-bg.png") lightgray 50% / cover no-repeat;
        mix-blend-mode: lighten;
        opacity: 0.7;
    }

    .chuyengia .l .bg1 {
        width: 100%;
        height: 100%;
        background: url("../imgv2/chuyengia_bg1.png") center no-repeat;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        z-index: 10;
    }
    .chuyengia .l .bg1 .imgblr {
        width:100%;
        display:block;
    }
    .chuyengia .l .bg1 .imgblr:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent 40%);
    }

    .chuyengia .l .bg1 img {
        width: 100%;
    }

    .chuyengia .l .bg1 .t1 {
        width: 100%;
        height: 75px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
        position: absolute;
        bottom: 60px;
        left: 0;
        background: linear-gradient(90deg, rgba(207, 167, 120, 0) 0%, rgba(207, 167, 121, 0.2) 50.22%, rgba(207, 167, 120, 0) 100%);
        backdrop-filter: blur(24px);
        text-align: center;
    }

    .chuyengia .l .bg1 .t1 .txt {
        text-align: center;
        font-size: 21px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
        text-transform: uppercase;
        background: linear-gradient(92deg, #FFC67E 0.27%, #FFDFC2 95.42%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: -6px;
    }

    .chuyengia .l .bg1 .t2 {
        width: 100%;
        height: 60px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(0deg, #000000 30%, #ffffff00 100%);
        text-align: center;
    }

    .chuyengia .r {
        background: url("../imgv2/chuyengia_rbg.png") top right no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        background-size: cover;
        gap: 20px;
    }

    .chuyengia .r .text-bg {
        font-size: 45px;
        font-style: normal;
        font-weight: 600;
        line-height: 60px;
        text-transform: capitalize;
    }

    .chuyengia .r .xemth .nut {
        margin-top: 20px;
        padding: 0;
    }

    .ss-h3.fb {
        position: relative;
    }

    .ss-h3.fb .bg1 {
        width: 399.248px;
        height: 814.022px;
        transform: rotate(-60.084deg);
        aspect-ratio: 399.25/814.02;
        position: absolute;
        left: 0;
        top: -172.98px;
        opacity: 0.3;
        background: url("../imgv2/bg2.png") lightgray 50% / cover no-repeat;
        mix-blend-mode: lighten;
        z-index: 1;
    }

    .ss-h3.fb .bg2 {
        width: 399.248px;
        height: 814.022px;
        transform: rotate(-60.084deg);
        aspect-ratio: 399.25/814.02;
        position: absolute;
        right: 0;
        bottom: -198.968px;
        opacity: 0.3;
        background: url("../imgv2/bg2.png") lightgray 50% / cover no-repeat;
        mix-blend-mode: lighten;
        z-index: 1;
    }

    .boxfb img {
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    .boxfb .swiper-slide {
        background-image: url("../imgv2/bg-video-tuan-sim.png");
        background-size: 100% 100%;
        border-radius: 10px 10px 0 0;
        position: relative;
        cursor: pointer;
    }

    .boxfb .swiper-slide img {
        position: relative;
        z-index: 10;
        border-radius: 10px 10px 0 0;
        width: calc(100% - 2px);
        margin: 0 auto;
    }

    .boxfb .swiper-slide h3 {
        padding: 10px;
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
        /* 25.6px */
        letter-spacing: 0.5px;
        position: relative;
        z-index: 10;
    }
    .boxfb .nutplay {
        position: absolute;
        left: calc(50%);
        top: calc(42%);
        width: 100px;
        height: 100px;
        background: url("../img/play-but.png") center no-repeat;
        background-size: cover;
        transform: translate(-50%, -50%);
        z-index: 10;
        opacity: 0.6;
    }

    .boxmang {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin: 112px 50px 50px 50px;
    }

    .boxmang .dau {
        width: calc(25% - 15px);
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
        /* 48px */
        letter-spacing: -0.767px;
        text-transform: capitalize;

        background: linear-gradient(90deg, #BE9D66 0%, #C6AB7D 17.79%, #EAEAEA 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .boxmang .mang {
        width: calc(25% - 15px);
        border-radius: 9.244px;
        border: 1px solid #5A5A5A;
        background: linear-gradient(104deg, rgba(97, 95, 101, 0.30) 0%, rgba(78, 76, 79, 0.30) 48.59%, rgba(71, 69, 70, 0.30) 100%);
        backdrop-filter: blur(10.550000190734863px);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
        box-sizing: border-box;
    }

    .boxmang .mang:before {
        content: '';
        width: 216px;
        height: 135px;
        background: url(../imgv2/sim-info1.svg) center no-repeat;
        background-size: cover;
        position: absolute;
        right: 38.197px;
        bottom: -20.875px;
        opacity: 0.5;
    }

    .boxmang .mang:after {
        content: '';
        width: 100px;
        height: 120px;
        background: url(../imgv2/sim-info2.svg) center no-repeat;
        background-size: cover;
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0.7;
    }

    .banner {
        text-align: center;
        background: transparent
    }

    .banner img {
        max-width: 100%;
    }

    .banner-right {
        text-align: center;
    }

    .banner-right img {
        max-width: 100%;
    }

    .home-banner {
        margin: 0 auto;
        width: 1900px;
    }

    .home-banner img {
        vertical-align: top;
        max-width: 100%;
    }

    .home-banner .line01 {
        display: flex;
        overflow: hidden;
    }

    .home-banner .line01 div:first-child {
        padding-right: 10px;
    }

    .home-banner .line01 div:first-child img:first-child {
        padding-bottom: 10px;
    }

    .home-banner .line01 div:last-child img {
        padding-bottom: 9px;
    }

    .home-banner .line02 {
        display: flex;
        overflow: hidden;
    }

    .home-banner .line02 div:first-child {
        padding-right: 10px;
    }

    .home-top {
        background: url("../img/home_bn1-min.png") center no-repeat transparent;
        background-size: cover;
        min-height: 700px;
    }

    .home-top .des {
        font-size: 20px;
        line-height: 1.4em;
        color: #DBD5CC;
        margin-bottom: 20px;
    }

    .home-top .title1 {}

    .home-top b {
        color: #C6A76C;
    }

    .homess-tim {
        border-radius: 12px;
        border: 1px solid #5A5A5A;
        background: linear-gradient(104deg, rgb(14 14 14) 0%, rgb(49 49 49 / 82%) 48.59%, rgb(4 4 4 / 90%) 100%);
        position: relative;
        overflow: hidden;
        padding: 50px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .homess-tim .boxtim {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: min(100%, 500px);
        margin: 0 auto;
        gap: 16px;
    }

    .homess-tim .boxtim>div:last-child {
        padding-left: 28px;
        width: 100%;
    }

    .homess-tim .boxtim>div:last-child ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .homess-tim .boxtim .text {
        font-size: 32px;
        font-weight: bold;
        line-height: 160%;
        letter-spacing: -0.767px;
        text-transform: capitalize;
    }

    .homess-tim .bg1 {
        background: url(../imgv2/h1-t-bg.png) center no-repeat;
        position: absolute;
        left: -53px;
        top: 5px;
        width: 400px;
        height: 400px;
        transform: rotate(63deg);
        aspect-ratio: 1 / 1;
        mix-blend-mode: lighten;
    }

    .homess-tim .bg2 {
        background: url("../imgv2/h1-t-bg.png") center no-repeat;
        position: absolute;
        right: -317px;
        top: -110px;
        width: 566.367px;
        height: 566.367px;
        transform: rotate(133.741deg);
        aspect-ratio: 566.37/566.37;
        mix-blend-mode: lighten;
        background-size: cover;
    }

    .homess-tim ul {
        list-style: disc;
    }

    .home-tim {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 2;
        width: 100%;
    }

    .home-tim .s {
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
        border: 2px solid #D49646;
        border-radius: 4px;
        border-image: linear-gradient(90deg, #D49646 0%, #E0B580 20%, #D49646 40%, #9A692F 60%, #69431D 80%, #69431D 90%, #D49646 100%) 1;

        background: linear-gradient(92deg, rgb(103 81 52) 0.27%, rgb(26 26 26) 95.42%);
        box-shadow: 0 0 102.5px 0 rgba(255, 167, 0, 0.23);
    }

    .home-tim .i {
        height: 60px;
        border: none;
        border-radius: 5px;
        padding: 0 16px;
        font-size: 16px;
        font-weight: 600;
        background: transparent;
        color: #FFFFFF;
        flex: 1;
    }

    .home-tim .i::placeholder {
        color: #FFEED8;
    }

    .home-tim .i:focus {
        outline: none;
    }

    .home-tim .b {
        background: url(../imgv2/search-normal.svg) center no-repeat transparent;
        width: 60px;
        height: 60px;
        border: none;
        cursor: pointer;
        padding: 0 16px;
    }

    .home-tim .b.txt {
        background: linear-gradient(120deg, #D49646 -35.78%, #DBA868 -11.92%, #E0B580 6.32%, #D8A25D 21.53%, #D49646 33.71%, #9A692F 51.96%, #69431D 68.7%, #D49646 90%, #BE853D 91.52%, #805526 100.65%, #69431D 103.69%), linear-gradient(92deg, #FFC67E 0.27%, #FFDFC2 95.42%);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        color: #FFFFFF;
        text-transform: uppercase;
        flex-shrink: 0;
        width: auto;
        padding: 0 10px;
        height: 40px;
        margin-right: 3px;
    }

    .home-tim .b.txt i {
        margin-left: 10px;
    }

    .bosim {
        background-color: #1f1500;
        padding: 30px 0;
    }

    .bosim>div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .bosim .item {
        width: 25%;
        text-align: center;
    }

    .bosim .item h3 {
        display: none;
    }

    .gioithieu.top {
        background: url("../img/top_gt.png") center no-repeat transparent;
        background-size: cover;
        min-height: 900px;
    }

    .title1,
    .title2,
    .title3,
    .title4 {
        /*font-family: "Yeseva One", sans-serif;*/
        font-size: 64px;
        background: -webkit-linear-gradient(0deg, rgba(255, 198, 126, 1) 0%, rgba(255, 223, 194, 1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 1.5em;
        font-weight: 500;
    }

    .title2 {
        font-size: 50px;
        line-height: 1.5em;
    }

    .title3 {
        font-size: 36px;
        line-height: 1.5em;
    }

    .title4 {
        font-size: 22px;
        line-height: 1.3em;
    }

    .title1,
    .title2 {}

    .text-center {
        text-align: center;
    }

    .text-white {
        color: #FFFFFF;
    }

    .homess2 {
        padding-top: 20px;
    }

    .homess2 b {
        color: #C6A76C
    }

    .homess2 h2 {
        line-height: 1.2em
    }

    .bosuutap {
        margin: 36px 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        /* display: none; */
        position: relative;
    }

    .bosuutap .item {
        width: 100%;
    }

    .baochi .item {
        width: 100% !important;
        margin: 0 !important;
    }

    .bosuutap .item a h3 {
        font-weight: 500;
        font-size: 18px;
        z-index: 3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 50px;
    }

    .bosuutap .item a .des {
        color: rgba(255, 255, 255, 0.8);
        margin-top: 10px;
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .bosuutap .item .pp {
        color: rgba(255, 255, 255, 0.8);
        margin-top: 10px;
        font-size: 14px;
        display: flex;
        align-items: center;
    }

    .baochi {
        position: relative;
    }

    .baochi .item {
        border-radius: 9.244px;
        border: 1px solid #FFC67E3B;
        background: linear-gradient(104deg, rgba(97, 95, 101, 0.30) 0%, rgba(78, 76, 79, 0.30) 48.59%, rgba(71, 69, 70, 0.30) 100%);
        backdrop-filter: blur(10.550000190734863px);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        height: auto;
        overflow: hidden;
        height: 230px;
    }

    .baochi .item .text-bg2 {
        font-size: 18px;
        font-weight: 600;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 72px;
    }

    .baochi .item:before {
        content: '';
        width: 216px;
        height: 135px;
        background: url(../imgv2/sim-info1.svg) center no-repeat;
        background-size: cover;
        position: absolute;
        right: 38.197px;
        bottom: -20.875px;
    }

    .baochi .item:after {
        content: '';
        width: 167px;
        height: 232px;
        background: url(../imgv2/sim-info2.svg) center no-repeat;
        background-size: cover;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .baochi .item img {
        aspect-ratio: auto;
        padding-bottom: 0;
        width: 140px;
        height: auto;
        object-fit: cover;
    }

    .baochi .item a {
        display: flex;
        flex-direction: column;
        gap: 48px;
    }

    .anh53 .item img {
        aspect-ratio: 5 / 3;
    }

    .homess3 .title1 {
        text-align: center;
        margin-top: 30px;
        font-size: 50px;
    }

    .homess3 img {
        width: 100%;
        border-radius: 10px;
    }

    .hometin img {
        aspect-ratio: 4 /3;
    }

    .homess5 {
        padding-top: 20px;
    }

    .homess5 iframe {
        border-radius: 8px;
        width: 100%
    }

    .homess5 .share {
        margin-left: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .homess5 .title2 {}

    .hometin .tieude {
        font-size: 20px;
        font-weight: bold;
        margin: 10px 0;
    }

    .e404 .text-bg2 {
        font-size: 28px;
        line-height: 36px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 160%;
    }

    .e404 img {
        max-width: 100%;
    }

    /* Xem sim */
    .xemsim>.grid2 {
        gap: 40px;
    }

    .xemsim .sim-info {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .xemsim .info1 {
        display: inline-block;
        color: rgba(255, 255, 255);
        padding-right: 2px;
    }

    .xemsim .info2 {
        color: #FFFFFF;
        font-size: 18px;
        font-weight: 600;
    }

    .xemsim .gia {
        /*border-top: 1px solid #333333;*/
        /*border-bottom: 1px solid #333333;*/
        /*padding: 10px 0;*/
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
    }

    .xemsim .gia .gia-chua-giam {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        text-decoration: line-through;
        color: #FFFFFFCC;
    }

    .xemsim .gia .phan-tram-giam-gia {
        height: 25px;
        padding: 0 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(90deg, rgba(213, 154, 78, 0.4) 0%, rgba(255, 223, 194, 0.4) 100%);
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
        color: #FFFFFF;
    }

    /* dstintuc */
    .dstintuc {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }

    .dstintuc .item {
        width: calc(33.333% - 20px);
        margin: 10px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .dstintuc .item .thumb {
        width: 100%;
        aspect-ratio: 4 / 3;
        border-radius: 10px;
        overflow: hidden;
    }

    .dstintuc .item .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .dstintuc .item .content {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .dstintuc h2 {
        font-weight: 500;
        font-size: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 48px;
    }

    .dstintuc .item .hien2dong {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 48px;
    }

    .dstintuc .item .pp {
        display: flex;
        font-size: 14px;
        margin: 0 0 10px 0;
        gap: 16px;
        align-items: center;
        color: #FFFDF6B2;
    }

    .dstintuc .item .pp a {
        color: #FFFDF6B2 !important;
    }

    .dstintuc .item .pp>i {
        font-size: 6px;
        color: #F2E1DA;
        opacity: 0.6;
    }

    .phanhoi .item {
        width: 300px;
        height: 350px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .phanhoi .item:after {
        content: '';
        width: 80px;
        height: 80px;
        background: url("../img/play-but.png") center no-repeat transparent;
        position: absolute;
        top: calc(50% - 40px);
        left: calc(50% - 40px);
    }

    .homedv {
        background: url("../img/dv-icon/dv-bg.png") center no-repeat;
        background-size: cover;
        padding: 30px 0;
    }

    .homedv .dv {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .homedv .dv>div {
        /*border: 1px solid #C6A76C;*/
        /*border-radius: 20px;*/
        overflow: hidden;
        background: #000000;
    }

    .homedv .dv>div .dvic {
        display: block;
        width: 100%;
        height: 350px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .homedv .dv .nd {
        background: linear-gradient(104deg, rgba(97, 95, 101, 0.30) 0%, rgba(78, 76, 79, 0.30) 48.59%, rgba(71, 69, 70, 0.30) 100%);
        backdrop-filter: blur(10.550000190734863px);
        padding: 0 20px 20px 20px;
        position: relative;
        overflow: hidden;
    }

    .homedv .dv .nd:after {
        content: '';
        width: 110px;
        height: 135px;
        background: url(../imgv2/sim-info2.svg) center no-repeat;
        background-size: cover;
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0.7;
    }

    .homedv .dv .nd .text-bg {
        font-size: 30px;
        font-weight: bold;
        line-height: 160%;
        margin: 20px 0 20px 0;
    }

    .homedv .des {
        color: rgba(217, 217, 217, 1);
    }

    .homedv .nut-moi {
        width: 100%;
        text-align: center;
    }

    .content-in {
        margin: 0 auto;
        width: min(95%, 1400px);
    }

    .content-in2 {
        margin: 0 auto;
        width: min(95%, 1400px);
    }

    .content-in2 p {
        margin-bottom: 10px;
    }

    .dflex {
        display: flex;
        justify-content: center;
    }

    .fdrv {
        flex-direction: revert;
    }

    .fdc {
        flex-direction: column;
    }

    .dfc {
        align-items: center;
    }

    .djc {
        justify-content: center;
    }

    .nut-moi,
    .nut-sc {
        border: 1px solid #333333;
        /*border-radius: 4px;*/
        color: #C6A76C;
        background-color: transparent;
        padding: 0 20px;
        width: 60%;
        margin-top: 10px;
        cursor: pointer;
        font-weight: bold;
        text-align: center;
        min-height: 45px;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nut-moi:hover,
    .nut-sc:hover {
        background: #C6A76C !important;
        color: #FFFFFF !important;
    }

    .nut-sc {
        width: 100% !important;
        font-size: 20px;
        text-align: center;
        font-weight: bold;
        padding: 12px 0;
    }

    .nut-dv {
        width: 150px;
        height: 45px;
        background: #C6A76C;
        border: 1px solid #937635;
        font-size: 20px;
        border-radius: 5px;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
    }

    .breadcrumbs {
        padding: 20px 0 16px 0;
        font-weight: 700;
    }

    .breadcrumbs>a {
        padding: 10px 32px 10px 0;
        font-weight: 400;
        background-image: url(../imgv2/icon_arrow.svg);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 24px 24px;
    }

    /* .breadcrumbs>a:last-child{
        background-image: none;
    } */

    /* DS Sim */
    .ds-sim {
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
    }

    .ds-sim a {
        display: flex;
        background: #2d2d2d;
        width: calc(25% - 15px);
        /*height: 122px;*/
        flex-direction: column;
        border-radius: 8px;
        overflow: hidden;
        color: #DBD5CC;
    }

    .ds-sim-type-2 a {
        height: auto;
    }

    .ds-sim-type-2 a .desc {
        margin-top: 8px;
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
        color: #fff;
    }

    .giatot {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
        border: 1px solid #ff3030;
        color: #fff !important;
        -webkit-text-fill-color: #ff3030;
        vertical-align: middle;
        border-radius: 5px;
        padding: 0 3px;
        margin-left: 5px;
        line-height: normal;
        display: flex;
        justify-content: TenNhanVatcenter;
        align-items: center;
    }

    .ds-sim a .info {
        padding: 12px;
        position: relative;
        border: 1px solid #2d2d2d;
        border-radius: 10px;
    }

    .ds-sin a .bgold {
        border: 1px solid #af7a38 !important;
    }

    .ds-sim a .info .bg11 {
        width: 216px;
        height: 135px;
        background: url(../imgv2/sim-info1.svg) center no-repeat;
        background-size: cover;
        position: absolute;
        right: 38.197px;
        bottom: -20.875px;
        opacity: 1;
    }

    .ds-sim a .info .bg22 {
        width: 136px;
        height: 118px;
        background: url(../imgv2/sim-info3.svg) center no-repeat;
        background-size: cover;
        position: absolute;
        right: -20px;
        bottom: -18px;
    }

    .ds-sim a .info .cart {
        position: absolute;
        width: 32px;
        height: 32px;
        background: linear-gradient(104deg, rgba(97, 95, 101, 0.30) 0%, rgba(78, 76, 79, 0.30) 48.59%, rgba(71, 69, 70, 0.30) 100%);

        right: 13px;
        bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #5A5A5A;
        border-radius: 50px;
        z-index: 2;

        stroke-width: 0.713px;
        stroke: #5A5A5A;
        filter: drop-shadow(0 4px 13.5px rgba(0, 0, 0, 0.13));
    }

    .ds-sim a .info .cart span {
        background: url(../imgv2/cart.svg) center no-repeat;
        background-size: 20px;
        display: block;
        width: 30px;
        height: 30px;
    }

    .ds-sim a .info .newsim {
        position: absolute;
        width: 32px;
        height: 32px;
        background: url("../img/new-sim.png") center no-repeat;
        top: 5px;
        right: 5px;
    }

    .ds-sim a .info .sim {
        font-size: 26px;
        padding-bottom: 10px;
        background: linear-gradient(92.27deg, #FFC67E 0.27%, #FFDFC2 95.42%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 600;
        display: flex;
    }
    .ds-sim a .info .sim i {
        color: #FF9800;
        -webkit-text-fill-color: #FF9800;
    }

    .ds-sim a .info .gia,
    .ds-sim a .info .nha-mang {
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFFA1;
        display: flex;
        align-items: center;
        gap: 8px;
        letter-spacing: 1px;
    }

    .ds-sim a .info .gia .price-discount,
    .ds-sim a .info .nha-mang .name-nha-mang {
        color: #FFF;
        font-size: 14px;
        font-weight: 500;
    }

    .ds-sim a .info .gia .price-old {
        font-size: 12px;
        font-weight: 500;
        text-decoration: line-through;
        color: #FFFFFFA1;
    }

    .ds-sim a .info .nha-mang {
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFFA1;
        display: flex;
        align-items: center;
        gap: 8px
    }

    .ds-sim a img {
        width: 100%
    }

    .ds-sim a:hover {
        background: #232526;
    }

    .bg-dichvu {
        padding: 80px 10px;
        text-align: center;
        color: #FFFFFF;
        font-size: 20px;
    }

    .bg-dichvu .logodv {
        position: absolute;
        top: 20px;
        left: 30px;
    }

    .box-admin,
    .box-mid,
    .box-small1,
    .box-small2 {}

    .nut-mua-sim {
        background: url("../img/nut-mua-sim.png") no-repeat;
        width: 111px;
        height: 37px;
        border: none !important;
        cursor: pointer;
    }

    .nut-mua-ngay {
        width: 100%;
        height: 50px;
        text-transform: uppercase;
        background: linear-gradient(94deg, #D49646 -35.78%, #DBA868 -11.92%, #E0B580 6.32%, #D8A25D 21.53%, #D49646 33.71%, #9A692F 51.96%, #69431D 68.7%, #D49646 90%, #BE853D 91.52%, #805526 100.65%, #69431D 103.69%), linear-gradient(92deg, #FFC67E 0.27%, #FFDFC2 95.42%);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        color: #FFFFFF;
    }

    .nut-mua-ngay i {
        margin-left: 10px;
    }

    .nut-gio-hang {
        width: 100%;
        border-image: linear-gradient(93.58deg, #FFDFB8 0%, #FFBB67 100%) 1;
        gap: 8px;
    }

    .nut-dat-mua img {
        width: 100%;
    }

    .nut-trapt {
        background: url("../img/nut-trapt.png") no-repeat;
        width: 135px;
        height: 44px;
        border: none !important;
        cursor: pointer;
    }

    .admin-page {
        margin: 50px 0
    }

    .col-left,
    .col-mid {
        float: left;
        margin-right: 20px
    }

    .box-body-small {
        margin-bottom: 10px
    }

    .box-body-small {
        background: #FFFFFF;
    }

    .col-left {
        width: 830px;
    }

    .col-right {
        float: left;
        width: 320px;
    }

    .box-xemsim h3 {
        margin: 15px 0;
        font-size: 16px;
        font-weight: 700
    }

    .box-mid,
    .box-search,
    .box-small1,
    .box-small2 {
        margin-bottom: 10px;
        background: transparent;
    }

    .box-nganhang {
        background: transparent;
        padding: 20px;
        text-align: left;
    }

    .box-nganhang ul {
        padding-top: 15px;
    }

    .box-nganhang ul li {
        background: url("../img/icon-box-nh.png") left 5px no-repeat;
        padding-left: 15px;
        padding-bottom: 10px;
    }

    .box-nganhang ul li:last-child {
        padding-bottom: 0;
    }

    .box-small2 {
        line-height: 22px
    }

    .box-admin {
        min-height: 300px
    }

    .box-title {
        background: url("../img/title.png") left repeat-y #067a22;
        color: #FFFFFF;
        font-weight: bold;
        padding: 4px 0;
        border-radius: 8px 8px 0 0;
        font-size: 13px;
        text-align: center;
        border-bottom: 2px solid #066c1e;
    }

    .box-title .text {
        text-transform: uppercase;
    }

    .box-title .small {
        font-weight: normal;
    }

    .box-title>span {
        height: 40px;
        line-height: 40px;
        padding-left: 36px;
        display: inline-block;
        vertical-align: middle;
    }

    .box-title .icon-s {
        background: url("../img/icon_search.png") left no-repeat;
    }

    .box-title .icon-nh {
        background: url("../img/icon-nh.png") left no-repeat;
        padding-left: 45px;
    }

    .box-title .icon-sp {
        background: url("../img/icon-sp.png") left no-repeat;
    }

    .box-title .icon-ds {
        background: url("../img/icon_ds.png") left no-repeat;
    }

    .box-title .icon-news {
        background: url("../img/icon-news.png") left no-repeat;
        padding-left: 45px;
    }

    .box-title .icon-xemsim {
        background: url("../img/icon-xemsim.png") left no-repeat;
        padding-left: 45px;
    }

    .box-title .icon-ns {
        background: url("../img/icon-ns.png") left no-repeat;
    }

    .box-title .icon-hdtrapt {
        background: url("../img/icon-hdtrapt.png") left no-repeat;
    }

    .box-title .icon-lh {
        background: url("../img/icon-lh.png") left no-repeat;
    }

    .box-search {
        padding: 20px;
        display: none;
        border: 1px solid #DDDDDD;
        border-top: none;
    }

    .box-search.active {
        display: block;
    }

    .box-search .line {
        border-bottom: 1px solid #DDDDDD;
        padding: 10px 0;
    }

    .box-search .line label {
        cursor: pointer;
    }

    .box-search .hdtim {
        font-weight: bold;
        padding-bottom: 10px;
    }

    .box-search .mang {}

    .box-search .mang label {
        padding-right: 20px;
    }

    .box-search .mang img {
        vertical-align: middle;
        padding-bottom: 10px;
    }

    .box-search .loaisimout {
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .box-search .loaisim {
        text-align: left;
    }

    .box-search .loaisim label {
        width: 25%;
        float: left;
    }

    .box-search .loaigia {
        padding: 10px 0;
    }

    .box-search .sgia {
        padding: 6px 10px;
        border-radius: 5px;
        border: 1px solid #DDDDDD;
        width: 135px;
        background: #FFF;
    }

    .box-search .sgia:focus {
        border: 1px solid #08602c;
        outline: none;
    }

    .box-search .lastline {
        padding-top: 10px;
    }

    .box-search .kobg {
        padding-bottom: 15px;
        padding-top: 10px;
    }

    .box-search .kobg label {
        padding: 0 10px;
    }

    .box-search .diem {
        padding: 6px 10px;
        border-radius: 5px;
        border: 1px solid #DDDDDD;
        width: 100px;
    }

    .box-search .diem:focus {
        border: 1px solid #08602c;
        outline: none;
    }

    .box-search .bochon {
        font-weight: bold;
        font-size: 16px;
    }

    .box-search .bochon img {
        vertical-align: middle;
    }

    .box-search .sphongthuy {
        display: flex;
    }

    .box-search .sphongthuy label {
        line-height: 46px;
        padding-right: 10px;
    }

    .box-search .sphongthuy label img {
        vertical-align: middle
    }

    .box-search .dangchon {
        float: left;
        width: 780px;
        border-right: 1px solid #DDDDDD;
        margin-right: 20px;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 0;
        color: #08602c;
    }

    .box-search .loaidau {
        text-align: center;
    }

    .box-search .sapxep {
        text-align: left;
        padding-top: 10px;
    }

    .box-search .sapxep select {
        padding: 6px 10px;
        border-radius: 5px;
        border: 1px solid #DDDDDD;
    }

    .box-search .nuttim {
        width: 130px;
        height: 44px;
        border: none;
        background: url("../img/nuttim.png") center no-repeat;
        vertical-align: middle;
        padding: 0;
        cursor: pointer;
    }

    .box-keys {
        background: #333333;
        color: #FFFFFF;
        border-radius: 5px;
    }

    .box-keys .keytim {
        padding: 10px;
        position: relative
    }

    .box-keys .key {
        border: 1px solid #888888;
        height: 41px;
        width: 100%;
        background: #ededed;
        padding: 0 10px;
        border-radius: 5px;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: bold;
    }

    .box-keys .key:focus {
        border: 1px solid #126d2f;
        outline: none;
    }

    .box-keys .nuttim {
        width: 50px;
        height: 41px;
        border: none;
        background: url("../img/icon-hseach.svg") center no-repeat #666;
        vertical-align: middle;
        padding: 0;
        position: absolute;
        right: 9px;
        top: 10px;
        cursor: pointer;
    }

    .box-keys .bt-timnc {
        cursor: pointer;
    }

    .box-trapt {
        background: url("../img/bg-tra-spt.png") center no-repeat;
        background-size: cover;
        height: 260px;
        margin-bottom: 10px;
    }

    .box-trapt .nhap-trapt {
        padding-left: 250px;
        padding-top: 20px;
        line-height: 40px;
    }

    .box-trapt .nhap-trapt span {
        width: 150px;
        display: inline-block;
    }

    .box-trapt .nhap-trapt input,
    .box-trapt .nhap-trapt select {
        border: 1px solid #DDDDDD;
        padding: 5px 10px;
        border-radius: 5px;
    }

    .box-trapt .nhap-trapt input:focus,
    .box-trapt .nhap-trapt select:focus {
        border: 1px solid #08602c;
        outline: none;
    }

    .box-simns {
        background: #FFFFFF;
        padding: 20px;
        margin-bottom: 10px;
    }

    .box-simns a {
        background: url("../img/icon-li-ns.png") left no-repeat;
        float: left;
        width: 25%;
        padding-left: 15px;
        box-sizing: border-box;
        font-weight: bold;
    }

    .box-thong-ke td {
        padding: 3px 0
    }

    .box-lienhe {}

    .box-lienhe .senlh {
        display: flex;
    }

    .box-lienhe .senlh div {
        width: 100%;
    }

    .box-lienhe .senlh div:first-child {
        margin-right: 20px;
    }

    .box-lienhe .senlh p {
        padding: 5px 0;
    }

    .box-lienhe .senlh input,
    .box-lienhe .senlh textarea {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }

    .box-timns {
        border: none;
        background: url(../img/timns_bg.png) center;
        background-size: cover;
        padding: 20px;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 10px;
        color: #FFFFFF;
        line-height: 30px;
    }

    .box-timns .nschon {
        display: flex;
    }

    .box-timns .nschon select {
        width: 100%;
        margin-right: 10px;
        padding: 5px 0;
    }

    .box-timns .nschon select:last-child {
        margin-right: 0;
    }

    .box-timns .nutsm {
        width: 100%;
        border: none;
        background: url("../img/timns_but.png");
        height: 38px;
        margin-top: 10px;
        border-radius: 5px;
    }

    .box-timns .nutsm img {
        padding-top: 5px;
    }

    .list-right>li>a {
        display: block;
        background: url(../img/icon-li-ns.png) left no-repeat;
        margin-left: 10px;
        line-height: 28px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 20px;
        color: #000000;
        font-weight: bold;
    }

    .list-right>li>a:hover {
        color: red;
    }

    .list-sim {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .list-sim>li {}

    .list-sim>li>a {
        border-radius: 8px;
        border: 1px solid #5A5A5A;
        background: linear-gradient(104deg, rgba(97, 95, 101, 0.30) 0%, rgba(78, 76, 79, 0.30) 48.59%, rgba(71, 69, 70, 0.30) 100%);
        backdrop-filter: blur(10.550000190734863px);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        text-align: center;
        line-height: 160%;
        padding: 10px 0;
        font-size: 22px;
        overflow: hidden;
    }

    /*.list-sim > li > a:hover {*/
    /*    color: #FFFFFF;*/
    /*    background: #C6A76C;*/
    /*}*/
    .list-sim>li>a:before {
        content: '';
        width: 216px;
        height: 80px;
        background: url(../imgv2/sim-info1.svg) center no-repeat;
        background-size: cover;
        position: absolute;
        right: 40px;
        bottom: 0;
        opacity: 0.5;
    }

    .list-sim>li>a:after {
        content: '';
        width: 100px;
        height: 75px;
        background: url(../imgv2/sim-info3.svg) top no-repeat;
        background-size: cover;
        position: absolute;
        right: -5px;
        bottom: -16px;
        opacity: 1;
    }

    .list-sim>li>a>h3 {
        background: linear-gradient(90deg, #FFDBAE 20%, #FFF0E3 80%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .list-tin img {
        width: 100%;
    }

    .list-tin .tieude {
        font-weight: bold;
        color: #C6A76C;
    }

    .tab-sim td,
    .tab-sim th,
    .home-sim td,
    .home-sim th {
        border: 1px solid #3d3d3d;
        padding: 3px;
        text-align: center
    }

    .list-sim>li>ul>li>a:hover {
        color: #feb645
    }

    .list-sim.menh2 {
        grid-template-columns: repeat(5, 1fr);
    }

    .list-sim.menh2 img {
        margin-right: 10px;
    }

    .list-sim.nam2 {
        grid-template-columns: repeat(6, 1fr);
    }

    .active-menu a {
        color: #dd5131 !important
    }

    .tab-sim,
    .home-sim {
        border: 1px solid #DDD;
        width: 100%;
        background: transparent;
    }

    .tab-sim th {
        background: #3A3A3A;
        font-weight: 700;
        font-size: 20px;
        line-height: 160%;
        text-align: center;
        padding: 12px 0;
    }

    .tab-sim td {
        height: 33px;
        vertical-align: middle;

    }

    .tab-sim tr:hover {
        background: #333333;
    }

    .home-sim th {
        background: #eeeeee;
        font-weight: bold
    }

    .home-sim .sosim a {
        color: blue;
        font-weight: bold;
        font-size: 16px;
    }

    .home-sim .sosim a:hover {
        color: orangered;
    }

    .home-sim .giasim {
        color: red;
        font-weight: bold;
    }

    .simnumb {
        font-size: 18px;
        font-weight: 700
    }

    .nhamang img {
        width: 100%;
    }

    .nhamang a {
        height: 66px !important;
        background-size: 180px !important;
    }

    .nhamang-sim-viettel,
    .nhamang-sim-viettel:hover {
        background: url(../img/nhamang/sim-viettel.jpg) center no-repeat #FFFFFF !important;
        background-size: contain !important;
    }

    .nhamang-sim-vinaphone,
    .nhamang-sim-vinaphone:hover {
        background: url(../img/nhamang/sim-vinaphone.jpg) center no-repeat #FFFFFF !important;
        background-size: contain !important;
    }

    .nhamang-sim-mobifone,
    .nhamang-sim-mobifone:hover {
        background: url(../img/nhamang/sim-mobifone.jpg) center no-repeat #FFFFFF !important;
        background-size: contain !important;
    }

    .nhamang-sim-vietnamobile,
    .nhamang-sim-vietnamobile:hover {
        background: url(../img/nhamang/sim-vietnamobile.jpg) center no-repeat #FFFFFF !important;
        background-size: contain !important;
    }

    .nhamang-sim-gmobile,
    .nhamang-sim-gmobile:hover {
        background: url(../img/nhamang/sim-gmobile.jpg) center no-repeat #FFFFFF !important;
        background-size: contain !important;
    }

    .nhamang-sim-itelecom,
    .nhamang-sim-itelecom:hover {
        background: url(../img/nhamang/sim-itelecom.jpg) center no-repeat #FFFFFF !important;
        background-size: contain !important;
    }

    .nhamang-sim-wintel,
    .nhamang-sim-wintel:hover {
        background: url(../img/nhamang/sim-wintel.jpg) center no-repeat #FFFFFF !important;
        background-size: contain !important;
    }

    .nhamang-sim-co-dinh,
    .nhamang-sim-co-dinh:hover {
        background: url(../img/nhamang/sim-co-dinh.jpg) center no-repeat #FFFFFF !important;
        background-size: contain !important;
    }

    .nhaplieu {
        border-collapse: collapse;
        border-spacing: 10px;
        margin: 0 auto;
        min-width: 90%;
    }

    .nhaplieu td {
        vertical-align: top;
        padding-bottom: 8px;
    }

    .nhaplieu td b {
        font-weight: 400 !important;
    }

    .nhaplieu td:has(input),
    .nhaplieu td:has(select),
    .nhaplieu td:has(textarea) {
        padding-bottom: 16px;
    }

    .nhaplieu input,
    .nhaplieu textarea,
    .nhaplieu select {
        border: none;
        padding: 12px 16px;
        min-height: 46px;
        box-sizing: border-box;
        background: transparent;
        font-size: 16px;
        border-radius: 0;
        color: #FFFFFF;
        resize: none;
        font-family: 'SVN-Gilroy', sans-serif;
    }

    .nhaplieu input[type="text"],
    .nhaplieu textarea,
    .nhaplieu select {
        width: 100%;
    }

    .nhaplieu,
    .nhaplieu th,
    .nhaplieu td {
        border: none !important;
    }

    .nhaplieu select {
        background: #666666;
        color: #FFFFFF;
    }

    .box-nhap-dv .text-bg {
        font-size: 24px;
        line-height: 160%;
        font-weight: 700;
        margin-bottom: 24px;
        text-align: center;
    }

    .box-body-large {
        margin-bottom: 10px;
    }

    .phantrang {
        margin: 10px auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px;
    }

    .phantrang a {
        min-width: 36px;
        height: 36px;
        background: #272727;
        backdrop-filter: blur(16px);
        color: #FFFFFF;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        border: 1px solid transparent;
    }

    .phantrang a:last-child, .phantrang a.first {
        padding: 0 12px;
    }

    .phantrang .active,
    .phantrang a:hover {
        color: #FFFFFF;
        font-weight: 600;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
            radial-gradient(66.31% 84.48% at 52.63% 121.84%, rgba(255, 210, 62, 0.5) 0%, rgba(255, 210, 62, 0) 100%),
            linear-gradient(0deg, rgba(38, 38, 38, 0.2), rgba(38, 38, 38, 0.2));
        border: 1px solid transparent;
        border-image: conic-gradient(from 90deg at 86% 55.17%,
                rgba(153, 153, 153, 0) -47.06deg,
                #CB9735 65.77deg,
                rgba(255, 240, 207, 0) 179deg,
                rgba(153, 153, 153, 0) 312.94deg,
                #CB9735 425.77deg) 1;
    }

    .footer {
        margin: 56px auto 0 auto;
        background: rgb(18, 18, 18);
        color: #FFFFFF;
        line-height: 25px;
        position: relative;
        overflow: hidden;
    }

    body:has(.box-cg) .footer {
        margin: 0 auto;
    }

    .footer .solo {
        color: #DBB484;
        font-size: 33px;
        font-style: normal;
        line-height: 24px;
        /* 150% */
        padding-top: 10px;
    }

    .footer-in .bg1 {
        width: 328.235px;
        height: 764.832px;
        transform: rotate(90deg);
        /* aspect-ratio: 328.23 / 872.83; */
        position: absolute;
        left: -188px;
        top: -157.98px;
        opacity: 0.5;
        background: url(../imgv2/bg2.png) #ffffff00 -88% / cover no-repeat;
        mix-blend-mode: lighten;
    }

    .footer-in .bg2 {
        width: 728.695px;
        height: 562.627px;
        /* aspect-ratio: 728.70 / 562.63; */
        position: absolute;
        right: -250px;
        top: -101px;
        opacity: 0.06;
        background: url(../imgv2/ft_bg2.png) #000000 100% / cover no-repeat;
        mix-blend-mode: lighten;
    }

    .lineft {
        width: 100%;
        height: 1px;
        background: #DBB191;
        opacity: 0.2;
    }

    .footer .copyright {
        text-align: center;
        padding: 20px 0;
        color: rgba(255, 255, 255, 0.40);
    }

    .footer .copyright .content-in2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footer-in {
        margin: 0 auto;
        padding: 50px 0 30px 0;
    }

    .footer-in {
        display: flex;
        justify-content: space-between;
        position: relative
    }

    .footer-in .left {
        margin-right: 20px;
        position: relative
    }

    .footer-in .left .gar {
        width: 376.958px;
        height: 138.104px;
        position: absolute;
        left: -28.022px;
        top: -7.229px;
        opacity: 0.45;
        background: linear-gradient(180deg, rgba(205, 137, 57, 0.00) 23.5%, #CD8939 100%);
        mix-blend-mode: plus-lighter;
        filter: blur(56.12767028808594px);
        z-index: 0;
    }

    .footer-in .left>div:not(.gar) {
        position: relative;
        z-index: 1;
    }

    .footer-in .left>div.flink {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .footer-in .left img {
        height: 79px;
    }

    .footer-in .left:last-child {
        margin-right: 0;
    }

    .footer-in .title,
    .box-lienhe .title {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;
        margin-bottom: 16px;
        color: #C6A76C;
    }

    .footer-in .title span,
    .box-lienhe .title span {
        /*border-bottom: 3px solid #333333;*/
        /*padding-bottom: 5px;*/
    }

    .flink a {
        display: block;
        font-weight: 500;
        font-size: 16px;
        color: #CFCFCF;
    }

    .fic {
        width: 20px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .fic i {
        background: linear-gradient(115deg, #D49646 0%, #E0B580 20%, #D49646 40%, #9A692F 60%, #69431D 80%, #69431D 40%, #D49646 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .fss {
        display: flex;
    }

    .fss a {
        width: 36px;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: linear-gradient(115deg, #D49646 0%, #E0B580 20%, #D49646 40%, #9A692F 60%, #69431D 80%, #69431D 40%, #D49646 100%);
    }

    .fss a:not(:last-child) {
        margin-right: 10px;
    }

    .fss a i {
        font-size: 18px;
        color: #000000;
    }

    .dathang {
        padding: 20px;
        background: #FFFFFF;
    }

    .dathang>div {
        border-bottom: 1px solid #DDD;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .dathang>div:last-child {
        border: none;
        padding: 0;
    }

    .dathang .khach {
        float: left;
        margin-right: 20px;
    }

    .dathang .name {
        font-weight: 700
    }

    .donhang {
        border-radius: 9.244px;
        border: 1px solid #5A5A5A;
        background: linear-gradient(104deg, rgba(97, 95, 101, 0.30) 0%, rgba(78, 76, 79, 0.30) 48.59%, rgba(71, 69, 70, 0.30) 100%);
        backdrop-filter: blur(10.550000190734863px);
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 20px;
        box-sizing: border-box;
        height: auto;
        overflow: hidden;
        font-size: 18px;
        line-height: 2em;
    }

    .donhang:before {
        content: '';
        width: 416px;
        height: 235px;
        background: url(../imgv2/sim-info1.svg) center no-repeat;
        background-size: cover;
        position: absolute;
        left: 238.197px;
        bottom: -20.875px;
        opacity: 0.5;
    }

    .donhang:after {
        content: '';
        width: 217px;
        height: 332px;
        background: url(../imgv2/sim-info2.svg) center no-repeat;
        background-size: cover;
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0.7;
    }

    .donhang .text-bg2 {
        text-transform: uppercase;
    }

    .donhang .text-bg2.tt {
        font-size: 24px;
        line-height: 160%;
        font-weight: bold;
        line-height: 160%;
        padding: 10px 0;
    }

    .alert-danger,
    .errorMessage {
        color: #D8000C;
        background-color: #FFBABA
    }

    .alert-success,
    .successMessage {
        color: #4F8A10;
        background-color: #DFF2BF
    }

    .alert-info,
    .noticeMessage {
        color: #00529B;
        background-color: #BDE5F8
    }

    .alert-warning,
    .warningMessage {
        color: #9F6000;
        background-color: #FEEFB3
    }

    .alert-danger,
    .alert-info,
    .alert-success,
    .alert-warning,
    .errorMessage,
    .noticeMessage,
    .successMessage,
    .warningMessage {
        margin-bottom: 10px;
        padding: 10px;
        border: 1px solid
    }

    #but_contact {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 305px;
        height: 25px
    }

    .timnangcao_click {
        cursor: pointer;
        font-size: 12px;
        font-weight: 700
    }

    #remaxacnhan {
        cursor: pointer;
        vertical-align: super;
    }

    .tin-tuc-h1 {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .tin-tuc-social {
        padding-bottom: 10px;
    }

    .tin-tuc-cate {
        border-bottom: 1px solid #DDD;
        padding-bottom: 15px;
        margin-top: 15px;
    }

    .page-step {
        padding-bottom: 10px
    }

    .tin-tuc-cate h2 {
        margin-bottom: 2px !important
    }

    .tin-tuc-cate .chitiet {
        text-align: right
    }

    .tin-tuc-cate .date {
        color: #999;
    }

    .tin-tuc-cate .thumb {
        float: left;
        max-width: 120px;
        border: 1px solid #DDDDDD;
        padding: 3px;
        margin-right: 10px;
        overflow: hidden;
    }

    .tin-tuc-cate .thumb span {}

    .tin-tuc-cate .thumb img {
        max-width: 120px;
        vertical-align: middle;
    }

    .box-tin-tuc {
        /*margin: 36px 0;*/
        word-wrap: break-word;
    }

    .box-tin-tuc .tin-tuc-cate:first-child {
        margin-top: 0px;
    }

    .box-tin-tuc .tin-tuc-cate:last-child {
        border-bottom: none;
        padding-bottom: 0px;
    }

    .box-tin-tuc h1,
    .box-tin-tuc h2,
    .box-tin-tuc h3,
    .box-tin-tuc h4 {
        font-weight: bold;
        padding: 10px 0;
    }

    .box-tin-tuc h1 {
        font-size: 28px !important;
        line-height: normal;
    }

    .title-tintuc {
        background: linear-gradient(90deg, #BE9D66 0%, #C6AB7D 17.79%, #EAEAEA 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .date-tintuc {
        display: flex;
        align-items: center;
        gap: 48px;
        padding: 16px 0;
    }

    .date-tintuc>div>span {
        font-weight: 600;
    }

    .date-tintuc>div>span>a {
        color: #FFF !important;
    }

    .box-tin-tuc h2 {
        font-size: 24px !important;
        font-weight: 600;
    }

    .box-tin-tuc h3 {
        font-size: 18px !important;
        font-weight: 600;
    }

    .box-tin-tuc h3 em {
        font-weight: normal !important;
        font-size: 16px;
    }

    .box-tin-tuc h4 {}

    .box-tin-tuc .date {
        color: #999999
    }

    .box-tin-tuc p,
    .seo-link p {}

    .box-tin-tuc table,
    .box-tin-tuc th,
    .box-tin-tuc td {
        width: 100%;
        border: 1px solid #333333;
    }

    .box-tin-tuc th,
    .box-tin-tuc td {
        padding: 5px;
        width: auto;
    }

    .box-tin-tuc img {
        max-width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .box-tin-tuc ul {
        list-style: revert-layer;
        margin-left: 40px;
        margin-bottom: 10px
    }

    .box-tin-tuc a {
        color: #c6a76c !important;
    }

    .tinlienquan {
        margin-left: 30px;
        list-style: inherit;
        font-size: 16px;
        line-height: 28px;
    }

    .tin-tuc-cm a {
        float: left;
        width: 50%;
    }

    .tin-tuc-cm .cm_item {
        margin: 10px;
        background: #08602c;
        color: #ffffff;
        font-weight: bold;
        padding: 10px;
        border-radius: 5px;
    }

    .tin-tuc-cm .cm_item:hover {
        background: #000000;
    }

    .homesim {
        border: 1px solid #DDD;
        padding: 10px;
    }

    .homesim a {
        float: left;
        width: 50%;
        line-height: 25px;
        font-weight: bold;
    }

    .subsim a {
        float: left;
        width: 33%;
        line-height: 25px;
        font-weight: bold;
        background: url(../img/icon-li-ns.png) left no-repeat;
        padding-left: 15px;
        box-sizing: border-box;
    }

    .row4 a {
        width: 25%;
    }

    .ft-block {
        padding-top: 5px
    }

    .ft-tab {
        float: left;
        width: 25%;
        margin-bottom: 10px;
        line-height: 26px;
    }

    .ft-tab-title {
        font-weight: 700;
        color: #fa0202;
        font-size: 14px;
        padding: 5px 0px;
        text-transform: uppercase;
    }

    .ft-tab ul {
        margin-left: 30px;
        list-style: inherit
    }

    .ft-tab ul li a {
        color: #9c0000
    }

    .ft-tab ul li a:hover {
        color: #fa0202
    }

    .ft-res {
        border-top: 1px solid #777777;
        padding-top: 10px;
        margin-top: 10px;
    }

    .box-dat-mua {
        margin: 0 auto;
        width: 1900px;
        padding-top: 20px;
    }

    .box-dau-so {
        margin: 0 auto;
        padding: 0 10px;
    }

    .box-dau-so img {
        width: 100%;
        padding-top: 10px;
    }

    .text-left {
        text-align: left !important
    }

    .ds-active {
        color: red !important;
        font-weight: 700
    }

    .datmua {
        cursor: pointer;
        opacity: 0.8;
    }

    .datmua:hover {
        opacity: 1;
    }

    .xemdt-h2 {
        font-weight: bold;
        padding: 5px 0;
        font-size: 14px;
    }

    .giamgia {
        text-decoration: line-through;
    }

    .datsimhome input[type="text"] {
        width: 130px;
    }

    .datsimhome td {
        padding: 3px;
    }

    .ft_info_logo {
        float: left;
        width: 25%;
        text-align: center
    }

    .ft_info_bct {
        float: left;
        width: 25%;
        text-align: center;
        padding-top: 30px;
    }

    .ft_info_logo img {
        max-width: 150px;
    }

    .ft_info_bct img {
        max-width: 190px;
    }

    .ft_info_text {
        float: left;
        width: 50%;
        font-size: 14px;
        text-align: center;
        padding-top: 10px;
    }

    .footer-menu {
        margin: 0 auto;
        padding: 5px 0px;
        background: #000000;
        text-align: center;
        font-size: 12px;
        color: #ffde00;
    }

    .footer-menu a {
        color: #FFFFFF;
        padding: 0px 5px;
        font-size: 14px;
        font-weight: bold;
    }

    .footer-menu a:hover {
        color: #ffde00;
    }

    #sim-giam-gia {
        position: fixed;
        right: 0;
        bottom: 0;
        width: 165px;
        height: 240px;
        background: url(../img/sim-giam-gia.png) top center no-repeat;
    }

    .home-tin {
        border-bottom: 1px solid #f1f1f1;
        padding: 5px 0px;
        height: 129px;
        overflow: hidden;
    }

    .box-sim-list {}

    .box-small1 .home-tin:first-child {
        padding-top: 0;
    }

    .box-small1 .home-tin:last-child {
        border-bottom: 0px solid #f1f1f1;
        padding-bottom: 0px;
    }

    .box-support {
        text-align: center;
        border: 1px solid #DDD;
        border-radius: 0 0 5px 5px;
        padding: 10px 0;
    }

    .box-support .hotline {
        font-size: 22px;
        font-weight: bold;
        line-height: 35px;
        color: red;
    }

    .box-support .time {
        font-size: 16px;
        font-weight: bold;
    }

    .box-support .thank {
        font-size: 16px;
        font-weight: bold;
    }

    .home-tin-thumb {
        float: left;
        overflow: hidden;
        padding: 2px;
        border: 1px solid #DDDDDD;
        margin-right: 10px;
    }

    .home-tin-thumb span {}

    .home-tin-thumb img {
        max-width: 120px;
        vertical-align: middle;
    }

    .home-tin-title h3 {
        font-weight: bold;
    }

    .home-tin-title .date {
        font-size: 10px;
        color: #757575;
        text-transform: uppercase;
    }

    .block-tintuc .col-6 {
        width: 545px;
        float: left;
        display: inline-block;
    }

    .block-tintuc .col-6:first-child {
        margin-right: 10px;
    }

    .seo-link {
        border: 1px solid #DDDDDD;
        padding: 10px;
        margin-bottom: 10px;
        background: #FFFFFF;
        font-size: 16px;
        line-height: 28px;
    }

    .seo-link a {
        color: #0035f7;
    }

    .seo-link h2 {
        font-size: 20px;
        font-weight: bold;
        margin: 10px 0;
    }

    .seo-link h3 {
        font-size: 18px;
        font-weight: bold;
        margin: 10px 0;
    }

    .seo-link .video {
        float: left;
        width: 200px;
        height: 113px;
        margin-right: 10px;
        overflow: hidden;
    }

    .seo-link img {
        max-width: 100%;
        height: auto
    }

    .seo-link iframe {
        max-width: 100%;
    }

    .seo-link h3 em {
        font-weight: normal;
    }

    .menh {
        width: 40px;
        display: inline-block;
        font-weight: bold;
        color: #ffffff;
        border-radius: 3px;
    }

    .tuan {
        background: #fff;
    }

    .timkiem {
        margin: 0 auto;
        text-align: center;
    }

    .mobile-hide {}

    .mobile-show {
        display: none !important;
    }

    .cac-dich-vu-mb {
        display: none;
        text-align: center;
        padding: 20px;
        background: #FFFFFF;
    }

    .cac-dich-vu-mb img {
        max-width: 100%;
    }

    /* Menu top */
    /*.overlay {*/
    /*    background: #000;*/
    /*    opacity: 0.5;*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    !*z-index: 10;*!*/
    /*    display: none;*/
    /*}*/
    .leftmenu {
        position: fixed;
        width: 70%;
        height: 100%;
        background: #333333;
        z-index: 11;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-transition: left 0.5s ease-in-out;
        -moz-transition: left 0.5s ease-in-out;
        -o-transition: left 0.5s ease-in-out;
        transition: left 0.5s ease-in-out;
        left: -70%;
    }

    .leftmenu::-webkit-scrollbar {
        display: none;
    }

    .leftmenu ul li {
        position: relative;
    }

    .leftmenu ul li a {
        border-bottom: 1px solid #484848;
        display: block;
        font-size: 14px;
        padding: 10px 0 10px 10px;
        overflow: hidden;
        color: #FFFFFF;
    }

    .leftmenu ul li .sub {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        color: #FFFFFF;
    }

    .leftmenu ul li ul {
        display: none;
        font-size: 12px;
        background: #222222;
    }

    .leftmenu ul li ul li a {
        border-bottom: 1px solid #383838;
    }

    .leftmenu .dongmenu {
        padding-top: 10px;
        text-align: center;
    }

    .rightmenu {
        position: fixed;
        width: 70%;
        height: 100%;
        background: #333333;
        z-index: 11;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-transition: right 0.5s ease-in-out;
        -moz-transition: right 0.5s ease-in-out;
        -o-transition: right 0.5s ease-in-out;
        transition: right 0.5s ease-in-out;
        right: -70%;
    }

    .rightmenu::-webkit-scrollbar {
        display: none;
    }

    .rightmenu ul li {
        position: relative;
    }

    .rightmenu ul li a {
        border-bottom: 1px solid #484848;
        display: block;
        font-size: 14px;
        padding: 10px 0 10px 10px;
        overflow: hidden;
        color: #FFFFFF;
    }

    .rightmenu ul li .sub {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        color: #FFFFFF;
    }

    .rightmenu ul li ul {
        display: none;
        font-size: 12px;
        background: #222222;
    }

    .rightmenu ul li ul li a {
        border-bottom: 1px solid #383838;
    }

    .rightmenu .dongmenu {
        padding-top: 10px;
        text-align: center;
    }

    .activemenul {
        left: 0;
    }

    .activemenur {
        right: 0;
    }

    .menuFixed {}

    .subsimns a {
        float: left;
        width: 25%;
        line-height: 25px;
        font-size: 13px;
    }

    .simns-thang {
        background: #cccccc;
        padding: 5px;
        margin-bottom: 3px;
    }

    .simns-ngay {
        margin-left: 30px;
    }

    .simns-ngay li {
        float: left;
        width: 25%;
        list-style: initial;
    }

    .chonns {
        background: #FFFFFF;
        margin-bottom: 10px;
    }

    .mobile_bot {
        display: none;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: url(../img/title.png) #08602c;
        /* background-size: contain; */
        color: #FFFFFF;
    }

    .mobile_bot div {
        width: 100%;
        text-align: center;
    }

    .mobile_bot div:first-child {
        border-right: 1px solid #fff;
        position: relative;
    }

    .mobile_bot .hide-hotline {
        position: absolute;
        left: 0;
        display: none;
        bottom: 50px;
        background: url(../img/title.png) #2a8821;
        text-transform: uppercase;
        padding: 0;
    }

    .mobile_bot .hide-hotline .title {
        font-size: 12px;
        font-weight: bold;
        background: url("../img/icon-bhot.png") left no-repeat #2a8821;
        padding: 10px 0;
        padding-left: 30px;
        box-sizing: border-box;
        border: none;
        border-radius: 0 5px 0 0;
    }

    .mobile_bot .hide-hotline a {
        font-size: 24px;
        line-height: 160%;
        line-height: 36px;
        color: #FFFFFF;
        display: block;
        font-weight: bold;
    }

    .mobile_bot div {
        padding: 5px 0;
        font-size: 18px;
    }

    .mobile_bot div img {
        vertical-align: middle
    }

    .mobile_bot div p {
        padding-top: 3px;
    }

    .mobile_bot div p a {
        color: #FFFFFF;
    }

    .mobile_bot .sps {
        width: 100%;
    }

    .box-tintuc {
        padding: 20px;
        background: #FFFFFF;
        border-radius: 10px;
    }

    .box-tintuc h2 {
        font-size: 22px;
        color: #00266b;
        padding-bottom: 10px;
    }

    .box-tintuc .home-tin {
        border-bottom: none;
        border-top: 1px solid #f1f1f1;
        height: auto;
        padding: 10px 0;
    }

    .box-simds {
        padding: 0;
        margin: 0;
    }

    .box-simds li {
        padding-left: 20px;
        border-bottom: 1px solid #DDDDDD;
    }

    .box-simds li a {
        display: block;
        font-weight: bold;
        color: #000000;
        padding: 10px 15px;
        background: url(../img/icon-li-ns.png) left no-repeat;
    }

    .box-simds li:hover {
        background: #DDDDDD;
    }

    .locsim {
        display: flex;
        padding-bottom: 10px;
    }

    .locsim select {
        width: 100%;
        margin-right: 10px;
        padding: 8px;
    }

    .locsim select:last-child {
        margin-right: 0;
    }

    .locsim2 {
        background: #FFFFFF;
        border: 1px solid #DDD;
    }

    .locsim2>ul {
        display: flex;
    }

    .locsim2>ul>li {
        width: 100%;
        position: relative;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        text-align: center;
    }

    .locsim2>ul>li:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 6px solid #065831;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }

    .locsim2>ul>li:hover>ul {
        display: block;
    }

    .locsim2>ul>li>ul {
        display: none;
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        min-width: 150px;
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
        z-index: 1;
        position: absolute;
        top: 40px;
        left: 0;
    }

    .locsim2>ul>li>.txtactive {
        font-weight: bold;
        color: red;
    }

    .locsim2>ul>li>ul>li>a {
        display: block;
        cursor: pointer;
        color: #000000;
        background: #FFFFFF;
        border-bottom: 1px solid #DDDDDD;
        line-height: 32px;
    }

    .locsim2>ul>li>ul>li>a:hover {
        color: #ff8200;
    }

    .locsim2>ul>li>ul>li>a:last-child {
        border-bottom: none;
    }

    .locsim2>ul>li>ul>li>a.active {
        font-weight: bold;
        color: red;
    }

    .locsim2>ul>li>ul>li>a.tatca {
        border-bottom: 1px solid #DDDDDD;
    }

    .boxdauso a {
        float: left;
        width: 14%;
        line-height: 30px;
        font-weight: bold;
        padding-left: 0px;
        padding-right: 5px;
        box-sizing: border-box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .listnew {}

    .listnew>li {
        display: inline-block;
    }

    .listnew>li>a {
        display: block;
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        border-radius: 3px;
        margin-bottom: 8px;
        margin-right: 3px;
        position: relative;
        width: 136px;
        height: 60px;
        padding-left: 52px;
    }

    .listnew>li>a:hover {
        border: 1px solid #e9b964;
    }

    .listnew>li>a>.anhmang {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        width: 50px;
        height: 50px;
        line-height: 50px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        text-align: center;
        left: 5px;
        top: 5px;
    }

    .listnew>li>a>.anhmang img {
        vertical-align: middle;
        display: initial;
        width: auto;
    }

    .listnew>li>a>.info {
        padding: 10px 5px 0 0;
        text-align: right;
    }

    .listnew>li>a>.info>.sosim {
        font-weight: bold;
        font-size: 18px;
        padding-bottom: 4px;
    }

    .listnew>li>a>.info>.gia {
        font-size: 14px;
        color: #000000
    }

    .box-mang-body {
        padding: 20px 19px 10px 22px;
        border: 1px solid #333333;
        border-radius: 10px;
    }

    .morelink {
        margin-bottom: 10px;
        align-items: center;
    }

    .morelink a {
        padding: 5px;
        display: inline-block;
        border: 1px solid #C6A76C;
        border-radius: 5px;
        /* margin-right: 10px; */
        margin-bottom: 5px;
        font-weight: bold;
        background: transparent;
    }

    .morelink .title {
        padding-right: 5px;
        display: inline-block;
        font-weight: bold;
        color: red
    }

    .h1-title {
        font-weight: 700;
        font-size: 22px;
        margin: 10px 0;
        line-height: 30px;
    }

    .showfull {
        background: rgba(255, 255, 255, .9);
        padding: 15px 0;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        font-weight: 700;
        color: #C6A76C;
        cursor: pointer;
    }

    .myzalo {
        background: url(../img/zalo-icon.svg) 6px no-repeat #007bff !important;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        padding: 5px 10px 5px 39px !important;
        margin-top: 5px;
    }

    .toc-content {
        background: linear-gradient(29deg, #40392A 0%, #363636 100%);
        border: 1px solid #3d3d3d;
        padding: 10px;
        display: table;
        width: auto;
        margin-bottom: 10px;
        width: 100%;
    }

    .toc-content>div {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 5px
    }

    .toc-content .toc_toggle {
        font-weight: normal;
        font-size: 15px;
    }

    .toc-content .toc_toggle>a {
        cursor: pointer;
    }

    .toc-content a {
        color: #FFFFFF;
    }

    .toc-content a:hover {
        color: #C6A76C;
        text-decoration: underline
    }

    .toc-content ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .toc-content>ul li:not(:last-child) {
        margin-bottom: 8px;
    }

    .toc-content ul li a {
        color: #FFF !important;
    }

    .toc-content>ul {
        margin: 16px 0 0 0;
    }

    .toc-content>ul>li ul {
        margin-top: 8px;
    }

    .toc-content ul>li>ul {
        padding-left: 20px;
    }


    .slidehotline {
        position: fixed;
        right: 20px;
        bottom: 105px;
        z-index: 100;
        box-shadow: 0 4px 5px -1px rgba(0, 0, 0, .5);
        background: #333333;
        border-radius: 50px;
        color: #FFFFFF;
        height: 56px;
        padding: 0;
        font-size: 20px;
        font-weight: bold;
    }

    .btn-to-top {
        position: fixed;
        right: 20px;
        bottom: 180px;
        z-index: 100;
        box-shadow: 0 4px 5px -1px rgba(0, 0, 0, .5);
        background: #333333;
        border-radius: 50px;
        color: #FFFFFF;
        height: 56px;
        padding: 0;
        font-size: 20px;
        font-weight: bold;
    }

    .slidehotline a {}

    .slidehotline a:hover {}

    .slidehotline .icphone {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000000;
        width: 49px;
        height: 49px;
        background: linear-gradient(-120deg, #e4cb65 2%, #90651c 30%, #ddc562 90%);
        border-radius: 50%;
        -webkit-animation: Rotate 1300ms linear 1300ms 5;
        animation: Rotate 1300ms linear 1300ms 5;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
    }

    .zalo-bottom {
        position: fixed;
        display: block;
        bottom: 20px;
        right: 13px;
        z-index: 100;
        -webkit-animation: Rotate 1300ms linear 1300ms 5;
        animation: Rotate 1300ms linear 1300ms 5;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
    }

    .zalo-bottom a {
        display: block;
        position: relative;
    }

    .zalo-bottom a img {
        width: 62px;
        height: 57px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .zalo-bottom a:before {
        content: '';
        width: 10px;
        height: 10px;
        display: block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: red;
        position: absolute;
        right: 0px;
        top: 0px;
        border: 1px solid #fff;
    }

    @-webkit-keyframes Rotate {
        0% {
            -webkit-transform: rotate(0deg);
        }

        4% {
            -webkit-transform: rotate(-45deg);
        }

        8% {
            -webkit-transform: rotate(0deg);
        }

        12% {
            -webkit-transform: rotate(-45deg);
        }

        16% {
            -webkit-transform: rotate(0deg);
        }

        20% {
            -webkit-transform: rotate(-45deg);
        }

        24% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(0deg);
        }
    }

    @keyframes Rotate {
        0% {
            transform: rotate(0deg);
        }

        4% {
            transform: rotate(-45deg);
        }

        8% {
            transform: rotate(0deg);
        }

        12% {
            transform: rotate(-45deg);
        }

        16% {
            transform: rotate(0deg);
        }

        20% {
            transform: rotate(-45deg);
        }

        24% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(0deg);
        }
    }

    .openwp {
        display: none;
        justify-content: center;
        align-items: center;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 11;
    }

    .openwp.active {
        display: flex;
    }

    .openwp .ov {
        background: #000000;
        opacity: 0.7;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .openwp .bd {
        width: 600px;
        height: 350px;
        background: #FFFFFF;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333333;
    }

    .xemthem {
        width: 150px;
        margin: 0 auto;
    }

    .cxemthem {
        position: absolute;
        width: 100%;
        height: 60px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
        left: 0;
        bottom: 0;
        color: #c6a76c;
        font-weight: bold;
        cursor: pointer;
        text-transform: uppercase;
    }

    .cxemthem span {
        display: inline-block;
        border: 1px solid #c6a76c;
        padding: 0px 10px;
        border-radius: 10px;
        font-size: 12px;
        background: #000000;
    }

    .box1 {
        backdrop-filter: blur(16px);
    }

    .btn-mobile {
        display: none !important;
    }

    .tuansim-box-1 {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 36px 0 30px 0;
    }

    .tuansim-box-fb {
        padding: 30px 0;
        position: relative;
    }

    .pagets {
        padding-bottom: 30px;
    }

    .tuansim-box-news {
        padding: 30px 0;
    }

    .toc-content {
        margin: 42px 0;
        padding: 20px 32px;
    }

    .toc-content .toc_toggle {
        cursor: pointer;
        position: relative;
    }

    .toc-content .toc_toggle img {
        padding: 0;
        margin-bottom: -6px;
    }

    .toc-content div:has(.toc_toggle) {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        height: 40px;
        margin: 0;
    }

    .xemth-type-2 .lline01 {
        display: none;
    }

    .xemsim .content-in2 {
        width: 100%;
    }
    .sim-info-header {
        line-height: 2em;
    }
    .sim-info-header .subinfo {
        margin-left: 20px;
    }

    .sim-info .title2 {
        font-size: 34px;
        line-height: 42px;
        font-weight: 600;
        padding: 12px 0;
    }

    .sim-info .title3 {
        font-size: 24px;
        line-height: 160%;
        font-weight: 600;
    }

    .khinfo input {
        padding: 12px 16px;
        background-color: #ffffff14;
        width: calc(50% - 12px) !important;
        margin-bottom: 24px !important;
    }

    .khinfo input:nth-child(1),
    .khinfo input:nth-child(3) {
        margin-right: 24px !important;
    }

    .tienon-box .title1,
    .tienon-box-2 .title1 {
        margin: 30px 0 0 0;
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
    }

    .tienon-box-2 .title3 {
        margin: 30px 0 0 0;
        font-size: 24px;
        line-height: 160%;
        font-style: normal;
        font-weight: 600;
    }

    .tienon-box-2 .social {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tienon-box-2 .social>div {
        flex: 1;
    }

    .tienon-box-2 .list-tin {
        margin: 30px 0 56px 0;
    }

    .nhaplieu label:has(input[type="radio"]),
    .sim-info label:has(input[type="radio"]) {
        cursor: pointer;
        position: relative;
    }

    .nhaplieu label:has(input[type="radio"]) input,
    .sim-info label:has(input[type="radio"]) input {
        display: none;
    }

    .sim-info label:has(input[type="radio"]) {
        padding-left: 30px;
        position: relative;
    }

    .sim-info label:has(input[type="radio"])::after,
    .nhaplieu label:has(input[type="radio"])::after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #FFF;
    }

    .sim-info label:has(input[type="radio"])::before,
    .nhaplieu label:has(input[type="radio"])::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #221A11;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        z-index: 1;
    }

    .sim-info label:has(input[type="radio"]:checked)::after,
    .nhaplieu label:has(input[type="radio"]:checked)::after {
        background: linear-gradient(92.27deg, #FFC67E 0.27%, #FFDFC2 95.42%);
    }

    .sim-info label:has(input[type="radio"]:checked)::before,
    .nhaplieu label:has(input[type="radio"]:checked)::before {
        opacity: 1;
    }

    .nhaplieu label:has(input[type="radio"]) {
        padding-left: 36px;
    }

    .box-done .desc-1,
    .box-done .desc-2 {
        text-align: center;
        width: min(100%, 600px);
        margin: 0 auto;
    }

    .box-done .desc-1 {
        margin-top: 20px;
        font-weight: 600;
    }

    .donhang {
        width: min(100%, 816px);
        margin: 0 auto 80px auto;
    }

    .donhang .tt {
        width: 100%;
        border-bottom: 1px solid rgba(221, 221, 221, 0.6);
        padding-bottom: 24px !important;
    }

    .donhang .tt+div {
        padding-top: 24px !important;
    }

    .donhang div:not(.tt) .text-bg2 {
        font-weight: 700;
    }

    .donhang div:not(.tt) {
        font-weight: 500;
    }

    /*.dv1 {*/
    /*    border: 1px solid;*/
    /*    border-image-source: linear-gradient(180deg, #5A5A5A 0%, rgba(192, 192, 192, 0) 100%);*/
    /*    border-image-slice: 1;*/
    /*    border-image-repeat: round;*/

    /*    border-radius: 10px;*/
    /*    padding: 0; !* Không padding ở đây *!*/
    /*    overflow: hidden; !* Ép bo góc *!*/
    /*}*/
    /*.dv1 .in {*/
    /*    height: 450px;*/
    /*    padding: 50px;*/

    /*    background: url("../imgv2/dv-top1.png") center/cover no-repeat;*/
    /*    border-radius: 10px; !* Bo đúng background *!*/
    /*}*/

    input[type="number"] {
        -moz-appearance: textfield;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .box-gia-gop .in {
        display: flex;
        flex-direction: column;
        gap: 56px;
    }

    .ketqua-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 44px;
    }

    .btn-list {
        display: flex;
        align-items: center;
    }

    .btn-list .btn {
        background: linear-gradient(120deg, #D49646 -35.78%, #DBA868 -11.92%, #E0B580 6.32%, #D8A25D 21.53%, #D49646 33.71%, #9A692F 51.96%, #69431D 68.7%, #D49646 90%, #BE853D 91.52%, #805526 100.65%, #69431D 103.69%), linear-gradient(92deg, #FFC67E 0.27%, #FFDFC2 95.42%);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        margin: -4px 0 0 0 !important;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        text-transform: uppercase;
        font-weight: 700;
        border: none;
        font-size: 18px;
        color: #FFFFFF;
        padding: 17px 20px;
        margin: auto;
        cursor: pointer;
    }

    .ketqua-last {
        margin-top: 36px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .form-tt-tu-van-gia-gop,
    .form-du-toan {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .form-tt-tu-van-gia-gop .text-bg,
    .form-du-toan .text-bg {
        margin: 0;
        line-height: 160%;
    }

    .form-du-toan {
        align-items: center;
    }

    .btn-see-more {
        cursor: pointer;
        font-size: 18px;
        line-height: 160%;
        text-decoration: underline;
        color: #FFF;
        font-weight: 700;
    }

    .tuansim-box-fb .bg1 {
        mix-blend-mode: lighten;
        position: absolute;
        top: 0;
        left: 0;
    }

    .tuansim-box-fb .bg2 {
        mix-blend-mode: lighten;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .detail-tin-tuc-container {
        width: min(100%, 1050px);
        margin: 25px auto 40px auto;
        display: flex;
        align-items: flex-start;
        gap: 60px;
    }

    .detail-tin-tuc-container .banner-tin-tuc {
        width: 100%;
        /*height: 367px;*/
        border-radius: 12px;
        overflow: hidden;
    }

    .detail-tin-tuc-container .banner-tin-tuc img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .detail-tin-tuc-container .box-share {
        margin-left: -96px;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 16px;
        position: sticky;
        top: 110px;
    }

    .detail-tin-tuc-container .box-share .list-share {
        width: max-content;
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
    }
    .detail-tin-tuc-container .box-share .list-share > div { cursor: pointer; }

    .detail-tin-tuc-container .box-share .title {
        padding: 8px 0;
        border-bottom: 1px solid rgba(223, 222, 222, 1);
        white-space: nowrap;
    }