@charset "UTF-8";
/*
Theme Name: QQ Theme
Theme URI: https://facebook.com/nguyentranquang45th
Author: the WordPress team
Author URI: https://facebook.com/nguyentranquang45th
Description: This theme designed by Nguyen Tran Quang
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
Text Domain: qqtheme
*/
@charset "utf-8";

@font-face {
    font-family: mainfont;
    src: url(fonts/SVN-Gotham-Book.otf);
    font-weight: normal
}

@font-face {
    font-family: titlefont;
    src: url(fonts/SVN-Aptima.ttf);
    font-weight: normal
}

@font-face {
    font-family: titlefont;
    src: url(fonts/SVN-Aptima-bold.ttf);
    font-weight: bold
}

@font-face {
    font-family: mainfont;
    src: url(fonts/SVN-Gotham-Regular.otf);
    font-weight: 500
}

@font-face {
    font-family: mainfont;
    src: url(fonts/SVN-Gotham-Bold.otf);
    font-weight: bold
}

:root {
    --normal-color: #000000;
    --second-color: #732A14;
    --third-color: #282829;
    --four-color: #F2EEE2;
    --active-color: #222B65;
    --deactive-color: #ABABAB;
    --lightbg-color: #F0EBE1;
    --extra-small-font-size: 12px;
    --small-font-size: 14px;
    --normal-font-size: 17px;
    --big-font-size: 36px;
    --extra-font-size: 46px;
    --max-width-container: 1160px;
    --maxsmall-width-container: 760px;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    color: var(--second-color)
}

img {
    object-fit: cover;
    height: auto;
    vertical-align: bottom;
    max-width: 100%
}

p.viewmore a,
.wp-block-columns p a {
    position: relative;
}

p.viewmore a::after,
.wp-block-columns p a::after {
    content: "";
    padding-left: 15px;
    font-size: var(--subtitle-font-size);
}

h1 {
    font-family: mainfont;
    font-size: var(--extra-font-size);
    font-weight: normal
}

h2 {
    font-family: mainfont;
    margin: 5px 0;
    line-height: 36px
}

h3,
h4,
h5,
h6 {
    font-family: fsld;
    font-size: var(--big-font-size);
    margin: 0
}

li {
    padding-bottom: 5px
}

.margintop-50 {
    margin-top: -50px;
}

.wp-block-columns.alignnormal {
    align-items: normal !important;
}

.wp-block-columns.aligncenter {
    align-items: center !important;
}

.wp-block-columns.paddingleft .wp-block-column:first-child {
    padding-left: calc((100vw - var(--max-width-container)) / 2);
}

.wp-block-columns.itineraryimage .wp-block-image {
    height: 100%;
}

.paddingright {
    padding-right: calc((100vw - var(--max-width-container)) / 2);
}

.ghostkit-tabs-buttons {
    justify-content: center;
    border-bottom: none;
}

.ghostkit-tabs-buttons .ghostkit-tabs-buttons-item {
    border: none;
    border-right: 1px solid #d9d9d9;
    border-radius: 0
}

.ghostkit-tabs-buttons .ghostkit-tabs-buttons-item:last-child {
    border-right: none;
}

figure img {
    width: 100%;
}

.boldtext {
    font-weight: bold;
    letter-spacing: normal;
}

.bigtext {
    font-size: var(--big-font-size);
}

.extratext {
    font-size: var(--extra-font-size);
}

.width100 {
    width: 100%;
}

.width95 {
    width: 95%;
}

.width90 {
    width: 90%;
}

.width85 {
    width: 85%;
}

.width80 {
    width: 80%;
}

.width75 {
    width: 75%;
}

.width70 {
    width: 70%;
}

.width65 {
    width: 65%;
}

.width60 {
    width: 60%;
}

.width55 {
    width: 55%;
}

.width50 {
    width: 50%;
}

.width45 {
    width: 45%;
}

.width40 {
    width: 40%;
}

.width35 {
    width: 35%;
}

.width30 {
    width: 30%;
}

.width25 {
    width: 25%;
}

.width20 {
    width: 20%;
}

.width15 {
    width: 15%;
}

.orderfirst {
    order: -1;
}

.flexcontainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    background-color: var(--four-color);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.graycontainer {
    padding: 50px 0;
    background-repeat: no-repeat;
}

.container {
    width: 100%;
    max-width: var(--max-width-container);
    margin: 0 auto;
    overflow: hidden;
}

.smallcontainer {
    width: 100%;
    max-width: var(--maxsmall-width-container);
    margin: 0 auto 50px auto;
    text-align-last: center;
}

.title {
    font: var(--big-font-size) fsld;
    color: var(--active-color);
    position: relative;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    margin-bottom: 30px
}

.gallerytitlehomepage {
    font: var(--big-font-size) mainfont;
    color: var(--active-color);
    position: relative;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 30px;
    font-weight: normal;
}

.titleleft {
    font: 400 36px fsld;
    color: var(--active-color);
    text-align: left;
    padding-top: 10px;
    position: relative;
    font-weight: normal;
    text-transform: uppercase;
}

.package-highlights-title {
    font: var(--big-font-size) mainfont;
    color: var(--active-color);
    padding: 30px 0;
    position: relative;
    font-weight: normal;
    text-transform: uppercase;
}

.inclusiontitle {
    font: var(--big-font-size) mainfont;
    color: var(--active-color);
    padding: 50px 0 0 0;
    position: relative;
    font-weight: normal;
    text-transform: uppercase;
}

.personalized-title {
    font: var(--big-font-size) mainfont;
    color: var(--active-color);
    padding: 50px 0 0 0;
    position: relative;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center
}

.titleyellow {
    font: 600 var(--large-font-size) mainfont;
    color: var(--second-color);
    letter-spacing: 2px;
    padding: 50px 0 0 0
}

.smalltitle {
    font-family: mainfont;
    color: var(--active-color);
    font-weight: 500;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: var(--normal-font-size);
}

.smalltitleleft {
    font-size: var(--subtitle-font-size);
    font-family: mainfont;
    text-align: left;
    text-transform: uppercase;
    color: var(--active-color);
    line-height: 24px;
    font-weight: normal;
    padding: 0 0 10px
}

body {
    font: var(--normal-font-size) mainfont;
    color: var(--normal-color);
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 0;
    margin: 0;
    line-height: 26px;
    text-align: justify;
    font-style: normal;
    font-weight: 400;
}

.textcenter {
    text-align: center;
}

.textleft {
    text-align: left !important;
}

.heightscreen {
    height: 100vh;
}

.subpagetitle {
    font: var(--big-font-size) fsld;
    color: var(--active-color);
    position: relative;
    padding: 50px 0 10px 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 46px
}

.subpagetitledeal {
    font: var(--big-font-size) mainfont;
    color: var(--active-color);
    position: relative;
    padding: 50px 0 30px 0;
    text-transform: uppercase;
    text-align: center;
}

.grid12col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 30px
}

.grid1col {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    gap: 30px
}

.grid2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 30px
}

.grid3col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    grid-gap: 30px
}

.grid4col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 10px
}

.grid5col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 20px
}

.grid6col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 20px
}

.grid7col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 20px
}

.grid8col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 20px
}

.grid9col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 20px
}

.grid10col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 20px
}

.grid11col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 20px
}

.item2row {
    grid-row: auto / span 2;
}

.item3row {
    grid-row: auto / span 3;
}

.item4row {
    grid-row: auto / span 4;
}

.item5row {
    grid-row: auto / span 5;
}

.item6row {
    grid-row: auto / span 6;
}

.item7row {
    grid-row: auto / span 7;
}

.item2col {
    grid-column: auto / span 2;
}

.item3col {
    grid-column: auto / span 3;
}

.item4col {
    grid-column: auto / span 4;
}

.item5col {
    grid-column: auto / span 5;
}

.item6col {
    grid-column: auto / span 6;
}

.item7col {
    grid-column: auto / span 7;
}

.item8col {
    grid-column: auto / span 8;
}

.item9col {
    grid-column: auto / span 9;
}

.item10col {
    grid-column: auto / span 10;
}

.item11col {
    grid-column: auto / span 11;
}

.item12col {
    grid-column: auto / span 12;
}

.clearfix:after {
    content: '';
    visibility: hidden;
    clear: both;
    display: table;
}

.boxmiddle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font: inherit;
}

.boxbottom {
    position: absolute;
    bottom: 0;
    left: 0;
    font: inherit;
}

.borderbottom {
    border-bottom: 1px solid var(--deactive-color);
}

.closemenumobile {
    width: 100%;
    padding: 10px;
}

.closemenumobile img {
    width: 15px;
    float: right;
}

.contentdichvu {
    text-align: justify;
}

.slick .slickitem picture img {
    width: 100% !important;
}

.slick .slickitem.slick-slide {
    display: block !important;
}

.mobile {
    display: none;
}

