/* inter-300 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v20-latin_vietnamese-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v20-latin_vietnamese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v20-latin_vietnamese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v20-latin_vietnamese-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v20-latin_vietnamese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v20-latin_vietnamese-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v20-latin_vietnamese-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* plus-jakarta-sans-300 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/plus-jakarta-sans-v12-latin_vietnamese-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-regular - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/plus-jakarta-sans-v12-latin_vietnamese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-500 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/plus-jakarta-sans-v12-latin_vietnamese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-600 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/plus-jakarta-sans-v12-latin_vietnamese-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-700 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/plus-jakarta-sans-v12-latin_vietnamese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* roboto-condensed-300 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v31-latin_vietnamese-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-regular - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v31-latin_vietnamese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-500 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-condensed-v31-latin_vietnamese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-600 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-condensed-v31-latin_vietnamese-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-700 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v31-latin_vietnamese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-800 - latin_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-condensed-v31-latin_vietnamese-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.fs-20 {
    font-size: 20px;
}

.bg-dark-black {
    background: black;
}

.fw-600 {
    font-weight: 600;
}
/*--------------------------------------------------------------------------
|  Header
--------------------------------------------------------------------------*/
body {
    font-family: 'Plus Jakarta Sans';
    /*font-family: 'Roboto Condensed';*/
    
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1920;
    background: rgb(0 0 0 / 75%);
    transform: translateY(0);
    transition: all .5s;
}
.is-mobile header {
    transform: translateY(0) !important;
}
header.fix {
    transform: translateY(-60px);
}

.home header {
    background: transparent;
}

.setting-menu > .container > .row > div ,
.setting-menu > .no-gutters > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.setting-menu .action-header {
    display: flex;
    align-items: center;
    padding-right: 3rem;
}
.setting-menu .logo-section {
    padding: 0 30px;
}
.setting-menu .account {
    color: var(--color-text-menu);
    padding: 14px 10px;
}

.setting-menu .btn-call {
    padding: 14px 10px;
    color: var(--black);
}
.setting-menu .btn-call i {
    font-size: 1.3rem;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-text-menu);
    border-radius: 50%;
}
.setting-menu .account i.fa-user-circle {
    font-size: 24px;
}

.language-picker {
    display: block;
    padding: 15px 0;
    padding: 0;
}
    
.container-menu .row-menu {
    justify-content: center;
}
.container-menu .column .title {
    color: var(--white);
}
.container-menu .column .sub-title {
    color: var(--color-text-menu);
    margin-top: 10px;
}
.container-menu .column img {
    vertical-align: middle;
    width: 180px;
}
.container-menu .column .list-series {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-top: 15px;
}
.container-menu .column .list-series a {
    color: var(--color-text-menu);
    display: block;
    line-height: 24px;
    margin-right: 20px;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.sub-position .entry-menu {
    padding-bottom: 3rem !important;
}
.sub-position .entry-menu a {
    padding-top: 3rem !important;
    padding: 0;
}

.wrap-member {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: hsla(0, 0%, 5%, .9);
    display: none;
    text-align: right;
    padding: 20px 30px;
    transition: all 0.05s ease;
}
.wrap-member a {
    color: var(--color-text-menu);
}
.wrap-member a:hover {
    color: var(--white);
}

.wrap-member .user-menu {
    display: flex;
    flex-direction: column;
    text-align: left;
    float: right;
}

.logo-mb {
    display: none;
}


/*--------------------------------------------------------------------------
|  Main
--------------------------------------------------------------------------*/
.home .section .video-ss2,
.home .section .video-ss3-1,
.home .section .banner-ss3 {
    max-width: 1200px;
    margin: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8rem 2rem;
}

.watch-section .no-gutters {
    width: 100%;
}

.video-home, 
.banner-home {
    width: 100%;
    object-fit: cover;
}

.desc-section {
    margin-bottom: 30px;
    font-size: 16px;
}
.banner-text {
    margin: 0 auto;
    font-size: 1.8rem;
}

.video-ss3 .video-text {
    top: 0;
}

.video-ss3 .slide-right {
    position: absolute;
    top: 27%;
    opacity: 0;
}

.active .video-ss3 .slide-right {
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
    opacity: 1;
}

@keyframes slide-right {
    0% {
        left: -200%;
    }

    100% {
        left: -70px;
    }
}

.video-ss3 .slide-left {
    position: absolute;
    opacity: 0;
}

.active .video-ss3 .slide-left {
    -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
    animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
    opacity: 1;
}

.img-right-top {
    top: 28%;
}

.img-right-bot {
    top: 53%;
}

@keyframes slide-left {
    0% {
        right: -200%
    }

    100% {
        right: -70px
    }
}


.animate__heartBeat {
    animation-duration: 1.3s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out;
}
.animate__slower {
    animation-duration: 3s !important;
}
.animate__infinite {
    animation-iteration-count: infinite;
}
.animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}


.constitute {
    display: block !important;
}
#video-constitute {
    width: 100%;
    vertical-align: middle;
}
.video-ss3 .video-text {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    z-index: 1;
    color: var(--white);
}
.constitute-dot {
    border-radius: 50%;
    position: absolute;
    display: none;
    cursor: pointer;
}
.constitute-dot img {
    position: unset;
    object-fit: contain;
    max-width: 100%;
}
.constitute-dot.dot-1 {
    left: 35%;
    top: 42%;
    width: 4.2%;
}
.constitute-dot.dot-2 {
    left: 60%;
    top: 31%;
    width: 3.8%;
}
.constitute-dot.dot-3 {
    left: 62%;
    top: 43%;
    width: 3.2%;
}
@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}
.constitute .drawer {
    position: fixed;
    width: 35%;
    max-width: 600px;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100vh;
    z-index: 1930;
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    overflow: hidden;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.51, 0.82);
}
.constitute .back-drop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-color: rgb(0 0 0 / 50%);
    transition: all 0.25s ease-in-out;
    z-index: 1930;
    opacity: 0;
    filter: opacity(0);
    visibility: hidden;
}
.constitute .drawer.open {
    transform: translate3d(0, 0, 0);
}
.constitute .back-drop.open {
    opacity: 1;
    filter: opacity(1);
    visibility: visible;
}
.constitute .drawer .close {
    padding: 30px 15px;
    display: table;
    width: 100%;
}
.constitute .drawer-body {
    padding: 0 10%;
    overflow-y: auto;
}
.constitute .btn-bottom {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
.constitute .title-constitute {
    color: #525252;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
    font-weight: 500;
}
.constitute .title-paragraph {
    color: #525252;
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    font-weight: 500;
}
.constitute .item-paragraph .desc {
    color: #a2a1a1;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}

.constitute .swiper-slide {
    height: auto;
}
.constitute .swiper-button-prev, 
.constitute .swiper-button-next {
    position: unset;
    transform: unset;
}
.constitute .btn-left {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.constitute .btn-right {
    display: flex;
    flex-direction: row-reverse;
    gap: 15px;
}
.constitute .btn-right i {
    font-size: 25px !important;
}
.constitute .btn.btn-booking {
    width: 140px;
}
.constitute .learn-more {
    color: var(--color-highlight);
    font-size: 12px;
}


#modal-booking .form-control {
    border-radius: 5px !important;
    border: 1px solid var(--gray);
}
#modal-booking .btn-submit {
    padding: 1rem 2rem;
    border-radius: 2rem;
}
.btn-submit:hover {
    background-color: var(--color-highlight-hover);
    color: var(--white);
}


.video-ss4 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*min-height: 100vh;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8rem 0;
}

.video-ss4 .swiper {
    width: 70%;
    margin: auto;
    padding: 0 40px;
}
.video-ss4 .swiper-pagination {
    bottom: 68%;
}
.video-ss4 .swiper-pagination .swiper-pagination-bullet {
    width: 100px;
    height: 3px;
    border-radius: 2px;
    background-color: #a1a2a2;
    opacity: 1;
}
.video-ss4 .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #181818;
}
.video-ss4 .swiper-button-prev, 
.video-ss4 .swiper-button-next {
    top: 70%;
}
.video-ss4 .item-video {
    text-align: center;
}
.ratio-video-ss4 {
    width: 100%;
    border-radius: 3rem;
    margin-top: 100px;
}
.bg-light-explore {
    background-color: #f9f8f7;
}
.banner-ss3 {
    position: relative;
    padding: 8rem 0;
}
.ellipse-img {
    margin-top: 5rem;
}
.banner-run .ellipse-img ,
.banner-ss3 .ellipse-img {
    height: 100px;
    width: 100%;
}
.banner-run {
    max-width: 1200px;
    margin: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.banner-run .wrap-banner {
    margin: 80px auto;
}
.is-mobile .banner-run {
    min-height: auto;
    padding: 50px 0 0;
}



/*anh chay ngang*/
.image-wall{
    width:100%;
    overflow: hidden;
    position: relative;
}
.image-wall:before,
.image-wall:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    z-index: 1;
}
.image-wall:before {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .7), transparent);
    left: 0;
}
.image-wall:after {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, .7), transparent);
    right: 0;
}
.marquee{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    gap: 8px;
    margin-bottom: 10px;
}
.marquee-item {
    aspect-ratio: 1;
    border-radius: 4px;
    flex-shrink: 0;
    overflow: hidden;
    width: 16%;
}

