.box_tracking_detail {
    margin: 1em 0
}

p.tieude_main1 {
    text-align: center;
    font-size: 27px;
    margin-bottom: 25px;
    margin-top: 30px;
    line-height: 1.5
}

p.tieude_main {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 25px;
    margin-top: 30px;
    line-height: 1.5
}

p.tieude_dongia {
    text-align: right;
    text-transform: uppercase;
    font-size: 20px;
    border: 1px solid #333A40 !important;
    padding-right: 10px;
    border-bottom: 0;
    line-height: 1.5;
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-top: -1px
}

.tbl_banggia {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
    font-size: 13px
}

.tbl_banggia th, .tbl_banggia td {
    border: 1px solid #333A40 !important;
    padding: 10px 1%
}

.tbl_banggia th {
    font-size: 15px;
    background: #333A40 !important
}

p.tieude_tonggia {
    text-align: right;
    text-transform: uppercase;
    font-size: 20px;
    border: 1px solid #333A40 !important;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -1px
}

.videoOwl {
    max-width: 100%;
    width: 100%
}

.sidebar_title {
    background-color: var(--main-1, #0C63EB);
    text-align: center;
    color: #FFF;
    font-size: 18px;
    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 rgb(0 0 0 / 15%);
    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: var(--cl-0)
}

.sidebar_list_post .item .title a:hover {
    color: #F60
}

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

}

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

}

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

}

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

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

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

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

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

a.banner_dichvu {
    border-radius: 20px;
    overflow: hidden
}

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

.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: 1280px;
    margin: auto
}

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

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

body {
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    color: #151515
}

.duanItem:hover .infoDuan {
    opacity: 1
}

.infoDuan {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
    padding: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    transition: 0.5s;
    opacity: 0
}

