@font-face {
    font-family: 'Beautique Display';
    src: url(../fonts/BeautiqueDisplay-Light.woff2);
    font-weight: 300
}

@font-face {
    font-family: 'Beautique Display';
    src: url(../fonts/BeautiqueDisplay-Regular.woff2);
    font-weight: 400
}

@font-face {
    font-family: 'Beautique Display';
    src: url(../fonts/BeautiqueDisplay-Bold.woff2);
    font-weight: bold
}

@font-face {
    font-family: 'SN Samsung Sharp Sans';
    src: url(../fonts/SNSAMSUNGSHARPSANS-MEDIUM.woff2);
    font-weight: 400
}

@font-face {
    font-family: 'SN Samsung Sharp Sans';
    src: url(../fonts/SNSAMSUNGSHARPSANS-BOLD.woff2);
    font-weight: 700
}

.toolbar-app {
    display: none;
}

.scrollToTop {
    display: none!important;
}

.sidebar_title {
    background-color: var(--cl-2);
    text-align: center;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 0!important
}

.sidebar_list_post .item {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.sidebar_list_post .item .thumb {
    flex: 0 0 70px
}

.sidebar_list_post .item img {
    width: 70px;
    height: 70px;
    object-fit: cover
}

.sidebar_list_post .item .title {
    flex-grow: 1;
    margin-left: 10px;
    text-align: left;
    font-size: 14px
}

.title p.price-product {
    text-align: left;
    font-size: 14px;
    margin: 10px 0 0;
}

.sidebar_list_post .item .title a {
    color: inherit;
    font-size: 1em;
    text-transform: capitalize
}

.sidebar_list_post .item .title a:hover {
    color: var(--cl-0);
    font-weight: bold
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.hover1 {
    overflow: hidden;
    position: relative;
    display: block
}

.hover1:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s
}

.hover1:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    cursor: pointer
}

.hover2 {
    overflow: hidden;
    position: relative;
    display: block
}

