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

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

.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
}

.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 {
    margin-top: 0;
    padding-right: 4rem;
}

.tieuchiGrid2 {
    position: relative;
    z-index: 0;
    padding-top: 50px;
}

.tieuchiGrid2 h3 {
    color: #27235E;
    font-family: "SN Samsung Sharp Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 138.889% */
    margin-bottom: 8px;
}

.tieuchiGrid2 picture {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 13px;
}

.tieuchiGrid2 p {
    color: #727B81;
    font-family: "SN Samsung Sharp Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 192.308% */
    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: 1188px;
    margin: auto
}

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

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

body {
    font-size: 14px;
    font-family: 'SN Samsung Sharp Sans', sans-serif;
    overflow-x: hidden;
    background: #FFF;
    color: #222222
}

.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.wrap-product-nb.thammy .owl-prev, .wrap-product-nb.thammy .owl-next {
    filter: brightness(0) saturate(100%) invert(48%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(90%) contrast(93%);
    -webkit-filter: brightness(0) saturate(100%) invert(48%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(90%) contrast(93%);
    -moz-filter: brightness(0) saturate(100%) invert(48%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(90%) contrast(93%)
}

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.custom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin: 30px 0 0
}

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

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

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

* {
    box-sizing: border-box
}

.doitac_slickGrid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px 57.5px;
}

div#toc-content iframe {
    width: 100%;
    border: 0;
    outline: 0;
    box-shadow: none;
    margin: 1rem 0;
}

.wrapCopy p {
    color: #363636;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    line-height: 35px; /* 250% */
}

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

form.form-newsletter.validation-newsletter .form-control {
    height: 56px;
    border: 0;
    outline: 0;
    border-radius: 8px;
    background-color: #FFF;
    color: #333;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    line-height: 30px; /* 214.286% */
}

form.form-newsletter.validation-newsletter textarea.form-control {
    height: 100px;
    grid-column: span 2;
}

.newsletter_tieude {
    text-align: center;
}

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

.newsletter_tieude p {
    color: #FFF;
    text-align: center;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    line-height: 30px; /* 214.286% */
    max-width: 709px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.wrap-section.dknt {
    padding: 50px 0px;
    background: url(../images/21.png) 0 0 no-repeat;
    background-size: cover;
}

.doitac_slick .slick-list {
    margin-right: -85px;
    margin-bottom: -20px;
}

.doitac_slick {
    overflow: hidden;
    display: block;
}

.doitacchu_title2 {
    color: #303030;
    text-align: justify;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    line-height: 30px; /* 214.286% */
    margin-bottom: 45px;
}

.doitacchu_title1 {
    color: #000;
    font-family: "SN Samsung Sharp Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

.doitacchu_col {
    width: 100%;
}

.doitacchu_grid {
    display: grid;
    grid-template-columns: 491px 1fr;
    gap: 79px;
}

.wrap-section.doitacchu {
    visibility: visible;
    padding: 50px 0px;
    background: #F5F5F5;
}

.wrap-section.doitacchu {
    visibility: visible;
}

.wrap-section.tintucchu {
    padding-bottom: 50px;
    display: block;
}

.main_heading_video2 {
    max-width: 584px;
    color: #303030;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    line-height: 30px; /* 214.286% */
}

.main_heading_video1 {
    color: #000;
    font-family: "SN Samsung Sharp Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 21px;
}

.main_heading_video1 span {
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #FBAF3F;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_heading_video {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
}

.wrap-section.videochu {
    padding: 50px 0px;
    background: url(../images/18.png) top right no-repeat;
}

button.owl-dot.active {
    width: 40px;
    border-radius: 8px;
    background: #FBAF3F !important;
}

button.owl-dot {
    width: 8px;
    height: 8px;
    background: #EAD5B5 !important;
    border-radius: 50%;
}

.wrap-section.khachhangchu {
    padding: 50px 0px;
}

.wrap-section.menuchu {
    display: block;
}

.product_listnb_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
}

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

.product_listnb_list a section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 12px 25px 7px 25px;
    background: linear-gradient(90deg, #FBAF3F 0%, #DFC464 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_listnb_list h3 {
    margin: 0;
    color: #27235E;
    font-family: "SN Samsung Sharp Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 138.889% */
}

.wrap-section.product_listnb {
    padding: 50px 0px;
}

.tieuchi_cham {
    width: 10px;
    height: 10px;
    background: #DBDBDB;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    display: block;
    top: 6px;
}

.slick-current .tieuchi_cham {
    background: var(--cl-0);
}

.tieuchi_dem {
    color: #F2F2F2;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: absolute;
    top: 50%;
    right: 25%;
    transform: translateY(-29%);
    z-index: -1;
    font-family: 'Montserrat';
}

.wrap-section.tieuchichu {
    padding: 50px 0px;
    border-bottom: 15px solid #F1F1F1;
}

.langchon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 0 0 15px;
}