.slickblockcontainer {
    position: relative;
}

.slickblockcontainer>a.left {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.7);
    color: #000;
    font-size: 40px;
    z-index: 10;
    padding: 10px 25px;
    border-radius: 40px;
}

.slickblockcontainer>a.right {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.7);
    color: #000;
    font-size: 40px;
    z-index: 10;
    padding: 10px 25px;
    border-radius: 40px;
}

.slickblockcontainer .slideblockitem>img {
    width: 100%;
}

.slickblockcontainer .slideblockitem>a>img {
    width: 100%;
}

.lightvideocontainer {
    display: none;
}

.paddingtop30 {
    padding-top: 30px;
}

.listmenu {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    padding: 10px 0;
}

.listmenu .logo {
    text-align: center;
}

.floatcontainer {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid var(--active-color);
    max-width: 400px;
    right: 0;
    background-color: var(--deactive-color);
    color: #fff;
    border-radius: 10px 0 0 10px;
}

.floatcontainer .floatmenu ul {
    list-style: none;
    padding: 20px;
}

.floatcontainer .floatmenu ul li {
    margin: 10px 0;
}

.floatcontainer .floatmenu ul:hover li i.icon {
    margin-right: 10px;
}

.floatcontainer .floatmenu ul li span {
    display: none;
}

.floatcontainer .floatmenu ul li:hover span {
    color: var(--active-color)
}

.floatcontainer .floatmenu ul:hover li span {
    display: inline;
}

.floatcontainer .floatmenu ul li i.icon img {
    width: 30px;
    vertical-align: middle;
}


/* start */

@font-face {
    font-family: pnova;
    src: url('fonts/Proxima-Bold.otf');
    font-weight: 700;
}

@font-face {
    font-family: pnova;
    src: url('fonts/Proxima-Nova-SemiBold.otf');
    font-weight: 600;
}

@font-face {
    font-family: pnova;
    src: url('fonts/Proxima-Nova-Medium.otf');
    font-weight: 500;
}

@font-face {
    font-family: pnova;
    src: url('fonts/Proxima-Nova-Regulars.otf');
    font-weight: 400;
}

@font-face {
    font-family: fsld;
    src: url('fonts/FS%20Luxia-Display-Semibold.otf');
    font-weight: 600;
}

@font-face {
    font-family: fsld;
    src: url('fonts/FS%20Luxia-Display.otf');
    font-weight: 500;
}

html {
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

body {
    padding: 0;
    margin: 0;
    color: #000;
    background: rgba(243, 243, 232, 1);
    font: pnova;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    transition: all .3s;
}

header .flexcontainer {
    padding: 30px 40px;
    background: rgba(183, 151, 105, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    transition: all 1s;
    box-shadow: none
}

header.shrink .flexcontainer {
    height: 100px;
    justify-content: space-between;
    background: none;
    box-shadow: none;
}

header.shrink.scrolled .flexcontainer {
    height: auto;
    padding: 10px 40px;
    background: rgba(12, 13, 29, .15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

header .flexcontainer .topheadcontainer {
    position: relative;
    display: none;
    transition: all 1s;
}

header .flexcontainer .topheadcontainer.active {
    display: block;
}

header .flexcontainer .logocontainer {
    width: 30%;
    transition: all 1s;
}

header.shrink .flexcontainer .logocontainer {
    width: 175px
}

header.shrink.scrolled .flexcontainer .logocontainer {
    width: 150px
}

header .flexcontainer .logocontainer a img {
    width: 100%
}

header .flexcontainer .topheadcontainer .language {
    display: grid;
    gap: 20px;
    position: absolute;
}

/*@keyframes glow {
    0% {
        box-shadow: 0 0 5px rgba(255, 215, 0, 0.6);
    }

    50% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1);
    }

    100% {
        box-shadow: 0 0 5px rgba(255, 215, 0, 0.6);
    }
}

@keyframes textglow {
    0% {
        text-shadow: 0 0 2px rgba(255, 215, 0, 1), 0 0 5px rgba(255, 215, 0, 1);
    }

    50% {
        text-shadow: 0 0 10px rgba(255, 215, 0, 1), 0 0 20px #ffec8b;
    }

    100% {
        text-shadow: 0 0 2px rgba(255, 215, 0, 1), 0 0 5px rgba(255, 215, 0, 1);
    }
}*/

.topheadcontainer .current-language {
    position: relative;
    cursor: pointer;
}

header .flexcontainer .topheadcontainer .current-language:hover,
header .flexcontainer .topheadcontainer .language div:hover {
    background: rgba(232, 221, 200, 1);
}

.topheadcontainer .current-language:before,
.fixiconright a:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    border-radius: 50%;

    /*animation: glow 1.5s infinite alternate;
     hiệu ứng sáng liên tục */
}

.topheadcontainer .current-language:after,
.fixiconright a:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    border-radius: 50%;

    /*animation: glow 2.5s infinite alternate;
     hiệu ứng sáng liên tục */
}

header .flexcontainer .topheadcontainer .language div,
header .flexcontainer .topheadcontainer .current-language {
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    background: rgba(232, 221, 200, .5);
    text-align: center;
    /*box-shadow: 0 0 10px aliceblue;*/
}

header .flexcontainer .topheadcontainer .language div {
    margin-top: 20px;
    background: rgba(243, 243, 232, 1);
}

header .flexcontainer .topheadcontainer .language div img,
header .flexcontainer .topheadcontainer .current-language #currentLang {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

header ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
    gap: 100px;
}

header ul.active {
    display: flex;
}

header ul li {
    position: relative;
}

header ul li a {
    color: #fff;
    font: 500 16px pnova;
}

header ul li a.active {
    font-weight: 700;
}

#banner .bannerlist picture {
    width: 100%
}

.videobanner {
    margin-bottom: -5px
}

.slickcontainer.video.fullscreen {
    width: 100%;
    overflow: hidden;
}
.listnewsblockcontainer{position: relative;}
.listnewsblockcontainer a.left{position: absolute;top:50%;left: 10px;transform: translateY(-50%);}
.listnewsblockcontainer a.right{position: absolute;top:50%;right: 10px;transform: translateY(-50%);}
.listnewsblockcontainer .newsitem {padding:0 10px;}
.listnewsblockcontainer .newsitem .avatar img{width: 100%;aspect-ratio: 360 / 250;}
.listnewsblockcontainer .newsitem h3{
    font: 700 18px pnova;
    color: rgba(120, 72, 51, 1);
    text-align: left;
    padding:20px 0;
}
.listnewsblockcontainer .newsitem .readmore a{
    position: relative;
    background: url(images/Arrow%201.png) no-repeat center right;
    padding-right: 70px;
    display: inline-block;
    margin-top: 20px;
    color: rgba(120, 72, 51, 1);
}

#banner.video-wrapper .sample{position: absolute;top:100px;left: 50%;transform: translate(-50%,0);width:700px;max-width: 80%;}
#banner.video-wrapper .sample img{width: 100%;}
.sctgiaolo {
    position: relative;
}
.sctgiaolo > picture img{width:100%;}
.sctgiaolo .boxsamplegiaolo {
    position: absolute;
    top: 144px;
    left: 63px;
    max-width: 512px;
    color: #fff;
    padding: 10px;
}

.sctgiaolo .boxsamplegiaolo.reveal {
    opacity: 0;
    transition: all .8s ease;
}

.sctgiaolo .boxsamplegiaolo.reveal.active {
    opacity: 1;
    top: 64px
}

.sctgiaolo .boxsamplegiaolo h2 {
    white-space: nowrap;
    font: 400 32px pnova;
    color: rgba(183, 150, 127, 1);
}

.sctgiaolo .boxsamplegiaolo h2 span.giaolotitleright {
    text-align: right;
    max-width: 253px;
    display: block
}

.sctgiaolo .boxsamplegiaolo h2 p {
    margin: 0;
    padding: 0
}

.sctgiaolo .boxsamplegiaolo h2 strong {
    font: 700 50px pnova;
}

.scttongquan {
    background: rgba(232, 227, 209, 1) url('images/bgrtongquan.png') no-repeat right bottom;
    padding: 32px 60px 190px;
    color: rgba(120, 72, 51, 1);
    font: 700 24px pnova;
}

.scttongquan h1 {
    font: 600 42px fsld;
    color: rgba(183, 150, 127, 1);
    text-align: center;
}

.scttongquan .tongquanlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1684px;
    margin: 0 auto;
    text-align: center;
}

.tongquanlist hr {
    display: block;
    width: 100%;
    margin: 0;border:0;border-top:1px solid rgba(120, 72, 51, 1);
}

.tongquandetail {
    padding: 15px;
    box-sizing: border-box;
    margin: 30px 0;
    display: flex;
    flex: 1 0 32%;
    justify-content: center;
    border-left: 1px solid rgba(120, 72, 51, 1);
}
.sctphaply {
    background: rgba(232, 227, 209, 1) url('images/bgrtongquan.png') no-repeat right bottom;
    padding: 32px;
    color: rgba(120, 72, 51, 1);
    font:18px pnova;
}