.infoDuan p {
    margin: 0;
    color: var(--main-3, #FFF5C4);
    text-align: center;
    text-shadow: 0px 2px 0px #000;
    font-family: "Bai Jamjuree";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 1.68px;
    text-transform: uppercase
}

.infoDuan h3 {
    margin: 0;
    text-align: center;
    font-family: SVN-Aptima;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-transform: uppercase;
    background: var(--d-9-d-9-d-9, linear-gradient(90deg, #F5D083 0%, #FFF5C4 98.37%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

.duanItem {
    border-radius: 12px;
    overflow: hidden
}

body, html {
    overflow-x: hidden
}

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

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

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

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

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

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

.tieuchiGrid {
    visibility: visible
}

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

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

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

* {
    box-sizing: border-box
}

.menuTopHeader {
    background: #FFF;
    padding: 1rem 0
}

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

.danhmuc {
    padding: 28px;
    background: #EFEFEF;
    border-radius: 10px
}

.danhmuc ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px
}

.danhmuc ul li {
    display: block
}

.danhmuc ul li a {
    padding: 10px;
    border-radius: 10px;
    background: #FFF;
    color: #2b2b2b;
    font-weight: 500;
    font-size: 16px
}

.danhmuc ul li a:hover {
    background: rgba(11, 80, 189, 1);
    color: #FFF
}

.danhmuc ul li a i {
    margin-right: 10px;
    font-size: 20px
}

.danhmuc h2 {
    margin-bottom: 1em;
    font-size: 18px;
    color: #2b2b2b
}

div#info * {
    font-family: inherit !important
}

.c-tracking-results-status-bar.bar-1 {
    background: linear-gradient(90deg, #FFF 0, #67a31d 0, #67a31d 1rem, #67a31d 100%);
    clip-path: polygon(0 -1rem, 2rem -1rem, 2rem 0, calc(100% - .6rem) 0, calc(100% - .1rem) .5rem, calc(100% - .6rem) 1rem, 0 1rem)
}

.c-tracking-results-status-bar {
    background-color: var(--color-gray-200);
    position: relative;
    width: 33.3%
}

.l-grid--w-33pc-s {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
    width: 33.3333%
}

.c-tracking-results-status-bar.bar-2 {
    background-color: #67a31d;
    clip-path: polygon(.1rem 0, calc(100% - 2.4rem) 0, calc(100% - 1.9rem) .5rem, calc(100% - 2.4rem) 1rem, .1rem 1rem, .6rem .5rem)
}

.c-tracking-results-status-bar.bar-2.bar-delivered, .c-tracking-results-status-bar.bar-2.bar-pretransit {
    clip-path: polygon(.1rem 0, calc(100% - .6rem) 0, calc(100% - .1rem) .5rem, calc(100% - .6rem) 1rem, .1rem 1rem, .6rem .5rem)
}

.c-tracking-results-status-bar.bar-3.bar-delivered {
    background: linear-gradient(270deg, #FFF 0, #67a31d 0, #67a31d 1rem, #67a31d 100%);
    clip-path: polygon(.1rem 0, 100% 0, 100% 2rem, calc(100% - 2rem) 2rem, calc(100% - 2rem) 1rem, .1rem 1rem, .6rem .5rem)
}

.c-tracking-results-status-bar.bar-3 {
    background: linear-gradient(270deg, var(--color-white-500) 0, var(--color-white-500) 1rem, var(--color-gray-200) 1rem, var(--color-gray-200) 100%);
    clip-path: polygon(1.9rem 0, 100% 0, 100% 2rem, calc(100% - 2rem) 2rem, calc(100% - 2rem) 1rem, 1.9rem 1rem, 2.4rem .5rem)
}

.c-tracking-results-status-bar.bar-3.bar-delivered:after {
    border: 1rem solid #67a31d
}

.c-tracking-results-status-bar.bar-1:before {
    border: 1rem solid var(--color-green-550)
}

.l-grid--w-33pc-s {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
    width: 33.3333%
}

.c-tracking-results-status-bar {
    background-color: var(--color-gray-200);
    position: relative;
    width: 33.3%
}

.c-tracking-results--status-bar-container.l-grid {
    height: 1rem;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
    display: flex;
    flex: 0 1 auto;
    flex-flow: row wrap
}

p.c-tracking-result--destination.js-tracking-result--destination.bold {
    font-weight: bold;
    text-align: right
}

p.c-tracking-result--origin.js-tracking-result--origin.bold {
    margin: 1em 0 0;
    font-weight: bold
}

h2.c-tracking-result--status-copy-message {
    color: #67a31d;
    font-weight: bold;
    margin-bottom: .7rem;
    width: 100%;
    font-size: 2em
}

.tracking-result {
    font-size: 14px
}

.doitac2Item3 {
    margin: 1em 0 0
}

.doitac2Item3 a {
    border-radius: 6.609px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26);
    display: block;
    margin: 5px
}

.tintucItem3 {
    margin: 1em 0 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px
}

.tintucItem3:hover h3 {
    color: #F60
}

.tintucItem3 label {
    margin: 0;
    width: 61px;
    height: 58px;
    border-radius: 8px;
    background: var(--main-2, #F60);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-top: -75px;
    margin-bottom: 1em
}

.tintucItem3 p {
    margin: 0;
    overflow: hidden;
    color: var(--color-text-light, #434343);
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 5px
}

.tintucItem3 h3 {
    margin: 0;
    overflow: hidden;
    color: var(--color-text, #222);
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px
}

.tintucItem3 section {
    padding: 40px 25px
}

.tintucItem3 a {
    display: block;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden
}

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

.numberList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    margin: 60px 0 0
}

.numberList h3 {
    color: var(--white, #FFF);
    text-align: center;
    font-size: 51px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    text-transform: capitalize
}

.numberList picture {
    max-width: 60px;
    margin: 0 auto;
    margin-bottom: 20px
}

.numberList p {
    margin: 0;
    color: var(--white, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.4px
}

.numberHeading h2 {
    color: var(--white, #FFF);
    text-align: center;
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 25px
}

.numberHeading {
    text-align: center
}

.numberHeading span {
    color: var(--white, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.4px
}

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

.ServicesItems {
    min-width: 100%;
    width: 100%;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.14);
    padding: 12px;
    padding-bottom: 0px
}

.ServicesItems:hover {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.20)
}

.ServicesItems section {
    padding: 30px 0px
}

.ServicesItems h3 {
    margin: 0;
    color: var(--color-text, #222);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize
}

.ServicesItems:hover h3 {
    color: var(--main-3, #094088)
}

.ServicesItems picture {
    border-radius: 4px
}

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

.consoHeadingMota {
    overflow: hidden;
    color: var(--color-text, #222);
    text-align: center;
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px
}

.gioithieuGridColHeadingBong3 {
    text-align: left;
    color: var(--main-3, #094088);
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.48px;
    text-transform: capitalize
}

.gioithieuGridColHeadingBong2 {
    color: var(--color-text, #222);
    font-family: Roboto;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    background: url(../images/9.png) left center no-repeat;
    padding-left: 35px;
    margin-bottom: 7px
}

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

.menuSectionRight {
    flex-grow: 1
}

.menuSectionTop {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    padding: 10px 0px;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
    margin-bottom: 15px
}

.menuSectionTop p {
    margin: 0;
    color: #FFF;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.menuSectionTop p i {
    margin-right: 10px
}

.menuSection {
    display: flex;
    align-items: flex-end;
    gap: 15px
}

form.form-newsletter.validation-newsletter {
    padding: 0;
    background: transparent
}

form.form-newsletter.validation-newsletter input, form.form-newsletter.validation-newsletter textarea {
    margin-bottom: 14px;
    border-radius: 120px;
    background: #FFF;
    color: var(--color-text, #222);
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    resize: none;
    border: 0;
    height: 46px;
    padding: 0 2em
}

form.form-newsletter.validation-newsletter textarea {
    height: 98px;
    border-radius: 20px;
    background: #FFF;
    padding: 1em 2em
}

.newsletterWrapManContainer h2 {
    color: var(--white, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.88px;
    text-transform: uppercase
}

.newsletterWrapManContainer h4 {
    text-align: center;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    font-family: SVN-Gilroy;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 4px;
    color: transparent
}

.newsletterWrapManContainer {
    width: 463px;
    border-radius: 20px;
    background: rgba(9, 64, 136, 0.42);
    backdrop-filter: blur(9px);
    padding: 30px 25px
}

.newsletterWrapManContainer {
    visibility: visible
}

.newsletterWrapManContainer p {
    overflow: hidden;
    color: var(--white, #FFF);
    text-align: center;
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px
}

.newsletterWrapMan {
    padding: 80px 0px;
    background: url(../images/19.png) bottom center no-repeat;
    background-size: cover
}

.newsletterWrapMan {
    visibility: visible
}

.newsletterWrapMan .wrap-content:after {
    width: 740px;
    height: 460px;
    content: '';
    background: url(../images/20.png);
    position: absolute;
    top: 50%;
    right: 0;
    z-index: -1;
    transform: translateY(-50%)
}

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

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

.tintucItem2 {
    display: block
}

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

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

.khungttDesc small {
    text-align: justify;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    font-family: SVN-Gilroy;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 25px;
    color: #FFF;
    position: relative;
    top: 10px
}

.khungttDesc {
    visibility: visible
}

.khungttDesc p {
    margin: 0;
    color: var(--Mu-m-t, #313131);
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.tintucItem2 h3 {
    margin: 0;
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px
}

.tintucItem2 section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 40px 20px 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%)
}

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

.albumBox:before {
    content: '';
    width: 151px;
    height: 151px;
    background: url(../images/22.png) center center no-repeat;
    position: absolute;
    top: 1em;
    left: 14.5em;
    z-index: 1;
    animation: rotate 10s linear infinite
}

.albumItem4 {
    display: none;
    border-radius: 15px;
    overflow: hidden
}

.albumItem4.vitri8 {
    width: 301.908px;
    height: 256px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    right: 78px;
    bottom: 16px
}

.albumItem4.vitri7 {
    width: 494px;
    height: 312px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: calc(284px + 20px)
}

.albumItem4.vitri6 {
    width: 284px;
    height: 274px;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    bottom: 73px;
    z-index: 6;
    display: block
}

.albumItem4.vitri5 {
    width: 381px;
    height: 314px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    right: 0;
    top: calc(340px + 20px);
    z-index: 5
}

.albumItem4.vitri4 {
    width: 274px;
    height: 274px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    top: calc(340px + 20px);
    left: calc(505px + 20px);
    z-index: 4
}

.albumItem4.vitri3 {
    width: 505px;
    height: 296px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    top: calc(43px + 240px + 20px);
    left: 0;
    z-index: 3
}

.albumItem4.vitri2 {
    width: 488px;
    height: 340px;
    flex-shrink: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 90px;
    z-index: 2
}

.albumItem4.vitri1 {
    width: 294px;
    height: 240px;
    flex-shrink: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 43px;
    right: calc(488px + 90px + 20px)
}

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

.videoItem3 small {
    position: absolute;
    bottom: 1.5em;
    left: calc(50% - 600px);
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 16px
}

.videoItem3 a {
    color: #FFF
}

.videoItem3 span {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 95px;
    height: 95px;
    background: lch(0 0 0 / 50%);
    border-radius: 50%
}

.videoItem3 span i {
    font-size: 50px
}

.videoItem3 {
    color: var(--Mu-nn, #FFF);
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    font-family: SVN-Gilroy;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px
}

.labelKh2a {
    min-width: 100%;
    width: 100%;
    text-align: center
}

.labelKh2a small {
    width: 100px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 60px;
    background: #FFF;
    color: #1E1E1E;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: -15px;
    position: relative;
    z-index: 1
}

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

.labelKh2 {
    margin: 19px 0px;
    padding: 0 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    position: relative;
    z-index: 0
}

.labelKh2 svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.labelKh {
    width: 270px;
    height: 46px;
    flex-shrink: 0;
    border-radius: 0px 0px 20px 20px;
    background: linear-gradient(180deg, #949494 0%, #1E1E1E 100%);
    color: #FFF;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.khachhangItem {
    border-radius: 10px;
    background: linear-gradient(180deg, #949494 0%, #1E1E1E 100%)
}

.khachhangItem h3 {
    color: #FFF;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 20px;
    font-style: normal;
    font-weight: 700
}

.khachhangItem section {
    padding: 0 1em 25px 1em
}

.khachhangItem p {
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px
}

.productItem2 {
    min-width: 100%;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    padding: 10px
}

.productItem2 h3 {
    margin: 0;
    color: #1E1E1E;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 15px
}

.productItem2 picture {
    border-radius: 20px
}

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

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

.owl-item:nth-child(4) .tieuchiItem {
    background: transparent
}

.tieuchiItem {
    text-align: center
}

.tieuchiItem:hover picture {
    border-color: #F60
}

.tieuchiItem picture img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    -moz-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)
}

.tieuchiItem:hover picture img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(69%) saturate(2956%) hue-rotate(2deg) brightness(104%) contrast(106%);
    -webkit-filter: brightness(0) saturate(100%) invert(43%) sepia(69%) saturate(2956%) hue-rotate(2deg) brightness(104%) contrast(106%);
    -moz-filter: brightness(0) saturate(100%) invert(43%) sepia(69%) saturate(2956%) hue-rotate(2deg) brightness(104%) contrast(106%)
}

.tieuchiItem a {
    display: block;
    padding: 0;
    color: #FFF
}

.tieuchiItem p {
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.tieuchiItem h3 {
    margin: 0;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    line-height: 70px
}

.tieuchiItem picture {
    width: 140px;
    height: 6em;
    flex-shrink: 0;
    margin: 0 auto;
    border-bottom: 3px solid var(--white, #FFF)
}

.pricelistBox {
    width: 1072px;
    height: 732px;
    background: url(../images/14.png) top center no-repeat;
    margin: 0 auto;
    padding: 40px
}

.consoHeadingBong {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    height: 8em;
    margin-bottom: 2em
}

.consoHeadingBong h2 {
    margin: 0;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 84px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(0deg, #2D2D2D 0%, #151515 151.39%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 110px
}

.consoHeadingBong span {
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 84px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.4;
    background: linear-gradient(180deg, transparent 50%, #B5B5B5);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: scaleY(-1) translateY(40px);
    position: relative;
    z-index: -1
}

.lydoItem {
    color: #FFF;
    font-family: SVN-Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.lydoItem {
    display: flex;
    gap: 15px
}

.lydoItem.numb3 {
    order: 2;
    text-align: right;
    position: relative;
    z-index: 0;
    left: -3em
}

.lydoItem.numb3 span {
    order: 2
}

.lydoItem.numb5 {
    order: 6;
    text-align: right;
    position: relative;
    z-index: 0;
    left: -2em
}

.lydoItem.numb5 span {
    order: 2
}

.lydoItem.numb2 {
    order: 5;
    text-align: left;
    position: relative;
    z-index: 0;
    right: -2em
}

.lydoItem.numb4 {
    order: 4;
    text-align: right
}

.lydoItem.numb4 span {
    order: 2
}

.lydoItem.numb1 {
    text-align: left;
    order: 3
}

.lydoItem.numb0 {
    text-align: left
}

.lydoItem.numb0 {
    order: 1;
    position: relative;
    z-index: 0;
    right: -3em
}

.lydoItem h3 {
    font-size: inherit
}

.lydoItem h3 {
    width: calc(100% - 60px - 15px)
}

.lydoItem span.number {
    min-width: 60px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    font-family: SVN-Gilroy;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.70) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.lydoOwl {
    margin: 2em 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 65px 33em;
    background: url(../images/10.png) center center no-repeat;
    padding: 5em 0
}

span.price-old-pro-detail {
    color: #B7B7B7;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: line-through
}

.infoDuan1 {
    margin: 1em 0 0;
    text-align: center
}

.infoDuan1 p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.infoDuan1 h3 {
    color: var(--Mu-tiu, #1E1E1E);
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize
}

.duanItem2 {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 10px;
    margin: 10px
}

.duanItem2 picture {
    border-radius: 6px
}

.quangcaoItem2 {
    border-radius: 16px;
    overflow: hidden;
    display: block
}

.gioithieuGridColHeadingBong {
    text-align: center;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #000;
    font-family: SVN-Gilroy;
    font-size: 100px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    display: none
}

button.btnBooking {
    display: inline-flex;
    padding: 8px 10px;
    align-items: flex-start;
    gap: 6px;
    border-radius: 4px;
    background: #1B1B1B;
    color: #FFF;
    font-family: SVN-Gilroy;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border: 0;
    transition: 0.3s
}

button.btnBooking:hover {
    background: #555
}

.contact-input .form-control {
    background: #FFF;
    border: 1px solid #ddd;
    resize: none;
    color: var(--cl-0)
}

.control-tinh-toan {
    background: #333A40 !important;
    border: 0;
    color: var(--main-3, #FFF5C4) !important;
    font-size: 15px;
    padding: .55em 1em;
    border-radius: 5px;
    font-size: 13px
}

input.tinhphixaydung {
    border: 0;
    background: var(--d-9-d-9-d-9, linear-gradient(90deg, #F5D083 0%, #FFF5C4 98.37%));
    padding: .5em 1em;
    font-weight: bold;
    font-size: 13px;
    border-radius: 5px
}

.col-du-toan {
    margin-bottom: 1em
}

.col-du-toan p {
    font-size: 13px;
    margin-bottom: .5em;
    font-weight: bold;
    color: #9e7251;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%)
}

.modal-dialog .modal-title {
    color: #2b2b2b
}

.modal-dialog {
    max-width: 30%;
    color: #2b2b2b;
    font-size: 14px
}

.form-search-pth button.btn {
    background: var(--gradient, linear-gradient(90deg, #F5D083 0%, #FFF5C4 100%));
    border-color: transparent;
    color: #000;
    font-weight: bold;
    font-size: 14px
}

div#search-pth {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em
}

.form-search-pth {
    border-radius: 10px;
    background: #333A40;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 1em
}

.form-search-pth label {
    margin-bottom: 5px;
    font-size: 14px
}

.form-search-pth .form-control {
    border: 0;
    background: rgb(43 49 54);
    color: #fef4c2;
    border-radius: 5px
}

.form-search-pth .form-group > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em
}

.form-search-pth .form-group {
    margin-bottom: 1em
}

.form-search-pth h3 {
    font-size: 16px;
    color: #000;
    text-align: center;
    background: var(--gradient, linear-gradient(90deg, #F5D083 0%, #FFF5C4 100%));
    padding: 10px;
    font-weight: bold
}

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

.newsletter-button input {
    width: 100%;
    margin-bottom: 1em;
    border: 0;
    background: var(--d-9-d-9-d-9, linear-gradient(90deg, #F5D083 0%, #FFF5C4 98.37%));
    font-weight: bold;
    padding: .5em 1em;
    border-radius: 6px
}

.left_form input.form-control {
    margin-bottom: 10px
}

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

.comment-star span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.comment-star {
    position: relative;
    z-index: 0;
    font-size: 20px
}

.danhgiasao {
    display: flex;
    align-items: center;
    gap: 1em;
    margin-bottom: 2em
}

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

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

.box_meta_single_gallery.my-4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    align-items: flex-start
}

.dichvuOwlGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 14px
}

.content-main.w-clear {
    color: #1E1E1E
}

span.muiten {
    background: var(--main-3, #FFF5C4);
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

span.muiten svg {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);
    -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);
    -moz-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%)
}

.aboutItemCustom:hover {
    border-bottom: 4px solid var(--main-3, #FFF5C4);
    transition: .3s
}

.aboutItemCustom {
    min-width: 100%;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    background: rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.15);
    text-align: center;
    position: relative;
    padding: 43px 26px;
    transition: .3s;
    overflow: hidden
}

.aboutItemCustom picture {
    max-width: 68px;
    margin: 0 auto;
    display: block
}

.aboutItemCustom a {
    color: var(--main-3, #FFF5C4)
}

.aboutItemCustom a h3 {
    margin: 15px 0px 10px 0px;
    font-size: 20px;
    line-height: 30px
}

.aboutItemCustom a p {
    font-size: 15px;
    margin: 0
}

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

.wrapCopy {
    border-top: 1px solid rgba(255, 245, 196, 0.60)
}

.tintucItem {
    border-radius: 12px;
    overflow: hidden;
    display: block
}

.tintucItem section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 144px 12px 12px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%);
    padding-right: 6em;
    border-radius: 0 0 11px 11px
}

.tintucItem h3 {
    margin: 0;
    overflow: hidden;
    color: var(--main-3, #FFF5C4);
    text-overflow: ellipsis;
    font-family: SVN-Aptima;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase
}

.tintucItem section:after {
    content: '';
    width: 45px;
    height: 45px;
    background: url(../images/27.png) no-repeat;
    position: absolute;
    right: 2em;
    bottom: 1em;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    transition: 0.5s
}

.tintucItem:hover section:after {
    transform: rotate(45deg)
}

.tintucItem a {
    display: block;
    overflow: hidden;
    border-radius: 12px
}

.feedbackItem2Desc {
    color: var(--main-3, #FFF5C4);
    font-family: "Bai Jamjuree";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    margin: 12px 0px 30px 0px
}

.feedbackItem2Top {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 22px;
    align-items: center;
    background: url(../images/24.png) right center no-repeat
}

.feedbackItem2Top h3 {
    margin: 0;
    font-family: SVN-Aptima;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    background: var(--d-9-d-9-d-9, linear-gradient(90deg, #F5D083 0%, #FFF5C4 98.37%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.feedbackItem2Top picture {
    border-radius: 50%;
    overflow: hidden;
    display: block
}

.feedbackItem2 {
    border-radius: 20px;
    background: #333A40;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
    display: block;
    padding: 33px 45px
}

.feedbackOwl {
    max-width: 837px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.feedbackOwl .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
    flex-wrap: wrap;
    margin: 13px 0 0
}

.feedbackOwl .owl-dots .owl-dot {
    border: 1px solid #676767;
    width: 11px;
    height: 11px;
    border-radius: 50%
}

.feedbackOwl .owl-dots .owl-dot.active {
    background: #F5D083 !important;
    border-color: #F5D083 !important
}

.videoItem2 span {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.66);
    color: #FFF;
    font-family: "Bai Jamjuree";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-100%, -50%);
    z-index: 2
}

.videoItem2 a {
    display: block;
    border-radius: 30px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    overflow: hidden;
    position: relative;
    z-index: 1
}

.videoItem2 a:hover img {
    opacity: 0.95
}

.videoItem2 a img {
    opacity: 0.5;
    transition: 0.5s
}

.danhsachPlugin {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 3em 0 0;
    border-top: 1px solid #9D9D9D;
    position: relative;
    z-index: 0;
    gap: 13px;
    flex-wrap: wrap
}

.danhsachPlugin a {
    width: 237px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 6px;
    background: #343D45 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: -26px;
    z-index: 0
}

.danhsachPlugin a:hover {
    background: var(--gradient, linear-gradient(90deg, #F5D083 0%, #FFF5C4 100%)) !important
}

.danhsachPlugin a:hover span {
    background: transparent;
    color: #2b2b2b;
    -webkit-text-fill-color: unset
}

.danhsachPlugin a span {
    text-align: center;
    font-family: SVN-Aptima;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.36px;
    background: var(--gradient, linear-gradient(90deg, #F5D083 0%, #FFF5C4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.danhsachPlugin:before, .danhsachPlugin:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #9D9D9D;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 1
}

.danhsachPlugin:after {
    right: 0;
    left: unset
}

.banggiaItem {
    border-radius: 12px;
    background: #3B444B;
    box-shadow: 0px 2px 8px 0px rgba(255, 255, 255, 0.13);
    margin: 10px;
    padding: 25px 25px 30px;
    text-align: center;
    min-width: 100%;
    width: 100%
}

.banggiaItem span {
    width: 117px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 1em;
    background: var(--gradient, linear-gradient(90deg, #F5D083 0%, #FFF5C4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: "Bai Jamjuree";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize;
    border: 1px solid #F5D083;
    border-radius: 5px
}

.banggiaItem p {
    margin: 0;
    overflow: hidden;
    color: var(--main-3, #FFF5C4);
    text-align: center;
    text-overflow: ellipsis;
    font-family: "Bai Jamjuree";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize
}

.banggiaItem h3 {
    overflow: hidden;
    color: var(--main-3, #FFF5C4);
    text-align: center;
    text-overflow: ellipsis;
    font-family: SVN-Aptima;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    margin: 15px 0px 10px
}

.banggiaItem picture {
    width: 112px;
    height: 126px;
    background: url(../images/23.png) 0 0 no-repeat;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: auto
}

.banggiaItem a {
    color: #2b2b2b
}

.listProductMenuTab {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.listProductMenuTab a {
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #B7B7B7;
    color: var(--TIU-EN, #1A1A1A);
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    text-transform: capitalize;
    border-bottom: 0;
    transition: 0.3s;
    cursor: pointer
}

.listProductMenuTab a:hover, .listProductMenuTab a.active {
    border-radius: 30px;
    background: linear-gradient(270deg, #2D2D2D 0%, #151515 100%);
    color: #FFF;
    border-color: #2D2D2D
}

.infoMaunha {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 79px 20px 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%)
}

.infoMaunha span {
    color: var(--main-3, #FFF5C4);
    font-family: SVN-Aptima;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.72px;
    text-transform: capitalize
}

.infoMaunha p {
    margin: 0;
    color: var(--main-3, #FFF5C4);
    font-family: SVN-Aptima;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -1.36px;
    text-transform: capitalize
}

.maunhadepItem {
    border-radius: 12px;
    display: block;
    overflow: hidden
}

.maunhadepItem section {
    padding: 14px 19px;
    background: var(--main-3, #FFF5C4)
}

.maunhadepItem h3 {
    margin: 0;
    color: #665022;
    font-family: SVN-Aptima;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase
}

.serContentBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    transition: 0.5s;
    width: 100%
}

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

.serContentBox:after {
    content: '';
    width: 128px;
    height: 128px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.61) 0%, rgba(33, 33, 33, 0.00) 100%);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: calc(50% - 128px / 2);
    z-index: -1;
    transition: 0.5s ease
}

.dichvuItem button span {
    text-align: center;
    font-family: "Bai Jamjuree";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
    background: var(--gradient, linear-gradient(90deg, #F5D083 0%, #FFF5C4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.dichvuItem button {
    width: 117px;
    height: 38px;
    flex-shrink: 0;
    border-width: 1px;
    border-color: var(--gradient, #F5D083);
    background: transparent;
    border-radius: 8px;
    transition: 0.5s
}

.dichvuItem {
    display: block;
    border-radius: 12px;
    overflow: hidden
}

.dichvuItem:hover .serContentBox:after {
    width: 100%;
    left: 0;
    height: 15em;
    border-radius: 100% 100% 0 0
}

.dichvuItem:hover .serContentBox {
    transform: translateY(7.8em)
}

.dichvuItem:hover .dichvuItem:hover picture {
    border-radius: 0 !important
}

.dichvuItem section picture img {
    max-width: 68px
}

.dichvuItem h3 {
    color: var(--main-3, #FFF5C4);
    text-align: center;
    font-family: SVN-Aptima;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
    margin: 0;
    transition: 0.5s;
    margin-top: -15px
}

.dichvuItem section picture {
    width: 128px;
    height: 128px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease
}

.dichvuItem:hover section picture {
    background: transparent;
    border-radius: 0;
    width: 100%
}

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

.dichvuItem section {
    background: rgba(0, 0, 0, 0.60);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 1s
}

.dichvuItem:hover button {
    opacity: 0;
    transform: translateY(1em)
}

.dichvuItem:hover section {
    background: rgba(0, 0, 0, 0.80);
    padding: 0
}

.menuTopGroupMain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

.menuTopGroupMain.inside {
    position: unset
}

.slogan_slider3 {
    color: var(--main-3, #FFF5C4);
    font-family: SVN-Aptima;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: -0.4px;
    position: relative;
    margin-top: -10px
}

.slogan_slider2 {
    display: block;
    text-align: left;
    position: relative;
    margin-top: -55px
}

.slogan_slider2 p:nth-child(3) {
    color: var(--main-3, #FFF5C4);
    font-family: SVN-Aptima;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    position: relative;
    margin-top: -60px
}

.slogan_slider2 p:nth-child(2) {
    color: var(--main-3, #FFF5C4);
    font-family: "NVN Motherland Signature";
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    margin-bottom: 32px
}

.slogan_slider2 p:nth-child(1) {
    font-family: SVN-Aptima;
    font-size: 163.734px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -6.549px;
    text-transform: capitalize;
    background: var(--gradient, linear-gradient(90deg, #F5D083 0%, #FFF5C4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    vertical-align: bottom
}

.slogan_slider1 {
    text-align: left
}

.slogan_slider1 p:nth-child(3) {
    font-family: "NVN Motherland Signature";
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 73px;
    background: var(--d-9-d-9-d-9, linear-gradient(90deg, #F5D083 0%, #FFF5C4 98.37%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: none
}

.slogan_slider1 p:nth-child(2) {
    color: var(--white, #FFF);
    font-family: SVN-Aptima;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: var(--d-9-d-9-d-9, linear-gradient(90deg, #F5D083 0%, #FFF5C4 98.37%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: SVN-Aptima;
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    margin-bottom: -15px
}

.slogan_slider1 p:nth-child(1) {
    color: var(--main-3, #FFF5C4);
    font-family: SVN-Aptima;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px;
    letter-spacing: 7.92px;
    text-transform: uppercase;
    margin: 0
}

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

.slideshowGrid {
    display: grid;
    grid-template-columns: 1fr 55%;
    padding: 0 calc(50% - 600px);
    padding-bottom: 1em;
    padding-top: 8em;
    background: url(../images/13.png) bottom center no-repeat;
    background-size: cover;
    align-items: center
}

li.li-search p {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #FFF
}

.menuTop {
    background: var(--main-3, #094088)
}

.menuTop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2em;
    margin-left: auto
}

.menuTop ul li a {
    color: var(--main-3, #FFF5C4);
    font-family: "Bai Jamjuree";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px
}

.menuTop p {
    margin: 0;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px
}

.menuTop p b {
    color: #fa6c00;
    font-size: 15px;
}

.menuTop p:first-child {
    margin-right: auto
}

.menuTop .wrap-content {
    height: 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px
}

.share b {
    font-size: 14px;
    font-weight: 600;
    color: #1E1E1E
}

.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: bold;
    color: inherit;
    font-size: 16px;
    align-items: center;
    gap: 10px;
    cursor: pointer
}

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

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

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

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

.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: 20px;
    color: var(--main-3, #FFF5C4);
    font-weight: 400
}

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

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

.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(--main-3, #FFF5C4);
    font-weight: 400
}

.box_meta_single_content {
    background: var(--d-9-d-9-d-9, linear-gradient(90deg, #F5D083 0%, #FFF5C4 98.37%));
    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 #2b2b2b
}

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

.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 {
    margin: 80px 0px
}

.chuyenmucWrap.number {
    margin: 0;
    padding: 80px 0px;
    background: url(../images/12.png) top center no-repeat;
    background-size: cover
}

.chuyenmucWrap.khachhang {
    margin: 0;
    padding: 50px 0px;
    background: #FAFAFA
}

.chuyenmucWrap.tieuchi {
    margin: 0;
    padding: 0;
    background: linear-gradient(to top, rgba(11, 80, 189, 0.70) 42%, transparent 0%);
    position: absolute;
    z-index: 2;
    margin-top: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.chuyenmucWrap.lydo {
    margin: 0;
    padding: 50px 0px;
    background: url(../images/9.png) top center no-repeat;
    background-size: cover
}

.chuyenmucWrap.dichvu {
    margin: 0;
    padding: 50px 0px;
    background: url(../images/11.png) top center no-repeat;
    background-size: cover
}

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

.wrapCopy .wrap-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 10px 0px
}

p.footer-title2 {
    font-family: SVN-Aptima;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    background: linear-gradient(90deg, #F5D083 0%, #FFF5C4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 1em 0 0
}

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

.gioithieuGridColInfo p {
    margin: 0
}

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

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

.tabs-pro-detail .nav-link {
    color: var(--cl-0)
}

span.price-new-pro-detail {
    color: #1E1E1E;
    text-align: center;
    font-family: SVN-Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

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

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

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

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

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

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

ul.vechungtoiList li a {
    color: var(--main-3, #FFF5C4);
    font-family: "Bai Jamjuree";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    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
}

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

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

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

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

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

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

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

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

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

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

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

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

.albumItem picture {
    display: block
}

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

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

.albumOwlGrid {
    padding: 0;
    height: 966px;
    width: 100%;
    position: relative;
    z-index: 0
}

.groupBu {
    display: block
}

.newsletter-button {
    margin: 14px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px
}

.newsletter-button input[type=submit] {
    width: 138px;
    height: 46px;
    flex-shrink: 0;
    border-radius: 120px !important;
    background: var(--main-2, #F60) !important;
    color: var(--white, #FFF) !important;
    text-align: center;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 16px
}

.newsletter-button input[type=reset] {
    width: 138px;
    height: 46px;
    flex-shrink: 0;
    border-radius: 120px;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    background: transparent !important;
    color: var(--white, #FFF) !important;
    text-align: center;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 16px
}

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

.flex-news_list a {
    display: block;
    color: var(--main-3, #FFF5C4);
    padding-left: 1rem;
    position: relative;
    z-index: 0
}

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

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

.flex-news_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
    margin: 1em 0
}

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

p.footer-copyright {
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    border-radius: 40px 40px 0px 0px;
    background: var(--main-1, #0C63EB);
    padding: 9px 60px;
    max-width: 819px;
    margin: 0 auto
}

.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 {
    min-width: 100%;
    width: 100%
}

.doitacItem a {
    display: flex;
    position: relative;
    z-index: 0;
    overflow: hidden;
    justify-content: flex-end;
    align-items: center;
    border-radius: 18px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.11)
}

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

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: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

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

.vanhoaItem a h3 {
    background: var(--d-9-d-9-d-9, linear-gradient(90deg, #F5D083 0%, #FFF5C4 98.37%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
    margin-top: 7px
}

.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: 25px;
    height: 59px;
    color: transparent;
    background: url(../images/18.png) 0 0 no-repeat !important;
    text-indent: -9999rem;
    position: absolute;
    top: calc(50% - 59px / 2);
    z-index: 1;
    right: -3em
}

button.owl-prev {
    background: url(../images/18.png) 0 0 no-repeat !important;
    left: -3em;
    right: unset;
    transform: scale(-1)
}

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

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

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

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

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

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

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

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

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

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

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

.consoHeading {
    margin-bottom: 2em;
    text-align: center;
    position: relative;
    z-index: 0;
    padding-bottom: 1.5em
}

.consoHeading:before {
    content: '';
    width: 26px;
    height: 26px;
    background: url(../images/10.png) 0 0 no-repeat;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%)
}

.consoHeading:after {
    content: '';
    width: 372px;
    height: 2px;
    flex-shrink: 0;
    border-radius: 120px;
    background: var(--main-2, #F60);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.consoHeading h2 {
    color: var(--main-3, #094088);
    text-align: center;
    font-family: Roboto;
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.88px;
    text-transform: uppercase;
    margin: 0
}

.consoHeading h1 {
    text-transform: capitalize;
    color: #1E1E1E;
    font-weight: bold
}

.consoHeading > span {
    color: #FFF;
    font-family: SVN-Darleston;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    display: block;
    margin-bottom: 10px
}

.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 {
    overflow: hidden;
    color: var(--color-text, #222);
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    text-align: left;
    margin-bottom: 10px
}

h2.gioithieuGridColHeading {
    margin: 0;
    color: var(--main-2, #F60);
    font-family: Roboto;
    font-size: 54px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -1.08px;
    text-transform: capitalize;
    text-align: left
}

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%;
    text-align: center
}

.gioithieuGridCol.custom {
    position: relative;
    z-index: 0;
    background: url(../images/6.png) left center no-repeat;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

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

.gioithieuGrid {
    padding: 50px 0px
}

.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.logo-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%
}

a.tintucMore span {
    background: var(--gradient, linear-gradient(90deg, #F5D083 0%, #FFF5C4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

a.tintucMore {
    width: 144px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 120px;
    border: 1px solid var(--gradient, #F5D083);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: "Bai Jamjuree";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
    position: absolute;
    top: 2em;
    right: 0;
    z-index: 1
}

a.text-dark {
}

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

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

a.slideshow-image h3 {
    color: var(--main-3, #FFF5C4);
    font-family: SVN-Aptima;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px;
    letter-spacing: 7.92px;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    transition: 0.5s;
    text-shadow: 1px 1px 3px #000;
    position: absolute;
    bottom: 5em;
    left: 0;
    width: 100%;
    transform: scale(0.5) translateY(50px);
    opacity: 0;
    visibility: hidden
}

a.slideshow-image:hover h3 {
    opacity: 1;
    visibility: visible;
    transform: unset
}

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

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: 160px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 20px 8px 8px 8px;
    background: var(--main-1, #0C63EB);
    color: #FFF;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px
}

a.gioithieuGridColMore.custom {
    padding: 0 18px;
    min-width: unset;
    width: auto;
    display: inline-flex
}

a.gioithieuGridColMore:hover {
    background: #F60
}

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

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

a.gioithieuGridColMore:hover span {
    color: #FFF
}

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

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

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

.social-plugin.custom {
    align-items: center;
    gap: 2px;
    color: var(--main-3, #FFF5C4)
}

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

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

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

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

.p-relative {
    position: relative
}

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

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

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

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

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

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

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

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

.menu-head a {
    color: #fff
}

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

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

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

.search, .seach2 {
    z-index: 2;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.21);
    width: 264px;
    height: 34px;
    flex-shrink: 0
}

.seach2 {
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
    display: block;
    margin: 0;
    border: 1px solid #ebebeb
}

.search p, .seach2 p {
    float: left;
    width: 34px;
    line-height: 34px;
    text-align: center
}

.search input, .seach2 input {
    width: calc(100% - 34px);
    color: #333;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 34px;
    border: 0;
    background: transparent;
    padding: 5px 15px;
    outline: 0 !important
}

.search input {
    color: #FFF
}

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

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

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

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

.search3 input::-webkit-input-placeholder {
    color: #333
}

.search3 input:-moz-placeholder {
    color: #333
}

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

.search3 input:-ms-input-placeholder {
    color: #FFF
}

.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 {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.menu ul.menu-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    height: auto;
    gap: 0;
    position: relative;
    z-index: 1
}

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

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

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

.menu ul li.li-sp {
}

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

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

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

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

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

.menu ul li a {
    display: block;
    overflow: hidden;
    color: #FFF;
    text-align: right;
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
    position: unset;
    padding: 15px 0px
}

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

.menu ul li:hover > a, .menu ul li a.active {
    color: #F60
}

.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: rgb(0 0 0 / 87%);
    -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 ul {
    width: 900px;
    left: 0;
    background: #EEF5FD;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em;
    padding: 1em
}

.menu ul li ul li {
    min-width: 100%;
    width: 100%;
    overflow: 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: 16px;
    color: #0b50bd;
    border-bottom: none;
    padding: 10px 15px;
    text-transform: capitalize;
    border-radius: 0;
    transition: 0.8s ease;
    text-align: left;
    line-height: normal;
    padding: 0
}

.menu ul li ul li a img {
    max-width: 32px;
    margin-right: 10px
}

.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: #F60;
    transition: 0.3s ease;
    background: transparent
}

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

.menu ul li ul li ul {
    left: 0;
    position: unset;
    width: 100%;
    padding: 0;
    display: block;
    gap: 0;
    box-shadow: none;
    opacity: 1 !important;
    visibility: visible !important;
    transform: unset !important;
    max-height: 10em;
    overflow-y: auto;
    min-width: unset
}

.menu ul li ul li ul li {
    margin: 10px 0 0
}

.menu ul li ul li ul li a {
    font-weight: bold;
    font-size: 14px;
    color: #666
}

.menu_mobi, .menu_mobi_add {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.box-readmore {
    padding: 15px;
    margin-bottom: 2rem;
    border: 1px solid #DDD;
    border-radius: 5px;
    background: rgb(247 247 247)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.info-footer a {
    color: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cursor-pointer {
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

.contact-map.footerMap.p-0 {
    margin: 0
}

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

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

.breadCrumbs ol {
    margin: 0px
}

.breadCrumbs ol li a {
    color: #1E1E1E
}

.breadCrumbs ol li a:hover {
    color: #F60
}

.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: calc(100%/3 - 20px)
}

.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: url(../images/22.png) top center no-repeat;
    background-size: cover
}

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

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

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

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

.footer-news:nth-child(3) {
    width: 480px
}

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

.footer-title {
    color: var(--white, #FFF);
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.footer-info {
    color: var(--white, #FFF);
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 1em 0
}

.footer-info ul {
    margin: 0;
    padding-left: 15px
}

.footer-info ul li {
    color: var(--white, #FFF);
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px
}

.footer-info ul li a {
    color: inherit
}

.footer-info ul li a:hover {
    color: #F60
}

.footer-info p {
    margin: 0
}

.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 {
    overflow: hidden;
    border-radius: 5.4px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: auto;
    flex-shrink: 0;
    border-radius: 6px;
    background: #FFF;
    color: var(--Ni-dung, #333);
    font-size: 14px;
    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: auto;
    font-size: 14px
}

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

.newsletter-btn input:hover {
    background-color: var(--color-4);
    color: #fff;
    border-color: var(--color-4)
}

.ul-social-footer {
    list-style: none;
    gap: 15px;
    justify-content: center
}

.ul-social-footer a {
    display: inline-block;
    margin-top: 0;
    transition: 0.7s ease
}

.ul-social-footer a:hover {
    transition: 0.7s ease;
    transform: rotateY(180deg)
}

.wap_copy {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.statistic {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px
}

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

.ds-news h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-3)
}

.item-news:hover .ds-news h3 {
    transition: 0.5s;
    color: var(--maincolor)
}

.menu-fix {
    position: fixed !important;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    transition: 1s ease;
    background: rgba(0, 0, 0, 0.7);
    animation: slideInDown 1s ease
}

.menu-fix .logo-header img {
    transition: 0.7s ease;
    max-width: 60px
}

.logo-header img {
    transition: 0.7s ease
}

#footer-map {
    width: 100%;
    height: 240px;
    overflow: hidden
}

.lang-head a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin-left: 20px
}

.lang-head a:first-child {
    margin-left: 0
}

.lang-head a::after {
    content: '';
    position: absolute;
    left: -10px;
    height: 15px;
    background: #ffff;
    width: 1px;
    top: 5px;
    opacity: 0.3
}

.lang-head a:first-child::after {
    display: none
}

.lang-head a:hover {
    transition: 0.5s;
    color: var(--maincolor)
}

.wrap-aboutHome {
    position: relative;
    background: url(../images/v1.png)center top no-repeat, url(../images/bg2.png)bottom right no-repeat, url(../images/bg3.png)top 9% left 23% no-repeat;
    background-size: 100% 75%, auto, auto;
    overflow: hidden
}

.wap-aboutHome {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1366px;
    margin: auto;
    padding: 120px 0 80px;
    padding-right: calc(50% - 600px)
}

.left-aboutHome {
    width: 30%;
    position: relative;
    padding-top: 84px
}

.center-aboutHome {
    width: 39%
}

.right-aboutHome {
    width: 25%;
    position: relative;
    padding-top: 45px
}

.pic-aboutHome {
    overflow: hidden;
    position: relative;
    z-index: 2;
    display: table;
    border-radius: 50vw 50vw 0 50vw;
    margin: 55px 25px 0 auto
}

.pic2-aboutHome {
    border-radius: 50vw
}

.pic3-aboutHome {
    border-radius: 0 50vw 50vw;
    display: table;
    margin-left: auto
}

.aboutHome-info {
    position: relative;
    z-index: 3;
    display: block
}

.since {
    letter-spacing: 5px;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 300;
    font-family: 'Sofia';
    padding-left: 43px;
    padding-bottom: 10px
}

.title-aboutHome {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--maincolor);
    font-family: '1FTV-VIP-Ergisa';
    font-size: 150px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: transparent;
    line-height: 1;
    margin-bottom: 0
}

.desc-aboutHome {
    color: var(--color-3);
    line-height: 25px
}

.desc2-aboutHome {
}

.title-about-1 {
    color: #141414;
    font-family: '1FTV-VIP-Ergisa';
    font-size: 120px;
    font-style: normal;
    text-transform: capitalize;
    line-height: 1;
    margin-left: -40%;
    margin-bottom: -45px
}

.title-about-2 {
    font-family: '1FTV-VIP-High-Spirited';
    font-size: 100px;
    color: var(--maincolor);
    line-height: 1
}

.view-about {
    font-size: 15px;
    font-weight: 500;
    color: #484340;
    padding: 18px 40px;
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
    border-radius: 5px;
    background: url(../images/xt.png)center no-repeat;
    background-size: 100% 100%
}

.view-about:hover {
    transition: 0.5s ease;
    color: var(--color-4)
}

.view-about:hover svg path {
    fill: var(--maincolor)
}

.header-bottom {
}

.header-bottom .wrap-content {
    padding: 8px 0
}

.header-bottom .menu .wrap-content {
    padding: 0
}

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

.left-header-top {
    width: 45%
}

.box-info-top {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    overflow: hidden
}

.box-info-top p {
    margin-bottom: 0;
    animation: slideAnimationlinear 8s linear infinite;
    white-space: nowrap
}

.hotline-top {
    font-size: 14px;
    color: var(--color-3) !important;
    max-width: 16%;
    background: url(../images/ICTIME.png)left center no-repeat;
    padding-left: 48px
}

.hotline-top p {
    margin-bottom: 0
}

.hotline-top-2 {
    background-image: url(../images/ICHOTLINE.png);
    padding-left: 40px
}

.hotline-top-2 span {
    font-size: 18px;
    font-weight: 700;
    background: var(--m1);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.title-main-index h2 {
    color: var(--maincolor);
    text-align: center;
    font-family: '1FTV-VIP-Ergisa';
    font-size: 55px;
    text-transform: capitalize;
    margin-bottom: 25px;
    background: url(../images/d1.png)center top no-repeat;
    background-size: auto 74px;
    padding-top: 90px
}

.pic-aboutHome:nth-child(3) {
    margin-top: -205px;
    margin-right: 0
}

.menu {
    display: block;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(11, 80, 189, 1);
    padding: 0
}

.menu.menu-fix {
    height: auto;
    background: rgba(11, 80, 189, 1)
}

.menu.menu-fix .banner-desktop {
    display: none
}

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

.menu.inside {
    position: relative
}

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

.menu.menu-fix a.logo-desktop img {
    max-width: 150px
}

.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 {
    font-size: 1rem;
    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;
    color: var(--main-1, #0C63EB);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    justify-content: center;
    font-size: 20px
}

.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: 10px 0px;
    position: relative
}

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(--main-1, #0C63EB);
    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;
    box-shadow: inset -4px 0px 8px rgba(0, 0, 0, 0.3);
    transition: 0.5s
}

.menu_mobi_active {
    left: 0;
    transition: 0.5s;
    overflow-x: hidden
}

.menu_mobi_add ul {
    list-style: none;
    padding: 0;
    margin-bottom: unset
}

.menu_mobi_add ul li.li-tim, .menu_mobi_add ul li.li-search {
    display: none
}

.menu_mobi_add ul li h2 {
    font-size: 17px;
    margin-bottom: 0
}

.menu_mobi_add ul li b {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px
}

.menu_mobi_add ul li b img {
    display: inline-block;
    vertical-align: top
}

.menu_mobi_add ul li a {
    text-decoration: none;
    color: #FFF;
    display: block;
    border-bottom: 1px solid rgb(132 132 132 / 20%);
    padding: 10px 40px 10px 0;
    margin-left: 20px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px
}

.menu_mobi_add ul li a.active2 {
    color: #999;
    font-weight: bold
}

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

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

.search-res {
    position: relative;
    width: 40px
}

.search-res .icon-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    color: var(--main-1, #0C63EB);
    font-size: 15px;
    margin: 0px;
    margin-top: 0px
}

.search-res .icon-search.active {
    background: lch(88 15.48 262.24);
    border-radius: 100%;
    color: var(--main-1, #0C63EB)
}

.search-res .search-grid {
    position: absolute;
    top: 66px;
    right: 0px;
    width: 0px;
    height: 33px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ebebeb;
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 10%)
}

.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(--main-1, #0C63EB);
    line-height: 33px;
    text-align: center
}

.search-res .search-grid input {
    width: calc(100% - 35px);
    float: right;
    line-height: 31px;
    outline: none;
    border: none;
    color: #666363;
    font-size: 13px;
    padding: unset
}

.search-res .search-grid input::-webkit-input-placeholder {
    color: #ccc
}

.search-res .search-grid input:-moz-placeholder {
    color: #ccc
}

.search-res .search-grid input::-moz-placeholder {
    color: #ccc
}

.search-res .search-grid input:-ms-input-placeholder {
    color: #ccc
}

a.logo-mb {
    display: inline-block;
    margin: auto
}

.head_mobi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 260px
}

.hotline-mobi {
    display: inline-block;
    font-size: 17px;
    color: var(--maincolor) !important;
    border: 1px solid var(--maincolor);
    padding: 4px 11px;
    border-radius: 50vw;
    margin-right: 14px
}

.wrap-serviceHome {
    background: url(../images/bg4.jpg)no-repeat;
    background-size: cover;
    padding: 50px 0 100px
}

.serviceHome {
    position: relative;
    margin: 10px 10px;
    width: calc(25% - 20px);
    display: block
}

.pic-serviceHome {
    margin-bottom: 0;
    display: block;
    border-radius: 50px 50px 0 0;
    position: relative
}

.pic-serviceHome::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    border-radius: 50px 50px 0 0;
    pointer-events: none
}

.info-serviceHome {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 10px;
    text-align: center
}

.name-serviceHome {
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Sofia';
    line-height: normal
}

.desc-serviceHome {
    font-weight: 300;
    letter-spacing: 3.4px;
    text-transform: capitalize;
    font-size: 17px;
    color: #ffff;
    margin-bottom: 0px
}

.wrap-serviceHome .serviceHome {
    width: auto;
    margin: 0
}

.wrap-album {
    padding: 110px 0 50px;
    position: relative
}

.wrap-album::after {
    content: '';
    position: absolute;
    background: url(../images/bg2.png)no-repeat;
    width: 646px;
    height: 504px;
    right: 0;
    bottom: -140px;
    z-index: -1;
    pointer-events: none
}

.wap-album {
    display: grid;
    grid-template-columns: 312px 140px 155px 170px 290px;
    grid-template-rows: 105px 305px 295px 72px 40px;
    grid-auto-columns: 1fr;
    gap: 30px 30px;
    grid-auto-flow: row;
    grid-template-areas: "a1 a1 . . ." "a1 a1 a2 a2 a3" "a4 a5 a5 a6 a6" "a4 . . a6 a6" ". . . a6 a6"
}

.albumHome:nth-child(1) {
    grid-area: a1;
    border-radius: 50vw 50vw 0 0
}

.albumHome:nth-child(2) {
    grid-area: a2
}

.albumHome:nth-child(3) {
    grid-area: a3
}

.albumHome:nth-child(4) {
    grid-area: a4
}

.albumHome:nth-child(5) {
    grid-area: a5
}

.albumHome:nth-child(6) {
    grid-area: a6;
    border-radius: 0 0 50vw 50vw
}

.albumHome {
    display: block;
    position: relative
}

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

.wrap-listPrice {
    padding: 90px 0
}

.box-title-listPrice {
    width: 13%;
    padding-right: 3%;
    padding-top: 7%
}

.title-listPrice {
    position: relative
}

.title-listPrice h2 {
    font-family: '1FTV-VIP-Ergisa';
    font-size: 75px;
    word-break: break-all;
    text-align: center
}

.title-listPrice::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 1px;
    height: 115px;
    background: #524138
}

.slogan-listPrice {
    font-size: 35px;
    letter-spacing: -0.7px;
    text-transform: capitalize;
    font-family: '1FTV-VIP-Ergisa';
    transform: rotate(-90deg);
    transform-origin: bottom right;
    white-space: nowrap;
    height: 200px;
    width: 231px;
    pointer-events: none
}

.wap-listPrice {
    width: 87%;
    border: 1px solid var(--color-3);
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.listPrice {
    width: calc(50% - 10px);
    margin: 0 5px
}

.pic-videoHome {
    position: relative;
    display: block;
    margin-bottom: 0
}

.pic-videoHome::after {
    content: '';
    position: absolute;
    bottom: 14%;
    left: calc(50% - 600px);
    background: url(../images/vd.png)center no-repeat;
    width: 403px;
    height: 91px
}

.wrap-trainHome {
    padding: 60px 0
}

.w-trainHome {
    position: relative
}

.w-trainHome .title-main-index-2 {
    position: absolute;
    top: 0;
    left: calc(50% + 20px);
    right: 0
}

.title-main-index-2 h2 {
    font-family: '1FTV-asbigan';
    padding-top: 76px
}

.wap-trainHome {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -25px
}

.wrap-trainHome .trainHome {
    width: calc(50% - 50px);
    margin: 20px 25px
}

.wrap-trainHome .trainHome:nth-child(2) {
    margin-top: 160px
}

.trainHome {
    position: relative;
    display: block;
    width: calc(50% - 20px);
    margin: 10px 10px
}

.pic-trainHome {
}

.info-trainHome {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.box-trainHome {
    flex: 1
}

.name-trainHome {
    font-size: 27px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 17px
}

.desc-trainHome {
    color: #2B2B2B;
    line-height: 25px;
    -webkit-line-clamp: 4
}

.view-trainHome {
    font-size: 17px;
    text-transform: capitalize;
    color: #000;
    margin-top: 30px;
    display: table;
    padding-left: 16px;
    position: relative
}

.view-trainHome::after {
    content: 'Xem';
    position: absolute;
    top: -13px;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    line-height: 50px;
    text-align: right
}

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

.trainHome:hover .view-trainHome::after {
    transition: 0.5s ease;
    background-color: var(--color-4)
}

.stt-trainHome {
    font-size: 60px;
    color: #141414;
    font-family: '1FTV-asbigan';
    width: 84px;
    border-bottom: 1px solid #000;
    margin-right: 40px;
    position: relative;
    line-height: 1;
    text-align: center
}

.stt-trainHome::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 144px;
    background-color: #000;
    width: 1px
}

.view-more {
    background: var(--maincolor);
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    position: absolute;
    bottom: 36px;
    left: 0;
    right: calc(50% + 25px);
    padding: 17px 10px
}

.view-more:hover {
    transition: 0.5s ease;
    color: var(--color-4)
}

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

.album {
    position: relative;
    display: block;
    width: calc(100%/4 - 20px);
    margin: 10px 10px
}

.pic-album a {
    display: block
}

.wap-album2 {
    position: relative
}

.title-album {
    position: absolute;
    top: -40px;
    left: 42%;
    z-index: 2
}

.title-album p {
    font-size: 120px;
    font-family: '1FTV-VIP-Ergisa';
    color: #E9E9E9;
    line-height: 1;
    margin-bottom: -13px
}

.title-album h2 {
    font-size: 45px;
    font-family: '1FTV-VIP-Ergisa';
    text-transform: capitalize;
    line-height: 1;
    margin-bottom: 0;
    position: relative
}

.title-album h2::after {
    content: '';
    position: absolute;
    right: calc(100% + 16px);
    top: 50%;
    width: 105px;
    height: 1px;
    background: #000
}

.view-more2 {
    position: absolute;
    right: 46px;
    top: 7px
}

.slogan-album {
    font-size: 35px;
    font-family: 'Sofia';
    font-weight: 300;
    letter-spacing: 1.75px;
    text-transform: uppercase;
    color: #363533;
    position: absolute;
    left: 32%;
    bottom: 7%;
    line-height: 42px
}

.slogan-album span {
    display: block;
    padding-left: 50px
}

.wrap-newsHome {
    padding: 30px 0 50px
}

.title-main-index-3 h2 {
    background: none;
    padding: 0;
    font-size: 45px;
    margin-bottom: 7px;
    text-align: right;
    padding-right: 9%
}

.w-newsHome {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.newsBest {
    position: relative;
    display: flex !important;
    flex-wrap: wrap;
    background: #fff;
    margin: 8px 10px;
    padding: 20px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10)
}

.box-newsBest {
    position: relative;
    display: block;
    text-align: center
}

.box-newsBest .name-newsBest {
    font-family: '1FTV-VIP-Ergisa';
    text-transform: uppercase;
    line-height: normal
}

.box-newsBest:hover .name-newsBest {
    transition: 0.5s ease;
    color: var(--color-4)
}

.pic-newsBest {
    border-radius: 0 150px 0 0
}

.info-newsBest {
    flex: 1
}

.name-newsBest {
    color: #2B2B2B;
    font-size: 22px;
    font-family: 'Sofia';
    margin-bottom: 3px
}

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

.view-newsBest {
    font-size: 17px;
    font-weight: 300;
    color: var(--maincolor);
    letter-spacing: 5.1px;
    font-family: 'Sofia';
    border-top: 1px solid var(--maincolor);
    display: block;
    padding: 11px 0 0;
    margin-bottom: 0
}

.box-newsBest:hover .view-newsBest {
    transition: 0.5s ease;
    color: var(--color-4)
}

.view-newsBest span {
    display: inline-block;
    position: relative;
    padding: 0 34px 0 35px
}

.view-newsBest span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2B2B2B
}

.view-newsBest span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2B2B2B
}

.desc-newsBest {
    color: #575757;
    font-size: 15px;
    font-family: 'Sofia';
    font-weight: 300;
    -webkit-line-clamp: 1;
    margin-bottom: 0
}

.stt-newsBest {
    color: #C7C7C7;
    font-size: 45px;
    font-family: '1FTV-VIP-Ergisa';
    width: 75px;
    margin-right: 10px
}

.slick_ndcn {
    width: 43%
}

.right-newsBest {
    width: 63%;
    margin-left: -6%;
    padding: 45px 90px 30px 0;
    position: relative
}

.right-newsBest::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 270px;
    height: 306px;
    background: #F2F2F2
}

.right-newsBest::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50px;
    width: 310px;
    height: 391px;
    background: url(../images/tt.png)no-repeat;
    background-size: 100% 100%
}

.social-footer {
    padding: 0;
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-direction: row;
    margin: 10px 0 0
}

.social-footer.top {
    flex-direction: row
}

.social-footer a span {
    border: 1px solid var(--main-3, #FFF5C4);
    padding: 0px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center
}

.social-footer a {
    display: block
}

.social-footer a {
    color: var(--main-3, #FFF5C4);
    font-family: "Bai Jamjuree";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 12px
}

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