.marquee-item img {
    vertical-align: middle;
    height: 100%;
}
.marquee-0 img {
    transform: translateX(0);
}
.marquee-1 img {
    transform: translateX(-10%);
}
.marquee-2 img {
    transform: translateX(-20%);
}
.marquee-3 img {
    transform: translateX(-30%);
}
.marquee-4 img {
    transform: translateX(-40%);
}
.marquee-5 img {
    transform: translateX(-50%);
}
.marquee-6 img {
    transform: translateX(-60%);
}
.marquee-7 img {
    transform: translateX(-70%);
}
.marquee-8 img {
    transform: translateX(-80%);
}
.marquee-9 img {
    transform: translateX(-90%);
}


.wall-7 .marquee-0 img {
    transform: translateX(0);
}
.wall-7 .marquee-1 img {
    transform: translateX(-14.28571428%);
}
.wall-7 .marquee-2 img {
    transform: translateX(-28.57142856%);
}
.wall-7 .marquee-3 img {
    transform: translateX(-42.85714284%);
}
.wall-7 .marquee-4 img {
    transform: translateX(-57.14285712%);
}
.wall-7 .marquee-5 img {
    transform: translateX(-71.4285714%);
}
.wall-7 .marquee-6 img {
    transform: translateX(-85.71428568%);
}

@media (max-width: 767px) {
    .marquee-item {
        width: 32.2%;
    }
    .marquee-item img {
        width: 1000%;
    }
    
    .article-detail .breadcrumbs-section span {
        display: none;
    }
}
/*end anh chay ngang*/

.wrap-banner {
    position: relative;
    max-width: 100%;
    width: 100%;
}
.wrap-banner:before,
.wrap-banner:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    z-index: 1;
}
.wrap-banner:before {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .7), transparent);
    left: 0;
}
.wrap-banner:after {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, .7), transparent);
    right: 0;
}
.banner-scroll {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner-track {
    display: flex;
    width: max-content;
    animation: scrollBanner 40s linear infinite;
    will-change: transform;
}

.banner-track img {
    display: block;
    flex-shrink: 0;
    width: auto;
    user-select: none;
    pointer-events: none;
}

@keyframes scrollBanner {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}


.section-award {
    padding: 10rem 0;
    text-align: center;
}
.list-award {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 90px;
    color: #181818;
}
.list-award .item-award {
    width: 140px;
}
.list-award .item-award > *{
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
.list-award .desc {
    color: #9b9b9b;
}


#login-modal .form-control {
    border-radius: 3px;
}
.btn-submit {
    border: 1px solid var(--color-highlight);
    background-color: var(--color-highlight);
    border-radius: 3px;
}


.center-lab {
    text-align: center;
    height: 100vh;
    background: black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-direction: column;
    padding-top: 5vw;
}

.center-lab .desc-section {
    font-size: 1.8rem;
    color: white;
}

.center-lab .logo {
    max-height: 4rem;
}

.item-lab {
    position: absolute;
    width: 15rem;
    height: 15rem;
    border-radius: 100%;
    overflow: hidden;
}

.item-lab:nth-child(1) {
    position: relative;
    width: 20rem;
    height: 20rem;
    z-index: 1;
}

.item-lab:nth-child(1) .lab--tile {
    position: absolute;
    inset: 0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.7rem;
}

.center-lab-footer {
    position: relative;
}

.desc-center-lab-footer {
    position: absolute;
    bottom: 2rem;
    color: white;
    font-size: 1.6rem;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
}

.input-clock {
    position: relative;
}

input[type=time]::-webkit-calendar-picker-indicator {
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.clock-img {
  position: absolute;
  right: 1.3rem;
  top: 1.3rem;
  z-index: 0;
}

.form-contact textarea {
    min-height: 10rem;
}

.form-contact .form-control {
    border-radius: .5rem;
}

.box-experience textarea {
    min-height: 17rem;
    border-radius: 2rem;
}

.health-1 h1 {
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: center;
    margin: 0;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg, #5c9bc9, #3d5ec4);
    color: transparent;
    font-weight: bold;
}

.health-2, .health-3 {
    padding-top: 5%;
}

.contrast-box {
    align-items: center;
    /* background: linear-gradient(180deg, #000, #181818); */
    border-radius: 60px 60px 60px 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 20px;
    width: 100%;
    padding-bottom: 5%;
    padding: 3rem;
}

.contrast-img-item img {
    max-width: 40rem;
    width: 100%;
}

.contrast-video-item video {
    max-width: 75rem;
    border-radius: 2rem;
}

.contrast-tab span {
    align-items: center;
    -webkit-background-clip: padding-box, border-box;
    background-clip: padding-box, border-box;
    /* background-image: linear-gradient(90deg, #181818, #181818), linear-gradient(90deg, #7aa6cc, #3d60c5); */
    background-origin: padding-box, border-box;
    border: 1px solid transparent;
    border-radius: 50px;
    display: inline-flex;
    padding: .5rem 2rem;
}

.contrast-video-item {
    margin-top: 3rem;
}

.protect-img-screen img {
    max-height: 40rem;
}

.protect-img-screen {
    text-align: center;
}


/*CSS TRANG KHAM PHA*/
.explore-top {
    max-width: 830px;
    margin: 0 auto;
}

.explore-video-item {
    max-width: 830px;
    margin: 60px auto 0;
}

.explore-video-item video {
    border-radius: 2rem;
    overflow: hidden;
}
.featured-by img {
    margin: 120px 0 100px;
}

.explore-smartbed a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: var(--white);
    text-decoration: underline;
    font-size: 44px;
    font-weight: 500;
    padding: 15px;
    text-align: center;
    display: block;
    z-index: 1;
}


.explore-discover.padding,
.explore-2 {
    padding: 10% 0;
}

.comfortable img {
    width: 45%;
    margin: 6rem auto;
}

.explore-press .article-small {
    background-color: transparent;
}
.article-small {
    align-items: center;
    border-top: 1px solid #e7e7e7;
    display: flex;
    justify-content: flex-start;
    padding: 40px 0;
    width: 100%;
}
.article-small .inner-image {
    border-radius: 10px;
    flex-shrink: 0;
    height: 210px;
    overflow: hidden;
    width: 210px;
}
.article-small .inner-content {
    flex: 1;
    margin-left: 35px;
    background-color: transparent;
}
.article-small .inner-content .article-title {
    color: #181818;
    font-size: 18px;
    line-height: 26px;
}
.article-small .post-date {
    margin-top: 20px;
    color: var(--black);
}
.article-small .article-description {
    line-height: 22px;
    margin-top: 36px;
    color: #9b9b9b;
}
.explore-press .pagination {
    text-align: right;
}
.pagination .page-item {
    border: 0;
}
.explore-press .pagination .page-link {
    padding: 0 1.4rem;
}

.stores-globally {
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 11% 0;
}

.stores-globally .item-stores {
    position: absolute;
    width: 10.5rem;
    height: 10.5rem;
    border: 4px solid #989898;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
}

.stores-globally .item-stores img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    width: 100%;
}

.box-stores {
    padding: 24% 0 22%;
    position: relative;
    text-align: center;
    width: 100%;
}

.box-stores .item-stores:nth-child(1) {
    left: 40%;
    top: 22%;
}

.box-stores .item-stores:nth-child(2) {
    left: 65%;
    top: 22%;
}

.box-stores .item-stores:nth-child(3) {
    left: 46%;
    top: 2%;
}

.box-stores .item-stores:nth-child(4) {
    left: 46%;
    top: 85%;
}

.box-stores .item-stores:nth-child(5) {
    left: 28%;
    top: 65%;
}

.box-stores .item-stores:nth-child(6) {
    left: 65%;
    top: 65%;
}

.box-stores .item-stores:nth-child(7) {
    left: 33%;
    top: 44%;
}

.box-stores .item-stores:nth-child(8) {
    left: 28%;
    top: 22%;
}

.box-stores .item-stores:nth-child(9) {
    left: 40%;
    top: 65%;
}

.box-stores .item-stores:nth-child(10) {
    left: 61%;
    top: 44%;
}