.sctphaply h1 {
    font: 600 42px fsld;
    color: rgba(183, 150, 127, 1);
    text-align: center;
}

.sctphaply .phaplylist {
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
}

.phaplylist hr {
    display: none;
    width: 100%;
}

.phaplydetail {
    padding: 0;
    box-sizing: border-box;
    margin:0;
    display: flex;
    flex: 1 0 32%;
	    border-bottom: solid #fff 1px;
}

.tongquandetail p:hover {
    color: #000
}
.tongquandetail.bdr0 {
    border: 0
}

.tongquandetail p {
    margin: 0;
    white-space: nowrap;
}

.tongquandetail p:hover {
    color: rgba(183, 150, 127, 1)
}

.tongquandetail p strong {
    font: 700 24px pnova;
}

.floatcontactcontainer {
    position: fixed;
    right: 40px;
    bottom: 70px;
}

.floatcontactcontainer .listcontact {
    display: grid;
    grid-template-columns: 100%;
    gap: 20px
}

.floatcontactcontainer .listcontact .contactitem a {
    width: 50px;
    height: 50px;
    position: relative;
    display: block;
    border-radius: 50%;
    background: rgba(204, 229, 242, 1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.floatcontactcontainer .listcontact .contactitem a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

section.sctkhampha {
    position: relative;
}
section.sctkhampha > img{width:100%;}
.sctkhampha h2 {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 89px;
    left: 50%;
    transform: translateX(-50%);
    font: 600 42px fsld
}

.sctkhampha a {
    position: absolute;
    top: 80%;
    opacity: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font: 700 24px pnova;
    background: rgba(183, 151, 105, .9);
    text-align: center;
    padding: 17px 100px;
    border-radius: 32px;
    transition: all .3s;
    animation: glow 2.5s infinite alternate;
}

.sctkhampha a.reveal.active {
    transform: translate(-50%, -50%);
    top: 50%
}

.sctkhampha a:hover {
    background: rgba(121, 72, 51, 1);
    color: rgba(183, 150, 127, 1)
}

.scttamdiem .tamdiemsample {
    position: relative;
    max-width: 890px;
    margin: 0 auto;
    display: flex;
    gap: 78px;
    padding: 89px 0 30px;
}

.scttamdiem .tamdiemsample h2 {
    font: 600 42px fsld;
    color:rgba(183, 151, 105, 1);
    white-space: nowrap;
}

.scttamdiem .tamdiemlist {
    position: relative;
	display:flex;
	justify-content: space-around;
}

.scttamdiem .tamdiemlist > img{width: 100%;}
.scttamdiem .tamdiemlist .tamdiemlisttime{
    position: absolute;
    bottom: 0;
    
    padding: 0 10px;
    font: pnova;
    width: 100%;
}
.tamdiemlisttime .listtime-slider{display: flex;justify-content:space-between;
    gap: 10px;}
.tamdiemlisttime .timemove {
    background: rgba(183, 151, 105, 0.5);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(242, 236, 216, 0) 100%);
    text-align: center;
    transition: all .3s;
	padding: 0 5px;
}
.tamdiemlisttime .timemove h3 {
    font: 600 50px fsld;
    color: rgba(183, 151, 105, 1);
    margin-bottom: -18px
}

.tamdiemlisttime .timemove strong {
    font: 700 24px pnova;
    color: rgba(183, 151, 105, 1);
}

.sctdanloi {
    position: relative;
}
.sctdanloi .sctdanloipos{position: absolute;
    left: 50%;
    top: 0;color:inherit;font:inherit;max-width:740px;transform:translate(-50%,80px)!important;}
.sctdanloi > img{width: 100%;}
.sctdanloi h2 {    
    color: rgba(183, 151, 105, 1);
    font: 600 42px fsld;
	text-align:center;
}

.sctliveworkgrow {
    position: relative;
    background:#e8e3d1
}
.sctliveworkgrow .boxoutsizelwg{background:#e8e3d1 url('images/bgrtongquan.png') no-repeat right bottom / 100% auto}
.sctliveworkgrow .liveworkgrowtitle {
    max-width: 1060px;
    margin: 0 auto;
    display: flex;
    gap: 84px;
    align-items: end;
    padding: 149px 0 132px
}

.sctliveworkgrow div p:last-child {
    margin-bottom: 0
}

.sctliveworkgrow div strong {
    font: 700 24px pnova;color:rgba(120, 72, 51, 1)
}

.sctliveworkgrow .listliveworkgrow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3px;

}

.sctliveworkgrow .listliveworkgrow .boxinside {
    position: relative;
}

.sctliveworkgrow .listliveworkgrow .boxinside:hover,
.sctliveworkgrow .listliveworkgrow .boxinside.active {
    opacity: 1;
    animation: glow 2.5s infinite alternate;
}

.sctliveworkgrow .listliveworkgrow .boxinside img {
    width: 100%
}

.sctliveworkgrow .listliveworkgrow .boxinside div {
    position: absolute;
    bottom: 47px;
    left: 44px;
    color: #fff;
    right: 44px;transition:all .5s ease
}
.sctliveworkgrow .listliveworkgrow .boxinside div p{opacity:0;visibility:hidden;transition:all .5s ease;position:relative;top:49px;margin-top:0}
.sctliveworkgrow .listliveworkgrow .boxinside.active div p{opacity:1;visibility:visible;top:0;margin-top:18px}
.sctliveworkgrow .listliveworkgrow .boxinside div h3 {
    font: 500 42px fsld;position:absolute;top:0;transition:all .5s ease
}
.sctliveworkgrow .listliveworkgrow .boxinside.active div h3 {
    top:-49px
}
.scttanhuong {
    background:#e8e3d1 url('images/Group%2048095724.png') no-repeat top left / cover;
    padding: 127px 60px;
    text-align: center;
}

.scttanhuong h2 {
    font: 600 42px fsld;
    color: rgba(120, 72, 51, 1);
    margin-bottom: 101px
}

.sctdiemdenkientao {
    background: rgba(40, 40, 62, 1);
    text-align: center;
    position: relative;
}
.sctdiemdenkientao .sctddktinside{position:relative;background:#e8e3d1}
.sctdiemdenkientao .sctddktinside:after{position:absolute;bottom:0;left:0;width:100%;content:'';height:16%;background: rgba(183, 151, 105, 1);
background: linear-gradient(0deg,rgba(183, 151, 105, 1) 0%, rgba(183, 151, 105, 0) 100%);}
.sctdiemdenkientao .diemdentitle {
    position: absolute;
    top: 0;
    text-align: center;
    color: rgba(35, 31, 32, 1);
    width: 100%;
    left: 0;
    padding: 30px 0 0;
}

.sctdiemdenkientao .diemdentitle h3 {
    font: 700 24px pnova;
    color: rgba(120, 72, 51, 1)
}

.sctdiemdenkientao .diemdentitle h2 {
    font: 600 42px fsld;
    color:rgba(120, 72, 51, 1)
}
.slidediemdenkientao .sliderwrap {
    display: flex;
    width: 100%;
    height: auto; /* chiều cao cố định như Eaton Park */
    overflow: hidden;
    gap: 2px;
}

.slidediemdenkientao .slideinside {
    width: 10%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: width 0.45s cubic-bezier(.25,.46,.45,.94);position:relative;background: rgba(183, 151, 105, 0);
background: linear-gradient(0deg,rgba(183, 151, 105, 0) 0%, rgba(183, 151, 105, 1) 100%);
}
.slidediemdenkientao .slideinside:after{position:absolute;bottom:0;left:0;width:100%;content:'';height:20%;background: rgba(183, 151, 105, 1);
background: linear-gradient(0deg,rgba(183, 151, 105, 1) 0%, rgba(183, 151, 105, 0) 100%);}
.slidediemdenkientao .slideinside.active {
    width: calc(100% - (10% * 5) - 10px); /* 5 ảnh nhỏ + 5 gaps */
}

.slidediemdenkientao .slideinside img {
    height: 100%;
    width: auto;
    display: block;
    margin: 0 auto;aspect-ratio:16/11;
    filter: brightness(0.3);
}
.slidediemdenkientao .slideinside.active img{filter: brightness(1);    width: 100%;}
.sctdiemdenkientao .slidediemdenkientao{padding:96px 0 131px;background: rgb(183, 151, 105);}
.slidediemdenkientao .slideinside .insidesample{position: absolute;width:100%;z-index:1;
  bottom: 0;
  color: #fff;}
.slidediemdenkientao .slideinside .insidesample h4{font:700 14px pnova;transition: all .3s ease}
.slidediemdenkientao .slideinside .insidesample p{opacity:0;visibility:hidden;height:0;transition: all 2s ease;margin-top:0}
.slidediemdenkientao .slideinside.active .insidesample p{opacity:1;height:auto;margin:0;visibility:visible}
.slidediemdenkientao .slideinside.active .insidesample h4{font:700 18px pnova}
.sctcamhung {
    position: relative;
}
.sctcamhung .camhungopacity{position: absolute;top:0;left: 0;right: 0;bottom: 0;background: rgba(183, 151, 105,0.75);}
.sctcamhung > img{width:100%;}
.sctcamhung .camhungsample {
    position: absolute;
    top: 80%;
    left: 50%;
    max-width: 651px;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    transition: all 2s ease;
    opacity: 0;
	width:100%
}

.sctcamhung .camhungsample.active {
    opacity: 1;
    top: 50%
}

.sctcamhung .camhungsample h3 {
    font: 700 24px pnova
}

.sctcamhung .camhungsample h2 {
    font: 600 42px fsld;
    color: #fff
}

/* Container chung */
.sctharmony {
    margin: 100px 0 200px;
    overflow: hidden;
}

.sctharmony #sctharmonytabs ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.sctharmony #sctharmonytabs ul li a {
    position: relative;
    color: rgba(188, 190, 192, 1);
    font: 700 24px pnova;
    transition: all .3s;
	padding:0 20px;
}

.sctharmony #sctharmonytabs ul li a:hover {
    color: rgba(12, 13, 29, 1)
}

.sctharmony #sctharmonytabs ul li a.active {
    color: rgba(183, 151, 105, 1);
    font: 700 24px pnova;
    animation: textglow 2.5s infinite alternate;
}

