@font-face {
    font-family: 'Myriad Pro';
    src: url(../fonts/MYRIADPRO-REGULAR.otf);
    font-weight: 400
}

@font-face {
    font-family: 'Myriad Pro';
    src: url(../fonts/MYRIADPRO-SEMIBOLD.otf);
    font-weight: 600
}

@font-face {
    font-family: 'Myriad Pro';
    src: url(../fonts/MYRIADPRO-BOLD.otf);
    font-weight: 700
}

@font-face {
    font-family: 'UTM Impact';
    src: url(../fonts/UTMImpact.ttf)
}

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

picture.hover1.anhdanhmuc {
    border-radius: 20px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }

}

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

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

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

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

}

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

    to {
        transform: rotate(360deg)
    }

}

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

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

}

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

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

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

}

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

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

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

}

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

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

}

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

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

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

body {
    font-size: 14px;
    font-family: 'Myriad Pro', sans-serif;
    overflow-x: hidden;
    background: #FFF;
    color: #2b2b2b
}

body, html {
}

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

.right.right-prodm {
    width: calc(100% - 320px);
    float: right;
}

.left {
    width: 285px;
    float: left;
}

.frame_sticky.detail_sticky {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.tieuchichu_owl a {
    display: grid;
    grid-template-columns: 18% 1fr;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    padding: 15px
}

.tieuchichu_owl a section {
    min-width: 100%;
    width: 100%
}

.tieuchichu_owl a section h3 {
    margin: 0;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
}

.tieuchichu_owl a section p {
    margin: 0;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px
}

.tieuchichu_owl a picture {
    min-width: 100%;
    width: 100%;
    text-align: center
}

.mxhchu_owl a {
    display: block;
    border-radius: 20px;
    border: 1px solid var(--ch-o, #0B216E);
    overflow: hidden;
    margin-bottom: 1px
}

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

.dichvuchu_more a {
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.15px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px
}

.dichvuchu_more a svg {
    position: relative;
    z-index: 0;
    top: -2px
}

.dichvuchu_owl a h3 {
    margin: 0;
    color: var(--tiu, #333);
    text-align: justify;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    display: block
}

.dichvuchu_owl a {
    display: block
}

.dichvuchu_owl a picture {
    position: relative;
    z-index: 0
}

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

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

.dichvuchu_owl a h3 {
    margin: 12px 0 0
}

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

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

.brandchu_list {
    padding: 16px;
    border: 1px solid var(--ch-o, #0B216E);
    background: linear-gradient(180deg, rgba(2, 170, 251, 0.10) 0%, rgba(41, 88, 167, 0.10) 100%);
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 11px
}

.wrap-section.brandchu {
    margin: 45px 0px
}

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

.xuhuongchu_grid {
    display: grid;
    grid-template-columns: 334px 1fr;
    gap: 20px
}

.paging-list-init {
    text-align: center
}

.cats_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px
}

.cats_list a {
    border-radius: 5px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    padding: 4px;
    display: grid;
    grid-template-columns: 1fr 72px;
    gap: 10px;
    align-items: center
}

.cats_list a:hover h2 {
    color: #ff0
}

.cats_list h2 {
    margin: 0;
    color: var(--trng, #FFF);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-transform: capitalize;
    padding-left: 7px
}

.cats_list picture {
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    background: #FFF
}

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

.product_listchu_img {
    display: grid;
    grid-template-columns: 1fr 575px;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 25px
}

.product_listchu_td {
    display: block;
    margin-bottom: 15px
}

.product_listchu_td h2 {
    margin: 0
}

.product_listchu_td h2 a {
    color: var(--tiu, #3C3C3C);
    font-family: "Myriad Pro";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize
}

.product_listchu_td h2 a:hover {
    color: var(--cl-0)
}

.wrap-section.product_listchu {
    margin: 45px 0px;
    display: block
}

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

.product_bottom_label p {
    margin: 0;
    text-align: center;
    font-family: "UTM Impact";
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.product_bottom_label span {
    text-align: left;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.1px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap
}

.product_bottom_paylater {
    display: flex;
    align-items: center;
    gap: 5px
}

.product_bottom_addcart {
    border-radius: 2px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.11px;
    gap: 5px;
    white-space: nowrap;
    cursor: pointer;
}

.product_bottom_paylater p {
    margin: 0;
    text-align: left;
    font-family: "UTM Impact";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.18px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.product_bottom_paylater span {
    color: #FE1C1D;
    background: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    text-align: left;
    font-family: "UTM Impact";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.18px
}

.product_bottom_col {
    min-width: 100%;
    width: 100%;
    padding: 3px 5px;
    border-radius: 7px;
    background: #F4F4F4;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.product_bottom {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    position: relative;
    z-index: 1;
    margin-top: -10px
}

span.price-per {
    border-radius: 5px;
    background: #FE1C1D;
    padding: 3px 5px;
    color: #FFF;
    text-align: justify;
    font-family: "Myriad Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.14px;
    position: relative;
    z-index: 1;
    top: -2rem;
    right: -8rem
}

span.price-discount {
    border-radius: 2px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    padding: 3px 5px 1px 5px;
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.12px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1
}

.dealhotchu_chay {
    padding: 15px 12px;
    border-radius: 0px 0px 10px 10px;
    background: var(--nhn, linear-gradient(270deg, #ED3535 0%, #FEA803 48.56%, #ED3535 100%))
}

.dealhotchu_tieude a {
    padding: 10px 10px 5px 15px;
    border-radius: 100px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.15px
}

.dealhotchu_tieude a span {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background: var(--nhn, linear-gradient(270deg, #ED3535 0%, #FEA803 48.56%, #ED3535 100%));
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -3px
}

.dealhotchu_tieude {
    width: 100%;
    height: 85px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url(../images/16.png) 0 0 no-repeat;
    padding: 0 10px
}

@keyframes zoomInOut {
    0%, 100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

}

@keyframes colorChange {
    0% {
        color: #fff
    }

    33% {
        color: #ff0
    }

    66% {
        color: #E35108
    }

    100% {
        color: #fff
    }

}

.dealhotchu_tieude h2 {
    margin: 0;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 50px;
    color: #fff;
    text-shadow: 2px 2px 0px #E35108;
    animation: zoomInOut .3s ease-in-out infinite, colorChange .5s ease-in-out infinite;
    margin-left: 1rem
}

.dealhotchu_tieude h2 span {
    font-size: 30px
}

.dealhotchu_box {
    display: block;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

.wrap-section.dealhotchu {
    display: block;
    margin-bottom: 50px
}

.wrap-section.qcao_trangchu {
    display: block;
    margin: 49px 0px 25px 0px
}

.product_listnbgrid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 0px
}

.product_listnbtd h2 {
    margin: 0;
    color: var(--tiu, #3C3C3C);
    font-family: "Myriad Pro";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize
}

.product_listnbtd {
    display: block;
    margin-bottom: 10px
}

.timkiem_col button {
    width: 100%;
    height: 42px;
    background: var(--nhn, linear-gradient(270deg, #ED3535 0%, #FEA803 48.56%, #ED3535 100%));
    border: 0;
    outline: 0;
    box-shadow: none;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px
}

.timkiem_col select {
    border: 1px solid var(--ch-o, #0B216E);
    background: #F3F3F3 url(../images/12.png) right 10px center no-repeat;
    width: 100%;
    height: 42px;
    color: var(--tiu, #3C3C3C);
    font-family: "Myriad Pro";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 0 10px;
    text-align: left;
    appearance: none;
    outline: none;
    box-shadow: none;
    cursor: pointer
}

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

.timkiem_grid {
    margin: 35px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 106px;
    gap: 11px
}

.timkiem_grid.custom {
    margin: 1rem 0;
    margin-top: 0;
}

.wrap-section.timkiembox {
    display: block
}

.qcao_slider {
    overflow: hidden
}

.qcao_slider .slick-list {
    margin-bottom: -18px
}

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

.slider_child_grid {
    display: grid;
    grid-template-columns: 664px 1fr;
    gap: 15px
}

.slide_menutd {
    border-radius: 5px 5px 0px 0px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    height: 44px;
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px
}

.slide_menu {
    position: relative;
    z-index: 0;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #F4F4F4;
    background: var(--trng, #FFF);
    margin-top: -1px
}

.slide_menu.detail {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    border-color: var(--cl-0);
}

.slide_menu.detail.sticky {
    margin-bottom: 1rem;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 2;
}

.slide_menu.detail > ul {
    max-height: unset;
    height: auto;
}

.slide_menu.detail .slide_menutd {
    border-radius: 0;
    background: var(--cl-0);
}

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

.slide_menu > ul {
    height: calc(481px - 44px);
    overflow-x: hidden;
    overflow-y: auto
}

.slide_menu li {
    list-style: none;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border-bottom: 1px dashed lch(21.25 0.01 0 / 30%);
    margin: 0 10px;
    flex-wrap: wrap
}

.slide_menu li.act svg {
    transform: rotate(-90deg)
}

.slide_menu li ul {
    width: 100%;
    display: none
}

.slide_menu li ul li {
    margin: 0
}

.slide_menu li ul li:last-child, .slide_menu ul li:last-child {
    border: 0
}

.slide_menu li svg {
    cursor: pointer;
    transform: rotate(90deg);
    transition: 0.3s;
    width: 30px;
    height: 30px;
    padding: 10px;
    margin-right: -10px
}

.slide_menu ul li a {
    color: var(--tiu, #333);
    font-family: "Myriad Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 39px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px
}

.slide_menu ul li a:hover {
    color: var(--cl-0)
}

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

.slide_grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 7px
}

.danhmucheaderchu_title {
    width: 128px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 100px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    color: var(--trng, #FFF);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    cursor: pointer
}

.danhmucheaderchu {
    position: relative;
    z-index: 0
}

.danhmucheaderchu ul li {
    list-style: none;
    position: relative;
    z-index: 0
}

.danhmucheaderchu ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    background: #FFF;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    display: none
}

.danhmucheaderchu:hover > ul {
    display: block
}

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

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

.danhmucheaderchu ul li a {
    display: block;
    padding: 7px 15px;
    color: #333;
    text-transform: capitalize
}

.danhmucheaderchu ul li a:hover {
    color: var(--cl-0)
}

.headerchu {
    display: block;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    position: relative;
    z-index: 3
}

.headerchu .wrap-content {
    height: 82px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mapdaily_item_map {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mapdaily_item_map iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    outline: 0;
    border: 0;
    box-shadow: none
}

.mapdaily_item_map.active {
    display: block
}

.mapdaily_item {
    display: block;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    cursor: pointer
}

.mapdaily_item.active, .mapdaily_item:hover {
    background: var(--cl-0)
}

.mapdaily_item section {
    font-size: 14px
}

.mapdaily_item section p {
    margin-bottom: 5px
}

.mapdaily_item h3 {
    font-weight: bold;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 10px
}

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

.mapdaily_col:nth-child(2) {
    position: relative;
    z-index: 0;
    height: 500px;
    overflow: hidden
}

.mapdaily_col:nth-child(1) {
    height: 500px;
    overflow-y: auto
}

.mapdaily_grid {
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 0;
    border: 1px solid #ebebeb;
    background: #ebebeb
}

span.price-old-pro-detail {
    text-decoration: line-through;
    color: #999;
    font-size: 15px;
    position: relative;
    top: 2px;
    margin-left: .5rem
}

ul.ulf {
    padding-left: 0;
    list-style: none
}

ul.ulf li {
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902))
}

ul.ulf li a {
    color: var(--tiu, #3C3C3C);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px
}

ul.ulf li a:hover {
    color: var(--cl-0)
}

.footer-article {
    background: #EEE;
    background-size: cover
}

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

.wrap-section.doitacchu .tieude_chinh small {
    opacity: 0.5;
    background: linear-gradient(180deg, #E0E0E0 20.18%, rgba(244, 244, 244, 0.50) 88.99%);
    background: linear-gradient(180deg, color(display-p3 0.88 0.88 0.88) 20.18%, color(display-p3 0.958 0.958 0.958 / 0.50) 88.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.doitacchu_owl {
    margin-top: 15px
}

.owl-item {
}

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

.congtrinh_list_item:nth-child(1), .congtrinh_list_item:nth-child(6) {
    grid-column: span 2
}

.congtrinh_list_item h3 {
    margin: 0;
    color: var(--Primary-color-white, #FFF);
    color: var(--Primary-color-white, color(display-p3 1 1 1));
    text-align: center;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase
}

.congtrinh_list_item section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 15px;
    transition: 0.3s;
    opacity: 0
}

.congtrinh_list_item:hover section {
    opacity: 1
}

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

.congtrinh_list_item a img, .congtrinh_list_item a picture {
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: relative;
    z-index: 0;
    display: block
}

.congtrinh_list {
    margin: 30px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px
}

.wrap-section.congtrinhchu {
    display: block;
    padding: 50px 0px 70px 0px
}

.wrap-section.congtrinhchu .tieude_chinh small {
    opacity: 0.5;
    background: linear-gradient(180deg, #E0E0E0 20.18%, rgba(244, 244, 244, 0.50) 88.99%);
    background: linear-gradient(180deg, color(display-p3 0.88 0.88 0.88) 20.18%, color(display-p3 0.958 0.958 0.958 / 0.50) 88.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

.tieuchi_item a {
    min-width: 100%;
    width: 100%;
    border-radius: 10px;
    border-top: 3px solid var(--Main-1-main-1, #FFA200);
    border-top: 3px solid var(--Main-1-main-1, color(display-p3 0.9961 0.6745 0.0353));
    background: #FFF;
    background: color(display-p3 1 1 1);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 10px 0px color(display-p3 0 0 0 / 0.25);
    padding: 29px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.tieuchi_item h3 {
    margin: 0;
    color: var(--Primary-color-black, #000);
    color: var(--Primary-color-black, color(display-p3 0 0 0));
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: -0.6px
}

.tieuchi_item picture {
    max-width: 72px
}

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

.owl-item:nth-child(even) .khachhang_item a {
    flex-direction: column-reverse
}

.khachhang_item picture {
    border-radius: 155px;
    border: 5px solid var(--Main-1-main-1, #FFA200);
    border: 5px solid var(--Main-1-main-1, color(display-p3 0.9961 0.6745 0.0353));
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    max-width: 155px;
    margin: 0 auto
}

.khachhang_item .motakh {
    color: #333;
    color: color(display-p3 0.2 0.2 0.2);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.48px
}

.khachhang_item h3 {
    margin: 0;
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    text-align: center;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: -0.51px
}

.khachhang_item a {
    border-radius: 20px;
    background: #FFF;
    background: color(display-p3 1 1 1);
    display: flex;
    padding: 35px 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px
}

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

.khachhangchu_col .tieude_chinh {
    margin-bottom: 25px
}

.khachhangchu_col .tieude_chinh h2 {
    color: var(--Primary-color-white, #FFF);
    color: var(--Primary-color-white, color(display-p3 1 1 1));
    text-align: center;
    font-family: Roboto;
    font-size: 36px
}

.khachhangchu_col .tieude_chinh small {
    font-size: 80px;
    margin-bottom: -2.7rem;
    opacity: 0.3;
    background: linear-gradient(180deg, #FFF 20.18%, #FFF 87.95%);
    background: linear-gradient(180deg, color(display-p3 1 1 1) 20.18%, color(display-p3 1 1 1 / 0.00) 87.95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.khachhangchu_grid {
    display: grid;
    grid-template-columns: 1fr 586px;
    gap: 98px
}

.wrap-section.khachhangchu {
    padding: 70px 0px;
    background: url(../images/15.png) 0 0 no-repeat;
    background-size: cover
}

.tintucchu_ngay b {
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    text-align: center;
    font-family: Roboto;
    font-size: 27px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: -1.08px;
    border-bottom: 1px solid #231917;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.tintucchu_ngay {
    width: 58px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--Main-1-main-1, linear-gradient(90deg, #FFA700 1.04%, #FF8E00 100%));
    background: var(--Main-1-main-1, linear-gradient(90deg, color(display-p3 0.9961 0.6745 0.0353) 1.04%, color(display-p3 0.969 0.5814 0) 100%));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.7px;
    text-transform: uppercase;
    position: absolute;
    top: -40px;
    right: 18px;
    z-index: 1
}

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

.tintucchu_cotgrid {
    display: grid;
    grid-template-columns: 1fr 600px;
    gap: 35px;
    margin-top: 30px
}

.tieude_chinh {
    text-align: center;
    position: relative;
    z-index: 1
}

.tieude_chinh small {
    display: block;
    text-align: center;
    font-family: Montserrat;
    font-size: 100px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -2px;
    text-transform: uppercase;
    opacity: 0.5;
    background: linear-gradient(180deg, #FFF 20.18%, #FFF 88.99%);
    background: linear-gradient(180deg, color(display-p3 1 1 1) 20.18%, color(display-p3 1 1 1 / 0.00) 88.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: -1;
    margin-bottom: -4rem
}

.tieude_chinh span {
    color: #000;
    color: color(display-p3 0 0 0);
    text-align: center;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-top: 10px
}

.tieude_chinh h2 {
    margin: 0;
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    text-align: center;
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase
}

.newsl_mota2 {
    height: 46px;
    width: 100%;
    background: url(../images/28.png) center no-repeat;
    text-indent: -999999rem;
    margin: 25px 0px
}

.newsl_mota1 {
    color: #FFF;
    color: color(display-p3 1 1 1);
    text-align: center;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -1.2px;
    text-transform: capitalize
}

.hotline_calln {
    width: 217px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 30px;
    background: var(--Main-1-main-1, linear-gradient(90deg, #FFA700 1.04%, #FF8E00 100%));
    background: var(--Main-1-main-1, linear-gradient(90deg, color(display-p3 0.9961 0.6745 0.0353) 1.04%, color(display-p3 0.969 0.5814 0) 100%));
    color: #000;
    color: color(display-p3 0 0 0);
    text-align: center;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.44px;
    text-transform: capitalize;
    gap: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 22px auto auto
}

.hotline_ph {
    color: #FFF;
    color: color(display-p3 1 1 1);
    text-align: center;
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.64px;
    text-transform: capitalize
}

.hotline_txt {
    color: #FFF;
    color: color(display-p3 1 1 1);
    text-align: right;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.6px;
    text-transform: capitalize
}

.hotline_line {
    width: 100%;
    border-bottom: 1px solid #FFF;
    padding: 20px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.hotline_line:first-child .hotline_ph {
    color: var(--Main-2-main-1, #FDBD00);
    color: var(--Main-2-main-1, color(display-p3 0.9544 0.7496 0.0092))
}

.hotline_box {
    max-width: 495px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(../images/12.png) top center no-repeat;
    padding-top: 100px
}

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

.hotlinechu_col:nth-child(2) {
    padding: 70px 45px;
    background: rgba(0, 0, 0, 0.50);
    background: color(display-p3 0 0 0 / 0.50)
}

.hotlinechu_col:first-child {
    padding: 70px 0px
}

.hotlinechu_grid {
    display: grid;
    grid-template-columns: 1fr 540px;
    gap: 97px;
    align-items: center
}

.wrap-section.hotlinechu {
    background: url(../images/11.png) 0 0 no-repeat;
    background-size: cover
}

span.price-old {
    color: #666;
    text-align: justify;
    font-family: "Myriad Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.14px;
    text-decoration-line: line-through;
    display: block;
    margin: 4px 0 0
}

span.price-new {
    color: #FE1C1D;
    text-align: justify;
    font-family: "Myriad Pro";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.17px
}

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

.product_list_grid {
    display: grid;
    grid-template-columns: 540px 1fr;
    gap: 41px
}

a.product_list_xt {
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.56px;
    text-transform: uppercase;
    border-radius: 30px;
    background: var(--Main-1-main-1, linear-gradient(90deg, #FFA700 1.04%, #FF8E00 100%));
    background: var(--Main-1-main-1, linear-gradient(90deg, color(display-p3 0.9961 0.6745 0.0353) 1.04%, color(display-p3 0.969 0.5814 0) 100%));
    padding: 15px 35px
}

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

.product_list_td h2 {
    margin: 0;
    color: #000;
    color: color(display-p3 0 0 0);
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    background: url(../images/10.png) top left no-repeat;
    padding-top: 45px;
    padding-left: 83px;
    padding-bottom: 10px;
    margin-top: -45px;
    position: relative;
    z-index: 1
}

.product_list_td h2 a {
    color: inherit
}

.wrap-section.product_list {
    padding: 70px 0px;
    display: block
}

.wrap-section.product_list.odd .product_list_grid {
    grid-template-columns: 1fr 540px
}

.wrap-section.product_list.odd .product_list_grid .product_list_col:nth-child(1) {
    order: 2
}

.wrap-section.product_list.odd .product_list_td {
    flex-direction: row-reverse
}

.product_listnbOwl {
    background: #FFF;
    background: color(display-p3 1 1 1)
}

.wrap-section.product_listnb {
    padding: 0;
    background: #FFF
}

.tdan2 {
    font-family: Montserrat;
    font-size: 100px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 10px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #F5F5F5 0%, #EDEDED 100%);
    background: linear-gradient(90deg, color(display-p3 0.9624 0.9624 0.9624) 0%, color(display-p3 0.9277 0.9277 0.9277) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    bottom: -14px;
    right: 100px;
    z-index: -1
}

.tdan1 {
    font-family: Montserrat;
    font-size: 100px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 10px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #F5F5F5 0%, #EDEDED 100%);
    background: linear-gradient(90deg, color(display-p3 0.9624 0.9624 0.9624) 0%, color(display-p3 0.9277 0.9277 0.9277) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tdan1 {
    position: absolute;
    top: 23px;
    left: calc(50% - 1320px / 2);
    z-index: -1
}

div#exampleModal .modal-header {
    border: 0;
    color: #FFF;
    padding-bottom: 0
}

div#exampleModal .modal-content {
    background: url(../images/15.png) 0 0 no-repeat;
    background-size: cover
}

div#exampleModal .modal-dialog {
    max-width: 600px
}

.contact-map {
    height: 500px;
    position: relative;
    z-index: 0;
    width: 100%;
    padding: 0 !important;
    margin: 1rem 0
}

div#fanpage-facebook {
    border-radius: 10px;
    display: block;
    overflow: hidden
}

.mxh-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center
}

p.footer-title1 {
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0
}

p.footer-title1:after {
    content: '';
    width: 40px;
    height: 2px;
    background: #FCA300;
    background: color(display-p3 0.9384 0.6543 0.1526);
    display: block;
    margin-top: 9px;
    margin-bottom: 15px
}

p.footer-title1 a {
    color: inherit
}

.tintucchu_items_desc {
    color: #333;
    color: color(display-p3 0.2 0.2 0.2);
    font-family: Roboto;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.56px
}

.tintucchu_items_name {
    color: #000;
    color: color(display-p3 0 0 0);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.72px;
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 8px;
    margin-bottom: 8px;
    padding-right: 4rem
}

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

.tintucchu_items_name a {
    color: inherit
}

.tdtin2 {
    color: var(--chnh, #127932);
    font-family: SVN-HC;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    display: block
}

.tdtin1 {
    color: var(--ph, #BE151C);
    font-family: "FZ-SG The Talkshow";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block
}

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

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

.wrap-section.tintucchu {
    padding: 70px 0px;
    background: linear-gradient(90deg, #FFAF00 1.04%, #FF9300 100%);
    background: linear-gradient(90deg, color(display-p3 1 0.7032 0.1132) 1.04%, color(display-p3 0.9975 0.6008 0.0057) 100%);
    background-size: cover
}

.form_dknt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 11px
}

.form_dknt .form-control {
    margin-top: 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    border-bottom: 1px solid #FFF;
    height: 40px;
    resize: none;
    display: block;
    color: color(display-p3 1 1 1);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.28px;
    outline: 0;
    box-shadow: none
}

.form_dknt .form-control:nth-child(1), .form_dknt .form-control:nth-child(4) {
    grid-column: span 2
}

.form_dknt .form-control::placeholder {
    color: color(display-p3 1 1 1)
}

.newsl_mota {
    color: #FFF;
    color: color(display-p3 1 1 1);
    text-align: center;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.3px
}

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

.album_items a {
    position: relative;
    z-index: 0
}

.album_items a section {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    padding: 150px 26px 26px 26px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    transition: 0.3s;
    opacity: 0
}

.album_items:hover a section {
    opacity: 1
}

.album_items h3 {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Slab";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0
}

.album_items a {
    display: block;
    border-radius: 50px 0px;
    overflow: hidden
}

.albumchu_grid {
    display: grid;
    grid-template-columns: 1fr 405px;
    gap: 40px;
    margin-left: -40px
}

.wrap-section.albumchu {
    padding: 70px 0px;
    background: url(../images/15.png) 0 0 no-repeat;
    background-size: cover
}

.wrap-section.albumchu .main_heading {
    margin: 0
}

.wrap-section.albumchu .main_heading1 {
    font-size: 32px
}

.wrap-section.albumchu .main_heading2 {
    font-size: 36px
}

.wrap-section.albumchu .main_heading {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7487%) hue-rotate(110deg) brightness(100%) contrast(106%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7487%) hue-rotate(110deg) brightness(100%) contrast(106%);
    -moz-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7487%) hue-rotate(110deg) brightness(100%) contrast(106%)
}

.wrap-section.albumchu .wrap-content {
    max-width: 100%;
    padding-right: calc(50% - 1200px / 2)
}

.wrap-section.dichvuchu {
    display: block;
    padding: 0;
    background-size: cover;
    margin: 45px 0px
}

.wrap-section.noibatchu {
    padding: 70px 0px;
    background: url(../images/12.png) 0 0 no-repeat;
    background-size: cover
}

.images-service-item {
    border: 4px solid var(--nhn, #634523)
}

ul.flip-items.album-gallery {
    width: 401px !important;
    height: 571px !important
}

.wrap-section.menuchu {
    padding: 70px 0px;
    display: block;
    background: url(../images/11.png) 0 0 no-repeat;
    background-size: cover
}

.gioithieu_phucvu {
    display: block
}

.gioithieu_phucvu p {
    margin: 0;
    color: var(--Ni-dung, #333);
    font-family: "Roboto Slab";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: url(../images/10.png) left center no-repeat;
    padding-left: 112px;
    position: relative;
    z-index: 0;
    margin-left: -30px
}

.gioithieu_phucvu b {
    color: var(--chnh, #127932);
    font-family: "1FTV Huxley Max ExtraBlack";
    font-size: 20px;
    font-style: normal;
    font-weight: 950;
    line-height: normal;
    display: block;
    margin-top: 30px;
    margin-bottom: 10px
}

.wrap-section.gioithieu {
    display: block;
    padding: 135px 0px 100px 0px;
    background-size: cover;
    position: relative;
    z-index: 0
}

.hl_cach {
    width: 200px;
    height: 2px;
    overflow: hidden;
    display: block;
    margin: 10px auto
}

.hl_cach svg {
    display: block;
    width: 100%
}

.hotline_top_banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.hotline_top {
    width: 320px;
    height: 196px;
    background: url(../images/3.png) 0 0 no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 30px
}

.hotline_top p {
    display: block;
    color: var(--text, #333);
    font-family: "Roboto Slab";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin: 0
}

.hotline_top strong {
    color: #AE0005;
    font-family: SVN-HC;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: block
}

.hotline_top b {
    color: var(--text, #333);
    text-align: center;
    font-family: "Roboto Slab";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize
}

.menu_header {
    display: block;
    background: var(--Main-1-main-1, linear-gradient(90deg, #FFA700 1.04%, #FF8E00 100%));
    background: var(--Main-1-main-1, linear-gradient(90deg, color(display-p3 0.9961 0.6745 0.0353) 1.04%, color(display-p3 0.969 0.5814 0) 100%))
}

.menu_header p:nth-child(2):before {
    content: '';
    width: 1px;
    height: 18px;
    margin: 0 30px;
    background: #231917;
    background: color(display-p3 0.1294 0.098 0.0902)
}

.menu_header p:nth-child(2) {
    margin-right: auto
}

.menu_header p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px
}

.menu_header .wrap-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    height: 44px
}

p.line {
    flex-grow: 1
}

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

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

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

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

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

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

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

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

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

.khachhangOwl3 {
    overflow: hidden
}

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

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

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

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

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

.tieuchiGridOwl {
    margin: 60px 0 0
}

.gioithieuGridColHeadingDesc {
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    margin: 10px 0px
}

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

.gioithieuImages {
    -webkit-mask-image: url(../images/36.png);
    mask-image: url(../images/36.png);
    mask-size: 100%;
    mask-repeat: no-repeat
}

.motadichvu {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Slab";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    height: 0px;
    transition: 0.5s
}

.motadichvu {
    visibility: visible
}

.motadichvu p {
    margin: 0
}

.dichvuItem h3 {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Slab";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0
}

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

.dichvuItem {
    display: block
}

.dichvuItem:hover .motadichvu {
    height: 72px;
    margin: 10px 0 0
}

.dichvuItem section {
    padding: 150px 26px 26px 26px;
    border-radius: 15px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

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

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

.dichvuItem a {
    display: block;
    border-radius: 15px;
    background: #000;
    padding: 0;
    position: relative;
    z-index: 0
}

.main_heading3 {
    color: var(--tiu-ef, #333);
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.main_heading2 {
    color: var(--chnh, #127932);
    text-align: center;
    font-family: SVN-HC;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase
}

.main_heading2 a {
    color: inherit
}

.main_heading1 {
    color: var(--ph, #BE151C);
    text-align: center;
    font-family: "FZ-SG The Talkshow";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.main_heading {
    text-align: center;
    margin-bottom: 35px
}

.noibatchu .main_heading {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(108deg) brightness(104%) contrast(104%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(108deg) brightness(104%) contrast(104%);
    -moz-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(108deg) brightness(104%) contrast(104%);
    margin-bottom: 20px
}

.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: 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: transparent;
    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 {
    margin: 0;
    height: 62px;
    margin-top: 3px;
    text-align: left
}

.uudaiOwl {
    margin: 39px 0 0
}

.pSearch {
    width: 35px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 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: var(--cl-0);
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
}

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

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

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

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

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

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

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

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

.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 1fr;
    gap: 24px;
    margin-bottom: 15px
}

.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.menuIndex {
    padding: 60px 0px 50px;
    background: url(../images/20.png) top center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    margin-top: -3em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.chuyenmucItem {
    margin: 1rem 0 0
}

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

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

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

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

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

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

.wrapCopy {
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    z-index: 0;
    padding: 0
}

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

p.footer-title2 {
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    font-family: Roboto;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -1.35px;
    text-transform: uppercase
}

.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;
    font-size: 14px
}

.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: 23px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    color: #FE1C1D;
}

ul.attr-pro-detail {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

ul.attr-pro-detail li {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 7px;
}

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

.newsletter-button label {
    display: block;
    color: color(display-p3 1 1 1);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
    margin: 9px 0 0;
    text-align: center
}

.newsletter-button input {
    border-radius: 5px;
    background: var(--Main-1-main-1, linear-gradient(90deg, #FFA700 1.04%, #FF8E00 100%));
    background: var(--Main-1-main-1, linear-gradient(90deg, color(display-p3 0.9961 0.6745 0.0353) 1.04%, color(display-p3 0.969 0.5814 0) 100%));
    width: 450px;
    height: 42px;
    flex-shrink: 0;
    color: #000;
    color: color(display-p3 0 0 0);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    border: 0;
    outline: 0;
    box-shadow: none;
    padding: 0
}

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

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

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

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

section.sec2 p {
    margin: 1rem 0
}

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

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

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

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

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

.productItem:hover section {
    opacity: 1
}

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

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

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

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

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

.productItem picture {
    display: block
}

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

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

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

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

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

.tintuc_listGrid {
    padding: 50px 0px
}

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

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

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

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

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

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

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

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

.newsHoverListItem {
    display: block
}

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

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

.tintuc_listItem h2 a {
    color: inherit
}

.tintuc_listGroup {
    display: block
}

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

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

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

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

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

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

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

p.footer-copyright {
    color: var(--trng, #FFF);
    font-family: "Myriad Pro";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-transform: capitalize;
    margin: 0
}

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

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

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

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

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

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

.doitacItem {
    visibility: visible
}

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

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

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

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

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

.doitacOwl {
    display: block
}

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

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

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

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

.slogan_dangkyCol {
    min-width: 100%
}

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

.slogan_dangkyGridList {
    display: block
}

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

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

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

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

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

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

.vanhoaGrid {
    margin: 60px 0 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.consoHeading {
    margin-bottom: 30px
}

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

.consoHeading h1 {
    font-weight: bold;
    font-size: 2em;
    text-transform: capitalize;
    color: var(--cl-0);
    text-align: center
}

.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: #000;
    color: color(display-p3 0 0 0);
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.3px
}

.gioithieuGridColContent ul {
    padding-left: 27px
}

.gioithieuGridColContent p {
    margin: 0
}

h2.gioithieuGridColHeading {
    margin: 0;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    background: var(--Main-1-main-1, linear-gradient(90deg, #FFA700 1.04%, #FF8E00 100%));
    background: var(--Main-1-main-1, linear-gradient(90deg, color(display-p3 0.9961 0.6745 0.0353) 1.04%, color(display-p3 0.969 0.5814 0) 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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%;
    position: relative;
    z-index: 0
}

.gioithieuGridCol:nth-child(1):before {
    content: '';
    width: 400px;
    height: 380px;
    flex-shrink: 0;
    border-radius: 20px;
    border: 2px solid var(--Main-1-main-1, #FFA200);
    border: 2px solid var(--Main-1-main-1, color(display-p3 0.9961 0.6745 0.0353));
    position: absolute;
    top: 50%;
    left: 115px;
    z-index: -1;
    transform: translateY(-50%)
}

.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: 713px 1fr;
    gap: 45px;
    align-items: center
}

.gioithieuGrid {
    padding: 50px 0px 90px;
    background: #FFF url(../images/14.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.doitacchu_img {
    background: #FFF;
    background: color(display-p3 1 1 1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px color(display-p3 0 0 0 / 0.25);
    padding: 10px;
    display: block;
    margin: 5px
}

a {
    visibility: visible
}

a {
    visibility: visible
}

a.banchay_item_link picture {
    max-width: 100px;
    float: left;
    margin-right: 10px;
}

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

a.banchay_item_link p.price-product {
    height: auto;
}

a.banchay_item_link h3 {
    margin: 0;
    font-size: 14px;
    color: #333;
    font-weight: 400;
}

a.banchay_item_link span.price-new {
    font-size: 15px;
}

a.banchay_item_link span.price-old {
    font-size: 13px;
}

a.banchay_item_link span.price-per {
    font-size: 10px;
    right: -7rem;
}

a.qrcode {
    display: block;
    border-radius: 5px;
    overflow: hidden
}

.brandchu_list a {
    border: 1px solid #DFDADA;
    background: #FFF;
    display: block
}

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

a.has_more {
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.15px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin: 29px 0px 0px;
    vertical-align: top;
    cursor: pointer
}

a.has_more svg {
    position: relative;
    z-index: 1;
    top: -3px
}

a.product_listchu_imgmain {
    display: block;
    overflow: hidden;
    border-radius: 8px
}

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

a.product_listnb_item {
    display: block;
    border: 1px solid var(--ch-o, #0B216E);
    background: var(--trng, #FFF);
    padding: 11px;
    margin-left: -1px;
    margin-bottom: -1px
}

a.product_listnb_item h3 {
    margin: 10px 0 0;
    color: var(--tiu, #3C3C3C);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    height: 32px
}

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

a.product_listnb_item picture {
    max-width: 103px;
    margin: 0 auto
}

a.product_list_chay_item {
    padding: 5px 10px;
    color: var(--tiu, #3C3C3C);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-transform: uppercase;
    display: block
}

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

a.product_list_chay_item img {
    display: block;
    margin: 0 auto
}

a.product_list_chay_item h2 {
    font-size: inherit;
    margin: 4px 0 0;
    height: 51px;
    line-height: inherit
}

a.qcao_slider_item {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 18px
}

a.headerlhchu {
    color: var(--trng, #FFF);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    display: block;
    padding: 12px 15px;
    border-radius: 100px;
    border: 1px solid #E2E0E0
}

a.headerghchu {
    color: var(--trng, #FFF);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    display: block;
    background: url(../images/6.png) left center no-repeat;
    padding-left: 40px
}

a.headerghchu strong {
    display: block;
    color: var(--trng, #FFF);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px
}

a.headerkmchu {
    display: block;
    color: var(--trng, #FFF);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    background: url(../images/5.png) left center no-repeat;
    padding-left: 40px;
    width: 10%
}

a.headerhlchu {
    display: block;
    background: url(../images/4.png) left center no-repeat;
    padding-left: 40px
}

a.headerhlchu strong {
    font-family: "Myriad Pro";
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: var(--nhn, linear-gradient(270deg, #ED3535 0%, #FEA803 48.56%, #ED3535 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

a.headerhlchu p {
    color: var(--trng, #FFF);
    font-family: "Myriad Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

a.logoFooter {
    display: block;
    margin-bottom: 20px
}

span.khsao {
    display: block
}

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

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

a.product_listnb_items {
    padding: 43px 10px 20px 10px;
    background: #FFF url(../images/27.png) top right -9px no-repeat;
    display: block;
    text-align: center
}

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

a.product_listnb_items picture {
    border-radius: 15px;
    overflow: hidden;
    display: block
}

a.product_listnb_items h3 {
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
    text-transform: capitalize;
    margin: 0;
    margin-top: 15px
}

a.xemthem_gioithieu {
    width: 152px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 30px;
    background: var(--Main-1-main-1, linear-gradient(90deg, #FFA700 1.04%, #FF8E00 100%));
    background: var(--Main-1-main-1, linear-gradient(90deg, color(display-p3 0.9961 0.6745 0.0353) 1.04%, color(display-p3 0.969 0.5814 0) 100%));
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Primary-color-color-text, #231917);
    color: var(--Primary-color-color-text, color(display-p3 0.1294 0.098 0.0902));
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.28px
}

a.tintucchu_items_button {
    width: 170px;
    height: 45px;
    background: url(../images/17.png) 0 0 no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--trng, #FFF);
    text-align: center;
    font-family: "Roboto Slab";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase
}

a.tintucchu_items_button:hover {
    color: #FAAD19
}

a.tintucchu_items_img2 {
    max-width: 346px;
    border: 10px solid #EED2A2;
    display: block;
    position: relative;
    z-index: 1;
    margin-top: -310px
}

a.tintucchu_items_img1 {
    border-radius: 20px;
    overflow: hidden;
    display: block;
    margin-left: auto;
    background: #FFF
}

a.tintucchu_items_img1 section {
    padding: 14px 18px;
    position: relative;
    z-index: 0
}

a.gioithieu_images {
    display: block;
    border-radius: 20px;
    overflow: hidden;
    max-width: 470px;
    margin-left: auto
}

a.gioithieu_images.custom3 {
    max-width: 380px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

a.gioithieu_images.custom2 {
    max-width: 370px;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1
}

a.banner-desktop {
    justify-self: flex-start;
    margin-right: 0;
    margin-left: 0
}

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
}

.trangchuspItem {
    min-width: 100%;
    width: 100%;
    display: block;
    border-radius: 10px;
    border: 1px solid #DFDFDF;
    background: #FFF;
    padding: 10px;
    position: relative;
    z-index: 0;
    text-align: left
}

.trangchuspItem button {
    margin: 0;
    border: 0;
    width: 165px;
    height: 45px;
    flex-shrink: 0;
    border-radius: 10px 10px 0px 0px;
    background: var(--ph, #BE151C);
    color: #FFF;
    text-align: center;
    font-family: "Roboto Slab";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 12px;
    position: relative;
    z-index: 1;
    margin-bottom: -10px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.trangchuspItem picture {
    overflow: hidden;
    border-radius: 10px
}

.trangchuspItem picture img {
    border-radius: 4px
}

.trangchuspItem h3 {
    color: var(--tiu, #3C3C3C);
    text-align: justify;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.15px;
    margin: 0;
    margin-top: 10px;
    line-height: 22px
}

.trangchuspItem h3 a {
    color: inherit;
}

.trangchuspItem h3:hover {
    color: #FE1C1D
}

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;
    align-self: center;
    position: relative;
    z-index: 1;
    margin-right: auto
}

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

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

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

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

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

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

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

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

a.gioithieuGridColMore {
    width: 155px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 100px;
    background: var(--ch-o, linear-gradient(270deg, #AF803C 0%, #F4E296 49.52%, #AF803C 100%));
    gap: 12px;
    padding: 3px;
    color: var(--tiu-ef, #333);
    text-align: justify;
    font-family: SVN-Gilroy;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 23px
}

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: var(--nhn-2, #AF803C);
    color: #FFF
}

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

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

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

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

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

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

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

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

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

.p-relative {
    position: relative
}

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

.header {
    transition: 1s ease;
    width: 100%;
    background: url(../images/8.png) 0 0 no-repeat;
    background-size: cover
}

.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 {
    border-radius: 100px;
    border: 1px solid #E2E0E0;
    background: var(--trng, #FFF);
    width: 247px;
    height: 42px;
    display: block;
    overflow: hidden
}

.search p {
    color: #0B216E;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px;
    cursor: pointer;
    padding: 0 10px
}

.search input {
    color: var(--tiu, #3C3C3C);
    font-family: "Myriad Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: calc(100% - 36px);
    border: 0;
    outline: 0;
    box-shadow: none;
    padding: 0 1em
}

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

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

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

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

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

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

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

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

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

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

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

.menu ul.menu-main {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px
}

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

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

li.sao {
    width: 16px;
    height: 15px;
    background: url(../images/5.png) 0 0 no-repeat;
    align-items: center
}

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 {
    color: #000;
    color: color(display-p3 0 0 0);
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.34px;
    text-transform: uppercase;
    transition: 0s
}

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

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

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

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

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

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

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

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

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

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

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

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

.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 h2 {
    font-weight: bold;
    font-size: 19px;
    margin: 0;
}

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

.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;
    line-height: normal;
    text-transform: capitalize;
    font-weight: bold;
    color: var(--cl-0)
}

.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.custom {
    border-radius: 10px;
    background: #D9D9D9;
    background: color(display-p3 0.851 0.851 0.851);
    height: 240px;
    overflow: hidden
}

.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;
    position: relative;
    z-index: 1;
    margin-top: 0
}

footer.footer.inside {
    margin: 0
}

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

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

.footer-news:nth-child(1), .footer-news:nth-child(5) {
    width: 300px;
    text-align: left
}

.footer-news:nth-child(2), .footer-news:nth-child(6) {
    width: 190px
}

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

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

.footer-news:nth-child(4) {
    clear: both
}

.footer-title {
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    background: var(--ch-o, linear-gradient(270deg, #0B216E 0%, #0390DD 48.08%, #0B216E 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    margin-bottom: 10px
}

.footer-info {
    color: var(--tiu, #3C3C3C);
    font-family: "Myriad Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px
}

.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: 0;
    background: #FFF;
    overflow: hidden;
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-product.detail {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
}

.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;
    background: #FFF;
    background: color(display-p3 1 1 1);
    padding: 12px 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 .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;
    height: auto
}

.menu.menu-fix a.logo-desktop, .menu.inside a.logo-desktop {
    margin: 0;
    transition: 0.5s
}

.menu.menu-fix .logo-desktop, .menu.inside .logo-desktop {
    transform: unset
}

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

.menu.inside {
    position: relative
}

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

.menu_mobi_all {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    margin: auto;
    background: #FFF;
    display: none
}

.hidden_mobi, #arcontactus, #messages-facebook, .quick_contact {
    display: none
}

.hidden_destop {
    display: block
}

.menu_baophu {
    background: #000;
    opacity: 0.8;
    z-index: 998;
    left: 0px;
    top: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    display: none
}

.icon_menu_mobi {
    color: var(--cl-2);
    font-size: 20px;
    text-decoration: none;
    width: auto;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.icon_menu_mobi i {
    display: block
}

a.home_mobi {
    color: #000;
    text-decoration: none;
    float: right;
    font-size: 20px
}

.logo-mobi {
    display: block;
    text-align: center;
    padding: 0;
    position: relative;
    left: 0
}

a.phone_mobi {
    color: #fff;
    text-decoration: none;
    float: left;
    font-size: 18px
}

a.phone_mobi i {
    margin-right: 12px;
    -webkit-animation: my 700ms infinite;
    -moz-animation: my 700ms infinite;
    -o-animation: my 700ms infinite;
    animation: my 700ms infinite
}

.menu_mobi {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 0px 10px;
    width: 100%;
    cursor: pointer;
    display: flex;
    height: 100%;
    cursor: pointer;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1007;
    background: #fff;
    align-items: center;
    justify-content: space-between
}

.menu_mobi_add {
    display: 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: 13px;
    font-weight: 400;
}

.menu_mobi_add ul li a.active2 {
    color: yellow;
}

.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: var(--maincolor);
    font-size: 17px;
    margin: 0px;
    margin-top: 0px
}

.search-res .icon-search.active {
    background: var(--cl-1);
    border-radius: 100%;
    color: #FFF
}

.search-res .search-grid {
    position: absolute;
    top: 66px;
    right: 0px;
    width: 0px;
    height: 33px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--cl-1);
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal
}

.search-res .search-grid p {
    float: left;
    width: 35px;
    height: 32px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px;
    font-size: 17px;
    display: block;
    color: var(--cl-1);
    line-height: 33px;
    text-align: center
}

.search-res .search-grid input {
    width: calc(100% - 35px);
    float: right;
    line-height: 31px;
    outline: none;
    border: none;
    color: #666363;
    font-size: 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: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}

.wrap_album .video {
    min-width: 100%;
    width: 100%;
}

.wrap_album .video p {
    margin-bottom: 5px;
}

.wrap_album .video h3 {
    margin: 0;
    font-size: 14px;
    color: #333;
}

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

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