.tieuchiGrid2 h3 {
    color: var(--tiu-ef,#333);
    text-align: center;
    font-family: SN Samsung Sharp Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px
}

.tieuchiGrid2 picture {
    width: 94px;
    height: 91px;
    background: url(../images/19.png) no-repeat;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

.tieuchiGrid2 p {
    color: var(--tiu,#333);
    text-align: center;
    font-family: SN Samsung Sharp Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin: 0
}

.hover2 img {
    -webkit-transition: .4s linear;
    -ms-transition: .4s linear;
    transition: .4s linear;
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.hover2:hover img {
    -webkit-transform: rotate(-3deg) scale(1.1);
    -ms-transform: rotate(-3deg) scale(1.1);
    transform: rotate(-3deg) scale(1.1)
}

.hover3 {
    overflow: hidden;
    position: relative;
    display: block
}

.hover3 img {
    display: block;
    margin: 0;
    height: auto;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out
}

.hover3:before,.hover3:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    background-color: rgba(255,255,255,0.15);
    transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s
}

.hover3:before {
    top: 0;
    left: 0;
    z-index: 1
}

.hover3:after {
    bottom: 0;
    right: 0;
    z-index: 2
}

.hover3:hover:before,.hover3:hover:after {
    width: 100%;
    height: 100%
}

.line-clamp-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uudaiHeadingDesc {
    color: var(--en-en-700,#17191C);
    leading-trim: both;
    text-edge: cap;
    font-family: Barlow;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 1em
}

.line-clamp-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-6 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-7 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.about-desc {
    color: #515151;
    text-align: justify;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 1rem
}

.line-clamp-8 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes shake-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    100%,50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes fadeup {
    from {
        opacity: 0;
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes pulse-animation {
    0% {
        transform: scale3d(1,1,1);
        opacity: 0
    }

    10% {
        transform: scale3d(1.1,1.1,1.1);
        opacity: 1
    }

    100% {
        transform: scale3d(1.6,1.6,1.6);
        opacity: 0
    }
}

@keyframes border-animation {
    0% {
        transform: scale3d(0.6,0.6,0.6);
        opacity: 0
    }

    20% {
        transform: scale3d(1.2,1.2,1.2);
        opacity: 1
    }

    100% {
        transform: scale3d(1.4,1.4,1.4);
        opacity: 0
    }
}

@keyframes slideAnimationlinear {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.wrap-content {
    max-width: 1300px;
    margin: auto
}

:root {
    --cl-0: #F6A60A;
    --cl-1: #F6A60A;
    --cl-2: #F6A60A;
    --maincolor: #F6A60A;
    --color-social: #F6A60A;
    --color-hover: #F6A60A;
    --color-text: #F6A60A;
    --color-2: #F6A60A;
    --color-3: #F6A60A;
    --color-4: #F6A60A;
    --m1: linear-gradient(90deg,#F6A60A 0%,#F6A60A 100%)
}

.wap_between {
    max-width: 1200px;
    margin: auto
}

body {
    font-size: 1em;
    font-family: 'SN Samsung Sharp Sans',sans-serif;
    overflow-x: hidden;
    background: #FFF;
    color: #2b2b2b
}

body,html {
    overflow-x: hidden
}

.tieuchiGridCol {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.tieuchiGridCol {
    border-radius: 10px;
    background: var(--trng,#FFF);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
    padding: 2rem 24px 2rem 24px;
    margin-top: 2rem;
    margin-bottom: 1rem;
    width: calc(100% - 29px);
    margin-left: auto;
    margin-right: auto;
    transition: 0.3s;
    cursor: pointer
}

.tieuchiGridCol:hover {
    transform: scale(1.05)
}

.tieuchiGridCol p {
    margin: 0;
    color: var(--tiu,#333);
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 1rem
}

.tieuchiGridCol p {
    margin: 0;
    color: var(--Ni-dung,#333);
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.tieuchiGridCol h3 {
    color: var(--tiu,#333);
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin-top: 10px
}

.tieuchiGrid {
    visibility: visible
}

.tieuchiGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    gap: 130px;
    align-items: center;
    margin: 70px auto;
    max-width: 1023px;
}

.tieuchiGrid.custom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin: 30px 0 0
}

.max-width {
    width: 100%;
    max-width: 1300px;
    margin: 0px auto
}

.max-width.mw1000 {
    margin: 0 auto
}

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

* {
    box-sizing: border-box
}

.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 1rem 0 0;
}

.owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    background: rgb(0 0 0 / 15%) !important;
    display: block;
    border-radius: 50%;
}

.owl-dots .owl-dot.active {
    width: 24px !important;
    border-radius: 16px;
    background: var(--cl-0) !important;
}

.khachhang_item {
    border-radius: 150px;
    border: 2px solid #DBDBDB;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: -2rem;
}

.khachhangGrid {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-bottom: -140px;
}

.tieuchi_item {
    text-align: center;
}

span.dau {
    color: #F0DCB3;
}

.tieuchi_item small {
    margin: 0;
    color: #F0DCB3;
    text-align: center;
    font-family: "SN Samsung Sharp Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.tieuchi_item p {
    margin-bottom: 10px;
    color: #FFF;
    text-align: center;
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Beautique Display';
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.taisaochontd1 {
    width: 127px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F0DCB3;
    color: #000;
    font-family: "SN Samsung Sharp Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto
}

.taisaochontd2 {
    color: #F0DCB3;
    text-align: center;
    font-family: "Beautique Display";
    font-size: 52px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin: 20px auto 70px auto;
    max-width: 820px
}

.album_trangchuGrid {
    width: 100%;
    position: relative;
    z-index: 0;
    height: 756px
}

.slogan_hinhanhtd1 {
    color: #000;
    font-family: "SN Samsung Sharp Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 105px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #EBDFDC;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px
}

.slogan_hinhanhtd2 {
    color: #000;
    font-family: "Beautique Display";
    font-size: 52px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    max-width: 504px
}

.slogan_hinhanhtd3 {
    color: #6B6B6B;
    text-align: justify;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
}

.slogan_hinhanhCol {
    min-width: 100%;
    width: 100%
}

.slogan_hinhanhCol:nth-child(1) {
    border-right: 1px solid #D9D9D9
}

.slogan_hinhanhCol:nth-child(2) {
    padding-left: 70px
}

.slogan_hinhanhGrid {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #D9D9D9;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center
}

span.price-per {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: #F6A60A;
    color: #FFF;
    font-family: "SN Samsung Sharp Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2
}

span.price-old,.price-old-pro-detail {
    color: #C5C5C5;
    text-align: center;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 5px;
    text-decoration: line-through
}

.listProductMenuTab2_i {
    2 3width:206px;max-width: 206px;
    width: 100%
}

.listProductMenuTab2_i {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    cursor: pointer
}

.listProductMenuTab2_i h2 {
    color: #000;
    font-family: "SN Samsung Sharp Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
    background: rgb(217 217 217 / 80%);
    padding: 8px
}

.listProductMenuTab2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 39px;
    flex-wrap: wrap;
    margin-bottom: 50px
}

.product_giua {
    margin: 60px 0px
}

.blogItemSlick picture {
    visibility: visible
}

.tintucTabGridItem h2 {
    color: #000;
    font-family: "Beautique Display";
    font-size: 52px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 5px
}

.tintucTabGridItem p {
    margin: 0;
    color: #6B6B6B;
    text-align: justify;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
}

.tintucTabGrid {
    display: grid;
    grid-template-columns: 650px 1fr;
    align-items: center;
    margin-bottom: 40px
}

.newsletterIndex_heading {
    text-align: center;
    margin-bottom: 20px
}

.newsletterIndex_heading h2 {
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: "Beautique Display";
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.wrap-newsletterIndex {
    padding: 80px 0px;
    background: url(../images/11.png) center center no-repeat;
    background-size: cover;
    text-align: center
}

.wrap-newsletterIndex .newsletter-button button {
    border-radius: 4px;
    background: #F6A60A;
    height: 52px;
    color: #FFF;
    text-align: center;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
}

.wrap-newsletterIndex .form-newsletter {
    border-radius: 6px;
    background: #FFF;
    height: 64px;
    padding: 6px;
    display: grid!important;
    grid-template-columns: 1fr 200px!important;
    gap: 10px!important
}

.wrap-newsletterIndex .wrap-content {
    max-width: 580px;
    margin: 0 auto
}

.wap_footer2item {
    min-width: 100%;
    width: 100%;
    border-radius: 8px;
    background: #2C2C2C;
    padding: 25px 20px;
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 19px;
    align-items: center;
    font-family: 'Bitter'
}

.wap_footer2item p {
    margin: 0;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.wap_footer2item span {
    color: #F6A60A;
    font-family: "SN Samsung Sharp Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
    margin-bottom: 4px
}

.wap_footer2item i {
    border-radius: 8px;
    background: #F6A60A;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #000
}

.wap_footer2 {
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 38px
}

small.smallab {
    border-radius: 8px;
    background: #EBDFDC;
    color: #000;
    font-family: "SN Samsung Sharp Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 7px 15px
}

form.form-newsletter.validation-newsletter {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 122px;
    gap: 10px;
    align-items: center
}

form.form-newsletter.validation-newsletter.custom {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

form.form-newsletter.validation-newsletter.custom .form-control {
    border: 1px solid #ddd;
}

form.form-newsletter.validation-newsletter input.form-control {
    height: 50px;
    border-radius: 8px;
    min-width: 100%;
    width: 100%;
    border: 0;
    color: #727272;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    padding: 10px 20px;
    background-color: #FFF
}

.newsletter_heading h2 {
    color: #FFF;
    font-family: "SN Samsung Sharp Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0;
    margin-bottom: 7px
}

.newsletter_heading p {
    margin: 0;
    color: #FFF;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
}

.newsletter_heading {
    background: url(../images/4.png) left center no-repeat;
    padding: 5px 0px 0px 85px
}

.wrap-newsletter {
    display: block;
    position: relative;
    z-index: 1;
    margin-top: calc(-132px / 2)
}

.wrap-newsletter .wrap-content {
    padding: 30px 15px;
    background: url(../images/5.png) center center no-repeat;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 47px;
    align-items: center
}

p.line {
    flex-grow: 1
}

.tintucappGridCol {
    min-width: 100%;
    width: 100%
}

.tintucappGridCol.custom {
    width: 680px;
    height: 522px;
    background: url(../images/29.png) bottom right no-repeat;
    position: relative;
    margin-left: -150px;
    padding-top: 40px
}

.tintucappGridCol.custom .main_heading {
    margin-left: -4em;
    position: relative
}

.tintucappGridCol.custom .main_heading2 {
    margin: 0;
    background: transparent;
    padding: 0
}

.tintucappGrid {
    display: grid;
    grid-template-columns: 590px 1fr;
    align-items: flex-end;
    gap: 79px
}

.slick-slide:nth-child(even) .khachhangItem3 {
    grid-template-columns: 1fr 121px;
    background-position: bottom right 25px
}

.slick-slide:nth-child(even) .khachhangItem3 h3 {
    text-align: right
}

.slick-slide:nth-child(even) .khachhangItem3 p {
    margin-right: 0;
    margin-left: 10px
}

.slick-slide:nth-child(even) .khachhangItem3 picture {
    order: 2
}

.khachhangOwl3 {
    overflow: hidden
}

.khachhangOwl3 .slick-list {
    margin-bottom: -40px
}

.appGridBox {
    display: block;
    position: relative;
    z-index: 0
}

.appGridBox p {
    color: #FFF;
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    position: absolute;
    bottom: 2em;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/27.png) top center no-repeat;
    padding-top: 70px;
    font-family: 'SVN-Tangerine'
}

.appGridCol {
    min-width: 100%;
    width: 100%
}

.appGrid {
    display: grid;
    grid-template-columns: 325px 1fr;
    gap: 83px
}

.tieuchiGridOwl {
    margin: 60px 0 0
}

.gioithieuGridColHeadingDesc {
    color: #000;
    font-family: "Beautique Display";
    font-size: 52px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.infoAbout {
    margin: 2em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1em
}

.infoAbout p {
    color: var(--tiu,#333);
    font-family: SN Samsung Sharp Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px
}

.infoAbout p:nth-child(1) {
    width: 100%
}

.gioithieuImages {
    height: 587px;
    position: relative;
    z-index: 0;
    width: 100%
}

.motadichvu {
    margin: 20px 0px;
    color: var(--tiu,#333);
    font-family: SN Samsung Sharp Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    max-height: 224px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 1em
}

.motadichvu {
    visibility: visible
}

.motadichvu p {
    margin: 0
}

.dichvuItem h3 {
    color: var(--nhn-2,#AF803C);
    text-align: center;
    font-family: SVN-Tangerine;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    text-transform: uppercase
}

.dichvuItem label {
    color: #090909;
    text-align: center;
    font-family: SVN-Tangerine;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    display: block;
    width: 100%;
    background: url(../images/12.png) center center no-repeat;
    min-height: 52px
}

.dichvuItem {
    display: block
}

.dichvuItem picture {
    display: block;
    -webkit-mask-image: url(../images/13.png);
    mask-image: url(../images/13.png);
    mask-size: 100%;
    mask-repeat: no-repeat
}

picture.logoPhotoService {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    top: -1em;
    margin-bottom: -3em
}

.dichvuItem a {
    display: block;
    border-radius: 20px;
    background: #FFF;
    padding: 20px
}

.main_heading3 {
    color: #000;
    text-align: center;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
}

.main_heading2 {
    color: #000;
    font-family: "Beautique Display";
    font-size: 52px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

.main_heading2 a {
    color: inherit
}

.main_heading1 {
    text-align: center;
    font-family: SVN-Diamonda;
    font-size: 31px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: var(--ch-o,linear-gradient(270deg,#AF803C 0%,#F4E296 49.52%,#AF803C 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: -5px
}

.main_heading {
    text-align: center;
    margin-bottom: 30px;
    background: url(../images/6.png) bottom center no-repeat;
    padding-bottom: 25px
}

.appGridCol .main_heading {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.appGridCol .main_heading > div {
    width: auto
}

.ngonngu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin: 10px 0 0
}

.ngonngu img:hover {
    opacity: 0.8
}

.mxh2-footer {
    display: block
}

.mxh2-footer a {
    display: block;
    border-radius: 50px;
    background: linear-gradient(0deg,rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.20) 100%),url(<path-to-image>) lightgray 50% / cover no-repeat;
    overflow: hidden
}

.mxh2 {
    max-width: 285px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
}

.mxh2 p {
    margin: 13px 0 0;
    color: var(--Den,#000);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.footer {
    background: url(../images/12.png) center center no-repeat;
    background-size: cover
}

.blogItemSlick:nth-child(even) a {
    grid-template-columns: 1fr 220px
}

.flex-news_grid .blogItemSlick:nth-child(even) a {
    grid-template-columns: 220px 1fr
}

.flex-news_grid .blogItemSlick:nth-child(even) a picture {
    order: unset
}

.blogItemSlick:nth-child(even) a picture {
    order: 2
}

.blogCol {
    min-width: 100%;
    width: 100%
}

.blogGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 66px
}

.listProductMenuTab_i a {
    width: 160px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #F7F2F1;
    color: #000;
    font-family: "Beautique Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.listProductMenuTab {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 18px
}

.listProductMenuTab a.active {
    background: var(--cl-0)
}

p.price-product {
    color: #222;
    text-align: center;
    font-family: "SN Samsung Sharp Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0
}

.uudaiOwl {
    margin: 39px 0 0
}

.pSearch {
    display: flex;
    justify-content: center;
    align-items: center
}

.item-video {
    display: block
}

.item-video a {
    display: block;
    width: 100%
}

.titleAlbum2 {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--Chnh,#166C23);
    font-family: "UTM Bebas";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    position: absolute;
    bottom: 49%;
    right: 30%;
    z-index: -1;
    color: transparent
}

.titleAlbum2 span {
    color: var(--en-en-700,#17191C);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "Phudu";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.titleAlbum2 p {
    color: var(----700,#C70000);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "Phudu";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin: 0
}

.titleAlbum1 {
    color: var(--Chnh,#166C23);
    text-shadow: 3px 3px 0px rgba(0,0,0,0.25);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    font-family: "UTM Bebas";
    font-size: 73px;
    font-style: normal;
    font-weight: normal;
    line-height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

ul.menu_footers {
    list-style-type: decimal;
    color: rgba(24,103,82,0.30);
    text-align: left;
    leading-trim: both;
    text-edge: cap;
    font-family: "Phudu";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding-left: 23px
}

ul.menu_footers li a:hover {
    color: var(--cl-1)
}

ul.menu_footers li {
    margin-bottom: 1em
}

ul.menu_footers li a {
    color: var(--3,#186752);
    leading-trim: both;
    text-edge: cap;
    font-family: "Phudu";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block
}

.blogItemSlick:hover h3 {
    color: var(--cl-0)
}

.blogItemSlick h3 {
    color: #000;
    font-family: "Beautique Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 20px
}

.blogItemSlick p {
    color: #B9B9B9;
    font-family: "SN Samsung Sharp Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0
}

.blogItemSlick p:before {
    content: '';
    width: 4px;
    height: 4px;
    flex-shrink: 0;
    background: #B9B9B9;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px
}

.blogItemSlick span {
    width: 144px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 19px;
    background: #EFE8D8;
    color: var(--cl-0);
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.blogItemSlick section {
    padding: 0
}

.blogItemSlick a {
    display: block
}

.blogItemSlick a picture {
    border-radius: 10px;
    position: relative;
    z-index: 0
}

.blogItemSlick small {
    width: 111px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 0px 10px 0px 0px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #021321;
    font-family: "SN Samsung Sharp Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    bottom: -1px;
    left: -1px
}

.trangchuspGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    margin-bottom: 50px
}

.noibatlistWrap2 {
    padding-bottom: calc(24px + 34px)
}

.noibatlistWrap2 .slick-next,.noibatlistWrap2 .slick-prev {
    bottom: 0;
    top: unset;
    right: 0;
    z-index: 1;
    transform: unset
}

.noibatlistWrap2 .slick-prev {
    left: unset;
    right: calc(34px + 24px)
}

.slick-arrow {
    width: 34px;
    height: 34px;
    background: url(../images/4.png) 0 0 no-repeat!important;
    margin: 0!important;
    padding: 0!important;
    text-indent: -9999rem
}

.slick-arrow.slick-prev {
    transform: scale(-1)
}

.slick-slide:nth-child(odd) a.noibatlistWrapItem.custom section {
    order: 2;
    background: var(----700,#C70000)
}

.slick-slide:nth-child(odd) a.noibatlistWrapItem.custom section h3,.slick-slide:nth-child(odd) a.noibatlistWrapItem.custom section p,.slick-slide:nth-child(odd) a.noibatlistWrapItem.custom section span {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7472%) hue-rotate(289deg) brightness(101%) contrast(111%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7472%) hue-rotate(289deg) brightness(101%) contrast(111%);
    -moz-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7472%) hue-rotate(289deg) brightness(101%) contrast(111%)
}

.noibatlistWrap2 .slick-list {
    margin-right: -15px
}

.noibatSlickGridCol {
    min-width: 100%;
    width: 100%
}

.noibatSlickGrid {
    display: grid;
    grid-template-columns: 384px 1fr;
    gap: 24px
}

.tieuchi_listWrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    padding-left: 0
}

.tieuchiLogoGridCol {
    min-width: 100%;
    width: 100%
}

.tieuchiLogoGrid {
    display: grid;
    grid-template-columns: 1fr 748px;
    align-items: center;
    gap: 35px
}

.uudaiHeadingMota {
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: SN Samsung Sharp Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.uudaiHeading {
    color: #FFF;
    text-align: center;
    font-family: "UTM Bebas";
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.uudaiHeading.maincl {
    color: var(--cl-0)
}

.uudaiHeading.maincl.text-start:after {
    margin-left: 0
}

.uudaiHeading:after {
    content: '';
    width: 100px;
    height: 1px;
    background: #FEC20A;
    display: block;
    margin: 9px auto
}

.uudaiCol {
    min-width: 100%;
    width: 100%
}

.uudaiGrid {
    display: block;
    text-align: center
}

.hinhanhOwl {
    position: relative;
    z-index: 0;
    margin: 0
}

.hinhanhOwl .owl-nav {
}

.hinhanhOwl .owl-nav .owl-prev {
    display: none!important
}

.hinhanhOwl .owl-nav .owl-next,.uudaiOwl .owl-nav .owl-next,.khachhangOwl .owl-nav .owl-next,.khachhangOwl .owl-nav .owl-prev {
    width: 64px;
    height: 68px;
    background: url(../images/23.png) 0 0 no-repeat!important;
    position: absolute;
    top: calc(50% - 68px / 2);
    right: calc(-34px / 2);
    z-index: 1;
    left: unset!important
}

.khachhangOwl .owl-nav .owl-next {
    right: 4em
}

.khachhangOwl .owl-nav .owl-prev {
    right: unset;
    left: 4em!important;
    4em:scale(-1);transform: scaleX(-1)
}

.uudaiOwl .owl-nav .owl-prev {
    display: none
}

.hinhanhItem {
    border-radius: 10px;
    background: transparent;
    overflow: hidden;
    display: block;
    margin: 0;
    position: relative;
    z-index: 0
}

.chinhanhTabMap {
    display: none
}

.chinhanhTabMap.act {
    display: block
}

.chinhanhTabMap iframe {
    width: 100%;
    height: 530px;
    overflow: hidden;
    border: 0;
    outline: 0;
    box-shadow: none;
    display: block
}

.chinhanhTab {
    color: #FFF;
    text-align: center;
    font-family: SVN-Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    padding: 12px 28px;
    background: rgba(0,0,0,0.88);
    cursor: pointer
}

.chinhanhTab:hover {
    background: var(--cl-1);
    color: #FFF
}

.chinhanhList2 {
    position: absolute;
    top: 30px;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transform: translateX(-50%);
    z-index: 1
}

.chinhanhWrap {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.bankInfo .footer-title {
    color: #282828;
    text-align: center;
    font-family: SVN-Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    margin: 0
}

.bankInfo {
    border-radius: 10px;
    border: 1px solid #282828;
    padding: 11px;
    text-align: center;
    padding-top: 7px
}

.bankInfo img {
    border-radius: 10px;
    overflow: hidden
}

.bankCol {
    min-width: 100%;
    width: 100%
}

.bankGrid {
    display: grid;
    grid-template-columns: 262px 1fr;
    align-items: center;
    gap: 11px
}

ul.chinhsach-footer {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px
}

ul.chinhsach-footer li {
    list-style: none;
    color: #282828;
    text-align: left;
    margin-top: 7px
}

ul.chinhsach-footer li a {
    color: var(--en-en-700,#17191C);
    leading-trim: both;
    text-edge: cap;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: capitalize;
    display: block
}

ul.chinhsach-footer li a:hover {
    color: var(--cl-1)
}

.videoSlick2.videoSlick .slick-list {
    margin-right: -20px
}

.videoSlick2.videoSlick a {
    border-radius: 10px;
    overflow: hidden;
    display: block;
    margin-right: 20px
}

.videoSlick1.videoSlick a {
    margin-bottom: 20px;
    border-radius: 10px;
    display: block;
    overflow: hidden
}

.slick-list.draggable {
}

.chuyenmucItemSlick.slick-slide:nth-child(odd) a {
    grid-template-columns: 1fr 197px
}

.chuyenmucItemSlick.slick-slide:nth-child(odd) a picture {
    order: 2
}

.chuyenmucSlick {
    overflow: hidden
}

.chuyenmucSlick .slick-list {
    margin-bottom: -41px
}

.chuyenmucItemSlick h3 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    margin: 0
}

.chuyenmucItemSlick:hover h3 {
    color: var(--cl-1)
}

.chuyenmucItemSlick p {
    margin: 0;
    width: 367px;
    height: 75px;
    flex-shrink: 0
}

.chuyenmucItemSlick p {
    margin: 0;
    color: #4D4D4D;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px
}

.chuyenmucItemSlick span {
    color: #333;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 27px
}

.chuyenmucItemSlick picture {
    border-radius: 10px
}

.chuyenmucItemSlick a {
    display: grid;
    grid-template-columns: 197px 1fr;
    gap: 20px;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px dashed #000;
    margin-bottom: 20px
}

.chuyenmucCol {
    min-width: 100%;
    width: 100%
}

.chuyenmucGrid {
    display: grid;
    grid-template-columns: 1fr 585px;
    gap: 31px
}

.feedbackSlickContent picture {
    border-radius: 100%
}

.feedbackSlickContent p {
    margin: 0;
    color: #4D4D4D;
    text-align: justify;
    font-family: SVN-Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.feedbackSlickContent h3 {
    margin: 0;
    color: #000;
    text-align: justify;
    font-family: SVN-Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 10px
}

.feedbackSlickContent {
    margin-bottom: 28px;
    border-radius: 10px;
    background: #FFF;
    padding: 10px;
    display: grid;
    grid-template-columns: 131px 1fr;
    gap: 15px;
    align-items: center
}

.feedbackWrapHeading {
    color: #FFC300;
    font-family: SVN-Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    margin-top: -10px
}

.feedbackWrapSocial {
    border-radius: 8.182px;
    background: #FFF;
    display: block;
    overflow: hidden;
    height: 380px
}

.feedbackWrapCol {
    min-width: 100%;
    width: 100%
}

.feedbackWrapGrid {
    display: grid;
    grid-template-columns: 1fr 311px 311px;
    gap: 30px
}

.feedbackWrap {
    padding: 50px 0px;
    background: url(../images/18.png) top center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0
}

.feedbackWrap:after {
    content: '';
    width: 790px;
    height: 14px;
    background: url(../images/19.png) bottom center no-repeat;
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.productHeadingTitle {
    display: block;
    margin-bottom: 30px
}

.productHeadingTitle h2:before {
    content: '';
    width: 90px;
    height: 3px;
    flex-shrink: 0;
    background: #FB0;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1
}

.productHeadingTitle h2 {
    margin: 0;
    color: #B70004;
    font-family: SVN-Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border-bottom: 1px dashed #CCC;
    padding-bottom: 7px;
    position: relative;
    z-index: 0
}

.banchayOwlProductMore {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0
}

.banchayOwlProductMore a {
    width: 241px;
    height: 45px;
    flex-shrink: 0;
    border-radius: 5px;
    background: var(--nhan,#CD0105);
    color: #FFF;
    text-align: justify;
    font-family: SVN-Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.banchayOwlProductMore a:hover {
    background: var(--cl-0);
    color: #2b2b2b
}

.product_listWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px
}

.productItemCustom {
    display: block
}

.productItemCustom p {
    margin: 0;
    height: 40px;
    width: 100%;
    border-radius: 5px;
    background: var(--chudao,#FFC300);
    color: #282828;
    text-align: center;
    font-family: SVN-Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-transform: capitalize
}

.productItemCustom p i {
    font-size: 18px;
    transform: rotate(-45deg);
    margin-right: 3px
}

.productItemCustom p strong {
    color: var(--nhan,#CD0105);
    font-family: SVN-Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    text-transform: capitalize
}

.productItemCustom h3 {
    color: #4D4D4D;
    text-align: center;
    font-family: SVN-Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin: 10px 0px 5px
}

.productItemCustom picture {
    border-radius: 10px
}

.productItemCustom a {
    border-radius: 10px;
    border: 1px solid #D7D7D7!important;
    background: #FFF;
    display: block!important;
    padding: 5px!important;
    padding-bottom: 13px!important;
    margin-bottom: 1px
}

.productItemCustom a:hover h3 {
    color: var(--cl-1)
}

.tieuchiGridCol2 {
    display: grid;
    grid-template-columns: 74px 1fr;
    gap: 13px;
    align-items: center
}

.tieuchiGridCol2 picture img {
    max-width: 47px
}

.tieuchiGridCol2 p {
    margin: 10px 0 0;
    color: var(--nhan,#4D4D4D);
    font-family: SVN-Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px
}

.tieuchiGridCol2 h3 {
    margin: 0;
    color: var(--nhan,#CD0105);
    text-align: justify;
    font-family: SVN-Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    text-transform: uppercase
}

.tieuchiGridCol2 picture {
    height: 74px;
    width: 100%;
    background: url(../images/24.png) 0 0 no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

h4.gioithieuGridColHeadingDesc {
    margin: 0;
    color: var(--en-en-700,#17191C);
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.menuHome {
    position: relative;
    z-index: 0;
    background: #FFF;
    min-width: 278px;
    max-width: 278px;
    margin-right: 48px;
    cursor: pointer
}

.menuHome ul li:hover > ul {
    display: block
}

.menuHome ul li {
    display: block
}

.menuHome ul li ul {
    position: absolute;
    top: 0;
    left: 100%;
    background: #FFF
}

.menuHome ul li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #ebebeb
}

.menuHome ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #FFF;
    display: none
}

.menuHome:hover > ul {
    display: block
}

.menuHome h2 {
    background: var(--nhan,#CD0105);
    margin: 0;
    color: #FFF;
    font-family: SVN-Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 55px;
    padding: 0 1.5em;
    display: flex;
    align-items: center;
    gap: 20px
}

.hotlinelh {
    color: #282828;
    font-family: SVN-Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: url(../images/3.png) left center no-repeat;
    padding-left: 60px
}

.hotlinelh strong {
    color: #E50008;
    font-family: SVN-Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    display: block
}

.headerMain {
    padding: 10px 0px;
    background: #FFF
}

.share b {
    font-size: 14px;
    font-weight: 600
}

.tagsOwl {
    margin: 1rem 0;
    font-size: 1rem
}

.tagsOwl b {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px
}

.tagsOwl a {
    display: inline-flex;
    vertical-align: middle;
    margin-left: 7px;
    margin-bottom: 5px;
    background: var(--cl-1);
    padding: 5px 15px;
    color: var(--cl-2);
    font-size: 14px;
    align-items: center;
    gap: 10px
}

.col-lg-3.sticky {
    position: sticky;
    position: -webit-sticky;
    top: 90px;
    z-index: 1
}

.tt-toc {
    display: inline-flex;
    vertical-align: top;
    font-weight: 400;
    color: #FFF;
    font-size: 15px;
    align-items: center;
    gap: 10px
}

.tt-toc i {
    position: relative;
    top: 1px
}

.box_meta_single_title {
    background-color: var(--cl-2);
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    font-weight: 500
}

.box_meta_single_galleryBottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    margin: 15px 0 0
}

.box_meta_single_galleryBottom a {
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: block
}

.box_meta_single_galleryBottom section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 51%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem
}

.box_meta_single_galleryBottom a section {
    display: none
}

.box_meta_single_galleryBottom a:last-child section {
    display: flex
}

.box_meta_single_galleryBottom strong {
    font-size: 2rem;
    color: #ffba00;
    font-weight: 600
}

.zalo-share-button {
    position: relative;
    z-index: 0
}

.grid-product {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 33px;
    margin-bottom: 20px
}

.catProduct_i {
    padding: 0;
    color: var(--tiu,#333);
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    z-index: 0;
    margin-left: -1px
}

.catProduct_i a:before {
    background: var(--nhn,#EFEFEF);
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index: 1;
    top: 1px;
    left: 1px;
    content: ''
}

.box_meta_single_title .title {
    color: var(--cl-1);
    font-weight: 400
}

.box_meta_single_content {
    background-color: var(--cl-1);
    color: var(--cl-2);
    display: flex;
    margin-bottom: 30px
}

.box_meta_single_content .item:first-child {
    border-left: 0
}

.box_meta_single_content .item {
    flex: 0 0 20%;
    padding: 10px 3px;
    display: flex;
    align-items: center;
    border-left: 1px solid #f3f3f3
}

.box_meta_single_content .item img {
    width: 45px;
    margin-right: 5px
}

.box_meta_single_content .fw-b {
    letter-spacing: -0.5px;
    font-size: 13px
}

.fw-b {
    font-weight: bold
}

.fs-12 {
    font-size: 12px
}

.catProduct_i a {
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    background: linear-gradient(270deg,#87590B 0%,#E7CD77 49.4%,#87590B 100%);
    padding: 14px 10px 9px 10px;
    color: var(--tiu,#333);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.catProduct_i a.active:before {
    background: #FFF;
    height: 100%
}

.catProduct_i a span {
    position: relative;
    z-index: 2
}

.catProduct {
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 40px
}

.catProduct:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(270deg,#87590B 0%,#E7CD77 49.4%,#87590B 100%);
    z-index: -1
}

.wrap-product-nb {
    margin: 0
}

.wrap-product-nb.taisaochon {
    padding: 60px 0px;
    background: url(../images/7.png) repeat
}

.wrap-product-nb.album_trangchu {
    margin: 60px 0px;
    margin-top: 130px;
}

.wrap-product-nb.productvideo {
    padding: 60px 0px;
    background: #F7F2F1 url(../images/8.png) top right no-repeat;
    background-size: 100% auto
}

.wrap-product-nb.khoahoc {
    background: rgb(235 223 220 / 40%);
    padding-bottom: 60px;
    padding-top: 125px;
    margin-top: calc(-132px / 2)
}

.wrap-product-nb.menuIndex {
    padding: 60px 0px 50px;
    background: url(../images/20.png) top center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    margin-top: -3em
}

.wrap-product-nb.menuIndex .main_heading {
    filter: brightness(0) saturate(100%) invert(16%) sepia(1%) saturate(0%) hue-rotate(182deg) brightness(104%) contrast(89%);
    -webkit-filter: brightness(0) saturate(100%) invert(16%) sepia(1%) saturate(0%) hue-rotate(182deg) brightness(104%) contrast(89%);
    -moz-filter: brightness(0) saturate(100%) invert(16%) sepia(1%) saturate(0%) hue-rotate(182deg) brightness(104%) contrast(89%)
}

.wrap-product-nb.dichvu {
    padding: 50px 0px;
    background: url(../images/11.png) bottom center no-repeat;
    background-size: cover
}

.wrap-product-nb.menuquan {
    padding: 50px 0px;
    background: url(../images/8.png) bottom center no-repeat;
    background-size: 100% auto
}

.wrap-product-nb.doitac {
    padding: 50px 0px;
    background: url(../images/10.png) center center no-repeat;
    background-size: cover
}

.wrap-product-nb.khachhang {
    padding: 50px 0px;
    background: #EFE8D8;
    background-size: cover
}

.wrap-product-nb.trangchusp {
    padding: 60px 0px;
    background: var(--2,#FFF5E2)
}

.wrap-product-nb.noibat {
    padding: 60px 0px;
    background: url(../images/12.png) top center no-repeat;
    background-size: cover
}

.wrap-product-nb.tieuchi {
    padding: 60px 0px;
    background: #FFF5E2 url(../images/7.png) center center no-repeat;
    background-size: 100% auto
}

.wrap-product-nb.uudai {
    padding: 50px 0px;
    background: url(../images/6.png) center center no-repeat;
    background-size: cover
}

.duanGridCol {
    width: 100%;
    min-width: 100%
}

.duanGridCol {
    border-radius: 10px;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 0
}

.duanGridCol section {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 181px;
    height: 89px;
    background: url(../images/4.png) 0 0 no-repeat;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
    padding-bottom: 5px;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden
}

.duanGridCol:hover section {
    opacity: 1;
    visibility: visible
}

.duanGridCol span {
    text-align: center;
    font-family: Montserrat;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: var(--ch-o,linear-gradient(270deg,#87590B 0%,#E7CD77 49.4%,#87590B 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 5px;
    right: 7px;
    z-index: -1
}

.duanGridCol h3 {
    margin: 0;
    color: var(--tiu,#333);
    text-align: center;
    font-family: Montserrat;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.duanGridCol p {
    margin: 0;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: var(--ch-o,linear-gradient(270deg,#87590B 0%,#E7CD77 49.4%,#87590B 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.duanGrid {
    margin: 2rem 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 19px 22px
}

.duanWrap {
    padding: 50px 0px;
    background: #F9F9F9
}

.chuyenmucItem {
    margin: 1rem 0 0
}

.chuyenmucItem a:hover h3 {
    background: var(--ch-o,linear-gradient(270deg,#87590B 0%,#E7CD77 49.4%,#87590B 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.chuyenmucItem a {
    display: block;
    border-radius: 10px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 10px
}

.chuyenmucItem a picture {
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.chuyenmucItem a h3 {
    margin: 0;
    color: var(--tiu,#333);
    text-align: justify;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px
}

.chuyenmucItem a section {
    padding: 15px 30px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
    border-radius: 0 0 10px 10px
}

.chuyenmucWrap {
    background: #F9F9F9;
    padding: 50px 0px
}

.wrapCopy {
    background: transparent;
    position: relative;
    z-index: 0;
    padding: 30px 0px;
    border-top: 1px solid rgb(217 217 217 / 12%)
}

.wrapCopy p {
    margin: 0
}

.wrapCopy p.line {
    height: 1.5px;
    background: #FFF
}

.wrapCopy .wrap-content {
    display: flex;
    gap: 15px;
    align-items: center
}

.wrapCopy .wrap-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto
}

p.footer-title2 {
    font-family: SVN-Tangerine;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    background: var(--ch-o,linear-gradient(270deg,#AF803C 0%,#F4E296 49.52%,#AF803C 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0
}

.gioithieuGridColInfo {
    width: 215px;
    height: auto;
    flex-shrink: 0;
    border-radius: 5px;
    background: var(--ch-o,linear-gradient(270deg,#87590B 0%,#E7CD77 49.4%,#87590B 100%));
    color: var(--tiu,#333);
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 15px 30px;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1
}

.gioithieuGridColInfo p {
    margin: 0
}

.gioithieuGridColInfo b {
    color: var(--tiu,#333);
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
    display: block
}

.content-text {
    margin: 1rem 0 0
}

.tabs-pro-detail .nav-link {
    color: inherit
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: var(--cl-1)
}

span.price-new-pro-detail {
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    color: var(--cl-1)
}

ul.attr-pro-detail {
    padding: 0;
    margin: 0;
    margin-bottom: 1rem
}

.groupAdd {
    background: url(../images/11.png) top center no-repeat;
    background-size: 100% auto
}

.socialH {
    transform: rotate(-90deg);
    border-bottom: 1px dashed rgba(255,255,255,0.50);
    text-align: center;
    padding-bottom: 8px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 3rem;
    left: -2rem;
    z-index: -1;
    padding-left: 10px;
    padding-right: 10px
}

.socialH span {
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.24px;
    text-transform: uppercase;
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

ul.vechungtoiList li {
    min-width: 100%;
    width: 100%
}

ul.vechungtoiList li a {
    color: var(--tiu,#333);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    display: block
}

ul.vechungtoiList li a:hover {
    background: var(--ch-o,linear-gradient(270deg,#87590B 0%,#E7CD77 49.4%,#87590B 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

a.chinhanhListMore {
    display: block;
    margin: 1rem 0 0;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.chinhanhListItem {
    min-width: 100%;
    width: 100%;
    cursor: pointer
}

.chinhanhListItem h3 {
    margin: 0;
    min-width: 250px;
    height: 40px;
    flex-shrink: 0;
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    color: var(--Tiu,#111);
    font-family: Montserrat;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    padding: 0 1rem;
    margin: 0
}

.chinhanhListItem section {
    background: #FFF;
    padding: 20px 30px 20px 20px;
    color: var(--Ni-dung,#333);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.chinhanhListItem section p {
    margin: 0
}

.chinhanhList {
    display: grid;
    gap: 30px
}

.chinhanhListItemMap {
    display: none
}

.chinhanhListItemMap.act {
    display: block
}

.chinhanhListItemMap iframe {
    display: block;
    width: 100%;
    height: 600px;
    outline: 0;
    box-shadow: none
}

.chinhanhListMap {
    display: block
}

.chinhanhListMap {
    display: block
}

.chinhanhGroupCol {
    min-width: 100%;
    width: 100%
}

.chinhanhGroup {
    padding: 40px;
    padding-left: 0;
    display: grid;
    grid-template-columns: 730px 1fr;
    gap: 40px;
    align-items: center;
    background: url(../images/17.png) right center no-repeat
}

.chinhanhBox {
    margin: 50px 0px
}

.videoItem a {
    display: block;
    position: relative;
    z-index: 0
}

.videoItem a picture:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.30) url(../images/12.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.videoItem {
    display: block;
    text-align: center
}

a.videoItem {
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-columns: 525px 1fr;
    align-items: center;
    text-align: left;
    gap: 125px
}

a.videoItem i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

a.videoItem span {
    width: 180px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F6A60A;
    color: #FFF;
    text-align: justify;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

a.videoItem span:hover {
    background: #000
}

a.videoItem p {
    color: #6B6B6B;
    text-align: justify;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px
}

a.videoItem small {
    width: 105px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F7E1C3;
    color: #000;
    font-family: "SN Samsung Sharp Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center
}

a.videoItem picture {
    border-radius: 10px;
    display: block
}

.videoItem h3 {
    color: #000;
    font-family: "Beautique Display";
    font-size: 52px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-top: 15px;
    margin-bottom: 8px
}

.videoBox {
    margin: 50px 0px;
    display: block
}

.albumItem {
    min-width: 100%;
    width: 100%
}

.albumItem a img {
    max-height: 250px;
    width: 100%;
    object-fit: cover
}

.albumItem a {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block
}

.albumItem section {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 1;
    transition: 0.3s;
    opacity: 0
}

.albumItem:hover section {
    opacity: 1;
    visibility: visible
}

.albumItem h3 {
    width: 100%;
    background: linear-gradient(90deg,rgba(184,0,0,0.00) 0%,#B80000 50%,rgba(184,0,0,0.00) 100%);
    margin: 0;
    padding: 1rem
}

.albumItem h3 span {
    color: var(--Text,#FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.albumItem:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2
}

.albumItem:nth-child(1) a img {
    max-height: unset
}

.albumItem picture {
    display: block
}

.albumOwl {
    margin: 25px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px
}

.consoDescH {
    color: var(--Text,#FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.albumOwlGrid {
    padding: 50px 0px;
    background: url(../images/10.png) top center no-repeat;
    background-size: cover
}

.groupBu {
    display: block
}

.newsletter-button {
    margin: 0
}

.newsletter-button button {
    height: 50px;
    border-radius: 8px;
    background: #000;
    border: 0;
    color: #FFF;
    font-family: "SN Samsung Sharp Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    min-width: 100%;
    width: 100%
}

.validation-newsletter_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin: .5rem 0 0
}

section.sec1 {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    z-index: 1;
    background: rgba(0,0,0,0.65);
    padding: 15px;
    text-align: center;
    transition: 0.3s;
    opacity: 1;
    visibility: visible
}

section.sec1 h3 {
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    text-align: center;
    font-family: "Montserrat";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

section.sec2 {
    display: flex;
    background: rgba(0,0,0,0.50);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    z-index: 2;
    text-align: center;
    color: var(--Text,#FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden
}

section.sec2 p {
    margin: 1rem 0
}

section.sec2 button {
    border: 0;
    outline: 0;
    box-shadow: none;
    width: 110px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    color: var(--Tiu,#111);
    text-align: center;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

section.sec2 p strong {
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

section.sec2 h3 {
    text-align: center;
    font-family: "Montserrat";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.productItem {
    display: block;
    position: relative;
    z-index: 0;
    min-width: 100%;
    width: 100%;
    border-radius: 8px;
    overflow: hidden
}

.productItem section {
    background: linear-gradient(0deg,#000 0%,rgba(102,102,102,0.00) 56.29%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transition: 0.5s;
    opacity: 0
}

.productItem:hover section {
    opacity: 1
}

.productItem:hover section h3 {
    opacity: 1;
    visibility: visible;
    transform: unset
}

.productItem h3 {
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: 0.5s;
    text-shadow: 1px 1px 0px #000;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden
}

.productItem:hover .sec1 {
    opacity: 0;
    visibility: hidden
}

.productItem:hover .sec2 {
    opacity: 1;
    visibility: visible
}

.productItem a {
    display: block;
    position: relative;
    z-index: 0
}

.productItem picture {
    display: block
}

.tintuc_listGroupBox h2 {
    margin: 0;
    margin-bottom: 29px
}

.tintuc_listGroupBox h2 a {
    color: var(--Text,#FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    position: relative;
    z-index: 0;
    padding: 15px 0px
}

.tintuc_listGroupBox h2 a:before,.tintuc_listGroupBox h2 a:after {
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tintuc_listGroupBox h2 a:after {
    bottom: 0;
    top: unset
}

.tintuc_listGroupBox {
    min-width: 100%;
    width: 100%
}

.tintuc_listGrid {
    padding: 50px 0px
}

.vanhoaItem.custom a {
    display: grid;
    grid-template-columns: 636px 1fr;
    align-items: center;
    gap: 3rem;
    text-align: left
}

.vanhoaItem.custom a h3 {
    text-align: left;
    margin-bottom: 1rem
}

.vanhoaItem.custom a p {
    text-align: left
}

.vanhoaItem.custom a h3:after {
    display: none
}

.newsHoverListItem a h3 {
    color: #0f2a51;
    margin-bottom: 10px;
    font-size: 1.2rem
}

.newsHoverListItem a:hover h3 {
    color: #d90000
}

.newsHoverListItem a p {
    font-size: 1rem;
    color: #212529;
    margin: 0
}

.newsHoverListItem a {
    display: block;
    padding: 1rem 0;
    border-top: 1px solid #00285A
}

.newsHoverListItem {
    display: block
}

.tintuc_listItem {
    margin: 50px 0px;
    display: block
}

.tintuc_listItem h2 {
    margin: 0;
    font-weight: bold;
    color: #0f2a51;
    text-transform: uppercase;
    margin-bottom: 2rem;
    font-size: 2.5rem
}

.tintuc_listItem h2 a {
    color: inherit
}

.tintuc_listGroup {
    display: block
}

.tintuc_listGroup {
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr
}

.flex-news_list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0
}

.flex-news_list a {
    display: block;
    color: inherit;
    padding-left: 14px;
    position: relative;
    z-index: 0;
    margin-bottom: 5px;
    font-size: 14px
}

.flex-news_list a:before {
    content: '';
    width: 4px;
    height: 4px;
    background: var(--cl-1);
    position: absolute;
    top: 9px;
    left: 0px;
    z-index: -1
}

.flex-news_list a:hover {
    color: var(--cl-1)
}

.flex-news_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}

.flex-news_grid.custom {
    grid-template-columns: 1fr;
    gap: 3rem;
    margin: 2rem 0
}

p.footer-copyright {
    color: #C8C8C8;
    text-align: justify;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0
}

.policies-footer {
    color: var(--Ni-dung,#333);
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px
}

.policies-footer a {
    display: block;
    color: var(--Text,#FFF);
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px
}

.policies-footer a:hover {
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.logoPhotoFooterGrid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 50px;
    align-items: center
}

.logoPhotoFooterGrid:before,.logoPhotoFooterGrid:after {
    content: '';
    height: 80px;
    background: url(../images/21.png) left top no-repeat
}

.logoPhotoFooterGrid:before {
    transform: scale(-1);
    background: url(../images/21.png) left top no-repeat;
    url(
    ../images/21.png) right top background: no-repeat
}

.doitacItem {
    visibility: visible
}

.doitacItem.doitacItem2 {
    max-width: 300px;
    position: absolute;
    top: 75px;
    right: -2em;
    z-index: 1;
    bottom: unset;
    left: unset
}

a.doitacItem {
    display: block;
    border-radius: 12px;
    width: 327px;
    height: 250px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

a.doitacItem:nth-child(1) {
    display: block;
    width: 526px;
    height: 509px;
    flex-shrink: 0;
    margin-right: 10px
}

a.doitacItem img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.doitacItem a {
    display: block;
    position: relative;
    z-index: 0
}

.doitacOwl {
    display: block
}

.consoHeadingDesc {
    color: var(--Ni-dung,#333);
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    max-width: 860px;
    margin: auto
}

.doitacGrid {
    padding: 0;
    position: relative;
    z-index: 0;
    height: auto;
    display: block;
    margin-right: -10px;
    margin-bottom: -10px
}

input.check-btn {
    width: 180px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    color: var(--Tiu,#111);
    text-align: center;
    font-family: "Montserrat";
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    border: 0;
    outline: 0;
    box-shadow: none
}

.slogan_dangkyCol:nth-child(1) h2 {
    text-align: center;
    font-family: "Montserrat";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.slogan_dangkyCol {
    min-width: 100%
}

.slogan_dangkyCol {
    color: var(--tiu,#333);
    text-align: center;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px
}

.slogan_dangkyGridList {
    display: block
}

.slogan_dangkyGrid {
    padding: 50px 0px;
    background: #FFF;
    background-size: cover
}

.vanhoaItem p {
    margin: 0;
    color: var(--Ni-dung,#999);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.vanhoaItem a {
    display: block;
    text-align: center
}

.vanhoaItem a h3 {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
    margin-top: 1em;
    color: #2b2b2b
}

.vanhoaItem a:hover h3 {
    color: #d90000
}

.vanhoaItem a h3:after {
    content: '';
    width: 30px;
    height: 2px;
    flex-shrink: 0;
    background: #CACACA;
    display: block;
    margin: auto;
    margin-top: 10px
}

.vanhoaGrid {
    margin: 60px 0 0
}

button.owl-prev,button.owl-next {
    width: 16px;
    height: 28px;
    color: transparent;
    background: url(../images/22.png) 0 0 no-repeat!important;
    text-indent: -9999rem;
    position: absolute;
    top: calc(50% - 28px / 2);
    z-index: 1;
    right: 0
}

button.owl-prev {
    background: url(../images/23.png) 0 0 no-repeat!important;
    left: 0;
    right: unset
}

.connguoiItem {
    display: grid;
    grid-template-columns: 430px 1fr;
    align-items: center;
    gap: 0px;
    padding-left: 3rem
}

.connguoiItem h3 {
    color: var(--Ch-o,#0F2A51);
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
    margin-left: 50px
}

.connguoiItem span {
    margin: 0;
    color: var(--Ni-dung,#333);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 50px;
    margin-top: 5px;
    display: block
}

.connguoiItem p {
    margin: 0;
    color: var(--Ni-dung,#333);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    background: #FFF;
    filter: drop-shadow(3px 3px 20px rgba(15,42,81,0.20));
    padding: 46px 70px 46px 70px;
    border-radius: 0 6rem 2rem 0;
    margin-top: 4rem;
    margin-left: -20px;
    z-index: -1;
    position: relative;
    margin-right: 3rem
}

.connguoiItem picture {
    min-width: 100%;
    background: url(../images/17.png) top left no-repeat;
    background-size: 100% 100%;
    padding: 20px
}

.connguoiItem picture img {
    padding: 20px;
    border: 4px solid #606060;
    background: #FFF;
    border-radius: 0 10rem 0 10rem
}

.connguoiHeading.custom {
    color: var(--Ch-o,#0F2A51)
}

.connguoiGrid {
    padding: 50px 0px;
    background: url(../images/16.png) top center no-repeat;
    background-size: cover
}

.consoGridCol {
    min-width: 100%;
    height: 100px;
    background: url(../images/15.png) 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.consoGridCol h3 {
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0
}

.consoGridCol p {
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.consoHeading {
    margin-bottom: 30px
}

.consoHeading h4 {
    color: var(--3,#186752);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "Phudu";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin: 0
}

.consoHeading h1 {
    font-weight: bold;
    font-size: 2em;
    text-transform: capitalize
}

.consoHeading h2 {
    color: var(----700,#C70000);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "Phudu";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize
}

.consoHeading span {
    background: var(--ch-o,linear-gradient(270deg,#87590B 0%,#E7CD77 49.4%,#87590B 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.consoHeading.custom {
    background: var(--Ph,linear-gradient(90deg,#C7830F 0%,#FBE2B0 50.48%,#C7830F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px
}

.consoHeading.slogan_doanhnghiep.custom {
    margin-bottom: 15px
}

.consoGridList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 27px;
    align-items: center
}

.consoGrid {
    padding: 50px 0px;
    background: url(../images/14.png) top center no-repeat;
    background-size: cover
}

.gioithieuGridColContent {
    color: #6B6B6B;
    text-align: justify;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 15px 0px
}

.gioithieuGridColContent p {
    margin: 0
}

h2.gioithieuGridColHeading {
    margin: 0;
    color: #000;
    font-family: "Beautique Display";
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 15px;
    margin-bottom: 0
}

h2.gioithieuGridColHeading span {
    background: var(--ch-o,linear-gradient(270deg,#87590B 0%,#E7CD77 49.4%,#87590B 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gioithieuGridCol {
    min-width: 100%;
    width: 100%
}

.gioithieuGridCol.custom .doitacItem.doitacItem2 {
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    padding: 0 10px 40px 10px;
    max-width: 300px;
    position: absolute;
    right: -30px;
    bottom: unset;
    top: 74px;
    left: unset
}

.gioithieuGridCol.custom .doitacItem {
    max-width: 256.731px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10);
    padding: 0 10px 40px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    top: unset
}

.doitacItem.doitacItem1:after {
    content: '';
    width: 113px;
    height: 74px;
    background: url(../images/5.png);
    position: absolute;
    top: -35px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%)
}

.gioithieuGridCol.custom {
    position: relative;
    z-index: 0
}

.gioithieuGridRow {
    display: grid;
    grid-template-columns: 591px 1fr;
    gap: 6rem;
    align-items: center
}

.gioithieuGrid {
    padding: 50px 0px;
    background: #FFF;
    background-size: cover
}

.social {
    display: flex;
    align-items: center;
    gap: 10px
}

.menuTopGroup {
    height: 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px
}

.menuTopGroup p {
    margin: 0;
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.menuTopGroup p:nth-child(3) {
    margin-left: auto
}

.menuTopGroup p i {
    margin-right: 5px
}

a {
    text-decoration: none
}

a.gioithieuImagesItems:nth-child(3) {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 262px;
    height: 263px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 40px
}

a {
    visibility: visible
}

a.taisaochon_item {
    display: block;
    border-radius: 8px;
    border: 2px solid #272727;
    background: #1A1A1A;
    padding: 18px;
    text-align: center
}

a.taisaochon_item h3 {
    color: #F0DCB3;
    font-family: "Beautique Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-bottom: 20px
}

a.taisaochon_item span {
    color: #FFF;
    text-align: center;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-bottom: 1px solid
}

a.taisaochon_item picture {
    border-radius: 8px;
    display: block;
    margin-top: 40px
}

a.album_trangchuItem {
    border-radius: 8px;
    overflow: hidden;
    display: none
}

a.album_trangchuItem:nth-child(4) {
    width: 416px;
    height: 249px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: calc(416px + 19px)
}

a.album_trangchuItem:nth-child(6) {
    display: block;
    width: 430px;
    height: 445px;
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    right: 0
}

a.album_trangchuItem:nth-child(5) {
    width: 430px;
    height: 292px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

a.album_trangchuItem:nth-child(3) {
    width: 416px;
    height: 488px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    top: 0;
    left: calc(416px + 19px)
}

a.album_trangchuItem:nth-child(1) {
    display: block;
    width: 416px;
    height: 382px;
    flex-shrink: 0
}

a.album_trangchuItem:nth-child(2) {
    width: 416px;
    height: 355px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0
}

a.album_trangchuItem img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    object-fit: cover
}

a.slogan_hinhanhtd4 {
    color: #000;
    text-align: justify;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    border-bottom: 1px solid #000;
    display: inline-block;
    vertical-align: top
}

a.slogan_hinhanhtd4:hover {
    color: var(--cl-0);
    border-color: var(--cl-0)
}

a.gioithieuImagesItems:nth-child(4) {
    display: block;
    width: 311px;
    height: 311px;
    flex-shrink: 0;
    border-radius: 40px;
    border: 4px solid #FFF;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
}

a.gioithieuImagesItems:nth-child(2) {
    display: block;
    width: 262px;
    height: 263px;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 40px
}

a.gioithieuImagesItems {
    display: none;
    overflow: hidden
}

a.gioithieuImagesItems picture {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0
}

a.gioithieuImagesItems picture img {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover
}

a.gioithieuImagesItems:nth-child(1) {
    display: block;
    border-radius: 40px;
    width: 311px;
    height: 311px;
    flex-shrink: 0
}

a.khoahocItem {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 0
}

a.khoahocItem h3 {
    padding: 11px 30px;
    border-radius: 4px;
    background: linear-gradient(90deg,#F6A60A 0%,#FFBF41 100%);
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #000;
    text-align: center;
    font-family: "Beautique Display";
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 78%
}

a.logoPhotoAppFooter {
    display: inline-block;
    vertical-align: top
}

a.khachhangItem5 {
    padding: 10px 23px 10px 32px;
    border-radius: 25px 0px 0px 0px;
    background: var(--ch-o,linear-gradient(270deg,#AF803C 0%,#F4E296 49.52%,#AF803C 100%));
    display: block;
    margin-bottom: 24px;
    margin-right: 82px
}

a.khachhangItem5 h3 {
    color: var(--tiu-ef,#333);
    text-align: justify;
    font-family: SN Samsung Sharp Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    margin: 0
}

a.khachhangItem5 h3:hover {
    color: #FFF
}

a.khachhangItem4 {
    display: block;
    border-radius: 20px;
    overflow: hidden
}

a.logoPhotoApp {
    position: absolute;
    top: 15%;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    min-width: 216px
}

a.khachhangItem3 {
    display: grid;
    grid-template-columns: 121px 1fr;
    gap: 12px;
    align-items: flex-start;
    background: url(../images/28.png) bottom left 25px no-repeat;
    margin-bottom: 40px
}

a.khachhangItem3 picture {
    border-radius: 121px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25)
}

a.khachhangItem3 p {
    margin: 0;
    padding: 20px 29px 17px 29px;
    border-radius: 25px;
    background: var(--trng,#FFF);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    color: var(--tiu-ch,#333);
    text-align: justify;
    font-family: SN Samsung Sharp Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-right: 10px;
    margin-bottom: 10px
}

a.khachhangItem3 h3 {
    color: var(--nhn-2,#AF803C);
    font-family: SVN-Tangerine;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.5em
}

a.khachhangItem2 {
    display: block;
    max-width: 900px;
    margin: 0 auto;
    padding: 15px 0px;
    background: url(../images/22.png) center center no-repeat
}

a.moreAlbum {
    color: #222;
    leading-trim: both;
    text-edge: cap;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    bottom: 30px;
    left: 24.9%;
    background: url(../images/18.png) right center no-repeat;
    padding-right: 120px;
    font-family: '1FTV Maglony'
}

a.link_googlemaps {
    display: inline-flex;
    height: 48px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 1px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid var(--Vng-Vng-700,#FFC60A);
    background: var(--Vng-Vng-700,#FFC60A);
    color: var(--Xanh-Xanh-700,#075039);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 2em 0 0
}

a.khachhangItem {
    display: block;
    margin: 100px 0 0;
    position: relative;
    z-index: 0;
    padding-bottom: 3em
}

a.khachhangItem:after {
    content: '';
    width: 100%;
    height: 270px;
    flex-shrink: 0;
    background: url(../images/25.png);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

a.khachhangItem span {
    color: var(--3,#186752);
    text-align: center;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    border-top: 1px solid #FFC60A;
    padding-top: 9px
}

a.khachhangItem p {
    margin: 0;
    color: var(--Text,#222);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: SN Samsung Sharp Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px
}

a.khachhangItem h3 {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin: 15px 0px 7px 0px;
    font-family: '1FTV Maglony'
}

a.khachhangItem h3 svg {
    margin-right: 15px;
    position: relative;
    top: -15px
}

a.khachhangItem picture {
    max-width: 140px;
    border-radius: 140px;
    border: 3px solid #FFF;
    margin: 0 auto;
    position: relative;
    top: -4em;
    margin-bottom: -4em
}

a.trangchuspItem {
    min-width: 100%;
    width: 100%;
    display: block;
    border-radius: 10px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.flex-product a.trangchuspItem {
    border: 1px solid #ebebeb;
}

a.trangchuspItem section {
    padding: 20px
}

a.trangchuspItem picture {
    border-radius: 0;
    background: transparent;
    overflow: hidden
}

a.trangchuspItem h3 {
    color: #222;
    text-align: center;
    font-family: "SN Samsung Sharp Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

a.trangchuspItem h3:hover {
    color: var(--cl-0)
}

a.noibatlistWrapItem:hover h3 {
    color: var(--cl-0)
}

a.noibatlistWrapItem {
    border-radius: 12px;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 0
}

a.noibatlistWrapItem.custom {
    background: transparent;
    display: flex;
    flex-direction: column;
    margin-right: 15px
}

a.noibatlistWrapItem.custom svg {
    filter: brightness(0) saturate(100%) invert(5%) sepia(45%) saturate(5992%) hue-rotate(3deg) brightness(92%) contrast(110%);
    -webkit-filter: brightness(0) saturate(100%) invert(5%) sepia(45%) saturate(5992%) hue-rotate(3deg) brightness(92%) contrast(110%);
    -moz-filter: brightness(0) saturate(100%) invert(5%) sepia(45%) saturate(5992%) hue-rotate(3deg) brightness(92%) contrast(110%)
}

a.noibatlistWrapItem.custom picture {
    width: 100%
}

a.noibatlistWrapItem.custom section {
    order: -1;
    width: 100%;
    position: unset;
    background: var(--Vng-Vng-700,#FFC60A);
    padding: 25px 20px
}

a.noibatlistWrapItem.custom section h3,a.noibatlistWrapItem.custom section p,a.noibatlistWrapItem.custom section span {
    color: var(----950,#300)
}

a.noibatlistWrapItem span {
    color: var(--white,#FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    display: flex;
    align-items: center;
    gap: 8px
}

a.noibatlistWrapItem h3 {
    color: var(--white,#FFF);
    font-family: "Phudu";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0
}

a.noibatlistWrapItem p {
    color: var(--white,#FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: Barlow;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin: 5px 0px 10px
}

a.noibatlistWrapItem section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 26px 26px 24px 26px;
    background: linear-gradient(180deg,rgba(0,0,0,0.00) 37.45%,rgba(0,0,0,0.80) 100%)
}

a.tieuchi_listWrapItem h3 {
    margin: 0;
    color: var(--en-en-700,#17191C);
    leading-trim: both;
    text-edge: cap;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

a.tieuchi_listWrapItem picture {
    display: flex;
    width: 72px;
    height: 72px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    min-width: 72px;
    border-radius: 500px;
    background: #FFEDB3
}

a.tieuchi_listWrapItem {
    border-radius: 500px;
    background: linear-gradient(90deg,#FFE07B 0%,rgba(255,245,226,0.00) 100%);
    display: flex;
    width: auto;
    padding: 8px 10px;
    align-items: center;
    gap: 12px
}

a.tieuchi_listWrapItem:nth-child(odd) {
    margin-left: 55px
}

a.uudaiItem {
    display: block;
    position: relative;
    z-index: 0;
    max-width: 341px;
    margin: 0 auto;
    background: #FFF;
    padding: 88px 20px 20px
}

a.uudaiItem label {
    margin: 0;
    width: 385px;
    height: 48px;
    flex-shrink: 0;
    background: var(--Nhn,#FEC20A);
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: "1FTV Maglony";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    text-transform: capitalize;
    position: absolute;
    z-index: 0;
    top: 20px;
    left: -22px
}

a.uudaiItem label:before,a.uudaiItem label:after {
    content: '';
    width: 22px;
    height: 15px;
    background: url(../images/7.png) no-repeat;
    position: absolute;
    bottom: -15px;
    left: 0;
    z-index: -1
}

a.uudaiItem label:after {
    left: unset;
    right: 0;
    transform: scaleX(-1)
}

a.uudaiItem:hover h3 {
    color: var(--cl-0)
}

a.uudaiItem h3 {
    margin: 0;
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: SN Samsung Sharp Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    margin-top: 20px
}

a.product_listWrapItem {
    display: block;
    border-radius: 10px;
    overflow: hidden
}

a.bannerPhoto {
    display: block
}

a.text-dark {
    color: var(--cl-2)!important
}

a.logo-desktop {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    position: relative;
    z-index: 1
}

a.slideshow-image {
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden
}

a.slideshow-image section {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center
}

a.slideshow-image h3 {
    color: var(--Text,#FFF);
    text-align: center;
    font-family: "Montserrat";
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase
}

a.slideshow-image p {
    color: var(--Text,#FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 2rem
}

a.slideshow-image button {
    width: 160px;
    height: 54px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--Ch-o,#FFC300);
    color: var(--Tiu,#111);
    text-align: center;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    border: 0;
    outline: 0;
    box-shadow: none
}

a.banner-header {
    display: block;
    width: 100%;
    position: relative;
    z-index: 0
}

a.gioithieuGridColImage {
    display: block;
    position: relative;
    z-index: 0
}

a.gioithieuGridColImage:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 20%) url(../images/9.png) center center no-repeat;
    transition: 0.3s
}

a.gioithieuGridColMore {
    width: 180px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F6A60A;
    color: #FFF;
    text-align: justify;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem 0 0
}

a.gioithieuGridColMore small {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    background: var(--nn,#F5F3EC);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: auto
}

a.gioithieuGridColMore.album {
    max-width: 222px;
    position: absolute;
    bottom: 10px;
    left: 16%;
    z-index: 6;
    margin: 0
}

a.gioithieuGridColMore.uudai {
    max-width: 199px
}

a.gioithieuGridColMore span {
    display: flex;
    align-items: center;
    gap: 10px
}

a.gioithieuGridColMore:hover {
    background: #000;
    color: #FFF
}

a.gioithieuGridColMore.duan {
    width: 225px;
    margin: auto
}

a.logo-header {
    position: relative;
    z-index: 1;
    margin-top: -4rem;
    margin-left: 8rem;
    margin-right: 10rem
}

.menu.menu-fix a.logo-header,.menu.inside a.logo-header {
    margin-top: 0
}

.social-plugin {
    display: flex;
    margin-top: 10px
}

.social-plugin.custom {
    align-items: center;
    gap: 2px
}

.scale-img img {
    transform: scale(1,1);
    display: block
}

.scale-img:hover > img {
    transform: scale(1.1,1.1)
}

.hover-img {
    position: relative;
    overflow: hidden;
    display: block
}

.text-split {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.p-relative {
    position: relative
}

.transition,.btn-frame .kenit-alo-circle-fill,.control-owl button,.carousel-comment-media .carousel-control a span,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover > ul,.scale-img img,.scale-img:hover > img,.support-online .kenit-alo-circle-fill {
    transition: 0.3s all
}

.header {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    transition: 1s ease
}

.header2 {
    position: relative;
    background: rgba(0,0,0,0.6)
}

.cart-head {
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    color: #fff
}

.cart-head:hover {
    color: #fed402
}

.cart-head i {
    font-size: 20px
}

.cart-head .count-cart {
    position: absolute;
    z-index: 999;
    color: #fff;
    background: #f00;
    border-radius: 50%;
    top: -10px;
    right: 20px;
    width: 20px;
    height: 20px;
    text-align: center
}

.menu-head {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center
}

.menu-head a {
    color: #fff
}

.menu-head a:hover {
    color: #fed402
}

.line-head {
    background-color: #72b2fd;
    height: 32px;
    width: 1px
}

.slideshow {
    position: relative;
    z-index: 0;
    margin-top: 0
}

.search {
    width: 518px;
    height: 45px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1px solid #CECDCD;
    background: #FFF;
    overflow: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1;
    margin: 1em 0 0;
    display: none
}

.search p {
    border-radius: 0px 5px 5px 0px;
    background: var(--cl-0);
    margin: 0;
    width: 88px;
    height: 43px;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 43px;
    cursor: pointer
}

.search input {
    color: #8F8F8F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 43px;
    width: calc(100% - 88px);
    border: 0;
    outline: 0;
    box-shadow: none;
    padding: 0 1em
}

.search input::-webkit-input-placeholder {
    color: #8F8F8F
}

.search input:-moz-placeholder {
    color: #8F8F8F
}

.search input::-moz-placeholder {
    color: #8F8F8F
}

.search input:-ms-input-placeholder {
    color: #8F8F8F
}

.ds-item-search {
    width: calc(100% - 70px)
}

.ds-item-search a {
    font-size: 14px;
    color: #333
}

.show-search {
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.3)
}

.box-search .price-product {
    width: 100%;
    margin: 0px;
    text-align: left
}

.box-search .price-product .price-new {
    color: #f00;
    font-size: 14px;
    font-weight: bold
}

.box-search .price-product .price-old {
    color: #999;
    text-decoration-line: line-through
}

.fix_menu {
    position: fixed!important;
    box-shadow: 0 0 1px #999;
    background: #fff
}

.menu ul.menu-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    gap: 4rem;
    margin-right: auto;
    margin-left: 0;
    padding: 5px 0px;
    align-items: center
}

.menu ul {
    width: 100%;
    padding: 0;
    margin: auto;
    list-style: none
}

.menu ul li {
    position: relative;
    z-index: 1;
    margin: 0
}

li.dot {
    width: 5px;
    height: 5px;
    flex-shrink: 0;
    background: #333;
    display: block;
    border-radius: 50%
}

.menu ul li.line {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    margin: 0;
    background: #FFF;
    border-radius: 50%
}

.menu ul li.li-sp {
}

.menu ul li.li-sp>a {
    background: #fff url(../images/icmn.png)left 32px center no-repeat;
    color: var(--color-3);
    padding-left: 60px;
    border-radius: 5px
}

.menu ul li.li-home {
    margin-left: 0
}

.menu ul li.li-contact {
    margin-right: 0
}

.menu ul li .li-tim a {
    min-width: 32px;
    justify-content: center;
    cursor: pointer;
    color: var(--maincolor);
    padding: 0;
    height: 32px;
    line-height: 27px;
    text-align: center
}

.menu ul li .li-tim a i {
    font-weight: 400;
    font-size: 16px
}

.menu ul li a {
    display: block;
    color: #000;
    font-family: "SN Samsung Sharp Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    transition: unset;
    padding: 25px 0px;
    text-transform: capitalize
}

.menu ul li a p {
    margin-bottom: 0!important
}

.menu ul li:hover > a,.menu ul li a.active {
    border-radius: 0px;
    background: url(../images/1.png) bottom center no-repeat;
    color: var(--cl-0)
}

.menu ul li a.active {
    border-bottom: none
}

.menu ul li:hover > a.has-child::after,.menu ul li a.has-child.active::after {
    border-color: #fff
}

.menu ul li.menu-line {
    width: 2px;
    height: 16px;
    background: url(../images/line.png) no-repeat;
    margin: 0
}

.menu ul li a.has-child {
    padding-right: 16px;
    margin-right: 16px
}

.menu ul li a.has-child:after {
    content: "";
    position: absolute;
    bottom: calc(50% - 1px / 2);
    right: 15px;
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu ul li ul {
    position: absolute;
    min-width: 250px;
    margin-top: 0;
    background: #FFF;
    -webkit-box-shadow: 1px 1px 15px #00000026;
    box-shadow: 1px 1px 15px #00000026;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    visibility: hidden
}

.menu ul li:hover > ul {
    -webkit-transform: perspective(600px) rotateX(0);
    transform: perspective(600px) rotateX(0);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    opacity: 1;
    visibility: visible
}

.menu ul li ul li {
    margin: 0;
    background: transparent
}

.menu ul li ul li a {
    font-size: 15px;
    border-bottom: 1px solid rgb(238 238 238 / 15%);
    padding: 10px 20px!important;
    text-transform: capitalize;
    text-align: left;
    border-radius: 0!important;
    background: transparent!important
}

.menu ul li ul li:last-child a {
    padding-bottom: 10px
}

.menu ul li ul li a.has-child {
    margin-right: 0
}

.menu ul li ul li a.has-child:after {
    border-color: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu ul li ul li a.active,.menu ul li ul li:hover > a {
    color: var(--cl-0);
}

.menu ul li ul li:last-child > a {
    border-bottom: 0
}

.menu ul li ul li ul {
    left: 100%;
    top: 0
}

.menu_mobi,.menu_mobi_add {
    display: none
}

a.cart-header {
    position: relative;
    background: url(../images/icxe.png)left center no-repeat;
    color: #1A1A1A;
    font-weight: 500;
    padding: 10px 0px 10px 50px;
    width: 96px;
    font-size: 14px
}

a.cart-header span {
    position: absolute;
    top: 8px;
    left: 26px;
    color: #1a1a1a;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: var(--m1)
}

.control-owl {
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0px;
    top: calc(50% - 22.5px)
}

.control-owl button {
    opacity: 0.5;
    top: 0px;
    position: absolute;
    outline: none;
    border: 2px solid #fff;
    padding: 0px;
    margin: 0px;
    display: block;
    cursor: pointer;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    font-size: 25px;
    margin: 0px;
    background-color: #00a3ff;
    display: flex;
    align-items: center;
    justify-content: center
}

.control-owl button:hover {
    opacity: 1
}

.control-owl button.owl-prev {
    left: 20px
}

.control-owl button.owl-next {
    right: 20px
}

.box-photo-ct {
    border-radius: 20px;
    overflow: hidden
}

.title-detail {
    position: relative;
    margin: 20px 0px
}

.title-detail h1 {
    text-align: center;
    font-size: 2em;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 1rem
}

.title-main {
    margin-bottom: 1.5rem;
    position: relative
}

.title-main span,.title-main h1,.title-main h2 {
    text-align: center;
    font-size: 2em;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    text-transform: capitalize
}

.tt-week {
    font-size: 25px;
    text-align: center;
    margin: 20px 0px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.title-cat-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0px;
    gap: 20px
}

.title-cat-main span {
    display: block;
    color: #999;
    background: linear-gradient(64.85deg,#fca600 23.67%,#ffd41d 106.12%);
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer
}

.title-cat-main span:hover,.title-cat-main span.active {
    background: linear-gradient(64.85deg,#ffd41d 23.67%,#fca600 106.12%);
    color: #000
}

.box-readmore {
    padding: 15px;
    border: 0;
    margin-bottom: 2rem;
    border-radius: 0;
    background-color: var(--cl-0)
}

.box-readmore li ul > li {
    margin: 0;
    margin-bottom: 8px
}

.box-readmore li ul > li:before {
    content: counters(item,'.') ' '
}

.box-readmore ul {
    list-style-type: none;
    counter-reset: item;
    margin-bottom: 0px;
    padding-left: 0px!important;
    margin-top: 8px;
    font-size: 13px;
    color: #FFF;
    display: none
}

.box-readmore ul li {
    display: table;
    counter-increment: item;
    margin-bottom: 5px
}

.box-readmore ul li:before {
    content: counters(item,'.') '. ';
    display: table-cell;
    padding-right: 5px
}

.box-readmore ul li a {
    color: #FFF;
    cursor: pointer
}

.box-readmore ul li a:hover {
    color: #3175e4!important
}

.box-readmore ul li:hover > a {
    color: #3175e4!important;
    1px dotted!important: dotted;
    border-bottom: 1px dotted!important
}

.box-readmore ul li:hover {
    color: #3175e4!important
}

.info-partner {
    background: #f8f8f8;
    padding: 15px 0px
}

.info-footer .flex-footer {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.info-footer .flex-footer .box-footer .social-footer {
    display: flex;
    gap: 5px;
    margin: 10px 0px
}

.info-footer .flex-footer .box-footer:nth-child(1) {
    width: 33.3%
}

.info-footer .flex-footer .box-footer:nth-child(2) {
    width: 40%
}

.info-footer .flex-footer .box-footer:nth-child(3) {
    width: 25%
}

.info-footer .flex-footer .title-footer {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 14px
}

.info-footer .flex-footer .service-footer {
    margin-top: 20px
}

.info-footer .flex-footer .service-footer ul {
    padding: 0px;
    margin: 0px
}

.info-footer .flex-footer .service-footer ul li {
    list-style: none;
    padding: 5px 0px
}

.info-footer a {
    color: #fff
}

.title-tags {
    position: relative;
    font-size: 1em;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 15px;
    color: #777
}

.title-tags:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.1);
    display: block;
    height: 3px;
    width: 30px
}

.flex-tags {
    display: flex;
    gap: 5px
}

.flex-tags a {
    color: #333;
    border: 1px solid;
    border-radius: 3px;
    display: inline-block;
    font-size: 0.8em!important;
    opacity: 0.8;
    padding: 2px 5px
}

.flex-tags a:hover {
    background-color: #446084;
    border-color: #446084;
    color: #fff;
    opacity: 1
}

.footer-powered {
    padding: 16px 10px;
    background: var(--color-4);
    border-top: 1px solid #fff
}

.sort-select {
    display: flex;
    justify-content: end;
    margin: 20px 0px;
    position: relative
}

.sort-select .click-sort {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    padding: 6px 10px 6px 8px;
    margin: 0px
}

.sort-select-main {
    display: grid;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 20%);
    position: absolute;
    padding: 0 7px;
    top: 30px;
    right: 0;
    width: 160px;
    z-index: 2
}

.sort-select-main p {
    border-bottom: 1px solid #f1f1f1;
    margin: 0px;
    order: 2
}

.sort-select-main p:has(.check) {
    order: 1
}

.sort a {
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding: 11px 3px;
    display: block;
    cursor: pointer
}

.sort a.check i {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 16px;
    border: 2px solid transparent;
    border-radius: 100px;
    vertical-align: middle
}

.sort a.check i::after {
    content: '';
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
    top: -4px;
    width: 6px;
    height: 10px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform-origin: bottom left;
    transform: rotate(45deg)
}

.sort-select .sort-show {
    padding-right: 12px;
    position: relative
}

.sort-select .sort-show::before {
    content: '';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    content: '';
    height: 0;
    position: absolute;
    top: 6px;
    right: 0;
    width: 0
}

.modal-detail::-webkit-scrollbar {
    width: 10px
}

.modal-detail::-webkit-scrollbar-thumb {
    width: 10px;
    background: #4d90e0;
    border-radius: 10px;
    height: 50px
}

.modal-detail {
    position: fixed;
    z-index: 999;
    background: #000000c4;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

.content-modal-detail {
    background: #fff;
    max-width: 1200px;
    margin: 0px auto;
    min-height: 100vh
}

.content-modal-detail .tabs {
    display: flex;
    cursor: pointer;
    padding: 0;
    list-style: none;
    justify-content: center;
    border-bottom: 1px solid #e0e0e0;
    position: sticky;
    top: 0px;
    background: #fff;
    z-index: 99
}

.content-modal-detail .tabs li {
    padding: 20px 20px;
    margin-right: 5px;
    font-weight: bold;
    position: relative;
    border-bottom: 4px solid #fff
}

.content-modal-detail .tabs li.active {
    color: #2d9cdb;
    border-bottom: 4px solid #2d9cdb
}

.content-modal-detail .tab-content {
    padding: 20px;
    max-width: 900px;
    margin: 0px auto
}

.content-modal-detail .tab-content.active {
    display: block
}

.close-tab {
    position: fixed;
    top: 15px;
    right: 20px;
    z-index: 10
}

.btn-closemenu {
    position: fixed;
    top: 10px;
    right: 20px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    line-height: 21px;
    padding: 7px;
    text-align: right;
    width: 72px
}

.btn-closemenu::before {
    transform: rotate(45deg)
}

.btn-closemenu::after {
    transform: rotate(-45deg)
}

.btn-closemenu::before,.btn-closemenu::after {
    background-color: #333;
    content: '';
    left: 13px;
    height: 14px;
    position: absolute;
    top: 10px;
    width: 1px
}

.cursor-pointer {
    cursor: pointer
}

.wrap-ti {
    padding: 20px 0px
}

.box-ti {
    background: #f1f1f1;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    min-height: 135px
}

.wrap-ti .owl-item:nth-child(n + 1) .box-ti {
    background-color: rgb(220,238,255)
}

.wrap-ti .owl-item:nth-child(n + 2) .box-ti {
    background-color: rgb(254,245,207)
}

.wrap-ti .owl-item:nth-child(n + 3) .box-ti {
    background-color: rgb(255,239,219)
}

.wrap-ti .owl-item:nth-child(n + 4) .box-ti {
    background-color: rgb(225,254,207)
}

.ds-ti {
    width: calc(100% - 45px)
}

.ds-ti h3 {
    font-size: 15px
}

.ds-ti h3 a {
    color: #333
}

.ds-ti h3 a:hover {
    color: #f00
}

.contact-map {
    position: relative;
    height: 500px;
    margin-top: 30px
}

.contact-map.maptui {
    width: 574px;
    height: 304px;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: auto;
    margin-top: -90px
}

.contact-map iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%
}

.breadCrumbs {
    padding: 10px 0px;
    background: transparent
}

.breadCrumbs ol {
    margin: 0px;
    font-size: 14px;
}

.breadCrumbs ol li a {
    color: inherit
}

.breadCrumbs ol li a:hover {
    color: var(--cl-1)
}

.wrap-xh {
    background: linear-gradient(90deg,#ffecd2 0%,#fcb69f 100%);
    padding: 10px;
    border-radius: 10px
}

.title-xh {
    font-size: 25px;
    margin: 20px 0px;
    color: #333;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase
}

.image-xh {
    border-radius: 10px;
    overflow: hidden
}

.name-xh {
    text-align: center;
    color: #333;
    font-size: 16px;
    margin: 10px 0px 0px
}

.scrollToTop {
    width: 41px;
    height: 41px;
    text-align: center;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 5em;
    right: 10px;
    display: none;
    z-index: 10;
    cursor: pointer
}

.grecaptcha-badge {
    display: none!important;
    width: 0px!important;
    height: 0px!important;
    visibility: hidden!important;
    overflow: hidden
}

[x-cloak] {
    display: none!important
}

.scale-img {
    overflow: hidden;
    display: inline-block
}

picture {
    display: block;
    position: relative;
    z-index: 0;
    display: block
}

.sp_flex {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap
}

.sp_flex .product {
    width: calc(100%/4 - 20px);
    margin: 0 10px 20px
}

.tintuc {
    width: 100%
}

.wrap-product-nb.tintuc {
    padding: 0;
    margin: 50px 0px
}

.tintuc-slick {
    margin: 0 -10px
}

.box-cp1 {
    display: flex;
    justify-content: center;
    margin: 10px 0;
    gap: 10px;
    flex-wrap: wrap
}

.cp1 {
    background: transparent;
    color: #000;
    padding: 4px 17px;
    font-size: 17px;
    border-radius: 100px;
    border: 1px solid lightskyblue;
    cursor: pointer
}

.cp1.active,.cp1:hover {
    color: #fff;
    background: lightskyblue
}

.title {
    text-align: center
}

.btn-frame {
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    z-index: 10;
    cursor: pointer
}

a.btn-booking {
    bottom: 50%;
    right: 10px;
    z-index: 2;
}

a.btn-booking i {
    color: #000;
}

.btn-frame i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--cl-0);
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-frame i img {
    vertical-align: middle;
    width: 70%
}

.btn-frame .animated.infinite {
    animation-iteration-count: infinite
}

.btn-frame .kenit-alo-circle {
    width: 60px;
    height: 60px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid rgba(7,41,103,0.8);
    opacity: 0.1;
    border-color: var(--cl-0);
    opacity: 0.5
}

.btn-frame .zoomIn {
    animation-name: zoomIn
}

.btn-frame .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.btn-frame .kenit-alo-circle-fill {
    width: 70px;
    height: 70px;
    top: -10px;
    right: -10px;
    position: absolute;
    border-radius: 100%;
    border: 2px solid transparent;
    background-color: var(--cl-0);
    opacity: 0.4
}

.btn-frame .pulse {
    animation-name: pulse
}

.hidden-seoh {
    visibility: hidden;
    height: 0px;
    margin: 0px;
    overflow: hidden
}

.thongtin-mb {
    padding: 0 20px;
    margin-top: 20px;
    font-size: 14px;
}

.thongtin-mb li {
    margin-bottom: 5px;
}

.thongtin-mb i {
    color: var(--maincolor);
    margin-right: 10px
}

.thongtin-mb span {
    color: #000
}

.load-menu .search {
    display: none
}

.ml-auto {
    margin-left: auto!important
}

.footer {
    background-size: cover;
    border-top: 1px solid #E5C484
}

.footer-article .wrap-content {
    padding: 50px 0px
}

.wap_footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #fff;
    align-items: flex-start
}

.footer-news:nth-child(1) {
    width: 380px
}

.footer-news:nth-child(2) {
    width: 320px
}

.footer-news:nth-child(3) {
    width: 320px;
    text-align: left
}

.footer-news:nth-child(4) {
    width: 242px;
    position: relative;
    z-index: 0;
    text-align: center
}

.footer-title {
    color: #FFF;
    font-family: SN Samsung Sharp Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    margin: 0
}

.footer-info {
    color: #C8C8C8;
    text-align: justify;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 5px 0 0
}

.footer-info p {
    margin: 0 0 10px 0px
}

.footer-policy li {
    margin-bottom: 5px;
    list-style: none
}

.footer-policy a {
    color: #fff;
    font-size: 15px
}

.footer-policy a::before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.footer-policy a:hover {
    color: var(--maincolor)
}

.footer-policy a:hover::before {
    background-color: #fff600
}

.fb-page {
    border-radius: 0
}

.fb-page.fb_iframe_widget {
    border-radius: 10px;
    overflow: hidden
}

.fb-page iframe {
    border-radius: 0;
    width: 100%!important
}

.grid-pro-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.left-pro-detail {
    width: calc(45% - 20px)
}

.right-pro-detail {
    width: calc(55%)
}

.product {
    width: calc(100%/4 - 20px);
    margin: 10px 10px;
    position: relative;
    text-align: center
}

.pic-product a {
    display: block;
    border-radius: 10px
}

.name-product {
    margin-top: 12px;
    margin-bottom: 3px
}

.name-product a {
    font-size: 20px;
    color: var(--color-3);
    font-weight: 500;
    text-transform: capitalize;
    line-height: normal
}

.product:hover .name-product a {
    transition: 0.5s ease;
    color: var(--maincolor)
}

.product .price-product {
    margin-bottom: 5px;
    color: #555;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.product .price-new {
    text-align: center;
    color: var(--maincolor);
    font-size: 20px;
    font-weight: 600
}

.product .price-new b {
    color: var(--color-3);
    font-weight: normal;
    font-size: 15px
}

.product .price-old {
    padding: 0 10px;
    font-size: 13px;
    text-decoration: line-through;
    display: block;
    color: #808080
}

.product .price-per {
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--maincolor);
    background-size: 100%;
    width: 40px;
    height: 21px;
    line-height: 21px;
    border-radius: 5px
}

.flex-product {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    margin-bottom: 20px
}

.flex-product.banchayOwl.banchayOwlArrow .owl-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: -65px;
    right: 0;
    z-index: 1
}

.flex-product.banchayOwl.banchayOwlArrow .owl-prev,.flex-product.banchayOwl.banchayOwlArrow .owl-next {
    width: 26px;
    height: 26px;
    background: url(../images/17.png) 0 0 no-repeat!important;
    border: 0;
    outline: 0;
    box-shadow: none;
    margin: 0!important;
    padding: 0!important;
    position: unset!important
}

.flex-product.banchayOwl.banchayOwlArrow .owl-prev {
    transform: scale(-1)
}

.flex-product.banchayOwl .owl-nav {
    display: none
}

ul.footer-policy {
    padding: unset;
    margin-bottom: unset;
    list-style: inside
}

.page-item.active .page-link {
    background: var(--cl-0);
    border-color: transparent;
    font-weight: bold
}

.page-link {
    color: inherit;
    cursor: pointer;
    font-weight: bold
}

.hotline-header {
    background: url(../images/dt.png) no-repeat;
    background-position: left center;
    padding: 1px 0;
    padding-left: 28px;
    font-size: 15px;
    width: 46%
}

.header-top {
    background: var(--maincolor);
    color: #fff;
    padding: 10px 0
}

.hotline-header p {
    color: var(--m1);
    margin-bottom: unset
}

.hotline-header span {
    font-weight: 700;
    color: var(--maincolor)
}

div#footer-map iframe {
    width: 100%;
    height: 100%;
    display: block;
    outline: 0!important;
    border: 0!important;
    box-shadow: none!important
}

.flex-news {
    display: flex;
    flex-wrap: wrap
}

.item_tt {
    width: calc(100%/3 - 20px);
    margin: 0 10px 20px
}

input:focus {
    box-shadow: unset!important
}

.hidden {
    display: none
}

.newsHome {
    position: relative;
    display: block;
    margin: 10px 10px;
    transition: 1s ease;
    width: calc(100%/3 - 20px)
}

.pic-newsHome {
    margin-bottom: 15px;
    display: block;
    border-radius: 10px
}

.info-newsHome {
}

.time-newsHome {
    color: #4F4F4F;
    font-size: 12px;
    margin-bottom: 5px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 47px;
    padding: 14px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    flex-shrink: 0;
    background: var(--maincolor);
    display: none
}

.name-newsHome {
    font-size: 17px;
    font-weight: 500;
    color: var(--color-3);
    margin-bottom: 6px;
    line-height: normal;
    -webkit-line-clamp: 2;
    text-transform: capitalize
}

.newsHome:hover .name-newsHome {
    transition: 0.5s ease;
    color: var(--maincolor)
}

.desc-newsHome {
    color: #333;
    line-height: 22px;
    margin-bottom: 2px;
    font-size: 14px;
    -webkit-line-clamp: 3;
    font-weight: 300;
    text-transform: capitalize
}

.grid-news {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    align-items: flex-start
}

.newsletter-form {
    align-items: center
}

.w-newsletter {
    width: 70%;
    display: flex;
    flex-wrap: wrap
}

.newsletter-input {
    margin-bottom: 0;
    min-width: 100%;
    width: 100%
}

.newsletter-input .invalid-feedback {
    text-align: left
}

.newsletter-input input {
    height: 50px;
    flex-shrink: 0;
    border-radius: 6px;
    background: #FFF;
    color: var(--Ni-dung,#333);
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 15px;
    border: 0;
    outline: 0;
    box-shadow: none
}

.newsletter-btn {
    width: 100%;
    margin-top: 10px;
    text-align: center
}

.newsletter-input input::placeholder,.newsletter-input textarea::placeholder {
    color: var(--Ni-dung,#333)
}

.newsletter-input textarea {
    height: 75px
}

.newsletter-btn input {
    width: 140px;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    height: 50px;
    padding-right: 32px;
    border-radius: 8px;
    background: var(--maincolor) url(../images/mt.png)right 14px center no-repeat;
    border: 1px solid var(--maincolor);
    color: #ffff
}

.newsletter-btn input:hover {
    background-color: var(--color-4);
    color: #fff;
    border-color: var(--color-4)
}

.ul-social-footer {
    list-style: none;
    gap: 15px;
    justify-content: center
}

.ul-social-footer a {
    display: inline-block;
    margin-top: 0;
    transition: 0.7s ease
}

.ul-social-footer a:hover {
    transition: 0.7s ease;
    transform: rotateY(180deg)
}

.wap_copy {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.statistic {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px
}

.item-news {
    position: relative;
    width: calc(100%/3 - 20px);
    margin: 10px 10px;
    text-align: center
}

.ds-news h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-3)
}

.item-news:hover .ds-news h3 {
    transition: 0.5s;
    color: var(--maincolor)
}

.menu-fix {
    position: fixed!important;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    transition: 1s ease;
    background: rgba(0,0,0,0.7);
    animation: slideInDown 1s ease
}

.menu-fix .logo-header img {
    transition: 0.7s ease;
    max-width: 60px
}

.logo-header img {
    transition: 0.7s ease
}

#footer-map {
    width: 100%;
    height: 210px;
    overflow: hidden;
    border-radius: 10px
}

.lang-head a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin-left: 20px
}

.lang-head a:first-child {
    margin-left: 0
}

.lang-head a::after {
    content: '';
    position: absolute;
    left: -10px;
    height: 15px;
    background: #ffff;
    width: 1px;
    top: 5px;
    opacity: 0.3
}

.lang-head a:first-child::after {
    display: none
}

.lang-head a:hover {
    transition: 0.5s;
    color: var(--maincolor)
}

.wrap-aboutHome {
    position: relative;
    background: url(../images/v1.png)center top no-repeat,url(../images/bg2.png)bottom right no-repeat,url(../images/bg3.png)top 9% left 23% no-repeat;
    background-size: 100% 75%,auto,auto;
    overflow: hidden
}

.wap-aboutHome {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1366px;
    margin: auto;
    padding: 120px 0 80px;
    padding-right: calc(50% - 600px)
}

.left-aboutHome {
    width: 30%;
    position: relative;
    padding-top: 84px
}

.center-aboutHome {
    width: 39%
}

.right-aboutHome {
    width: 25%;
    position: relative;
    padding-top: 45px
}

.pic-aboutHome {
    overflow: hidden;
    position: relative;
    z-index: 2;
    display: table;
    border-radius: 50vw 50vw 0 50vw;
    margin: 55px 25px 0 auto
}

.pic2-aboutHome {
    border-radius: 50vw
}

.pic3-aboutHome {
    border-radius: 0 50vw 50vw;
    display: table;
    margin-left: auto
}

.aboutHome-info {
    position: relative;
    z-index: 3;
    display: block
}

.since {
    letter-spacing: 5px;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 300;
    font-family: 'Sofia';
    padding-left: 43px;
    padding-bottom: 10px
}

.title-aboutHome {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--maincolor);
    font-family: '1FTV-VIP-Ergisa';
    font-size: 150px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: transparent;
    line-height: 1;
    margin-bottom: 0
}

.desc-aboutHome {
    color: var(--color-3);
    line-height: 25px
}

.desc2-aboutHome {
}

.title-about-1 {
    color: #141414;
    font-family: '1FTV-VIP-Ergisa';
    font-size: 120px;
    font-style: normal;
    text-transform: capitalize;
    line-height: 1;
    margin-left: -40%;
    margin-bottom: -45px
}

.title-about-2 {
    font-family: '1FTV-VIP-High-Spirited';
    font-size: 100px;
    color: var(--maincolor);
    line-height: 1
}

.view-about {
    font-size: 15px;
    font-weight: 500;
    color: #484340;
    padding: 18px 40px;
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
    border-radius: 5px;
    background: url(../images/xt.png)center no-repeat;
    background-size: 100% 100%
}

.view-about:hover {
    transition: 0.5s ease;
    color: var(--color-4)
}

.view-about:hover svg path {
    fill: var(--maincolor)
}

.header-bottom {
}

.header-bottom .wrap-content {
    padding: 8px 0
}

.header-bottom .menu .wrap-content {
    padding: 0
}

.header-top .wrap-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.left-header-top {
    width: 45%
}

.box-info-top {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    overflow: hidden
}

.box-info-top p {
    margin-bottom: 0;
    animation: slideAnimationlinear 8s linear infinite;
    white-space: nowrap
}

.hotline-top {
    font-size: 14px;
    color: var(--color-3)!important;
    max-width: 16%;
    background: url(../images/ICTIME.png)left center no-repeat;
    padding-left: 48px
}

.hotline-top p {
    margin-bottom: 0
}

.hotline-top-2 {
    background-image: url(../images/ICHOTLINE.png);
    padding-left: 40px
}

.hotline-top-2 span {
    font-size: 18px;
    font-weight: 700;
    background: var(--m1);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.title-main-index h2 {
    color: var(--maincolor);
    text-align: center;
    font-family: '1FTV-VIP-Ergisa';
    font-size: 55px;
    text-transform: capitalize;
    margin-bottom: 25px;
    background: url(../images/d1.png)center top no-repeat;
    background-size: auto 74px;
    padding-top: 90px
}

.pic-aboutHome:nth-child(3) {
    margin-top: -205px;
    margin-right: 0
}

.menu {
    display: block;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    background: #FFF;
    padding: 0px;
    width: 100%
}

.menu .wrap-content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.menu.menu-fix,.menu.inside {
    height: auto;
    background: #FFF
}

.menu.menu-fix .ngonngu,.menu.inside .ngonngu {
    margin: 0
}

.ngonngu img {
    cursor: pointer
}

.menu.menu-fix .pSearch,.menu.inside .pSearch {
    margin: 0
}

.menu.menu-fix .menu-main,.menu.inside .menu-main {
    align-items: center;
    padding: 0px
}

.menu.menu-fix a.logo-desktop,.menu.inside a.logo-desktop {
    margin: 0;
    transition: 0.5s
}

.menu.menu-fix .logo-desktop,.menu.inside .logo-desktop {
    height: auto
}

.menu.menu-fix .menuTop {
    display: none
}

.menu.inside {
    position: relative
}

.menu.inside.menu-fix {
    position: fixed
}

.menu.inside {
    background: #FFF;
}

.menu_mobi_all {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    margin: auto;
    background: #FFF;
    display: none
}

.hidden_mobi,#arcontactus,#messages-facebook,.quick_contact {
    display: none
}

.hidden_destop {
    display: block
}

.menu_baophu {
    background: #000;
    opacity: 0.8;
    z-index: 998;
    left: 0px;
    top: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    display: none
}

.icon_menu_mobi {
    color: var(--cl-2);
    font-size: 20px;
    text-decoration: none;
    width: auto;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.icon_menu_mobi i {
    display: block
}

a.home_mobi {
    color: #000;
    text-decoration: none;
    float: right;
    font-size: 20px
}

.logo-mobi {
    display: block;
    text-align: center;
    padding: 0;
    position: relative;
    left: 0
}

a.phone_mobi {
    color: #fff;
    text-decoration: none;
    float: left;
    font-size: 18px
}

a.phone_mobi i {
    margin-right: 12px;
    -webkit-animation: my 700ms infinite;
    -moz-animation: my 700ms infinite;
    -o-animation: my 700ms infinite;
    animation: my 700ms infinite
}

.menu_mobi {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 0px 10px;
    width: 100%;
    cursor: pointer;
    display: flex;
    height: 100%;
    cursor: pointer;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1007;
    background: #fff;
    align-items: center;
    justify-content: space-between
}

.menu_mobi_add {
    display: block;
    position: fixed;
    left: -100%;
    top: 0;
    background: #FFF;
    z-index: 9999999;
    color: #333;
    height: 100vh;
    overflow: auto;
    line-height: 1.5;
    padding-top: 35px;
    padding-bottom: 20px;
    width: 85%;
    min-width: 140px;
    max-width: 440px;
    transition: 0.5s
}

.menu_mobi_active {
    left: 0;
    transition: 0.5s;
    overflow-x: hidden
}

.menu_mobi_add ul {
    list-style: none;
    padding: 0;
    margin-bottom: unset
}

.menu_mobi_add ul li.li-tim,.menu_mobi_add ul li.li-search {
    display: none
}

.menu_mobi_add ul li h2 {
    font-size: 17px;
    margin-bottom: 0
}

.menu_mobi_add ul li b {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px
}

.menu_mobi_add ul li b img {
    display: inline-block;
    vertical-align: top
}

.menu_mobi_add ul li a {
    text-decoration: none;
    color: #333;
    display: block;
    border-bottom: 1px solid rgb(132 132 132 / 20%);
    padding: 10px 40px 10px 0;
    margin-left: 20px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
}

.menu_mobi_add ul li a.active2 {
    color: var(--cl-0);
}

.menu_mobi_add ul li a i {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    width: 40px;
    text-align: center;
    padding-top: 13px;
    transform: rotate(90deg);
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

i.fas.fa-home {
    transform: unset!important;
    position: unset!important
}

.menu_mobi_add ul li a.active2 i {
    transform: rotate(0deg);
    border-left: 1px solid rgba(255,255,255,0.2)
}

.menu_mobi_add ul ul {
    display: none;
    padding-left: 0
}

.menu_mobi_add ul li ul li a {
    padding-left: 20px;
}

.menu_mobi_add ul li ul li ul li a {
    padding-left: 40px
}

.close_menu {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
    width: auto;
    text-align: center;
    line-height: normal;
    cursor: pointer;
    color: #FFF;
    padding: .5rem 1rem;
    z-index: 2;
    background: var(--cl-1)
}

.search-res {
    position: relative;
    width: 40px
}

.search-res .icon-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    color: var(--maincolor);
    font-size: 17px;
    margin: 0px;
    margin-top: 0px
}

.search-res .icon-search.active {
    background: var(--cl-1);
    border-radius: 100%;
    color: #FFF
}

.search-res .search-grid {
    position: absolute;
    top: 66px;
    right: 0px;
    width: 0px;
    height: 33px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--cl-1);
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal
}

.search-res .search-grid p {
    float: left;
    width: 35px;
    height: 32px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px;
    font-size: 17px;
    display: block;
    color: var(--cl-1);
    line-height: 33px;
    text-align: center
}

.search-res .search-grid input {
    width: calc(100% - 35px);
    float: right;
    line-height: 31px;
    outline: none;
    border: none;
    color: #666363;
    font-size: 12px;
    padding: unset
}

.search-res .search-grid input::-webkit-input-placeholder {
    color: #ccc
}

.search-res .search-grid input:-moz-placeholder {
    color: #ccc
}

.search-res .search-grid input::-moz-placeholder {
    color: #ccc
}

.search-res .search-grid input:-ms-input-placeholder {
    color: #ccc
}

a.logo-mb {
    display: inline-block;
    margin: auto
}

.head_mobi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 260px
}

.hotline-mobi {
    display: inline-block;
    font-size: 17px;
    color: var(--maincolor)!important;
    border: 1px solid var(--maincolor);
    padding: 4px 11px;
    border-radius: 50vw;
    margin-right: 14px
}

.wrap-serviceHome {
    background: url(../images/bg4.jpg)no-repeat;
    background-size: cover;
    padding: 50px 0 100px
}

.serviceHome {
    position: relative;
    margin: 10px 10px;
    width: calc(25% - 20px);
    display: block
}

.pic-serviceHome {
    margin-bottom: 0;
    display: block;
    border-radius: 50px 50px 0 0;
    position: relative
}

.pic-serviceHome::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    border-radius: 50px 50px 0 0;
    pointer-events: none
}

.info-serviceHome {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 10px;
    text-align: center
}

.name-serviceHome {
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Sofia';
    line-height: normal
}

.desc-serviceHome {
    font-weight: 300;
    letter-spacing: 3.4px;
    text-transform: capitalize;
    font-size: 17px;
    color: #ffff;
    margin-bottom: 0px
}

.wrap-serviceHome .serviceHome {
    width: auto;
    margin: 0
}

.wrap-album {
    padding: 110px 0 50px;
    position: relative
}

.wrap-album::after {
    content: '';
    position: absolute;
    background: url(../images/bg2.png)no-repeat;
    width: 646px;
    height: 504px;
    right: 0;
    bottom: -140px;
    z-index: -1;
    pointer-events: none
}

.wap-album {
    display: grid;
    grid-template-columns: 312px 140px 155px 170px 290px;
    grid-template-rows: 105px 305px 295px 72px 40px;
    grid-auto-columns: 1fr;
    gap: 30px 30px;
    grid-auto-flow: row;
    grid-template-areas: "a1 a1 . . ." "a1 a1 a2 a2 a3" "a4 a5 a5 a6 a6" "a4 . . a6 a6" ". . . a6 a6"
}

.albumHome:nth-child(1) {
    grid-area: a1;
    border-radius: 50vw 50vw 0 0
}

.albumHome:nth-child(2) {
    grid-area: a2
}

.albumHome:nth-child(3) {
    grid-area: a3
}

.albumHome:nth-child(4) {
    grid-area: a4
}

.albumHome:nth-child(5) {
    grid-area: a5
}

.albumHome:nth-child(6) {
    grid-area: a6;
    border-radius: 0 0 50vw 50vw
}

.albumHome {
    display: block;
    position: relative
}

.albumHome img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wrap-listPrice {
    padding: 90px 0
}

.box-title-listPrice {
    width: 13%;
    padding-right: 3%;
    padding-top: 7%
}

.title-listPrice {
    position: relative
}

.title-listPrice h2 {
    font-family: '1FTV-VIP-Ergisa';
    font-size: 75px;
    word-break: break-all;
    text-align: center
}

.title-listPrice::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 1px;
    height: 115px;
    background: #524138
}

.slogan-listPrice {
    font-size: 35px;
    letter-spacing: -0.7px;
    text-transform: capitalize;
    font-family: '1FTV-VIP-Ergisa';
    transform: rotate(-90deg);
    transform-origin: bottom right;
    white-space: nowrap;
    height: 200px;
    width: 231px;
    pointer-events: none
}

.wap-listPrice {
    width: 87%;
    border: 1px solid var(--color-3);
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.listPrice {
    width: calc(50% - 10px);
    margin: 0 5px
}

.pic-videoHome {
    position: relative;
    display: block;
    margin-bottom: 0
}

.pic-videoHome::after {
    content: '';
    position: absolute;
    bottom: 14%;
    left: calc(50% - 600px);
    background: url(../images/vd.png)center no-repeat;
    width: 403px;
    height: 91px
}

.wrap-trainHome {
    padding: 60px 0
}

.w-trainHome {
    position: relative
}

.w-trainHome .title-main-index-2 {
    position: absolute;
    top: 0;
    left: calc(50% + 20px);
    right: 0
}

.title-main-index-2 h2 {
    font-family: '1FTV-asbigan';
    padding-top: 76px
}

.wap-trainHome {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -25px
}

.wrap-trainHome .trainHome {
    width: calc(50% - 50px);
    margin: 20px 25px
}

.wrap-trainHome .trainHome:nth-child(2) {
    margin-top: 160px
}

.trainHome {
    position: relative;
    display: block;
    width: calc(50% - 20px);
    margin: 10px 10px
}

.pic-trainHome {
}

.info-trainHome {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.box-trainHome {
    flex: 1
}

.name-trainHome {
    font-size: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 17px
}

.desc-trainHome {
    color: #2B2B2B;
    line-height: 25px;
    -webkit-line-clamp: 4
}

.view-trainHome {
    font-size: 17px;
    text-transform: capitalize;
    color: #000;
    margin-top: 30px;
    display: table;
    padding-left: 16px;
    position: relative
}

.view-trainHome::after {
    content: 'Xem';
    position: absolute;
    top: -13px;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    line-height: 50px;
    text-align: right
}

.trainHome:hover .name-trainHome {
    transition: 0.5s ease;
    color: var(--color-4)
}

.trainHome:hover .view-trainHome::after {
    transition: 0.5s ease;
    background-color: var(--color-4)
}

.stt-trainHome {
    font-size: 60px;
    color: #141414;
    font-family: '1FTV-asbigan';
    width: 84px;
    border-bottom: 1px solid #000;
    margin-right: 40px;
    position: relative;
    line-height: 1;
    text-align: center
}

.stt-trainHome::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 144px;
    background-color: #000;
    width: 1px
}

.view-more {
    background: var(--maincolor);
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    position: absolute;
    bottom: 36px;
    left: 0;
    right: calc(50% + 25px);
    padding: 17px 10px
}

.view-more:hover {
    transition: 0.5s ease;
    color: var(--color-4)
}

.wrap_album {
    display: flex;
    flex-wrap: wrap
}

.album {
    position: relative;
    display: block;
    width: calc(100%/4 - 20px);
    margin: 10px 10px
}

.pic-album a {
    display: block
}

.wap-album2 {
    position: relative
}

.title-album {
    position: absolute;
    top: -40px;
    left: 42%;
    z-index: 2
}

.title-album p {
    font-size: 120px;
    font-family: '1FTV-VIP-Ergisa';
    color: #E9E9E9;
    line-height: 1;
    margin-bottom: -13px
}

.title-album h2 {
    font-size: 45px;
    font-family: '1FTV-VIP-Ergisa';
    text-transform: capitalize;
    line-height: 1;
    margin-bottom: 0;
    position: relative
}

.title-album h2::after {
    content: '';
    position: absolute;
    right: calc(100% + 16px);
    top: 50%;
    width: 105px;
    height: 1px;
    background: #000
}

.view-more2 {
    position: absolute;
    right: 46px;
    top: 7px
}

.slogan-album {
    font-size: 35px;
    font-family: 'Sofia';
    font-weight: 300;
    letter-spacing: 1.75px;
    text-transform: uppercase;
    color: #363533;
    position: absolute;
    left: 32%;
    bottom: 7%;
    line-height: 42px
}

.slogan-album span {
    display: block;
    padding-left: 50px
}

.wrap-newsHome {
    padding: 30px 0 50px
}

.title-main-index-3 h2 {
    background: none;
    padding: 0;
    font-size: 45px;
    margin-bottom: 7px;
    text-align: right;
    padding-right: 9%
}

.w-newsHome {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.newsBest {
    position: relative;
    display: flex!important;
    flex-wrap: wrap;
    background: #fff;
    margin: 8px 10px;
    padding: 20px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.10)
}

.box-newsBest {
    position: relative;
    display: block;
    text-align: center
}

.box-newsBest .name-newsBest {
    font-family: '1FTV-VIP-Ergisa';
    text-transform: uppercase;
    line-height: normal
}

.box-newsBest:hover .name-newsBest {
    transition: 0.5s ease;
    color: var(--color-4)
}

.pic-newsBest {
    border-radius: 0 150px 0 0
}

.info-newsBest {
    flex: 1
}

.name-newsBest {
    color: #2B2B2B;
    font-size: 22px;
    font-family: 'Sofia';
    margin-bottom: 3px
}

.newsBest:hover .name-newsBest {
    transition: 0.5s ease;
    color: var(--color-4)
}

.view-newsBest {
    font-size: 17px;
    font-weight: 300;
    color: var(--maincolor);
    letter-spacing: 5.1px;
    font-family: 'Sofia';
    border-top: 1px solid var(--maincolor);
    display: block;
    padding: 11px 0 0;
    margin-bottom: 0
}

.box-newsBest:hover .view-newsBest {
    transition: 0.5s ease;
    color: var(--color-4)
}

.view-newsBest span {
    display: inline-block;
    position: relative;
    padding: 0 34px 0 35px
}

.view-newsBest span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2B2B2B
}

.view-newsBest span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2B2B2B
}

.desc-newsBest {
    color: #575757;
    font-size: 15px;
    font-family: 'Sofia';
    font-weight: 300;
    -webkit-line-clamp: 1;
    margin-bottom: 0
}

.stt-newsBest {
    color: #C7C7C7;
    font-size: 45px;
    font-family: '1FTV-VIP-Ergisa';
    width: 75px;
    margin-right: 10px
}

.slick_ndcn {
    width: 43%
}

.right-newsBest {
    width: 63%;
    margin-left: -6%;
    padding: 45px 90px 30px 0;
    position: relative
}

.right-newsBest::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 270px;
    height: 306px;
    background: #F2F2F2
}

.right-newsBest::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50px;
    width: 310px;
    height: 391px;
    background: url(../images/tt.png)no-repeat;
    background-size: 100% 100%
}

.social-footer {
    padding: 0;
    display: flex;
    gap: 43px;
    justify-content: center
}

.social-footer a {
    display: block
}

.social-footer p {
    font-size: 60px;
    font-family: '1FTV-VIP-High-Spirited';
    margin-bottom: 0;
    line-height: 1.2
}

.fb {
    border-radius: 0;
    padding: 0
}