.sctharmony #sctharmonytabs ul li a:before {
    content: '';
    position: absolute;
    left: -10px;
    height: 80%;
    border-left: 1px solid rgba(188, 190, 192, 1);
    top: 50%;
    transform: translateY(-50%);
	padding:0 30px;
}

.sctharmony #sctharmonytabs ul li:first-child a:before {
    border: 0
}

#sctharmonytabs div.boxoutsidetab {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    height: 0;
    margin: 0;
    text-align: center;
    color: rgba(40, 40, 62, 1)
}

#sctharmonytabs div.boxoutsidetab.active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    height: auto;
    margin-top: 66px;
}

#sctharmonytabs div.boxoutsidetab h3 {
    font: 700 24px pnova;color:rgba(183, 151, 105, 1);
}

#sctharmonytabs div.boxoutsidetab .tabgallery {
    padding: 0 160px 0 120px;
    gap: 20px;
    display: grid;
    grid-template-columns: 319px calc(100% - 339px);
    align-items: center;
    margin-top: 54px;
}
#sctharmonytabs div.boxoutsidetab .tabgallery img {width:70%}
.galleryslide .slick-prev.slick-arrow,
.galleryslide .slick-next.slick-arrow {
    position: absolute;
    left: 38px;
    top: 50%;
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-indent: 9999px;
    background: url('images/buttonprev.png') no-repeat center center;
    cursor: pointer;
}

.galleryslide .slick-next.slick-arrow {
    right: 38px;
    left: auto;
    transform: translateY(-50%) rotate(180deg);
}

.galleryslide ul.slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    gap: 15px;
    justify-content: center;
    align-items: center;
}

.galleryslide ul.slick-dots li button {
    text-indent: 9999px;
    background: rgba(220, 220, 220,0.7);;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.galleryslide ul.slick-dots li.slick-active button {
    width: 10px;
    height: 10px;
    background: rgba(183, 151, 105, 1);
}

.sctmatbang {
    background: #f3f3e8 url('images/bgrmatbang.webp') no-repeat center center / 100% 100%;
    text-align: center;
    padding: 131px 0 169px
}

.sctmatbang h2 {
    font: 400 42px fsld;
    color:rgba(120, 72, 51, 1)
}

.matbangchoose {
    display: flex;
    gap: 60px;
    justify-content: center;
    margin: 50px 0 70px
}

.drdtoanha {
    position: relative;
    background: none;

    border-bottom: 1px solid rgba(188, 190, 192, 1);
    cursor: pointer;
}

.drdtoanha:before {
    position: absolute;
    content: '';
    right: 3px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-right: 1px solid rgba(188, 190, 192, 1);
    border-bottom: 1px solid rgba(188, 190, 192, 1);
    width: 15px;
    height: 15px;
}

.shownametoanha {
    padding: 10px 186px 10px 0;
    color: rgba(40, 40, 62, 1);
}

.shownametoanha:hover {
    background: rgba(188, 190, 192, .2)
}

.boxlistnametoanha {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fafafa;
    border: 1px solid #ddd;
    z-index: 1;
    text-align: left;
    width: 100%;
}

.boxlistnametoanha div {
    padding: 8px 12px;
    cursor: pointer;
}

.boxlistnametoanha div:nth-child(n+2) {
    border-top: 1px dashed #ddd
}

.boxlistnametoanha div:hover {
    background: #f0f0f0;
}

.showmatbangimg img {
    width: 100%;
}
.showmatbangimg .listrooms .room{
    position: absolute;
    cursor: pointer;
}
.showmatbangimg .listrooms .room:hover{
    background: rgba(0,0,0,0.5);
    
}

.sctpartner {
    position: relative;
    max-width: 75%;
    margin: 136px auto 0;
    text-align: center;
}

.sctpartner h2 {
    font: 500 42px fsld;
    color: rgba(120, 72, 51, 1)
}

.sctpartner .listpartner {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
	align-items: center;
    margin: 56px 0;
    transition: all .3s;
	justify-items: center;
    gap: 50px;
}

.sctpartner .listpartner img {
    transition: all .3s;
	    width: 110px;
}

.sctpartner .listpartner img:hover {
    transform: scale(1.3);
}

.sctnews {
    margin: 128px 0 100px
}

.sctnews h2 {
    text-align: center;
    font: 500 42px fsld;
    color: rgba(120, 72, 51, 1)
}

.sctnews .listnews {
    display: flex;
    gap: 30px;
    max-width: 1540px;
    margin: 54px auto 0;
}
.sctnews .listnews .newssample{width:30%;}
.sctnews .listnews .newssample:hover img {
    animation: glow 2.5s infinite alternate;
}

.sctnews .listnews h3 {
    font: 700 18px pnova;
    color: rgba(120, 72, 51, 1);
    text-align: left;
	text-transform: uppercase;
}
.sctnews .listnews p{color:#000}
.sctnews .listnews a {
    position: relative;
    background: url('images/Arrow%201.png') no-repeat center right;
    padding-right: 70px;
    display: inline-block;
    margin-top: 20px;color:rgba(120, 72, 51, 1);
}

.sctnews .listnews .newssample img {
    margin-bottom: 54px;
    aspect-ratio: 490 / 340;
}

.sctother {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px;
    position: relative
}

.sctother .otherbox {
    position: relative;
    opacity: .5;
}

.sctother .otherbox:hover,
.sctother .otherbox.active {
    opacity: 1;
    animation: glow 2.5s infinite alternate;
}

.sctother .otherbox img.otherimg {
    width: 100%
}
.sctother .otherbox img.othericon {
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
	width:auto;height:auto
}
.sctother .otherbox h3 {
    position: absolute;
    bottom: 40px;
    text-align: center;
    color: #fff;
    font: 600 24px fsld;
    width: 100%
}

.sctother .otherboxfullscreen.otherbfs3 {
    display: none
}

.sctother .otherboxfullscreen.otherbfs1 img {
    width: auto;
    height: calc(100vh - 180px);
    display: block;
    margin: 0 auto
}

.sctother .otherboxfullscreen.otherbfs1 .otherboxinside1 .slick-slide {
    text-align: center
}
.sctother .otherboxfullscreen.otherbfs1 .otherboxinside1 .gallery-item{
    position: relative;
}
.sctother .otherboxfullscreen.otherbfs1 .otherboxinside1 .gallery-item .imagetitle{
    position: absolute;
    left: 0;width: 100%;bottom: 0;
    text-align: center;
    padding:20px 0;
    color:#fff;
}

.sctother .otherboxfullscreen.otherbfs1 .otherboxinside1 .slick-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 1;
    text-indent: 9999px;
    background: none;
    padding: 0;
    top: 50%;
    transform: translatey(-50%);
    background: url('images/icon-back.png') no-repeat center center;
    border: 0;
    left: 60px
}

.sctother .otherboxfullscreen.otherbfs1 .otherboxinside1 .slick-next {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 1;
    text-indent: 9999px;
    background: none;
    padding: 0;
    top: 50%;
    transform: translatey(-50%);
    background: url('images/icon-next.png') no-repeat center center;
    border: 0;
    right: 60px
}

.sctother .otherboxfullscreen {
    position: fixed;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 60px;
    z-index: 10;
    visibility: hidden;
    transform: scale(0,0);
    transition: all 0.5s;
}
.sctother .otherboxfullscreen.active{
    visibility: visible;
    transform: scale(1,1);
}
.sctother .otherboxfullscreen .closeotherbox {
    position: absolute;
    z-index: 10;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
}

.sctother .otherboxfullscreen .closeotherbox:before,
.sctother .otherboxfullscreen .closeotherbox:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 30px;
    background: #fff;
    border-radius: 2px;
    transform: rotate(45deg);
    top: 12%;
    left: 44%
}