.box-stores .item-stores:nth-child(11) {
    left: 52%;
    top: 22%;
}

.box-stores .item-stores:nth-child(12) {
    left: 52%;
    top: 65%;
}

.box-stores .item-stores:nth-child(13) {
    left: 23%;
    top: 44%;
}

.box-stores .item-stores:nth-child(14) {
    left: 35%;
    top: 2%;
}

.box-stores .item-stores:nth-child(15) {
    left: 35%;
    top: 85%;
}

.box-stores .item-stores:nth-child(16) {
    left: 71%;
    top: 44%;
}

.box-stores .item-stores:nth-child(17) {
    left: 58%;
    top: 2%;
}

.box-stores .item-stores:nth-child(18) {
    left: 58%;
    top: 85%;
}

.box-makes-sleep {
    overflow: hidden;
    padding: 22.1% 0;
    position: relative;
    width: 100%;
}

.item-makes-sleep {
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    z-index: 2;
}

.item-makes-sleep:nth-child(1) {
    left: 26.7%;
    top: 20.5%;
    width: 9%;
}

.item-makes-sleep:nth-child(2) {
    left: 37.5%;
    top: 16.6%;
    width: 10.4%;
}

.item-makes-sleep:nth-child(3) {
    left: 52.2%;
    top: 16.6%;
    width: 10.4%;
}

.item-makes-sleep:nth-child(4) {
    left: 64.7%;
    top: 20.5%;
    width: 9%;
}

.item-makes-sleep:nth-child(5) {
    left: 31.8%;
    top: 38%;
    width: 10.4%;
}

.item-makes-sleep:nth-child(6) {
    left: 43.2%;
    top: 36.4%;
    width: 13.4%;
}

.item-makes-sleep:nth-child(7) {
    left: 57.9%;
    top: 38%;
    width: 10.4%;
}

.item-makes-sleep:nth-child(8) {
    left: 36.5%;
    top: 61.1%;
    width: 10.4%;
}

.item-makes-sleep:nth-child(9) {
    left: 53%;
    top: 61.1%;
    width: 10.4%;
}

.item-makes-sleep:nth-child(10) {
    left: 63.96%;
    top: 61.1%;
    width: 9%;
}

.item-makes-sleep:nth-child(11) {
    left: 26.7%;
    top: 61.1%;
    width: 9%;
}

.makes-user-dot {
    background: #000;
    border-radius: 50%;
    position: absolute;
}

.makes-user-dot:nth-child(12) {
    left: 47%;
    padding-top: 5.8%;
    top: 9%;
    width: 5.8%;
}

.makes-user-dot:nth-child(13) {
    left: 62.5%;
    padding-top: 3.75%;
    top: 16.7%;
    width: 3.75%;
}

.makes-user-dot:nth-child(14) {
    left: 68%;
    padding-top: 2.1%;
    top: 15.7%;
    width: 2.1%;
}

.makes-user-dot:nth-child(15) {
    left: 14%;
    padding-top: 2.1%;
    top: 32%;
    width: 2.1%;
}

.makes-user-dot:nth-child(16) {
    left: 84%;
    padding-top: 2.1%;
    top: 32%;
    width: 2.1%;
}

.makes-user-dot:nth-child(18) {
    left: 17%;
    padding-top: 4.2%;
    top: 45%;
    width: 4.2%;
}

.makes-user-dot:nth-child(19) {
    left: 23.1%;
    padding-top: 7.1%;
    top: 42%;
    width: 7.1%;
}

.makes-user-dot:nth-child(20) {
    left: 69%;
    padding-top: 7.1%;
    top: 42%;
    width: 7.1%;
}

.makes-user-dot:nth-child(21) {
    left: 78%;
    padding-top: 4.2%;
    top: 45%;
    width: 4.2%;
}

.makes-user-dot:nth-child(22) {
    left: 11%;
    padding-top: 2.1%;
    top: 55%;
    width: 2.1%;
}

.makes-user-dot:nth-child(23) {
    left: 24.64%;
    padding-top: 2.1%;
    top: 60%;
    width: 2.1%;
}

.makes-user-dot:nth-child(24) {
    left: 73.28%;
    padding-top: 2.1%;
    top: 60%;
    width: 2.1%;
}

.makes-user-dot:nth-child(25) {
    left: 86.88%;
    padding-top: 2.1%;
    top: 55%;
    width: 2.1%;
}

.makes-user-dot:nth-child(26) {
    left: 30%;
    padding-top: 2.1%;
    top: 82%;
    width: 2.1%;
}

.makes-user-dot:nth-child(27) {
    left: 34%;
    padding-top: 3.75%;
    top: 77%;
    width: 3.75%;
}

.makes-user-dot:nth-child(28) {
    left: 47%;
    padding-top: 5.8%;
    top: 74%;
    width: 5.8%;
}

.makes-user-dot:nth-child(29) {
    left: 62.4%;
    padding-top: 3.75%;
    top: 77%;
    width: 3.75%;
}

.makes-user-dot:nth-child(30) {
    left: 67.9%;
    padding-top: 2.1%;
    top: 82%;
    width: 2.1%;
}

.box-news-center {
    -webkit-background-clip: padding-box, border-box;
    background-clip: padding-box, border-box;
    background-image: linear-gradient(180deg, #181818, #181818), linear-gradient(0deg, transparent, #000);
    background-origin: padding-box, border-box;
    border: 5px solid transparent;
    border-radius: 60px;
}

.swiper-news-center {
    background: linear-gradient(180deg, #000, transparent);
    border-radius: 60px;
    padding: 3rem;
}

.image-news-center {
    border-radius: 3rem;
}

.item-news-center a {
    color: white;
}

.box-corporate select:invalid {
    color: #6c757d;
}

.box-joinus label.up-file {
    font-size: 2.5rem;
}

.box-joinus label.up-file span {
    font-size: 1.4rem;
    margin-left: 1rem;
}

.box-joinus input.up-file {
    width: 13rem;
    height: 13rem;
    border-radius: 1rem;
    display: flex;
    color: transparent;
    position: relative;
}

input[type="file"] {
    display: none;
}

input[type="file"]::file-selector-button {
    display: none;
}

.box-joinus input.up-file:before {
    content: "\f093";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: lightgrey;
    text-align: center;
    font-size: 3rem;
}

#my-hidden {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    animation: hideDiv 8s forwards;
    color: var(--white);
}

#my-hidden .logo-section img {
    max-height: 8rem;
    margin-bottom: 1rem;
}

@keyframes hideDiv {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 25%;
    width: 100%;
    z-index: 2;
}
.btn-action .btn-watch-video {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 16px;
    color: var(--white);
}
.btn-action .btn-watch-video i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background-color: rgba(255, 255, 255, .25);
    border-radius: 50%;
}
.btn-action .btn-shop-now {
    background-color: var(--white);
    border: none !important;
    border-radius: 100px;
    color: #626262;
    font-size: 20px;
    height: 54px;
    line-height: 54px;
    margin-left: 120px;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 230px;
}


.text-patent {
    top: 5%;
    color: white;
    width: 100%;
}

.text-patent .title-section {
    color: var(--color-highlight);
}