.langchon button {
    border: 0;
    background: transparent;
    padding: 0;
    outline: 0;
    box-shadow: none;
}

.menucon {
    display: flex;
    align-items: center;
}

.menucon a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px; /* 178.571% */
    height: 107px;
    padding: 0 17px;
    border-right: 1px solid #3B3587;
}

.menucon a img {
    width: auto;
}

.menucon a:first-child {
    padding-left: 0;
}

.menucon a:hover {
    color: var(--cl-1);
}

p.footer-titleman {
    background: #27235E;
}

p.footer-titleman:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(to right, transparent, #CFCFCF, transparent)
}

.tintucchu_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px
}

.hinhanh_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
    padding-bottom: 6rem;
    position: relative;
    z-index: 1;
    margin-top: -6rem
}

.menuOwl.owl-carousel .owl-next {
    right: -3rem
}

.menuOwl.owl-carousel .owl-prev {
    left: -3rem
}

.main_heading2a {
    color: #000;
    font-family: "SN Samsung Sharp Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.main_heading1a {
    color: var(--1, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: SVN-Aptima;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize
}

.daotao_slick1.daotao_slick a.daotao_items {
    transition: 0.5s;
    transform: scale(0.8);
    padding: 0;
    margin: 2rem 0
}

.daotao_slick1.daotao_slick .slick-center a.daotao_items {
    transform: scale(1.15)
}

.dichvuOwl {
    padding: 0 50px
}

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

.wrap-product-nb.thammy .dichvu_grids .dichvu_cols:nth-child(1) {
    order: 2
}

.dichvu_grids {
    display: grid;
    grid-template-columns: 428px 1fr;
    gap: 60px
}

.wrap-product-nb.thammy .dichvu_grids {
    grid-template-columns: 1fr 428px
}

.gioithieuImages {
    position: relative;
    z-index: 1;
    margin-bottom: -95px
}

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

.menu_top {
    display: block;
    position: relative;
    z-index: 0;
    padding: 0;
    background: #27235E;
}

.menu_top:after {
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, rgb(255 255 255 / 50%), transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.menu_top p {
    color: var(--1, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: SVN-Aptima;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: capitalize;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px
}

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: 0;
}

.tieuchiGridOwl:after {
    content: '';
    height: 2px;
    width: 100%;
    background: #DBDBDB;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: -1;
}

.gioithieuGridColHeadingDesc {
    color: var(--gray-gray-700, #17181B);
    leading-trim: both;
    text-edge: cap;
    font-family: SVN-Aptima;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: capitalize
}

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

.infoAbout p {
    color: var(--tiu, #333);
    font-family: SVN-Gilroy;
    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%
}

.motadichvu {
    margin: 20px 0px;
    color: var(--tiu, #333);
    font-family: SVN-Gilroy;
    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(--1, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: SVN-Aptima;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: capitalize;
    margin-top: 15px;
    margin-bottom: 5px
}

.dichvuItem:hover h3 {
    color: #999 !important
}

.dichvuItem label {
    color: var(--1, #FFF);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: SVN-Aptima;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
    display: block
}

.dichvuItem {
    display: block
}

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
}

.main_heading3 {
    color: #303030 !important;
    text-align: center;
    font-family: "SN Samsung Sharp Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    700;
    700;
    line-height: 30px; /* 214.286% */
    max-width: 723px;
    margin: 0 auto;
}

.main_heading2 {
    color: #000;
    font-family: "SN Samsung Sharp Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 4px;
}

.wrap-product-nb.thammy .main_heading2, .wrap-product-nb.thammy .main_heading3, .wrap-product-nb.thammy h3, .main_heading3, .wrap-product-nb.thammy label {
    color: var(--gray-gray-700, #17181B);
}

.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: 35px
}

.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: #FFF;
    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: auto;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1em;
    -webkit-mask-image: url(../images/9.png);
    mask-image: url(../images/9.png);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    background: #D5D5D5;
    padding-left: 2em;
    padding-right: 1em;
    min-width: 145px
}

.listProductMenuTab_i a {
    color: #222;
    leading-trim: both;
    text-edge: cap;
    font-family: SVN-Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    cursor: pointer
}

.listProductMenuTab {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 20px 0px 35px
}

.listProductMenuTab a.active {
    background: #F4D966
}

p.price-product {
    color: #da241b;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0
}

.uudaiOwl {
    margin: 39px 0 0
}

.pSearch {
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.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: var(--text, #333);
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    line-height: 24px;
    text-transform: capitalize;
    margin: 0
}

.blogItemSlick p {
    margin: 5px 0 0;
    color: var(--text, #333);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px
}

.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: grid;
    border-radius: 0;
    overflow: hidden;
    grid-template-columns: 220px 1fr;
    gap: 20px;
    text-align: left;
    margin: 20px 0 0
}

.blogItemSlick a picture {
    border-radius: 10px
}

.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: SVN-Gilroy;
    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-carousel {
    max-width: 1118px;
    margin: 0 auto;
}

.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 
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: 20px;
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.tintucchu {
padding: 70px 0px;
background: #FFF
}

.wrap-product-nb.hinhanhchu {
padding: 70px 0px;
background: var(--gray-gray-100, #EFEFEF) url(../images/17.png) bottom center no-repeat;
background-size: cover
}

.wrap-product-nb.videochu {
padding: 50px 0px
}

.wrap-product-nb.videochu .main_heading1a {
color: var(--gray-gray-600, #3C3C3C)
}

.wrap-product-nb.videochu .main_heading2a {
color: var(--gray-gray-700, #17181B)
}

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

.wrap-product-nb.thammy {
padding: 50px 0px
}

.wrap-product-nb.menuIndex {
padding: 50px 0px;
background: #0b0b0b url(../images/14.png) top center no-repeat;
background-size: cover;
position: relative;
z-index: 1;
padding-top: 70px
}

.wrap-product-nb.menuIndex:after {
content: '';
width: 1px;
height: 76px;
flex-shrink: 0;
background: var(--1, #FFF);
position: absolute;
top: calc(-76px / 2);
left: calc(50% - 0.5px)
}

.wrap-product-nb.dichvu {
padding: 50px 0px;
background: url(../images/12.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: 0
}

.wrapCopy .wrap-content {
position: relative;
z-index: 0
}

.wrapCopy .wrap-content:after {content: '';width: 100%;height: 1px;position: absolute;top: 0;left: 0;z-index: -1;background: #EEE;}

.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;padding: 20px 0px;}

p.footer-title2 {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: SVN-Aptima;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%
}

.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: #d8211a;}

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;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%)
}

a.videoItem:after {
content: '';
width: 72px;
height: 72px;
background: url(../images/15.png) 0 0 no-repeat;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1
}

.videoItem h3 {
margin: 0;
color: var(--Text, #FFF);
text-align: center;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: 15px
}

.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;
grid-column: span 2;
display: flex;
justify-content: center;
align-items: center;
}

.newsletter-button input {
width: 452px;
height: 60px;
flex-shrink: 0;
border-radius: 10px;
background: #FBAF3F;
color: #FFF;
font-family: "SN Samsung Sharp Sans";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 187.5% */
border: 0;
outline: 0;
cursor: pointer;
box-shadow: none;
}

.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;
text-transform: capitalize
}

.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;
gap: 20px
}

.flex-news_grid.custom {
grid-template-columns: 1fr;
gap: 3rem;
margin: 2rem 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: 32px;
height: 14px;
color: transparent;
background: url(../images/arr.svg) 0 0 no-repeat !important;
text-indent: -9999rem;
position: absolute;
top: calc(50% - 14px / 2);
z-index: 1;
right: 0
}

button.owl-prev {
left: 0;
right: unset;
transform: scale(-1)
}

.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: var(--gray-gray-600, #3C3C3C);
leading-trim: both;
text-edge: cap;
font-family: SVN-Aptima;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 1em 0
}

.gioithieuGridColContent p {
margin: 0
}

h2.gioithieuGridColHeading {
margin: 0;
color: var(--gray-gray-700, #17181B);
leading-trim: both;
text-edge: cap;
font-family: "Helvetica Neue";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase
}

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: 1fr 441px;
gap: 57px;
align-items: center;
padding: 45px;
border: 1px solid var(--gray-gray-600, #3C3C3C)
}

.gioithieuGrid {
padding: 70px 0px;
background: #FFF url(../images/7.png) bottom center no-repeat;
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 {
visibility: visible
}

a.logoFooter {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0px;
}

a.doitac_items {
border: 0;
outline: 0;
display: block;
padding-right: 85px;
padding-bottom: 20px;
}

.doitac_slickGrid a.doitac_items {
    padding: 0;
}

a.doitacchu_link {
width: 200px;
height: 60px;
flex-shrink: 0;
border-radius: 50px;
background: #FBAF3F;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
color: #FFF;
font-family: "SN Samsung Sharp Sans";
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 133.333% */
}

a.doitacchu_link:hover {
background: var(--cl-0);
}

a.tintucchu_items {
display: block;
}

a.tintucchu_items h3 {
color: #222;
font-family: "SN Samsung Sharp Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 166.667% */
margin-top: 15px;
margin-bottom: 4px;
}

a.tintucchu_items p {
color: #666;
font-family: "SN Samsung Sharp Sans";
font-size: 12px;
font-style: normal;
line-height: 30px; /* 250% */
margin: 14px 0px;
}

a.tintucchu_items span:after {
content: '';
width: 52px;
height: 1px;
flex-shrink: 0;
display: block;
background: #EEE;
margin-top: 10px;
}

a.tintucchu_items button {
background: transparent;
padding: 0 15px;
color: #222;
text-align: center;
font-family: "SN Samsung Sharp Sans";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 178.571% */
box-shadow: 0px -8px 0px #FAD7A2 inset;
transition: 0.3s;
}

a.tintucchu_items:hover button {
box-shadow: 0px -35px 0px var(--cl-0) inset;
line-height: 25px;
color: #FFF;
}

a.tintucchu_items span {
color: #666;
font-family: "SN Samsung Sharp Sans";
font-size: 12px;
font-style: normal;
line-height: 30px; /* 250% */
}

a.hinhanhItem:before {
content: '';
background: url(../images/19.png);
width: 128px;
height: 128px;
flex-shrink: 0;
aspect-ratio: 1/1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}

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

a.khachhang_items p {
color: #000;
text-align: center;
font-family: "SN Samsung Sharp Sans";
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 25px; /* 147.059% */
background: url(../images/16.png) top center no-repeat;
padding-top: 20px;
margin-bottom: 8px;
}

a.khachhang_items span {
color: #868686;
text-align: center;
font-family: "SN Samsung Sharp Sans";
font-size: 14px;
font-style: normal;
line-height: 25px; /* 178.571% */
}

a.khachhang_items h3 {
color: #222;
text-align: center;
font-family: "SN Samsung Sharp Sans";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 25px; /* 178.571% */
margin: 0;
}

a.khachhang_items small {
color: #222;
text-align: center;
font-family: "SN Samsung Sharp Sans";
font-size: 14px;
font-style: normal;
line-height: 25px; /* 178.571% */
}

a.khachhang_items picture {
max-width: 88px;
margin: 15px auto;
border-radius: 50%;
}

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

a.menu_items section {
position: absolute;
top: 0;
left: calc(50%  - 1188px / 2);
width: 500px;
background: rgba(16, 15, 38, 0.70);
height: 100%;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}

a.menu_items h3 {
color: #FFF;
font-family: "SN Samsung Sharp Sans";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 19px;
}

a.menu_items p {
margin: 0;
color: #FFF;
text-align: justify;
font-family: "SN Samsung Sharp Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 214.286% */
margin-bottom: 30px;
}

a.menu_items button {
width: 200px;
height: 60px;
flex-shrink: 0;
border-radius: 50px;
background: #FBAF3F;
border: 0;
outline: 0;
box-shadow: none;
color: #FFF;
font-family: "SN Samsung Sharp Sans";
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 133.333% */
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 0;
transition: 0.3s;
}

a.menu_items button:hover {
background: var(--cl-0);
}

a.tintucchu_list_items {
display: block;
transition: 0.5s;
position: relative;
z-index: 0
}

a.tintucchu_list_items:hover {
transform: translateY(-10px)
}

a.tintucchu_list_items:nth-child(2) picture, a.tintucchu_list_items:nth-child(3) picture {
height: 278px !important;
overflow: hidden
}

a.tintucchu_list_items:nth-child(3) {
align-self: flex-end
}

a.tintucchu_list_items h3 {
color: var(--gray-gray-700, #17181B);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Helvetica Neue";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 20px
}

a.tintucchu_list_items:hover h3 {
color: #999
}

a.tintucchu_list_items p {
color: var(--gray-gray-700, #17181B);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: SVN-Aptima;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0
}

a.tintucchu_list_items button {
color: var(--gray-gray-700, #17181B);
leading-trim: both;
text-edge: cap;
font-family: SVN-Aptima;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%;
text-transform: capitalize;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 auto;
margin-top: 25px
}

a.logochu {
filter: brightness(0) saturate(100%) invert(8%) sepia(13%) saturate(443%) hue-rotate(187deg) brightness(91%) contrast(95%);
-webkit-filter: brightness(0) saturate(100%) invert(8%) sepia(13%) saturate(443%) hue-rotate(187deg) brightness(91%) contrast(95%);
-moz-filter: brightness(0) saturate(100%) invert(8%) sepia(13%) saturate(443%) hue-rotate(187deg) brightness(91%) contrast(95%);
position: absolute;
top: 18%;
left: 50%;
z-index: 2;
transform: translateX(-50%)
}

a.hinhanh_items:nth-child(5) {
grid-column: 3 / 4;
grid-row: 1 / 3;
position: relative;
z-index: 1;
margin-bottom: -11rem
}

a.hinhanh_items:nth-child(2), a.hinhanh_items:nth-child(3), a.hinhanh_items:nth-child(7), a.hinhanh_items:nth-child(8) {
position: relative;
z-index: 1;
margin-bottom: -11rem
}

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

a.daotao_items {
display: block;
padding: 0 7.5px
}

a.daotao_items p {
margin: 0;
color: var(--1, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: SVN-Aptima;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 150%;
max-width: 560px;
margin: 0 auto
}

a.daotao_items button {
display: flex;
width: 160px;
height: 50px;
padding: 16px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border: 1px solid var(--1, #FFF);
margin: 0 auto;
color: var(--1, #FFF);
leading-trim: both;
text-edge: cap;
font-family: SVN-Aptima;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%;
text-transform: capitalize;
background: transparent;
filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(2%) hue-rotate(196deg) brightness(103%) contrast(100%);
-webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(2%) hue-rotate(196deg) brightness(103%) contrast(100%);
-moz-filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(2%) hue-rotate(196deg) brightness(103%) contrast(100%);
margin: 45px auto auto
}

a.daotao_items h3 {
margin-top: 30px;
color: var(--1, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Helvetica Neue";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
margin-bottom: 10px
}

a.logoPhotoAppFooter {
display: inline-block;
vertical-align: top;
margin-bottom: -2em;
margin-top: -1em
}

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: SVN-Gilroy;
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: SVN-Gilroy;
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: SVN-Gilroy;
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: 1px solid #EDEDED;
background: #FFF;
padding: 10px 10px 15px 10px
}

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

a.trangchuspItem h3 {color: #000;leading-trim: both;text-edge: cap;font-size: 15px;font-style: normal;font-weight: 700;line-height: 30px;text-transform: capitalize;text-align: center;margin: 0;margin-top: 15px}

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: SVN-Gilroy;
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;
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 {
display: inline-flex;
min-width: 160px;
height: 50px;
padding: 16px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border: 1px solid #000;
color: var(--gray-gray-700, #17181B);
leading-trim: both;
text-edge: cap;
font-family: SVN-Aptima;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%;
text-transform: capitalize;
vertical-align: top;
margin-top: 2em
}

.hinhanh_list a.gioithieuGridColMore {
position: absolute;
bottom: 8%;
left: 50%;
z-index: 2;
transform: translateX(-50%)
}

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:hover svg {
filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(5%) hue-rotate(135deg) brightness(102%) contrast(102%);
-webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(5%) hue-rotate(135deg) brightness(102%) contrast(102%);
-moz-filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(5%) hue-rotate(135deg) brightness(102%) contrast(102%)
}

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: 260px;
height: 50px;
flex-shrink: 0;
border-radius: 0;
border-bottom: 1px solid #B17E31;
overflow: hidden;
z-index: 1;
margin: 1em 0 0;
display: flex;
}

.search > div {
width: 100%;
}

.search p {
border-radius: 0;
width: 50px;
height: 49px;
flex-shrink: 0;
aspect-ratio: 1/1;
cursor: pointer;
background: linear-gradient(90deg, #B07C30 0%, #F2E984 100%), #FBAF3F;
display: flex;
justify-content: center;
align-items: center;
}

.search input {
color: #FFF;
font-family: "SN Samsung Sharp Sans";
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 25px; /* 208.333% */
background: transparent;
border: 0;
padding: 0;
height: 49px;
outline: 0;
width: calc(100% - 50px);
}

.search input::-webkit-input-placeholder {
color: #FFF
}

.search input:-moz-placeholder {
color: #FFF
}

.search input::-moz-placeholder {
color: #FFF
}

.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;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: space-between;
gap: 0;
margin-right: auto;
=:40px;
padding: 0;
height: 50px;
}

.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: #27235E;
font-family: "SN Samsung Sharp Sans";
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 25px; /* 166.667% */
padding: 12.5px 0;
transition: 0s
}

.menu ul li.cham {
width: 6px;
height: 6px;
background: url(../images/8.png) 0 0 no-repeat;
}

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

.menu ul li:hover > a, .menu ul li a.active {
border-radius: 0px;
color: #111111;
}

.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: var(--cl-0);
-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: 14px;
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;
color: #FFF
}

.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-1);
}

.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: 400;
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.custom {margin: 0;height: 135px;}

.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: 65px;
right: 25px;
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: 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
}

.btn-frame i {
width: 50px;
height: 50px;
border-radius: 50%;
background: #1182fc;
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: #1182fc;
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: rgba(7, 41, 103, 0.35);
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
}

.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
}

.footer-article .wrap-content {
position: relative;
padding: 50px 0px 20px
}

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

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

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

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

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

.footer-news ul li a {
color: #363636;
font-family: "SN Samsung Sharp Sans";
font-size: 14px;
font-style: normal;
line-height: 35px; /* 250% */
margin-bottom: 10px
}

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

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

.footer-title {color: #212529;text-align: left;font-family: "SN Samsung Sharp Sans";font-size: 16px;font-style: normal;font-weight: 700;line-height: 20px; /* 125% */margin-bottom: 10px;}

.footer-info {color: #222;text-align: left;font-family: "SN Samsung Sharp Sans";font-size: 14px;font-style: normal; /* 321.429% */}

.footer-info p {
    margin: 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: 20px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(61, 105, 226, 0.15);
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: repeat(4, 1fr);gap: 20px;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: 240px;
overflow: hidden
}

.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: unset;
top: 0;
left: 0;
z-index: 999;
background: linear-gradient(90deg, #B4803F 0%, #EDDE72 34.62%, #D3AA3F 62.98%, #CAA53D 77.4%, #F8E57E 100%);
padding: 0px;
width: 100%
}

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

.menu.menu-fix, .menu.inside {
height: auto;
}

.menu.menu-fix ul li a {
font-size: 15px;
}

.menu.menu-fix .menu_top {
display: none
}

.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 {}

.menu.menu-fix .logo-desktop, .menu.inside .logo-desktop {/* transform: scale(0.7); */}

.menu.menu-fix .menuTop {
display: none
}

.menu.inside {
position: relative
}

.menu.inside.menu-fix {
position: fixed
}

.menu.inside {
    visibility: visible;
}

.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: #FFF;
font-size: 21px;
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: grid;
position: fixed;
left: -100%;
top: 0;
background: var(--cl-0);
z-index: 9999999;
color: #fff;
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: #FFF;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-1);}

.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;
color: #FFF
}

.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: #FFF;
font-size: 21px;
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: 13px;
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: 10px;justify-content: flex-start;margin-bottom: 40px;}

.social-footer a {
display: flex;
align-items: center;
gap: 12px;
color: var(--Text, #FFF);
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 36px;
min-width: 35px
}

.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
}