.sctother .otherboxfullscreen .closeotherbox:after {
    transform: rotate(-45deg);
}

.sctother .otherboxfullscreen .otherboxinside3 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow:hidden;
}

.sctother .otherboxfullscreen .otherboxinside3 video {
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  height: 100%;
  width: auto;
  object-fit: cover;

}

footer {
    padding: 57px 0 40px;
    background: rgba(80, 56, 20, 1) url('images/bgrfooter.webp') no-repeat right bottom /cover;
    text-align: center;
    color: #fff;
    font: pnova;
}

footer .boxlistinfoft {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 55px auto 20px;
}
footer .boxlistinfoft .listinfoft{width:30%;}


.boxlistinfoft .listinfoft {
    text-align: left;
}

.boxlistinfoft .listinfoft h3 {
    font: 700 16px pnova
}

footer .listsocial {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    display: flex;
	justify-content: center;
    gap: 23px;
}

footer .banquyenft {
    text-align: center;
    max-width: 800px;
    margin: 20px auto 0
}

.fixiconright {
    position: fixed;
    right: 40px;
    bottom: 20px;
    display: grid;
    gap: 10px;
}

.fixiconright a {
    width: 40px;
    height: 40px;
    display: inline;
    position: relative;
    border-radius: 50%;
    background: rgba(232, 221, 200, .5);
}

.fixiconright a:hover {
    background: rgba(232, 221, 200, 1);
}

.fixiconright a img {
	    padding: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.reveal {
    opacity: 0;
    transform: translateY(80px);
    transition: all 0.8s ease;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);

}


/* session tài chính  */


.sct-taichinh {
  /* background: #e8dfd0;         */
  padding: 80px 40px 90px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

/* Họa tiết nền mờ góc dưới phải — giống style trang gốc */
.sct-taichinh::after {
  content: '';
  position: absolute;
  bottom: -60px; right: -60px;
  width: 380px; height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(139,107,74,0.07) 0%, transparent 70%);
  pointer-events: none;
}

/* ── Eyebrow label ── */
.sct-taichinh .tc-eyebrow {
  /* font-family: 'Cormorant Garamond', 'Times New Roman', serif; */
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #9a7852;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.sct-taichinh .tc-eyebrow::before,
.sct-taichinh .tc-eyebrow::after {
  content: '';
  display: block;
  width: 34px; height: 1px;
  background: #9a7852;
  opacity: 0.6;
}

/* ── Tiêu đề chính ── */
.sct-taichinh h2.tc-heading {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(26px, 3.0vw, 42px);
  font-weight: 400;              /* nhẹ — đúng style trang gốc */
  color: #5c3d1e;                /* nâu đậm — giống h1 .scttongquan */
  line-height: 1.3;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 auto 14px;
  max-width: 800px;
}

/* ── Đường kẻ vàng nhỏ dưới tiêu đề ── */
.tc-rule {
  width: 48px; height: 1px;
  background: #9a7852;
  margin: 0 auto 20px;
  opacity: 0.6;
}

/* ── Mô tả dẫn nhập ── */
.sct-taichinh .tc-lead {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: 16px;
  font-style: italic;
  color: #7a5c3e;
  max-width: 580px;
  margin: 0 auto 56px;
  line-height: 1.9;
}

/* ── Ba khối số nổi bật ── */
.tc-stat-row {
  display: flex;
  justify-content: center;
  align-items: stretch;
  max-width: 860px;
  margin: 0 auto 52px;
  border: 1px solid rgba(139,107,74,0.22);
  background: rgba(255,252,246,0.55);
}
.tc-stat {
  flex: 1 1 0;
  padding: 40px 28px;
  position: relative;
  transition: background 0.3s;
}
.tc-stat:hover {
  background: rgba(255,252,246,0.9);
}
/* Đường ngăn dọc giữa các cột */
.tc-stat + .tc-stat {
  border-left: 1px solid rgba(139,107,74,0.2);
}
/* Badge góc trên phải */
.tc-stat .badge {
  position: absolute;
  top: 12px; right: 12px;
  background: #9a7852;
  color: #fdf8f2;
  font-family: 'Cormorant Garamond', serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 3px 9px;
  border-radius: 0;           /* sharp corners — đúng style */
}
/* Con số lớn */
.tc-stat .num {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(56px, 7vw, 84px);
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  color: #7a5c3e;
  margin-bottom: 8px;
}
.tc-stat .num sup {
  font-size: 0.38em;
  vertical-align: super;
  letter-spacing: 0;
}
.tc-stat .stat-label {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5c3d1e;
  margin-bottom: 10px;
}
.tc-stat .stat-sub {
  font-size: 13px;
  color: #9a7852;
  line-height: 1.7;
}

/* ── Đường kẻ ngang phân cách — giống <hr/> trang gốc ── */
.tc-divider {
  width: 100%;
  max-width: 860px;
  margin: 0 auto 44px;
  height: 1px;
  background: rgba(139,107,74,0.2);
  display: block;
}

/* ── Lưới 3 lợi ích ── */
.tc-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;                       /* gap = border trick */
  background: rgba(139,107,74,0.18); /* màu border chung */
  max-width: 860px;
  margin: 0 auto 52px;
  border: 1px solid rgba(139,107,74,0.18);
}
.tc-benefit {
  background: #e8dfd0;
  padding: 32px 26px;
  text-align: left;
  transition: background 0.3s;
}
.tc-benefit:hover { background: #f0e9dc; }

/* Icon tròn nhỏ — dùng số thứ tự kiểu elegant */
.tc-benefit-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  border: 1px solid rgba(139,107,74,0.35);
  border-radius: 50%;
  font-family: 'Cormorant Garamond', serif;
  font-size: 15px;
  font-weight: 400;
  color: #9a7852;
  margin-bottom: 14px;
}
.tc-benefit h4 {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #5c3d1e;
  margin-bottom: 8px;
}
.tc-benefit p {
  font-size: 13.5px;
  color: #8c6e50;
  line-height: 1.75;
  margin: 0;
}

/* ── Khối CTA ── */
.tc-cta-block {
  max-width: 680px;
  margin: 0 auto;
  padding: 48px 44px;
  border: 1px solid rgba(139,107,74,0.22);
  background: rgba(255,252,246,0.6);
  position: relative;
}
/* Đường kẻ vàng mảnh trên cùng */
.tc-cta-block::before {
  content: '';
  position: absolute;
  top: 0; left: 10%; right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #9a7852, transparent);
}

.tc-cta-block .cta-title {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 400;
  color: #5c3d1e;
  letter-spacing: 1px;
  margin-bottom: 10px;
  line-height: 1.4;
}
.tc-cta-block .cta-title em {
  font-style: italic;
  color: #7a5c3e;
}
.tc-cta-block .cta-sub {
  font-size: 14px;
  color: #9a7852;
  margin-bottom: 28px;
  line-height: 1.75;
}

/* Nút chính — khớp style "XEM BROCHURE" trang gốc */
.tc-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #7a5c3e;
  color: #fdf8f2;
  padding: 14px 36px;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #7a5c3e;
  cursor: pointer;
  transition: all 0.3s ease;
}
.tc-btn:hover {
  background: #5c3d1e;
  border-color: #5c3d1e;
  letter-spacing: 3.5px;
}
.tc-btn svg {
  width: 14px; height: 14px;
  stroke: currentColor; fill: none;
  stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
  transition: transform 0.3s;
}
.tc-btn:hover svg { transform: translateX(4px); }

/* Nút outline phụ */
.tc-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1px solid rgba(139,107,74,0.45);
  color: #7a5c3e;
  padding: 12px 28px;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
  margin-left: 10px;
}
.tc-btn-outline:hover {
  background: rgba(139,107,74,0.1);
  border-color: #7a5c3e;
}

/* Dòng cam kết nhỏ cuối */
.tc-trust {
  margin-top: 20px;
  font-size: 12px;
  color: #b09070;
  letter-spacing: 0.5px;
  line-height: 2;
}
.tc-trust span + span::before {
  content: '  ·  ';
}