.box-title-detail {
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 1px solid;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.faq-main .acc-programs {
    padding-top: 20px;
}
.faq-main .acc-programs > .faq_item:first-child {
    border-top: 1px solid #ebeef5;
}
.faq_item {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ebeef5;
}

.faq_question {
    color: var(--color-black);
    position: relative;
    font-weight: 400;
    font-size: 22px;
    line-height: 48px;
    cursor: pointer;
    padding: 2rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faq_question i {
    transition: all .4s ease-in-out;
}
.faq_question[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.faq_answer .card-body {
    padding-bottom: 2.5rem;
    color: #9b9b9b;
    font-size: 1.6rem;
}

/*--------------------------------------------------------------------------
|  Footer
--------------------------------------------------------------------------*/
footer {
    background-color: #0f0f0f;
    color: #999898;
}

.footer-mid .container > .row > div:first-child {
    /*flex: 0 0 25%;*/
    /*max-width: 25%;*/
}
.footer-mid .container > .row > div:nth-child(2) ,
.footer-mid .container > .row > div:nth-child(3) {
    /*flex: 0 0 20%;*/
    /*max-width: 20%;*/
}
.footer-mid .container > .row > div {
    /*flex: 0 0 17.5%;*/
    /*max-width: 17.5%;*/
}
.socials img {
    width: 26px;
    margin-right: 16px;
}
.btn.btn-booking {
    background-color: var(--color-highlight);
    border-radius: 50px;
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 30px;
    margin-top: 50px;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 180px;
    transition: all .3s;
    padding: 0;
}
.btn.btn-booking:hover {
    background-color: var(--color-highlight-hover);
}

.footer-top {
    text-align: center;
    color: var(--white);
    font-size: 24px;
    padding: 150px 0 120px;
}

.newsletter form {
    width: 220px;
}
.newsletter .form-control {
    background: #393939;
    border: none;
    border-radius: 50px;
    box-sizing: border-box;
    color: #a4a4a4;
    font-size: 14px;
    height: 36px;
    outline: none;
    padding: 8px 20px;
}
.newsletter input::placeholder {
    color: #a4a4a4 !important;
}
.newsletter .btn-newsletter {
    width: 100%;
    border-radius: 50px;
    background-color: var(--color-highlight);
    transition: all .3s;
    color: var(--white);
}
.newsletter .btn-newsletter:hover {
    background-color: var(--color-highlight-hover);
}

.copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    padding: 15px 0 40px;
    border-top: 1px solid #4e4f4f;
    color: #999898;
    font-size: 12px;
    vertical-align: middle;
}

.entire-info-website {
    background: black;
    border-radius: 2rem;
    overflow: hidden;
}

.book-footer {
    padding: 3rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.book-footer .logo-footer img {
    max-height: 2rem;
}

.book-footer .title-footer {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #7aa6cc, #4f8ce8);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2.4rem;
    margin-top: 1rem;
}

.footer-menu-horizon .list-unstyled {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.footer-menu-horizon .list-unstyled li {
    border-right: 1px solid white;
    padding-right: 1rem;
}

.footer-menu-horizon .list-unstyled li a {
    color: white;
}

.footer-menu-horizon .list-unstyled li:last-child {
    border: 0;
    padding: 0;
}

.btn-book {
    font-size: 1.3rem;
}

/*--------------------------------------------------------------------------
|  Responsive
--------------------------------------------------------------------------*/
.is-mobile .setting-menu .logo-section {
    padding-left: 15px;
}
.is-mobile .setting-menu .action-header {
    padding-right: 15px;
}
.is-mobile .language-picker {
    color: var(--black) !important;
    height: auto;
    line-height: normal;
    padding-left: 10px;
    font-weight: 700;
}
.is-mobile .video-one video {
    height: 32vh;
}
.is-mobile .section .video-ss2, 
.is-mobile .section .video-ss3, 
.is-mobile .section .banner-ss3 {
    min-height: auto;
}

.is-mobile .video-ss4 {
    padding: 80px 0;
}
.is-mobile .video-ss4 .swiper {
    width: 100%;
    padding: 0;
}
.is-mobile .video-ss4 .swiper .ratio-video-ss4 {
    width: 70%;
    margin: 80px auto 0;
}
.is-mobile .video-ss4 .swiper-pagination {
    bottom: 52%;
}
.is-mobile .video-ss4 .swiper-button-prev, 
.is-mobile .video-ss4 .swiper-button-next {
    top: 75%;
}
.is-mobile .banner-track {
    width: 160%;
    animation: scrollBanner 40s linear infinite;
}
.is-mobile .title-section {
    font-size: 3.8rem;
}
.is-mobile .banner-ss3 .ellipse {
    width: 60%;
    height: 60px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.is-mobile .list-award {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 50px auto;
}

.is-mobile .constitute .drawer {
    width: 70%;
}
.is-mobile .constitute .drawer .close {
    padding: 15px;
}
.is-mobile .constitute .title-constitute {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 30px;
}

@media (max-width: 1440px) {
    .list-award .item-award {
        margin: 0 12px;
    }
}
@media (max-width: 767px) {
    .is-mobile .setting-menu .action-header {
        padding-right: 0;
    } 
    .is-mobile .wrap-member .user-menu {
        float: left;
    }
    .is-mobile .section .video-ss2, 
    .is-mobile .section .video-ss3, 
    .is-mobile .section .banner-ss3 {
        padding-left: 0;
        padding-right: 0;
    }
    .is-mobile .title-section {
        font-size: 2.5rem;
    }
    
    .container-menu .row-menu > .column {
        margin-right: 0;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 2rem;
    }
    .menu-section .menu-link {
        font-size: 1.6rem;
    }
    .sub-position .entry-menu a {
        padding-top: 0 !important;
    }
    .shop-heka .entry-menu {
        padding-left: 30px !important;
    }
    .menu-section .entry-menu.dropdown ul {
        padding-left: 15px;
    }
    .container-menu .column .title {
        color: var(--color-text-menu);
    }
    .container-menu .column .sub-title {
        font-size: 12px;
    }
    
    .container-menu .column .list-series a {
        margin-right: 0 !important;
        padding: 7px 25px !important;
    }
    .container-menu .column .list-series {
        border-bottom: 1px solid #303030;
    }
    .container-menu .column img {
        margin-top: 10px;
        width: 96px !important;
    }
    
    .container-menu .column > img {
        display: none;
    }
    
    .copyright {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .title-footer {
        font-size: 18px;
        color: var(--white);
        margin-bottom: 0 !important;
        position: relative;
    }
    .title-footer:before,
    .title-footer:after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 15px;
        height: 2px;
        background-color: var(--white);
    }
    .title-footer:after {
        transform: translateY(-50%) rotate(90deg);
    }
    .title-footer.show:after {
        opacity: 0;
    }
    
    .newsletter {
        display: flex;
        flex-direction: column;
    }
    .newsletter .socials {
        order: -1;
        text-align: right;
        padding: 5rem 0 !important;
    }
    .newsletter .title-footer {
        font-size: 2rem;
        color: #747474;
        text-align: center;
    }
    .newsletter .title-footer:before,
    .newsletter .title-footer:after {
        opacity: 0;
    }
    .newsletter .form-control {
        margin-bottom: 25px !important;
    }
    .newsletter form {
        width: 200px !important;
        margin: auto;
    }
    .footer-menu-section {
        border-top: 1px solid #4b4b4b;
        border-bottom: 1px solid #4b4b4b;
        padding: 22px 0;
    }
    .footer-menu-section ul {
        display: none;
    }
    .footer-menu-section ul li {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
    
    .is-mobile #video-constitute {
        transform: scale(1.5);
        display: none;
    }
    .is-mobile .img-change-video {
        display: block !important;
    }
    .is-mobile .constitute-dot {
        display: block;
    }
    
    .is-mobile .constitute .drawer {
        width: 90%;
    }
    .is-mobile .constitute .title-constitute {
        font-size: 16px;
        line-height: 22px;
    }
    .is-mobile .constitute .title-paragraph {
        font-size: 14px;
        line-height: 20px;
    }
    .is-mobile .video-ss4 .swiper-pagination {
        display: none;
    }
    .is-mobile .video-ss4 .swiper .ratio-video-ss4 {
        width: 100%;
        margin: 0;
    }
    .constitute-dot.dot-1 {
        left: 13.333%;
        top: 44.8%;
        width: 13.333%;
    }
    .constitute-dot.dot-2 {
        left: 69.333%;
        top: 34.666%;
        width: 10.666%;
    }
    .constitute-dot.dot-3 {
        left: 61.333%;
        top: 52%;
        width: 8%;
    }
    .is-mobile .banner-track {
        width: 300%
    }
    .is-mobile .banner-ss3 .ellipse {
        width: 100%;
        height: 100px;
        margin-top: 50px;
    }
    
    .is-mobile .list-award {
        justify-content: space-between;
        margin: 20px 0;
    }
    .is-mobile .list-award .item-award {
        margin: 0 0 2rem;
        width: 31%;
    }
    .banner-run .ellipse-img, 
    .banner-ss3 .ellipse-img {
        height: auto;
    }
    
    .is-mobile .section-award {
        padding: 5rem 0;
    }
    
    .is-mobile .comfortable img {
        width: 100%;
    }
    
    .is-mobile .article-small {
        background: #f3f4f3;
        margin-bottom: 2rem !important;
        width: 100%;
        flex-direction: column;
        border-radius: 10px;
        padding: 0;
    }
    .is-mobile .article-small .inner-image {
        width: 100%;
        height: auto;
    }
    .is-mobile .article-small .inner-content {
        width: 100%;
        margin: 0;
        padding: 15px;
    }
    
    .is-mobile .explore-smartbed {
        padding-top: 100%;
        margin: 0 15px;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 30px;
    }
    .is-mobile .explore-smartbed img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
    .explore-smartbed a {
        top: 15%;
        font-size: 24px !important;
    }
    
    .product-image-detail-top .swiper-pagination {
        display: block;
    }
    .product-image-detail-top .swiper-pagination {
        width: 50%;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(53, 53, 53, .15);
        border-radius: 5rem;
        display: flex !important;
        justify-content: center;
        padding: 1rem 2rem;
        align-items: center;
    }
    .product-image-detail-top .swiper-pagination .swiper-pagination-bullet {
        width: 9px;
        height: 9px;
        background: hsla(0, 0%, 100%, .6);
        border-radius: .5rem;
        opacity: 1;
        margin: 0 5px;
    }
    .product-image-detail-top .swiper-pagination .swiper-pagination-bullet-active {
        width: 24px;
        background: hsla(0, 0%, 100%, 1);
    }
    
    .product-info {
        margin-top: 6rem !important;
    }
    
    .is-mobile .swiper-thumbs {
        display: none;
    }
    .is-mobile .product-content-detail {
        margin-top: 5rem;
    }
}
@media (max-width: 562px) {
    @keyframes slide-right {
        0% {
            left: -200%;
        }

        100% {
            left: 0;
        }
    }

    .img-right-top {
        top: 50%;
    }

    .img-right-bot {
        top: 70%;
    }

    @keyframes slide-left {
        0% {
            right: -200%
        }

        100% {
            right: 0;
        }
    }

    .is-mobile .item-lab {
        width: 7rem;
        height: 7rem;
        bottom: 60%;
    }

    .is-mobile .item-lab:nth-child(1) {
        width: 20rem;
        height: 20rem;
        top: -15%;
    }

    .is-mobile .item-lab:nth-child(2) {
        top: 0;
    }

    .is-mobile .item-lab:nth-child(3) {
        top: 12%;
        right: 7%;
    }

    .is-mobile .item-lab:nth-child(4) {
        top: 12%;
        left: 7%;
    }

    .is-mobile .item-lab:nth-child(5) {
        bottom: 59%;
        left: -5%;
    }

    .is-mobile .item-lab:nth-child(6) {
        bottom: 59%;
        right: -5%
    }

    .is-mobile .item-lab:nth-child(7) {
        bottom: 39%;
        right: 7%;
    }

    .is-mobile .item-lab:nth-child(8) {
        bottom: 30%;
    }

    .is-mobile .item-lab:nth-child(9) {
        bottom: 39%;
        left: 7%;
    }

    .desc-center-lab-footer {
        bottom: 0;
        font-size: 1.1rem;
        width: 90%;
    }

    .btn-book {
        min-width: 15rem;
        font-size: .9rem;
    }

    .box-stores {
        padding: 100% 0 22%;
    }

    .box-stores .item-stores:nth-child(1) {
        left: 0;
        top: 0;
    }

    .box-stores .item-stores:nth-child(2) {
        left: 25%;
        top: 0;
    }

    .box-stores .item-stores:nth-child(3) {
        left: 50%;
        top: 0;
    }

    .box-stores .item-stores:nth-child(4) {
        right: 0;
        top: 0;
        left: inherit;
    }

    .box-stores .item-stores:nth-child(5) {
        left: 0;
        top: 25%;
    }

    .box-stores .item-stores:nth-child(6) {
        left: 25%;
        top: 25%;
    }

    .box-stores .item-stores:nth-child(7) {
        left: 50%;
        top: 25%;
    }

    .box-stores .item-stores:nth-child(8) {
        right: 0;
        top: 25%;
        left: inherit;
    }

    .box-stores .item-stores:nth-child(9) {
        left: 0;
        top: 50%;
    }

    .box-stores .item-stores:nth-child(10) {
        left: 25%;
        top: 50%;
    }

    .box-stores .item-stores:nth-child(11) {
        left: 50%;
        top: 50%;
    }

    .box-stores .item-stores:nth-child(12) {
        right: 0;
        top: 50%;
        left: inherit;
    }

    .box-stores .item-stores:nth-child(13) {
        left: 0;
        top: 75%;
    }

    .box-stores .item-stores:nth-child(14) {
        left: 25%;
        top: 75%;
    }

    .box-stores .item-stores:nth-child(15) {
        left: 50%;
        top: 75%;
    }

    .box-stores .item-stores:nth-child(16) {
        right: 0;
        top: 75%;
        left: inherit;
    }

    .box-stores .item-stores:nth-child(17) {
        display: none;
    }

    .box-stores .item-stores:nth-child(18) {
        display: none;
    }

    .center-lab {
        height: 90vh;
    }
    
    .contrast-img-item img, .contrast-video-item video {
        max-width: 35rem;
        margin-bottom: 3rem;
    }

    .title-section, .health-1 h1 {
        font-size: 2.6rem;
    }
}

@media (max-width: 375px) {
    .center-lab {
        height: 125vh;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .stores-globally .item-stores {
        width: 7.5rem;
        height: 7.5rem;
    }

    .box-stores .item-stores:nth-child(1) {
        left: 40%;
        top: 17%;
    }

    .box-stores .item-stores:nth-child(2) {
        left: 65%;
        top: 17%;
    }

    .box-stores .item-stores:nth-child(3) {
        left: 46%;
        top: -4%;
    }

    .box-stores .item-stores:nth-child(4) {
        left: 46%;
        top: 84%;
    }

    .box-stores .item-stores:nth-child(5) {
        left: 28%;
        top: 62%;
    }

    .box-stores .item-stores:nth-child(6) {
        left: 65%;
        top: 62%;
    }

    .box-stores .item-stores:nth-child(7) {
        left: 33%;
        top: 39%;
    }

    .box-stores .item-stores:nth-child(8) {
        left: 28%;
        top: 17%;
    }

    .box-stores .item-stores:nth-child(9) {
        left: 40%;
        top: 62%;
    }

    .box-stores .item-stores:nth-child(10) {
        left: 61%;
        top: 39%;
    }

    .box-stores .item-stores:nth-child(11) {
        left: 52%;
        top: 17%;
    }

    .box-stores .item-stores:nth-child(12) {
        left: 52%;
        top: 62%;
    }

    .box-stores .item-stores:nth-child(13) {
        left: 23%;
        top: 39%;
    }

    .box-stores .item-stores:nth-child(14) {
        left: 35%;
        top: -4%;
    }

    .box-stores .item-stores:nth-child(15) {
        left: 35%;
        top: 84%;
    }

    .box-stores .item-stores:nth-child(16) {
        left: 71%;
        top: 39%;
    }

    .box-stores .item-stores:nth-child(17) {
        left: 58%;
        top: -4%;
    }

    .box-stores .item-stores:nth-child(18) {
        left: 58%;
        top: 84%;
    }
}

@media (max-width: 1000px) {
    .menu-section .menu-link {
        color: white;
    }
}

@media (max-width: 992px) {
    .block-account {
        margin-left: auto;
    }
    .menu-section > ul > li {
        margin-left: 0;
        margin-right: 0;
    }
    .container-menu .column {
        gap: 2rem;
    }
    .container-menu .column img {
        vertical-align: middle;
        width: 140px;
    }
    .container-menu .row-menu > .column:first-child {
        margin-right: 5rem;
    }
    .container-menu .column .list-series a {
        line-height: 24px;
        margin-right: 16px;
        font-size: 12px;
    }
    
    .newsletter form {
        width: 140px;
    }
    .socials img {
        width: 22px;
        margin-right: 12px;
    }
    
    .banner-run .wrap-banner {
        margin-top: 30px;
    }
    .is-mobile .explore-press .title-section {
        margin-bottom: 30px;
    }
}

@media (min-width: 1350px) {
    .desc-center-lab-footer {
        bottom: 10rem;
    }
    
    .center-lab {
       height: 110vh;
    }
}

@media (min-width: 992px) {
    .video-ss4 {
        min-height: 100vh;
    }

    .active .item-lab:nth-child(2) {
        width: 9rem;
        height: 9rem;
        -webkit-animation: item-lab-2 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: item-lab-2 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    @keyframes item-lab-2 {
        0% {
            top: 39%;
            left: 48.5%;
            opacity: 0;
        }

        100% {
            top: 3%;
            left: 32%;
            opacity: 1;
        }
    }

    .active .item-lab:nth-child(3) {
        width: 11.5rem;
        height: 11.5rem;
        -webkit-animation: item-lab-3 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: item-lab-3 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    @keyframes item-lab-3 {
        0% {
            top: 39%;
            right: 46.5%;
            opacity: 0;
        }

        100% {
            top: 3%;
            right: 30%;
            opacity: 1;
        }
    }

    .active .item-lab:nth-child(4) {
        width: 10rem;
        height: 10rem;
        -webkit-animation: item-lab-4 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: item-lab-4 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    @keyframes item-lab-4 {
        0% {
            top: 39%;
            left: 46.5%;
            opacity: 0;
        }

        100% {
            top: 37%;
            left: 29%;
            opacity: 1;
        }
    }

    .active .item-lab:nth-child(5) {
        width: 13rem;
        height: 13rem;
        -webkit-animation: item-lab-5 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: item-lab-5 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    @keyframes item-lab-5 {
        0% {
            top: 39%;
            right: 46.5%;
            opacity: 0;
        }

        100% {
            top: 38%;
            right: 28%;
            opacity: 1;
        }
    }

    .active .item-lab:nth-child(6) {
        width: 13rem;
        height: 13rem;
        -webkit-animation: item-lab-6 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: item-lab-6 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    @keyframes item-lab-6 {
        0% {
            bottom: 39%;
            left: 46.5%;
            opacity: 0;
        }

        100% {
            bottom: -10%;
            left: 32%;
            opacity: 1;
        }
    }

    .item-lab:nth-child(7) {
        bottom: 8%;
        right: 38%;
        width: 7rem;
        height: 7rem;
    }

    .item-lab:nth-child(8) {
        top: 21%;
        left: 18%;
        width: 9rem;
        height: 9rem;
    }

    .item-lab:nth-child(9) {
        bottom: 15%;
        left: 18%;
        width: 9rem;
        height: 9rem;
    }

    .item-lab:nth-child(10) {
        bottom: 4%;
        right: 21%;
        width: 10rem;
        height: 10rem;
    }

    .item-lab:nth-child(11) {
        top: 25%;
        right: 20%;
        width: 8rem;
        height: 8rem;
    }

    .item-lab:nth-child(12) {
        top: 0vw;
        left: 45%;
        width: 10rem;
        height: 10rem;
    }

    .item-lab:nth-child(13) {
        top: 36%;
        left: 4%;
        width: 13rem;
        height: 13rem;
    }

    .item-lab:nth-child(14) {
        bottom: -6%;
        left: 4%;
        width: 11rem;
        height: 11rem;
    }

    .item-lab:nth-child(15) {
        top: 11%;
        right: 9%;
        width: 11rem;
        height: 11rem;
    }

    .item-lab:nth-child(16) {
        bottom: 25%;
        right: 10%;
        width: 11rem;
        height: 11rem;
    }

    .active .scale-in-center {
        -webkit-animation: scale-in-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: scale-in-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    @keyframes scale-in-center {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 1;
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }
    }

    .box-experience {
        width: 80%;
        margin: 0 auto;
    }

    .health-1 h1 {
        width: 30%;
    }
    
}

.share-buttons .share-button:nth-child(1) .share-button-secondary-content {
    transform: translate3d(0, 0, 0);
}


/*Chi tiet bai viet*/
body:not(.is-mobile) .article-detail {
    width: 95%;
    margin: auto;
}

.article-detail .breadcrumbs-section {
    justify-content: center;
    margin-bottom: 18px !important;
}
.article-detail .breadcrumbs-section a {
    color: rgba(0,0,0,.6);
    position: relative;
    font-size: 12px;
    font-weight: 500;
}
.article-detail .breadcrumbs-section span {
    color: rgba(0,0,0,.6);
}
.article-detail .breadcrumbs-section a::after {
    margin-right: .7rem;
    font-weight: 600;
    font-size: 11px;
}
.article-head {
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
}
.article-head h1 {
    font-size: clamp(32px,5vw,48px);
    line-height: 1.2;
    margin-bottom: 2rem;
}
.article-lead {
    max-width: 720px;
    margin: 0 auto 28px;
    font-size: 20px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .6);
}
.article-lead b ,
.article-lead strong {
    font-weight: 600;
}

.read-time {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .6);
    margin-bottom: 20px;
}

.article-author {
    padding: 8px 16px;
    border-radius: 8px;
    background: #eaeaea;
    text-align: left;
    display: inline-flex;
    flex-direction: column;
    font-weight: 500;
    font-size: 13px;
}
.article-author .aac-name {
    font-weight: bold;
    color: var(--color-black);
}
.article-author .author-link {
    margin-left: 5px;
    color: var(--color-black);
}
.article-author .author-link:hover {
    text-decoration: underline;
}

.img-main {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}

.box-table-nav {
    position: sticky;
    top: 6.5rem;
}

.is-mobile .article-detail .article-content {
    margin: 6rem 0rem 0;
}
.is-mobile .article-detail .article-content .table-content-section {
    padding-top: 15px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 10px;
}
@media (max-width: 992px) {
    .article-lead {
        font-size: 1.8rem;
    }
}
@media (max-width: 576px) {
    .title-table-navigation .icon-expand {
        display: block !important;
    }
    .box-table-nav nav{
        display: none;
    }
    .box-table-nav nav.show{
        display: block;
    }
}
/*Chi tiet bai viet*/


/*CHI TIET SAN PHAM*/
.list-service {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5rem 0;
}
.list-service .item-sv {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #9b9b9b;
    font-size: 16px;
}
.list-service .item-sv img {
    width: 30px;
}
.product-detail-head > .row > div:first-child {
    /*flex: 0 0 36.66667%;*/
    /*max-width: 36.66667%;*/
}
.product-detail-head > .row > div:last-child {
    /*flex: 0 0 56%;*/
    /*max-width: 56%;*/
}
.product-detail-head .swiper-thumbs .swiper-slide {
    cursor: pointer;
    border: 1px solid transparent;
    padding: 5px;
    border-radius: 8px;
}
.product-detail-head .swiper-thumbs .swiper-slide img {
    border-radius: 8px;
}
.product-detail-head .swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
    border-color: var(--color-highlight);
}

body:not(.is-mobile) .product-content-detail {
    padding-left: 6rem;
}

.text-note {
    color: #9b9b9b;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.product-detail-top .left-top ,
.product-detail-top .column-right {
    display: none;
}
.product-detail-top.show .left-top ,
.product-detail-top.show .column-right {
    display: block;
}

.product-detail-top {
    box-sizing: border-box;
    transition: all .5s;
    width: 100%;
    z-index: 20;
}
.product-detail-top.show {
    background: #f8f8f8;
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px 20px;
    animation: show .5s forwards;
}
.product-detail-top.hide {
    animation: hide .5s forwards;
}
.product-detail-top.hide.default {
    animation: none;
}
.product-detail-top.show .box-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
}
.product-detail-top.show .left-top {
    color: #181818;
    font-size: 18px;
    margin-right: 60px;
    line-height: 1;
}
.product-detail-top.show .list-service {
    margin: 0;
    margin-bottom: 10px;
}
.product-detail-top.show .list-service .item-sv {
    color: #9b9b9b;
    font-size: 12px;
    margin-right: 20px;
    gap: 5px;
}
.product-detail-top.show .list-service .item-sv img {
    width: 18px;
}
.product-detail-top.show .list-service .item-sv i {
    margin-left: 3px !important;
}

@keyframes hide {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-50px)
    }
}

@keyframes show {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

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


.series-one-product {
    text-align: center;
}
.title-series {
    color: #181818;
    font-size: 44px;
    margin-top: 100px;
    line-height: 1.15;
}
.top-series .desc {
    color: #181818;
    font-size: 18px;
    margin-top: 36px;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}
.series-one-product img {
    margin: 120px auto 0;
}
.series-one-product .column-left,
.series-one-product .column-right {
    text-align: left;
}
.series-one-product .item {
    margin-bottom: 6rem;
}
.series-one-product .item .title {
    color: #181818;
    font-size: 18px;
}
.series-one-product .item .title span {
    color: var(--color-highlight);
}
.series-one-product .item .desc {
    color: #9b9b9b;
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
}

.series-product .video {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 100px auto 0;
    width: 100%;
}
.series-product .item-video {
    width: 550px;
    position: relative;
}
.series-product .item-video video {
    width: 100%;
    overflow: hidden;
    border-radius: 30px;
}
.series-product .item-video .desc {
    color: #9b9b9b;
    font-size: 16px;
    line-height: 22px;
    margin: 35px auto 0;
    text-align: center;
    width: 100%;
}
.series-product .loi-ich {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
    width: 100%;
}
.series-product .loi-ich .item {
    margin-bottom: 50px;
    width: 30%;
}
.series-product .loi-ich .desc {
    color: #9b9b9b;
    font-size: 18px;
    line-height: 24px;
    margin-top: 40px;
    text-align: center;
}
.series-four-product img {
    margin: 30px auto 0;
    width: 900px;
}
.series-five-product img {
    margin: 100px auto 0;
    width: 1200px;
}
.series-five-product .top-series .desc {
    margin-top: 20px;
}


.product-image-detail {
    position: sticky;
    top: 60px;
}
.product-info {
    margin-top: 10rem;
}
.product-info.color {
    display: flex;
}
.product-info.color label {
    margin-bottom: 0;
}
.product-info .list-color {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}


.product-info table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
}
.product-info table td {
    padding: 16px 5px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
}

.item-color {
    width: 20px;
    height: 20px;
    border-radius: 50%;
} 

.compatibility .desc {
    width: 100%;
    max-width: 100%;
}
.compatibility .wrap-compatibility {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.compatibility .split-left {
    width: 42%;
}
.compatibility .split-right {
    width: 50%;
    text-align: center;
}
.list-compatibility .card:first-child {
    border-top: 1px solid #dee2e6;
}
.list-compatibility button {
    color: #181818;
    font-size: 20px;
    font-weight: 400;
    height: 80px;
    line-height: 80px;
    text-align: left;
    padding: 0;
    display: flex;
    align-items: center;
}
.list-compatibility button i {
    margin-left: auto;
    color: #9b9b9b;
    font-size: 18px;
    font-weight: 500;
    transition: all .3s;
}
.list-compatibility button:not(.collapsed) i {
    transform: rotate(180deg);
}
.list-compatibility button img {
    width: 24px;
}
.list-compatibility .card-body {
    color: #9b9b9b;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 25px;
}

.top-series .text {
    color: #181818;
    font-size: 20px;
    margin: 20px auto 0;
    text-align: center;
    width: 100%;
}

.list-material {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 70px 0 0;
}
.list-material .item-material {
    margin: 20px;
    text-align: center;
    width: 140px;
}
.list-material .item-material .title {
    color: #181818;
    font-size: 12px;
    line-height: 18px;
    margin-top: 15px;
}
.materials-item-line {
    flex-basis: 100%;
}

.specifications-info .row {
    justify-content: space-between;
    color: #181818;
    font-size: 20px;
    font-weight: 400;
    margin-top: 50px;
}
.specifications-info [class^="col-"] {
    flex: 0 0 49%;
    max-width: 49%;
}
.specifications-info table {
    border: 1px solid #bab9b9;
    margin-top: 40px;
}
.specifications-info table td {
    /*border-right: 1px solid #e7e7e7;*/
    text-align: center;
    height: 85px !important;
    color: #181818;
    font-size: 18px;
    position: relative;
}

.specifications-info table tr:first-child > td {
    color: #181818 !important;
}
.specifications-info table tr > td:nth-child(2),
.specifications-info table tr > td:nth-child(3) {
    color: #9b9b9b;
}
.other-links .top-series {
    margin-bottom: 30px;
}
.other-links .item-link {
    color: #9b9b9b;
    font-size: 18px;
    line-height: 44px;
    margin-bottom: 0;
}


/*CHI TIET BAI VIET*/
.article-detail .article-content {
    display: flex;  
    flex-wrap: wrap;
    margin: 6rem 3rem 0;
}
.article-detail .article-content .table-content-section {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.article-detail .article-content > .table-content {
    flex: 0 0 66.666%;
    max-width: 66.666%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.article-detail .article-content h2 ~ h3 {
    margin-top: 25px;
}
.article-detail .article-content h3 ~ h4 {
    margin-top: 20px;
}
.article-detail .article-content h2 {
    margin-top: 60px;
    margin-bottom: 20px;
}
.article-detail .article-content h3 {
    margin-top: 40px;
    margin-bottom: 15px;
} 
.article-detail .article-content h4 {
    margin-top: 30px;
    margin-bottom: 10px;
} 

.is-mobile .article-detail .article-content h2 ~ h3 {
    margin-top: 20px;
}
.is-mobile .article-detail .article-content h3 ~ h4 {
    margin-top: 15px;
}
.is-mobile .article-detail .article-content h2 {
    margin-top: 45px;
    margin-bottom: 20px;
}
.is-mobile .article-detail .article-content h3 {
    margin-top: 30px;
    margin-bottom: 14px;
} 
.is-mobile .article-detail .article-content h4 {
    margin-top: 25px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .article-detail .article-content .table-content-section ,
    .article-detail .article-content > .table-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .table-content-icon {
        right: 1.5rem !important;
    }
}

/*CHI TIET BAI VIET*/

@media (max-width: 1400px) {
    .video-ss4 .swiper {
        width: 100%;
    }
    .video-ss4 .swiper .ratio-video-ss4 {
        width: 60%;
    }
    
    .video-ss4 .swiper-pagination {
        bottom: 65%;
    }
    .video-ss4 .swiper-button-prev, 
    .video-ss4 .swiper-button-next {
        top: 75%;
    }
    
    .constitute .drawer .close {
        padding: 15px;
    }
    .constitute .drawer {
        width: 40%;
    }
    
}
@media (max-width: 1200px) {
    .title-series {
        font-size: 38px;
        margin-top: 80px;
    }
    .top-series .desc {
        font-size: 16px;
        margin-top: 25px;
        line-height: 22px;
        width: 100%;
        max-width: 730px;
    }
    .series-one-product .item  {
        margin-bottom: 4rem;
    }
    .series-one-product .item .title {
        font-size: 16px;
    }
    .series-one-product .item .desc {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    
    .series-product .item-video {
        width: 48%;
    }
    .series-product .item-video .desc {
        margin: 20px auto 0;
    }
    .series-product .loi-ich {
        margin-top: 60px;
    }
    .series-product .loi-ich .item {
        margin-bottom: 30px;
    }
    .series-product .loi-ich .desc {
        font-size: 16px;
        line-height: 22px;
        margin-top: 20px;
    }
    .series-four-product img {
        margin: 20px auto 0;
        width: 80%;
    }
    .series-five-product img {
        margin: 60px auto 0;
        width: 80%;
    }
    
    .top-series .text {
        font-size: 18px;
    }
    .list-material .item-material {
        margin: 15px;
        text-align: center;
        width: 110px;
    }
    
    .compatibility .wrap-compatibility {
        margin-top: 60px;
    }
    .list-compatibility button {
        font-size: 16px;
        height: 60px !important;
        line-height: 60px !important;
    }
    .list-compatibility button img {
        width: 20px;
    }
    .list-compatibility .card-body {
        font-size: 14px;
        margin-top: 0;
    }
    
    .specifications-info table td {
        height: 70px !important;
        font-size: 16px;
    }
    .other-links .item-link {
        font-size: 16px;
        line-height: 30px;
    }
    .specifications-info table {
        margin-top: 30px;
    }
    
    .comfortable img {
        margin: 0 auto;
    }
    
    .featured-by img {
        margin: 40px auto 80px;
    }
    
    .explore-smartbed a {
        font-size: 38px;
    }
}
@media (max-width: 992px) {
    .footer-top {
        padding: 60px 0;
    }
    .product-detail-head {
        border-bottom: 1px solid #e7e7e7;
        flex-direction: column;
        margin: 50px auto 0;
        padding: 0 0 100px;
        width: 60%;
    }
    .product-detail-top.show .list-service {
        display: none;
    }
    
    .list-material .item-material {
        margin: 10px;
        text-align: center;
        width: 92px;
    }
    
    .btn.btn-booking {
        width: 150px;
        height: 35px;
        line-height: 35px;
        margin-top: 30px;
    }
    .heka-blissful {
        font-size: 14px;
        margin-top: 15px;
    }
    .socials {
        margin-top: 0 !important;
    }
    
    .explore-top .title-section br {
        display: none;
    }
}

@media (max-width: 767px) {
    .logo-pc {
        display: none;
    }
    .logo-mb {
        display: block;
    }
    .is-mobile .setting-menu {
        background-color: #f4f4f4;
    }
    .setting-menu .account {
        padding: 0;
    }
    header.fix .menu-section.open ,
    header.fix .back-drop{
        height: calc(100vh + 60px);
    }
    .block-account {
        margin-left: auto;
    }
    
    .wrap-member {
        position: fixed;
        width: 35rem;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        text-align: left;
        font-size: 16px;
        height: 100vh;
        z-index: 1100;
        background-color: #181818;
        overflow: auto;
        transform: translate3d(-35rem, 0, 0);
        transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.51, 0.82);
        box-shadow: -0.1rem 0 0.3rem rgb(0 0 0 / 20%);
    }
    .wrap-member.open {
        transform: translate3d(0, 0, 0);
    }
    .wrap-member .menu-top {
        margin: 0;
        margin-bottom: 2rem;
    }
    
    
    
    .list-service {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        border: 1px solid #d9d9d9;
        border-radius: 1rem;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 2rem 3rem;
        width: 100%;
        gap: 2.5rem;
    }
    .list-service .item-sv {
        gap: 2.5rem;
    }
    
    .product-detail-top {
        width: 100%;
        left: 0 !important;
        border-radius: 8px;
    }
    .product-detail-top.show {
        left: 15px !important;
        width: calc(100% - 30px);
    }
    .product-detail-head {
        margin: 20px auto 0;
        padding: 0 0 50px;
        width: 100%;
    }
    .title-series {
        font-size: 24px;
        margin-top: 45px;
    }
    .top-series .desc {
        color: #7c7c7c;
    }
    .series-one-product img {
        margin: 30px auto 0;
    }
    .series-one-product .item {
        margin-bottom: 3rem;
    }
    .series-product .video {
        flex-direction: column;
        margin: 3rem auto 0;
    }
    .series-product .item-video {
        width: 100%;
        margin-bottom: 30px;
    }
    .series-product .item-video video {
        border-radius: 15px;
    }
    .series-product .item-video .desc {
        margin: 15px auto 0;
    }
    .series-four-product img ,
    .series-five-product img {
        width: 100%;
        margin-top: 30px;
    }
    .series-product .loi-ich {
        margin-top: 30px;
        flex-direction: column;
    }
    .series-product .loi-ich .item {
        margin-bottom: 30px;
        width: 100%;
    }
    .series-product .loi-ich .item img {
        width: 100%;
    }
    .list-material {
        margin: 50px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .compatibility .split-left {
        width: 100%;
    }
    .compatibility .split-left .card-body img {
        display: block !important;
        margin: 2rem auto 0;
        width: 92%;
    }
    .compatibility .split-right {
        display: none;
    }
    .specifications-info [class^="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .specifications-info table {
        margin-bottom: 30px;
    }
    .specifications-info table td {
        height: 45px !important;
        font-size: 14px;
    }
    
    .materials-item-line {
        display: none;
    }
    .list-material .item-material {
        margin: 0;
        text-align: left;
        width: 50%;
        border-bottom: 1px solid #e7e7e7;
        padding: 2rem 0;
        display: flex;
        align-items: center;
    }
    .list-material .item-material .img {
        padding-top: 6.5rem;
        width: 6.5rem;
    }
    .list-material .item-material .title {
        width: calc(100% - 6.5rem);
        padding-left: 10px;
        margin: 0;
    }
    
    .banner-run .wrap-banner {
        margin-top: 0;
        margin-bottom: 30px;
    }
    
}
/*CHI TIET SAN PHAM*/

/*TRANG FAQs*/
.banner-faqs {
    position: relative;
}
.banner-faqs .text {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #181818;
    padding: 0 15px;
}
.banner-faqs .title-faq {
    font-size: 52px;
    margin-top: 9%;
    text-align: center;
    width: 100%;
}
.banner-faqs p {
    font-size: 20px;
    line-height: 28px;
    margin: 20px auto 0;
    text-align: center;
    width: 830px;
    max-width: 100%;
}

.banner-warranty .title-page {
    font-size: 48px;
    text-align: center;
    width: 100%;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
}


.warranty-content {
    color: #9b9b9b;
    margin-bottom: 100px;
}
.warranty-content h2{
    font-size: 22px;
    margin-top: 60px;
    margin-bottom: 20px;
    color: #181818;
}
.warranty-content h3 {
    font-size: 18px;
    margin-top: 40px;
    color: #181818;
}
.warranty-content .text-top p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}
.warranty-content p,
.warranty-content ul {
    line-height: 24px;
}
.warranty-content table {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;
}
.warranty-content table tbody > tr:first-child td {
    color: #181818;
    font-size: 16px;
}
.warranty-content table tbody > tr:first-child {
    color: #181818;
}
.warranty-content table colgroup col,
.warranty-content table tbody > tr > td {
    width: 25% !important;
}
.warranty-content table td {
    height: 68px !important;
    padding: 5px 15px;
}
.warranty-content .service-content-title {
    color: #181818;
    font-size: 18px;
}
.warranty-content .service-content-col {
    line-height: 22px;
    margin-top: 25px;
}

.list-term {
    display: flex;
    justify-content: space-between;
    text-align: center;
    gap: 10px;
    padding: 150px 0 100px;
}
.list-term .title {
    color: #181818;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 22px;
    text-align: center;
}

.color-text {
    color: var(--color-text);
}


.warranty-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
}
.warranty-table.warranty-table-col-4 {
    grid-template-columns: repeat(4, 1fr);
}
.warranty-table .warranty__title {
    padding: 24px 32px;
    font-size: 18px;
    border-bottom: 1px solid #e7e7e7;
    color: #181818;
}
.warranty-table .warranty__item:first-child .warranty__title ,
.warranty-table .warranty__item:first-child .warranty__content {
    padding-left: 0;
}
.warranty-table .warranty__item:not(:last-child){
    border-right: 1px solid #e7e7e7;
}

.warranty-table .warranty__content {
    padding: 40px 32px;
    flex: 1;
}
.warranty-table .warranty__note {
    font-size: 14px;
    line-height: 22px;
    margin-top: 40px;
}
.warranty-content .service-content-normal {
    line-height: 22px;
    margin-top: 25px;
}

.article-warranty .contact {
    color: #9b9b9b;
    font-size: 16px;
}
.article-warranty .contact .text {
    color: #181818;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}

.is-mobile .list-term {
    padding: 100px 0 80px;
}

@media (max-width: 767px) {
    .warranty-table {
        display: block;
        margin-bottom: 3rem;
    }
    .warranty-table .warranty__item {
        padding: 3rem 0;
        border-bottom: 1px solid #cfcfcf;
        color: #181818;
        font-size: 16px;
        line-height: 20px;
        margin-top: 20px;
        border-right: 0 !important;
    }
    .warranty-table .warranty__content {
        padding: 20px 0 0;
    }
    .warranty-table .warranty__title {
        padding: 0;
        font-size: 2rem;
        border-bottom: 0;
    }
    .warranty-table .warranty__note {
        font-size: 14px;
        line-height: 2rem;
        margin-top: 1.5rem;
    }
    
    .warranty-content h2 {
        line-height: 1.6;
    }
    
    .is-mobile .warranty-content .service-table {
        overflow-x: auto;
        margin-bottom: 30px;
    }
    .is-mobile .warranty-content .service-table .table-row {
        width: auto;
    }
    .is-mobile .warranty-content table colgroup col, 
    .is-mobile .warranty-content table tbody > tr > td {
        width: 50% !important;
        min-width: calc(50vw - 15px);
    }
    .is-mobile .article-warranty .contact .text {
        font-size: 16px;
    }
}

/*TRANG TIN TUC*/
.page-news .block-tab {
    padding: 30px 0;
    gap: 15px;
}
.page-news .effect-nav li a {
    transition: all .3s;
    border-radius: 30px;
    border: 1px solid var(--color-text);
}
.page-news .effect-nav li a:after {
    opacity: 0;
}
.page-news .effect-nav li a.active, 
.page-news .effect-nav li a:hover {
    background-color: var(--color-highlight);
    border: 1px solid var(--color-highlight);
}

.btn-view-more {
    display: inline-block;
    border: 1px solid var(--color-highlight);
    border-radius: 30px;
    padding: 10px 25px;
    font-weight: 600;
    transition: all .3s;
}
.btn-view-more:hover {
    background-color: var(--color-highlight);
    color: var(--white);
}

@media (max-width: 767px) {
    .is-mobile .article-item {
        display: flex;
        align-items: center;
    }
    .is-mobile .article-item .inner-image {
        position: relative;
        aspect-ratio: auto;
        flex: 0 0 110px;
        height: 110px;
        border-radius: 4px;
    }
    .is-mobile .article-item .inner-image .ratio-4-3 {
        padding-top: 100% !important;
    }
    .is-mobile .article-item .inner-content {
        background-color: var(--light);
        padding: 1rem;
    }
    .is-mobile .article-item .article-description,
    .is-mobile .article-item .post-date {
        display: none;
    }
}
/*TRANG TIN TUC*/

@media (max-width: 1200px) {
    .list-term img {
        vertical-align: middle;
        width: 78px;
    }
    .list-term .title {
        font-size: 20px;
        line-height: 26px;
        margin-top: 22px;
    }
}
@media (max-width: 767px) {
    .banner-faqs .text {
        color: var(--white);
    }
    .banner-faqs .text p {
        font-size: 1.6rem;
        line-height: 2rem;
        margin: 3rem auto 0;
    }
    
    .is-mobile .faq_question {
        font-size: 16px;
        line-height: 20px;
    }
    .banner-warranty .title-page {
        font-size: 36px;
        line-height: 42px;
    }
    .is-mobile .list-term {
        padding: 3rem;
        flex-direction: column;
        margin: 3rem 0;
        background-color: #f5f6fa;
        border-radius: 10px;
    }
    .is-mobile .list-term .item-term {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .is-mobile .list-term .item-term img {
        width: 3.5rem;
    }
    .is-mobile .list-term .title {
        font-size: 16px;
        line-height: 20px;
        margin-top: 0;
    }
    
}
/*TRANG FAQs*/
.product-content-detail .btn-booking.btn-contact-phone {
    background: #fff;
    border: 1px solid var(--color-highlight);
    color: var(--color-highlight);
}