/* ── Responsive ── */
@media (max-width: 860px) {
  .tc-benefit-grid { grid-template-columns: 1fr 1fr; }
  .tc-stat-row     { flex-direction: column; }
  .tc-stat + .tc-stat { border-left: none; border-top: 1px solid rgba(139,107,74,0.2); }
  .tc-cta-block    { padding: 36px 24px; }
  .tc-btn-outline  { margin-left: 0; margin-top: 10px; display: inline-flex; }
}
@media (max-width: 580px) {
  .sct-taichinh    { padding: 56px 20px 64px; }
  .tc-benefit-grid { grid-template-columns: 1fr; }
  .tc-cta-block    { padding: 28px 16px; }
  .tc-btn, .tc-btn-outline { width: 100%; justify-content: center; margin-left: 0; margin-top: 10px; }
}

/*Tien ich*/
.utilitiescontainer{position: relative;}
.utilitiescontainer > img{width:100%;}
.utilitiescontainer .tooltip{opacity: 0;visibility: hidden;position: absolute;top:0;background: rgb(166, 74, 10);color:#fff;z-index: -1;padding:10px;transform: translate(0%,-100%);border-radius: 5px;}
.utilitiescontainer .tooltip.active{z-index: 1000;opacity: 1;visibility: visible;}
.utilitiescontainer .tooltip .content{display: none;}
.utilitiescontainer .tooltip .content.active{display: block;}
.utilitiescontainer .tooltip .content p{padding:0;margin:0;}
.utilitiescontainer .point{position: absolute;cursor: pointer;}
.utilitiescontainer .point{color: #fff;background: rgb(166, 74, 10);border-radius: 50%;width:22px;height:22px}
.utilitiescontainer .point:hover{background: rgba(183, 150, 127, 0.8);}
.utilitiescontainer .point span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px}
.footerpopup{position: fixed;top:0;left: 0;right: 0;bottom: 0;opacity: 0;visibility: hidden;transform: scale(0,0);transition: all 0.5s;z-index: 2;}
.footerpopup.active{opacity: 1;visibility: visible;transform: scale(1,1);}
.footerpopup .footerpopupwrap{position: absolute;top:0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.9);}
.footerpopup .footerpopupcontent{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 90%;background: #fff;max-width: 650px;padding-top: 30px;}
.footerpopupcontent .close{position: absolute;top:20px;right:20px;cursor: pointer;}
.footerform input,.footerform textarea{width: 100%;padding: 10px 10px;border:1px solid #ccc;}
.footerform .formitem{padding:10px 20px;}
.footerform .formbutton{padding:10px 20px 50px;display: flex;justify-content: center;}
.footerform .formbutton button{background: rgba(120, 72, 51, 1);border: none;border-radius: 10px;padding: 10px 30px;color:#fff;}

.matbangpopup{position: fixed;top:0;left: 0;right: 0;bottom: 0;opacity: 0;visibility: hidden;transform: scale(0,0);transition: all 0.5s;z-index: 2000;}
.matbangpopup.active{opacity: 1;visibility: visible;transform: scale(1,1);}
.matbangpopup .matbangpopupwrap{position: absolute;top:0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.9);}
.matbangpopup .matbangpopupcontent{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 90%;background: #fff;max-width: 1200px;padding: 30px;}
.matbangpopupcontent .close{position: absolute;top:20px;right:20px;cursor: pointer;}
.matbangpopup .matbangpopupcontent img{width: 100%;height: auto;max-height: 80vh;max-width: 100%;}
/*het tien ich*/
/* start */
.matbangchoose{position: relative;z-index: 20;;}
.showmatbangimg{position: relative;z-index: 0;}
@media screen and (max-width:1600px) {
    .sctnews {
        padding: 0 60px
    }
	.tongquandetail:last-child{
padding: 15px;
    box-sizing: border-box;
    margin: 30px 0;
    display: flex;
    flex: 1 0 32%;
    justify-content: center;
    border-left: 1px solid rgba(120, 72, 51, 1);
	}
    .sctdanloi h2{font-size:30px;}
    .tamdiemlisttime .timemove h3{font-size: 30px;margin-bottom: -5px;}
    .tamdiemlisttime .timemove strong{font-size: 18px;}
    .tamdiemlisttime .timemove{font-size: 13px;}
    .tamdiemlisttime .timemove p{margin:5px 0;line-height: 14px;}
    .sctgiaolo .boxsamplegiaolo{max-width: 412px;}
    .sctdiemdenkientao .diemdentitle h3{font-size:18px}
    .sctdiemdenkientao .diemdentitle h2{font-size:30px;}
    .slidediemdenkientao .slideinside.active .insidesample h4{font-size:14px;}
    .slidediemdenkientao .slideinside.active .insidesample p{font-size: 12px;}
    .sctdanloi .sctdanloipos{transform: translate(-50%,15px)!important;}
}

@media screen and (max-width:1366px) {
    .sctnews .listnews .newssample img {
        margin-bottom: 40px;
    }
p {	font-size: 14px;
    line-height: 16px;}
 h2, h3 {font-size: 36px; line-height: 42px}	
.sctgiaolo .boxsamplegiaolo.reveal.active{
	font-size: 14px;
    line-height: 18px;
	}
.sctgiaolo .boxsamplegiaolo.reveal.active img {width: 80%}
	.tongquandetail p {font-size: 16px}
	.tongquandetail p strong {font-size: 24px}
	.sctkhampha h2 {font-size: 36px}
	.scttamdiem .tamdiemsample h2 {font-size: 36px}
	.scttamdiem .tamdiemsample p{	font-size: 14px;
    line-height: 18px;}
	.sctdanloi .sctdanloipos {	font-size: 14px;
    line-height: 18px;}
	.scttanhuong h2{font-size: 36px}
	.sctcamhung .camhungsample h2{font-size: 36px}
	.sctmatbang h2{font-size: 36px}
	.sctpartner h2{font-size: 36px}
	.sctnews h2{font-size: 36px}
	.sctnews .listnews h3 {font-size: 16px; line-height: 20px;text-align: justify;}
    #sctharmonytabs div.boxoutsidetab .tabgallery {
        padding: 0 60px
    }
}

@media screen and (max-width:1280px) {
    .scttongquan {
        font: 700 16px pnova;
    }

    .tongquandetail p strong {
        font: 700 16px pnova;
    }

    .sctkhampha a {
        top: 70%
    }
	.tongquandetail:last-child{border-top: 0;
    border-left: 1px solid rgba(120, 72, 51, 1);margin:30px 0;padding:15px}
}

@media screen and (max-width:1200px) {
    footer {
        padding: 57px 60px 40px
    }

    .scttongquan {
        font: 700 16px pnova;
    }

    .tongquandetail p strong {
        font: 700 16px pnova;
    }
}

@media screen and (max-width:1120px) {
    header ul {
        gap: 60px
    }

    .scttongquan {
        font:16px pnova;
    }

    .tongquandetail p strong {
        font: 700 16px pnova;
    }
}
@media screen and (max-width:1040px) {
	.tongquandetail:last-child{border-left:0;border-top:1px solid rgba(120, 72, 51, 1);margin-top:0;padding-top:45px}
	.scttamdiem .tamdiemlist .tamdiemlisttime {
	  position: relative;
	  width: 100%;
	  padding: 0 0 10px;
	  font: 700 16px pnova;
	  overflow: hidden;
	  z-index: 5;
	}

	/* Khi slick chạy, bỏ flex để tránh lỗi width */
	.listtime-slider.slick-initialized {
	  display: block !important;
	}
	.listtime-slider .slick-track {
	  display: flex !important;
		gap:10px
	}
	.tamdiemlisttime .timemove{padding:5px;}
	.listtime-slider .slick-slide {
	  width: auto !important;
	}
	.sctliveworkgrow .liveworkgrowtitle{padding:149px 60px 132px}
}
@media screen and (max-width:1024px) {
	.sctharmony{margin:100px 0}
	.sctpartner{margin:100px auto 0}
	.sctmatbang{padding:100px 0 130px}
    body,
    .slidediemdenkientao .slideinside .insidesample h4,
    .sctnews .listnews h3 {
        font-size: 17px
    }

    header ul li a,
    .boxlistinfoft .listinfoft h3,
    footer {
        font-size: 15px
    }

    .sctgiaolo .boxsamplegiaolo {
        left: 40px;
        top: 50%;
    }

    .scttongquan .tongquanlist {
        display: grid;
    }

    .scttongquan .tongquanlist hr {
        display: none;
    }
	
.scttamdiem .tamdiemlist {
    position: relative;
	display: flow;}
	
    .tongquandetail {
        justify-content: left;
        border-left: 0;
        position: relative;
        margin: 0;
        padding: 30px 10px;
        transition: all .3s;
    }
	.tongquandetail:last-child{border-top:0;margin:0;padding:30px 10px}
    .tongquandetail:hover {
        background: rgba(255, 255, 255, 1);
    }

    .tongquandetail:hover p {
        color: rgba(183, 150, 127, 1)
    }

    .tongquandetail:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 0;
        border-top: 1px solid rgba(188, 190, 192, 1);
        top: 0px;
        left: 0
    }

    .tongquandetail:first-child:before {
        border-top: 0
    }

    .scttongquan {
        font-size: 23px;
        padding: 32px 40px 100px
    }
	.sctkhampha a.reveal.active{top:70%}
    .tongquandetail p strong {
        font-size: 30px
    }

    .tongquandetail p {
        white-space: normal;
        text-align: left;
    }

    .sctliveworkgrow .liveworkgrowtitle {
        padding: 149px 40px 132px;
        gap: 60px
    }
	.sctliveworkgrow .liveworkgrowtitle img{width:56%}
    .sctliveworkgrow .listliveworkgrow .boxinside div {
        bottom: 20px;
        left: 20px;
        right: 20px
    }

    .sctliveworkgrow div strong,
    .tamdiemlisttime .timemove strong,
    .sctkhampha a,
    .sctdiemdenkientao .diemdentitle h3,
    .sctcamhung .camhungsample h3,
    .sctharmony #sctharmonytabs ul li a,
    #sctharmonytabs div.boxoutsidetab h3,
    .sctother .otherbox h3 {
        font-size: 22px
    }

    .sctdanloi h2,
    .scttamdiem .tamdiemsample h2,
    .sctkhampha h2,
    .sctliveworkgrow .listliveworkgrow .boxinside div h3,
    .scttanhuong h2,
    .sctdiemdenkientao .diemdentitle h2,
    .sctcamhung .camhungsample h2,
    .sctmatbang h2,
    .sctpartner h2,
    .sctnews h2,
    .scttongquan h1 {
        font-size: 38px
    }

    .tamdiemlisttime .timemove h3 {
        font-size: 70px
    }

    

   

    .scttanhuong h2 {
        margin-bottom: 50px
    }

    .scttanhuong {
        padding: 100px 40px 50px
    }

    #sctharmonytabs div.boxoutsidetab .tabgallery,
    .sctnews,
    .sctpartner {
        padding: 0 40px
    }

    .sctpartner {
        max-width: 950px
    }

    #sctharmonytabs div.boxoutsidetab .tabgallery {
        grid-template-columns: 219px calc(100% - 239px);
    }

    footer {
        padding: 57px 40px 40px;
    }

    footer .boxlistinfoft {
        gap: 60px
    }

    header .flexcontainer .topheadcontainer,
    .fixiconright {
        right: 150px
    }
}

@media screen and (max-width:980px) {
    .scttamdiem .tamdiemsample {
        max-width: 970px;
        padding: 89px 40px 0;
        gap: 40px
    }
}

@media screen and (max-width:900px) {
    header ul {
        gap: 40px
    }
	.tongquandetail{padding:20px 10px}
	.sctliveworkgrow .liveworkgrowtitle {
    padding: 100px 40px 120px;
    gap: 40px;
  }
}

@media screen and (max-width:1024px) {
    .mobile.pointdescription{display: block;width: 100%;overflow: auto;}
    .pointdescriptionwrap{display: grid; grid-auto-flow: column;grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 80% 80% 80% 80% 80%;margin-top:20px}
    .pointdescriptionitem{display: flex;text-align: left;font-size: 12px;        align-items: center;
        line-height: 16px;}
	.pointdescriptionitem .value p{margin:0 15px 0 0; font-size: 12px; line-height: 16px}
    .pointdescriptionitem .icon{color:#fff;background: rgb(166, 74, 10);border-radius: 50%;        padding: 0 0 10px 0;
        align-self: center;
        margin: 0 10px 0 0;
        width: 20px;
        height: 20px;
        text-align: center;
        font-size: 12px;
        line-height: 18px;}
	.sctdiemdenkientao .slidediemdenkientao{padding:100px 0}
    .sctharmony #sctharmonytabs ul li a{padding:0;}
    header.shrink.scrolled .flexcontainer {
        padding: 10px 20px
    }

    header ul.active {
        padding: 100px 20px 0;
    }

    header .flexcontainer {
        padding: 30px 20px
    }

    header ul.active {
        position: absolute;
        top: 0;
        display: block;
        text-align: center;
        width: 100%;
        height: 100vh;
        background: rgba(183, 151, 105, 0.8);
        z-index: 0;
        left: auto;
        padding: 100px 40px;
        right: 100%;
        transition: all .3s;
    }

    header ul li a {
        display: block;
        padding: 30px 0;
        font-size: 22px;
        border-top: 1px dashed #fff;
    }

    header ul li:first-child a {
        border-top: 0
    }

    header.shrink .flexcontainer .logocontainer {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    header.shrink.scrolled .flexcontainer .logocontainer {
        width: 100%;
    }

    header.shrink .flexcontainer .logocontainer a img.alogo {
        width: 120px
    }

    header.shrink.scrolled .flexcontainer .logocontainer a img.alogo {
        width: 120px
    }

    header.shrink .flexcontainer .logocontainer .mobile {
        display: block;
        position: relative;
    }

    header.shrink .flexcontainer .menucontainer.active {
        z-index: 11;
    }

    header.shrink .flexcontainer .menucontainer.active .mobile {
        display: block;
    }

    header.shrink .flexcontainer .menucontainer .mobile a img.close {
        width: 24px;
        height: 24px;
        margin: 20px;
    }

    header ul.active.showmenumobile {
        right: 0
    }

    .sctgiaolo picture img {
        width: 100%
    }

    body,
    .slidediemdenkientao .slideinside .insidesample h4,
    .sctnews .listnews h3,.scttongquan {
        font-size: 15px
    }
	.tongquandetail p strong{font-size:15px}
    .sctgiaolo {
        display: grid;
    }
	.tongquandetail p{text-align:center;width:100%; font-size: 15px;}
	.tongquandetail:last-child{padding:20px 10px}
	.sctkhampha {
        position: relative;
        width: 100%;
        height: 100vh; /* full màn hình */
        overflow: hidden;
    
    }

    .sctkhampha img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 100%;
    height: 100%;
    object-fit: cover; /* luôn phủ kín */
    }
	.sctkhampha div.reveal{position: absolute;
        z-index: 2;
        width: 100%;}
    .sctgiaolo .boxsamplegiaolo {
        transform: translateY(0%);
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        right: 0;
        max-width: 100%;
        color: #000;
        padding: 50px 20px;
        order: -1
    }
	.sctgiaolo .boxsamplegiaolo.reveal.active{top:0;text-align:center}
	.sctgiaolo .boxsamplegiaolo.reveal.active img{width: 75%}
    .scttongquan {
        padding: 32px 20px 100px;
    }
    .sctkhampha a.reveal.active {
        top: 50%;
    }.sctliveworkgrow .liveworkgrowtitle img {
        width: 30%;
    }


    .sctdanloi h2,
    .scttamdiem .tamdiemsample h2,
    .sctkhampha h2,
    .sctliveworkgrow .listliveworkgrow .boxinside div h3,
    .scttanhuong h2,
    .sctdiemdenkientao .diemdentitle h2,
    .sctcamhung .camhungsample h2,
    .sctmatbang h2,
    .sctpartner h2,
    .sctnews h2,
    .scttongquan h1 {
        font-size: 24px;
    }

    .scttamdiem .tamdiemlist .tamdiemlisttime {
        grid-template-columns: 1fr 1fr;
    }

    .sctother .otherbox img.othericon {display:none}
	
    .scttamdiem .tamdiemsample {
        display: grid;
        text-align: center;
        gap: 10px;
        padding: 50x 20px 20px;
    }

    .sctdanloi h2 {
        top: 20px;
        left: 20px
    }
	.sctliveworkgrow .listliveworkgrow{display:flex;}
	.sctliveworkgrow .listliveworkgrow .slick-track{display:flex;gap:3px}
	.sctliveworkgrow .listliveworkgrow .boxinside div p{opacity:1;visibility:visible;top: 10px; margin: 20px 0;}
	.sctliveworkgrow .listliveworkgrow .boxinside div h3{top:0}
    .sctliveworkgrow .liveworkgrowtitle {
        padding: 50px 20px;
        gap: 20px;
        display: grid;
        justify-items: center;
        text-align: center;
    }
	
    .tamdiemlisttime .timemove h3 {
        font-size: 40px;
    }

    .sctliveworkgrow div strong,
    .tamdiemlisttime .timemove strong,
    .sctkhampha a,
    .sctdiemdenkientao .diemdentitle h3,
    .sctcamhung .camhungsample h3,
    .sctharmony #sctharmonytabs ul li a,
    #sctharmonytabs div.boxoutsidetab h3,
    .sctother .otherbox h3 {
        font-size: 20px;
    }

    .scttanhuong {
        padding: 50px 20px;
    }
	.utilitiescontainer .point{width:8px;height:8px;}
	.utilitiescontainer .point span{font-size:6px}
    .sctdiemdenkientao .diemdentitle {
        position: relative;
        top: 0;
        padding: 50px 20px;background:#e8e3d1
    }
    .slidediemdenkientao .slideinside .insidesample p {
        opacity: 1;    }
	
	.slidediemdenkientao .slideinside.active .insidesample p {         opacity: 1;
		visibility: visible;
		font-size:12px;
		margin:0;
		height: auto;}
	.slidediemdenkientao .slideinside img {    filter: brightness(1);}
	.slidediemdenkientao .slideinside.active .insidesample h4 {font-size: 14px; margin: 0 20px}
		.slidediemdenkientao .slideinside .insidesample h4 {font-size: 14px;margin: 0 20px}

	.tamdiemlist .reveal .active {
        opacity: 1;
        transform: translateY(0);
        display: flow;
    }
	
    .sctcamhung .camhungsample.active {
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
    }

    #sctharmonytabs div.boxoutsidetab .tabgallery {
        grid-template-columns: 100%;
    }
    #sctharmonytabs div.boxoutsidetab .tabgallery > img{width:50%}
    #sctharmonytabs div.boxoutsidetab .tabgallery,
    .sctnews,
    .sctpartner,
    #sctharmonytabs div.boxoutsidetab p {
        padding: 0 20px
    }

    .sctharmony,
    .sctpartner,
    .sctnews {
        margin: 50px 0;
    }

    .sctnews .listnews {
        margin: 25px auto 0
    }
	.sctnews .listnews .newssample img{margin:0 auto 40px}
	.sctnews .listnews .slick-track{display:flex;gap:20px}
    footer .boxlistinfoft {
        display: grid;
        text-align: center;
        justify-content: center;
        gap: 30px;
    }
	footer .boxlistinfoft .listinfoft{width:100%;}
    footer,
    .scttamdiem .tamdiemsample {
        padding: 50px 20px;
    }
	
    footer,
    .img {

    }
	
    .boxlistinfoft .listinfoft,
    footer .banquyenft {
        text-align: center;
		        font-size: 12px;
        line-height: 14px;
    }

    footer .listsocial {
        justify-content: center;
    }

    .slick .slickitem picture img {
        height: auto
    }
}

@media screen and (max-width:680px) {
    .sctkhampha a {
        white-space: nowrap;
    }
	.sctdanloi .sctdanloipos{
		position:relative;
		top:0;
		left:0;
		transform:translate(0,0)!important;
		width:100%;
		padding:15px;
		text-align: center;
	}
    .sctcamhung .camhungopacity{display: none;}
    .sctnews .listnews .newssample{width: 100%;}
}

@media screen and (max-width:640px) {
    .sctkhampha h2 {
        top: 25px;
        width: 100%;
        padding: 0 20px
    }

    .sctkhampha a {
        top: 80%;
    }

    .sctharmony #sctharmonytabs ul {
        padding: 0 20px;
        gap: 20px;
        align-items: center;
    }

    .sctharmony #sctharmonytabs ul li a::before {
        left: -10px
    }

}

@media screen and (max-width:560px) {
    .sctcamhung {
        display: grid;
    }

    .sctcamhung .camhungsample.active,
    .sctcamhung .camhungsample {
        position: relative;
        top: 0;
        left: 0;
        max-width: 651px;
        transform: translate(0%, 0%);
        color: #000;
        text-align: center;
        transition: all 3s;
        opacity: 1;
        order: -1;
        padding: 50px 20px
    }

    .matbangchoose {
        gap: 20px;
        padding: 0 20px
    }

    .drdtoanha {
        width: 100%
    }

    .shownametoanha {
        padding: 10px 0;
        text-align: left;
    }

    .sctnews .listnews {
        display: grid;
        gap: 50px
    }

    .sctnews .listnews .newssample img {
        width: 100%
    }

    .sctnews .listnews .newssample,
    .sctnews .listnews h3 {
        text-align: center;
    }

    .sctpartner .listpartner {
        display: grid;
        gap: 30px;
        margin: 40px 10px 80px;
        justify-content: center;
        justify-items: center;
        grid-template-columns: 1fr 1fr 1fr;
    }
	
	.sctpartner .listpartner img {width: 80%}

    .sctliveworkgrow .listliveworkgrow {
        grid-template-columns: 1fr
    }

    .slidediemdenkientao .slideinside img {
        width: 100%;
        opacity: 1;
    }

    .slidediemdenkientao .slideinside .insidesample {
        opacity: 1;
    }

    .slidediemdenkientao .slideinside .insidesample p {
        opacity: 1;
		visibility: visible;
		font-size:12px;
		height: auto;
		margin:0
    }
	.sctcamhung .camhungsample h2,.sctcamhung .camhungsample h3{color:rgba(120, 72, 51, 1)}
}

@media screen and (max-width:520px) {
	.sctharmony #sctharmonytabs ul li a{font-size:15px;}
	.sctharmony #sctharmonytabs ul li a.active{font-size:15px}
}

@media screen and (max-width:480px) {

    body,
    .slidediemdenkientao .slideinside .insidesample h4,
    .sctnews .listnews h3,
    .scttamdiem .tamdiemlist .tamdiemlisttime {
        font-size: 13px
    }

    .sctdanloi h2,
    .scttamdiem .tamdiemsample h2,
    .sctkhampha h2,
    .sctliveworkgrow .listliveworkgrow .boxinside div h3,
    .scttanhuong h2,
    .sctdiemdenkientao .diemdentitle h2,
    .sctcamhung .camhungsample h2,
    .sctmatbang h2,
    .sctpartner h2,
    .sctnews h2,
    .scttongquan h1 {
        font-size: 18px;
    }

    .sctliveworkgrow div strong,
    .tamdiemlisttime .timemove strong,
    .sctkhampha a,
    .sctdiemdenkientao .diemdentitle h3,
    .sctcamhung .camhungsample h3,    
    #sctharmonytabs div.boxoutsidetab h3,
    .sctother .otherbox h3 {
        font-size: 16px
    }
}

@media screen and (max-width:460px) {
    .scttamdiem .tamdiemlist .tamdiemlisttime {
        grid-template-columns: 1fr
    }

    header.shrink.scrolled .flexcontainer {
        padding: 10px
    }

    footer,
    .scttamdiem .tamdiemsample,
    .sctliveworkgrow .liveworkgrowtitle,
    .scttanhuong,
    .sctdiemdenkientao .diemdentitle,
    .sctcamhung .camhungsample.active,
    .sctcamhung .camhungsample {
        padding: 30px 10px;
    }

    .sctliveworkgrow .listliveworkgrow .boxinside div {
        left: 10px;
        right: 10px
    }

    .sctdiemdenkientao .slidediemdenkientao {
        padding: 50px 0
    }

    #sctharmonytabs div.boxoutsidetab.active {
        margin-top: 50px
    }

    #sctharmonytabs div.boxoutsidetab .tabgallery {        display: contents;
    }

    #sctharmonytabs div.boxoutsidetab .tabgallery,
    .sctnews,
    .sctpartner,
    #sctharmonytabs div.boxoutsidetab p,
    .sctharmony #sctharmonytabs ul {
        padding: 0 10px;
    }

    .scttongquan {
        padding: 30px 10px 50px
    }

    .sctdanloi h2 {
        left: 10px
    }

    #sctharmonytabs div.boxoutsidetab .tabgallery img {
        max-width: 50%;padding-bottom: 30px;
    }
    .sctkhampha a {
        max-width: 100%;
    }
	
		.sctother .otherboxfullscreen.otherbfs1 img {
    width: auto;
    height: auto;
    display: block;
    margin: 50px auto;
}

	.sctother .otherboxfullscreen.otherbfs1 .otherboxinside1 .gallery-item {margin-top:50px}
	.sctother .otherboxfullscreen.otherbfs1 .otherboxinside1 .slick-prev {
        position: absolute;
        width:24px;
        height: 24px;
        z-index: 1;
        text-indent: 9999px;
        background: none;
        padding: 0;
        top: 55%;
        transform: translatey(-50%);
        background: url('images/icon-back.png') no-repeat center center;
        border: 0;
        left: -40px;
            background-size: contain;
    }

.sctother .otherboxfullscreen.otherbfs1 .otherboxinside1 .slick-next {
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 1;
    text-indent: 9999px;
    background: none;
    padding: 0;
    top: 55%;
    transform: translatey(-50%);
    background: url('images/icon-next.png') no-repeat center center;
    border: 0;
    right: -40px;
		background-size: contain;
}
.sctother .otherbox h3 {font-size: 14px}

	
	@media screen and (max-width:400px) {
	.sctharmony #sctharmonytabs ul li a{font-size:14px}
	.sctharmony #sctharmonytabs ul li a.active{font-size:14px}
	 .sctmatbang {
    padding: 50px 0 70px;
	}.matbangchoose{margin: 30px 0 40px;}
}
@media screen and (max-width:360px) {
	.sctharmony #sctharmonytabs ul li a{font-size:11px}
	.sctharmony #sctharmonytabs ul li a.active{font-size:13px}
}