:root{
    --pri-color:#0b2136;
    --sec-color:#f3cda0;
    --th-color:#0e4267;
    --light-yellow:#bd8656;
    --white:#fff;
    --black: #212121;
    --light-white:#EDE8E0;
    --title-fonts: 'SVN-Optima', Arial, sans-serif;
}
::-webkit-scrollbar {
     background-color: #fff;
     height: 6px;
     width: 8px;
}
 ::-webkit-scrollbar-thumb {
     background: rgba(0, 0, 0, .2);
     border-radius: 10px;
}
@font-face {
    font-family: 'SVN-Optima';
    src: url('../fonts/SVN-Optima-Medium.woff2') format('woff2'),
        url('../fonts/fonts/SVN-Optima-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Optima';
    src: url('../fonts/SVN-Optima-DemiBold.woff2') format('woff2'),
        url('../fonts/SVN-Optima-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Black.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Optima';
    src: url('../fonts/SVN-Optima-Regular.woff2') format('woff2'),
        url('../SVN-Optima-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
#subbar {
    background-color: #fff;
    position: fixed;
    top: -150px;
    transition: top 0.3s;
    z-index: 999;
    border-bottom: 1px solid #d0d0d0;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    overflow-x: hidden;
}
#subbar .mobile-menu-items{
    display: flex;
    list-style: none;
    margin-bottom: 0;
    justify-content: center;
}
#subbar .mobile-menu-items li{
    margin-left:0;
    margin-bottom: 0;
}
#subbar a {
    display: inline-block;
    padding: 20px;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-transform: uppercase;
}
.sec-phankhu .fix-slider .flickity-page-dots{
    bottom:-20px;
}
@media (max-width: 849px) {
    #subbar .mobile-menu-items{
        justify-content: flex-start;
    }
    #subbar {
        overflow-x: scroll;
    }
}
@media (max-width:768px){

}

.ux-maintenance-mode .img,.ux-maintenance-mode .is-divider{
display:none;
}
.ux-maintenance-mode .lead{
font-size:25px;
}
.sideIcon {
    position: fixed;
    right: 20px;
    bottom: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1500;
}
#btnBooknow {
    cursor: pointer;
}
.sideIcon .booktour-btn {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.sideIcon .booktour-btn::before {
    content: "";
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #10473566;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: spread 1.75s infinite ease;
}
.sideIcon .booktour-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    border: 1.12px solid #fff;
    background-color: var(--pri-color);
    color: #fff;
    text-align: center;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 84%;
    box-shadow: 0 0 0.5rem 0.5rem rgba(182, 216, 196, 0.4);
    z-index: 10;
}
.sideIcon .zalo-icon,.sideIcon .phone-icon {
    display: flex;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0.38rem 0 1.38rem 0;
    border-radius: 99px;
}
.sideIcon .zalo-icon img{
    padding: 12px;
    background: #0573ff;
    border-radius: 99px;
}
.sideIcon .phone-icon{
background:#e01212;
    margin-bottom: 10px;
}
.sideIcon .phone-icon img{
    padding: 12px;
animation: phonering 1s infinite ease-in-out;
}
.sideIcon .zalo-icon .dot{
    position: absolute;
    top: 4px;
    right: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
    background-color: green;
}
.sideIcon .zalo-icon img,.sideIcon .phone-icon img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sideIcon a:hover .booktour-btn span{
    color:var(--sec-color);
}
@keyframes spread{
    0% {
    width: 100%;
    height: 100%;
    }
    50% {
        width: 70%;
        height: 70%;
    }
    100% {
        width: 100%;
        height: 100%;
    }
}
@keyframes phonering{
    0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
a.show-tooltip:after {
    border-radius: 5px;
    background: #e01212;
    color: #fff;
    font-weight: bold;
    border: 0;
}
a.show-tooltip:after {
    color: #fff;
    animation: ease-out forwards tooltips-horz;
    top: 50%;
    right: calc(100% + 10px);
    transform: translate(-0.5em, -50%);
    display: block;
    opacity: 1;
    text-align: center;
    min-width: 1em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 15px;
    border-radius: 5px;
    z-index: 1000;
    box-shadow: 0 1.93465px 7.73859px rgb(0 0 0 / 15%);
    font-size: 18px;
    line-height: 21px;
    content: attr(data-hover);
    user-select: none;
    pointer-events: none;
    position: absolute;
    text-transform: none;
}
.mb-30{
    margin-bottom: 30px!important;
}
.mb-60{
    margin-bottom: 60px!important;
}
.mt-30{
    margin-top: 30px!important;
}
.mt-60{
    margin-top: 60px!important;
}
.pb-30{
    padding-bottom: 30px!important;
}
.pt-30{
    padding-top:30px!important;
}
.pb-60{
    padding-bottom: 60px!important;
}
.pt-60{
    padding-top: 60px!important;
}
.no-pb{
    padding-bottom:0!important;
}
/**/
.danhsach-rohang .col-inner{
    background: #f6f6f6;
    border-radius: 10px;
}
.real-box .info{
    gap: 10px;
    font-size: 14px;
    margin:10px 0;
}
.real-box .thanhtoan,.real-box .desc{
    font-size: 14px;
}
.real-box .re-top{
    position: absolute;
    z-index: 2;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
}
.real-box .tinhtrang{
    right: 10px;
    top: 10px;  
    background: var(--light-yellow);
}
.real-box .noibat{
    left:10px;
    top:10px;
    background:#1f30a0;
    color:#fff;
}
.real-box .box-text{
    padding: 15px 20px 20px;
}
.real-box .box-image img{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.real-box .desc{
    margin-top:5px;
}
.real-box:hover a.fix-button{
    box-shadow: unset;
    background-color: var(--light-yellow) !important;
}
.real-box:hover .box-image img {
    transform: scale(1.1) rotate(-1deg);
}
.real-box .box-image{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
/**/
body{font-family:'Helvetica Neue', Arial, sans-serif;}
h1,h2,h3,h4,h5,h6{
    font-family:'Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
}
.stuck .header-main .nav > li > a {
    line-height: 16px!important;
}
.header-nav.nav-left {
    justify-content: center;
}
.header-main .nav > li > a:before {
    content: "";
    width: 0;
    height: 1px;
    background: var(--sec-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-main .nav > li:hover > a:before{
    width: 100%;
}
/**/
.banner-video-top .row,.banner-video-top .col-inner{
    height:100vh;
}
.banner-video-top .banner-title{
    position: absolute;
    top: 4%;
    left: 0;
    right: 0;
}
.banner-video-top .banner-img-logo{
    position: absolute;
    bottom: 13%;
    left: 0;
    right: 0;
}
.banner-video-top .banner-title h1{
    font-size: 4.6875rem;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 11px 22px rgba(0, 0, 0, 0.1);
    margin-top: 0;
    margin-bottom: 0.625rem;
}
.banner-video-top .banner-title h2{
    font-size: 1.5rem;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 11px 22px rgba(0, 0, 0, 0.1);
}
.banner-video-top .banner-title p strong{
    font-size: 1.3em;
    line-height: 1.33;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    letter-spacing: 2px;
}
.banner-video-top .section-content{
    z-index: 3;
}
/**/
.sec-dangky{
    padding:40px 0px!important;
}
.sec-dangky form{
    margin-bottom: 0;
}
.fix-formngang h2{
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
}
.fix-formngang .note {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
}
.fix-formngang form{
    margin-bottom: 0;
}

#baogia-ngay h2{
    font-family: var(--title-fonts);
    font-size: 2rem;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
#baogia-ngay input{
    height:55px;
    box-shadow: unset;
    font-weight: bold;
}
#baogia-ngay input.wpcf7-submit{
    height: 50px;
    margin: 0;
    background: #654F2B;
    color: var(--white);
    border: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}
#baogia-ngay input.wpcf7-submit:hover{
background-color: #503914;
    -webkit-box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.32);
}
#baogia-ngay .fix-formngang{
    padding:30px;
    background-color:#c89f49;
    background-image: url(/wp-content/uploads/2024/11/background.webp);
    background-size: 70%;
    opacity: 1;
    border-radius: 10px;
    margin: 0;
}
.form-ngang{
    max-width: 1220px;
    margin:0 auto;
}
.form-ngang p{
    width: 1080px;
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
    margin: 0 auto!important;
}
.form-ngang.dangky input,.dangky input.wpcf7-submit {
    width: 370px;
    height: 50px;
    box-shadow: unset;
    border: 1px solid #efefef;
}
.fix-formngang.dangky input{
    margin-bottom: 0;
    height: 50px;
}

.fix-formdoc .col-inner{
        background: #0d243b;
    padding: 40px;
    background-image: url(/wp-content/uploads/2026/06/bg-pattern-1.webp);
    background-size: 70%;
    opacity: 1;
    background-repeat: repeat;
}
.sec-dangky{
    background-image: url(/wp-content/uploads/2026/06/bg-pattern-1.webp);
    background-size: 31%;
}
.content-formdoc ul,.fix-thongtin ul{
    list-style: none;
    margin-left: 0;
    font-weight: 500;
}
.content-formdoc h2{
    font-size: 1.6rem;
    color: var(--light-yellow);
    text-transform: uppercase;
    font-family: var(--title-fonts);
}
.content-formdoc h3{
    font-size: 1.2em;
    color: var(--light-yellow);
    text-transform: uppercase;
}
.content-formdoc ul li,.fix-thongtin ul li{
    margin-left: 0!important;
}
.content-formdoc strong{
    color: var(--light-yellow);
}
.fix-formdoc form{
    margin-bottom: 0;
}
.fix-formdoc input{
    height:50px!important;
}
.fix-formdoc input.wpcf7-submit{
    box-shadow: unset;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 0;
    background-image: linear-gradient(92deg, #f2cb9c, #a56736);
    color: #222;
}
.fix-formdoc input.wpcf7-submit:hover{
    background-image: linear-gradient(265deg, #f2cb9c, #a56736);
}
.fix-formdoc h2{
    font-size: 1.8rem;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(92deg, #f2cb9c, #a56736);
    font-family: var(--title-fonts);    
}
a.fix-hotline{
    border-radius: 99px;
    margin: 0 auto;
    background: var(--light-yellow);
    padding: 5px 60px;
    font-size: 22px;
}
/**/
.stack-ct {
    gap: 20px;
    justify-content: center !important;
    align-content: center;
    align-items: center !important;
    flex-wrap: wrap;

}
.box-ct {
    text-align: center;
    max-width: 30%;
    position: relative;
    padding: 20px;
    border: 2px solid #fce5b1;
    border-radius: 20px;
    background-image: linear-gradient(#fce5b1, #f1bf8a);
}
.box-ct p strong {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 26px;
}
.box-ct h2 {
    text-transform: uppercase;
    font-size: 60px;
    background-image: linear-gradient(#fce5b1, #f1bf8a);
    text-align: center;
    -webkit-background-clip: text;
    filter: drop-shadow(rgb(0, 0, 0) 1px 2px 3px);
    -webkit-text-fill-color: transparent;
    font-weight: 900 !important;
    display: inline-block;
    word-break: break-word;
    filter: brightness(115%) saturate(120%) sepia(14%) grayscale(20%) drop-shadow(rgb(0, 0, 0) 1px 2px 3px);
    margin-bottom: 0;
    position: relative;
    line-height: 80px;
    height: 95px;
}
.sec-chuongtrinh .sec-dangky {
    background-image: url(/wp-content/uploads/2024/11/background.webp);
    background-size: 30%;
    opacity: 1;
    background-color:#aa8943;
}
@media (max-width: 549px) {
    .form-lienhe .fix-formdoc{
        padding:0!important;
    }
    .sec-chuongtrinh{
        padding-bottom: 0!important;
    }
    .box-ct {
        width: 100%;
        max-width: 100%;
    }
    .stack-ct {
        gap: 20px;
        justify-content: center;
        align-content: center;
        align-items: center;
        display: grid;
        grid-template-columns: repeat(1, 2fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
}

/**/
ul.list {
    list-style: none;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}
ul.list li {
    list-style: none;
    margin-bottom: 8px;
    margin-left: 0px;
    font-weight: bold;
}
ul.list .num {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 28px;
    margin-right: 10px;
    display: inline-block;
    background-image: linear-gradient(to right, #c68426, #f0ae1d);
    font-weight: bold;
}
/**/
#chitiet-can{
    background-color: #aa8943;
    background-image: url(/wp-content/uploads/2024/11/background.webp);
    background-size: 100%;
}
#chitiet-can .col{
    padding:0;
}
#chitiet-can .col-inner{
    padding: 40px 30px 30px;
}
.title-taive h2{
    font-family: var(--title-fonts);
    font-size: 36px;
    margin-bottom: 20px;
}
.label-title h2{
    font-family: var(--title-fonts);
    font-size: 30px;
}
.dangky input,.chuongtrinh-form input,.form-download input {
    height:50px;
    box-shadow: unset;
    border:0;
}
.dangky input.wpcf7-submit,.chuongtrinh-form input.wpcf7-submit,.form-download input.wpcf7-submit{
    height:50px;
    margin:0;
    background:#654F2B;
    color:var(--white);
    border:0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.dangky input.wpcf7-submit:hover,.chuongtrinh-form input.wpcf7-submit:hover,.form-download input.wpcf7-submit:hover{
    background-color: #503914;
    -webkit-box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.32);
}
.dangky .wpcf7-spinner,.chuongtrinh-form .wpcf7-spinner,.form-download .wpcf7-spinner{
    display: none;
}
.dangky .note{
    font-size: 12px;
    font-style: italic;
    margin-top:20px;
    color: var(--white);
    margin-bottom: 0;
}
.form-download .note{
    font-size: 12px;
    font-style: italic;
    color: var(--white);
    margin-top: 20px;
    margin-bottom: 0;
}
.dangky form,#chitiet-can form{
    margin-bottom: 0;
}
.footer-form .col-inner{
    background:var(--pri-color);
    padding: 2.5rem 2.5rem;
}
.footer-thongtin .col-inner{
    background:var(--light-white);
    padding: 2.5rem 2.5rem;
}
.flex-thongtin {
    gap: 20px;
}
.flex-thongtin .text{
    width: 50%;
}
.flex-thongtin h4{
    color:rgba(63, 59, 58, 0.38);
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
}
.flex-thongtin p{
    height:52px;
}
.footer-gioithieu p,.flex-thongtin p{
    margin-bottom: 5px;
}
.copyright p{
    margin-bottom: 0;
}
/**/

.chuongtrinh-form .col-inner{
    padding:40px;
}
.chuongtrinh-form .col-inner:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/11/background.webp);
    background-size: 100%;
    opacity: .4;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background-repeat: repeat-y;
    top: 0;
}
.chuongtrinh-form form{
    width: 500px;
    margin: 0 auto;
}
.chuongtrinh-form form .note{
    color:#fff;
    font-size: 13px;
    font-style: italic;
    margin-top:20px;
}
.icon-excel:before {
    content: '';
    background-image: url(/wp-content/themes/flatsome-child/assets/image/icon-excel.webp);
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 24px;
    width: 21px;
    margin-right: 5px;
    background-size: 100%;
}
.icon-pdf:before {
    content: '';
    background-image: url(/wp-content/themes/flatsome-child/assets/image/icon-pdf.webp);
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: sub;
    height: 24px;
    width: 21px;
    margin-right: 5px;
    background-size: 100%;
}
.text-chuongtrinh ul{
    list-style: none!important;
    margin-left: 0;
    margin-top: 15px;
}
.text-chuongtrinh ul li {
    margin-left: 0;
    font-weight: bold;
}
.chuongtrinh-form h2{
    font-family: var(--title-fonts);
    background-image: linear-gradient(#fce5b1, #f1bf8a);
    text-align: center;
    -webkit-background-clip: text;
    filter: drop-shadow(rgb(0, 0, 0) 1px 2px 3px);
    -webkit-text-fill-color: transparent;
    font-weight: 900 !important;
    display: inline-block;
    word-break: break-word;
    filter: brightness(115%) saturate(120%) sepia(14%) grayscale(20%) drop-shadow(rgb(0, 0, 0) 1px 2px 3px);
    font-size: 40px;
    margin-bottom: 0;
}
/**/
.button-zoom button{
    margin: 0;
    background: #fff;
    border-radius: 99px;
    width: 40px;
    height: 40px;
    padding: 0;
}
.dichuyen-title h2,.text-gold{
    color:var(--light-yellow)!important;
}
.dichuyen-title h2{
    margin-bottom: 0;
}
.dichuyen-title h3{
    color:var(--white);
    margin-bottom: 0;
}
.dichuyen-col,.dichuyen-wrapper .col-inner{
    padding:30px;
}
.dichuyen-col .row .col{
    padding-bottom: 0;
}
.dichuyen-col .row .col p{
    margin-bottom: 8px;
}
.dichuyen-wrapper h3{
text-transform:uppercase;
}
.dichuyen-text p,.dichuyen-wrapper p{
    font-size: 14px;
    margin-bottom: 0;
}
.text-gold,.dichuyen-wrapper h4{
    font-size: 20px;
    margin-bottom: 0;
}
.dichuyen-wrapper h4{
color: var(--light-yellow)!important;
}
.dichuyen-wrapper{
    background: linear-gradient(180deg, #e8de8b -200%, #07414cde 99%);
}
.dichuyen-wrapper.sun-bg{
    background: linear-gradient(180deg, #f1af00, #e05400);
}
.dichuyen-wrapper.sun-bg h4{
    color:#fff!important;
}
.sun-title h3:before {
    content: '';
    width: 160px;
    height: 160px;
    background: linear-gradient(360deg, #ffc62d00 50%, #fe6002);
    position: absolute;
    z-index: -1;
    right: 0;
    left: 0;
    top: -60px;
    margin: 0 auto;
    border-radius: 99px;
}
.bg-sunrise .col-inner{
    padding: 40px;
    background-image: url(/wp-content/uploads/2024/05/bg-sunrise-riverside.webp);
    height: 92%;
    background-size: cover;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    position:relative;
}
.bg-sunrise .col-inner .text {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 25%;
}
.bg-sunrise .col-inner .text p{
    font-size: 18px;
}
.bg-sunrise .col-inner .text h3{
    font-size: 2.2rem;
    line-height: 1.4;
    text-transform: uppercase;
}
.stack-dichuyen{
display: grid!important;
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.dichuyen2col{
grid-template-columns: repeat(2, 1fr);
}
.dichuyen3col{
grid-template-columns: repeat(3, 1fr);
}
.vitri-wrapper{
    padding-bottom: 0;
}
.map-inner{
    padding:0;
    background-color:unset;
}
.map-inner svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.map-inner:after {
    content: "";
    display: block;
    padding-top: 53.9%;
}
.marker {
    color: #e00;
}
.map-inner .duongdi path {
  stroke-dasharray: 10;
  stroke-width: 1;
  -webkit-animation: strock 8s infinite linear;
          animation: strock 8s infinite linear;
}
@-webkit-keyframes strock {
  from {
    stroke-dashoffset: 220;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes strock {
  from {
    stroke-dashoffset: 220;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.pic-zoom-in, .pic-zoom-out {
     position: relative;
    display: block;
    width: 3rem;
    height: 3rem;
    margin: 0 .7rem;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    background: #fff;
    color: #000;
}

.panzoom {
    cursor: grab;
}
.button-zoom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    gap: 5px;
}
.vitri-svg{
    height:100%;
}
/**/
.danhsach-tienich.col{
    position: absolute;
    right: 5%;
    bottom: 5%;
}
.danhsach-tienich .col-inner{
    padding:20px;
background: #0a1f349e;

}
.danhsach-tienich .list-tienich ul{
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
      columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.danhsach-tienich .list-tienich ol{
    margin-bottom: 0;
      columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  margin-left: 20px;
}
.danhsach-tienich .list-tienich ul li,.danhsach-tienich .list-tienich ol li{
    margin-left: 0;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
/**/
.back-to-top{
    background:var(--light-yellow)!important;
    border:0!important;
    font-size: 1.3em!important;
    bottom:11%;
}
/**/
.fix-title h2{
    font-family: var(--title-fonts);
    font-size:2.6rem;
    text-transform: uppercase;
    color:var(--light-yellow)!important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(92deg, #f2cb9c, #a56736);
}
.fix-title h2:before{
    display: none!important;
}
.fix-title h3{
    font-size: 2.2rem;
    color: var(--light-yellow)!important;
    line-height: 1.4;
    text-transform: uppercase;
}
.fix-title.dark h2, .fix-title.dark h3{
    color:#fff;
}
.fix-title.sec-title h2{
    color:#00152d;
}
.fix-title.sun-title h1,.fix-title.sun-title h2,.fix-title.sun-title h3,.fix-title.sun-title h4{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(92deg, #ffc62d, #fe6002);
    position: relative;
}
.fix-thongtin p, .fix-thongtin p strong{
    position: relative;
}
.fix-thongtin p{
    font-size: 20px;
    margin-bottom: 12px;
}
.fix-thongtin p strong{
    margin-right:20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    color:var(--th-color);
}
.fix-thongtin p strong:before {
    background: var(--light-yellow);
    content: "";
    height: 100%;
    right: -15px;
    position: absolute;
    top: 0px;
    transform: rotate(10deg);
    width: 1px;
}
.slider-custom{
padding: 0;
bottom: 0px; 
}
.slider-custom .flickity-slider .img{
max-width: 15%!important;
margin: 5px;
border: 2px solid #fff;
}
.slider-custom .flickity-page-dots {
display: none;
}
.slider-custom{
        position: absolute!important;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 10px;
}
.fix-slider .flickity-prev-next-button {
    z-index: 11;
    cursor: pointer;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 0;
    margin-top: 0 !important;
    -webkit-box-shadow: 0 2px 16px 0 rgb(170 170 170 / 20%);
    box-shadow: 0 2px 16px 0 rgb(170 170 170 / 20%);
    opacity: 1 !important;
    border: 1px solid #efefef;
}
.fix-slider .flickity-prev-next-button svg {
    border: 0;
    border-radius: 100%;
    width: 35px;
    height: 35px;
}
.fix-slider .flickity-prev-next-button svg {
    transition: unset;
}
.fix-slider .flickity-page-dots .dot {
    transform: scale(.33);
    background-color: #191919;
    border: 0;
}
.fix-slider .flickity-page-dots .dot.is-selected {
    opacity: 1 !important;
    transform: scale(.66);
}
.slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg{
    fill: #000;
}
a.fix-button,.fix-button a{
    padding: 5px 60px 5px 30px;
    box-shadow: unset;
    height: 50px;
    margin: 0;
    display: flex;
    width: fit-content;
    align-items: center;
    line-height: 36px;
}
a.fix-button:hover,.fix-button a:hover{
    box-shadow: unset;  
        background-color: var(--light-yellow) !important;
}
a.fix-button:after,.fix-button a:after{
    content: '';
    background-repeat: no-repeat;
    width: 25px;
    display: block;
    position: absolute;
    height: 25px;
    z-index: 2;
    background-size: cover;
    right: 15px;
    top: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M22 11H4.414l5.293-5.293a1 1 0 1 0-1.414-1.414l-7 7a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414-1.414L4.414 13H22a1 1 0 0 0 0-2z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    transform: rotate(180deg);
}
a.fix-button.th-color:hover{
    box-shadow: unset;  
    background-color:#fff!important;
    color:var(--pri-color);
}
a.fix-button.th-color:hover:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M22 11H4.414l5.293-5.293a1 1 0 1 0-1.414-1.414l-7 7a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414-1.414L4.414 13H22a1 1 0 0 0 0-2z' fill='%23aa8943' opacity='1' data-original='%23000000' class=''/%3E%3C/g%3E%3C/svg%3E");
}
a.fix-button{
    position: relative;
    display: inline-flex;
}
.text-noibat{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.text-noibat:last-child{
    margin-bottom: 0;
}
.text-noibat h3{
    color:var(--light-yellow);
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    flex-basis: 30%;
    max-width: 30%;
    margin-bottom: 0;
}
.text-noibat h3:before{
    background: var(--light-yellow);
    content: "";
    height: 100%;
    right: 30px;
    position: absolute;
    top: 0px;
    transform: rotate(10deg);
    width: 1px;
}
.text-noibat p{
    font-size:18px;
    color:var(--white);
    flex-basis: 70%;
    max-width: 70%;
    margin-bottom: 0;
}
.stack-chuongtrinh{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    gap:30px;
    margin-bottom: 60px;
}
.text-chuongtrinh{
    background: #fff;
    padding: 15px 30px;
    border-radius: 5px;
    width: 300px;
    text-align: center;
}
.text-chuongtrinh h3{
    font-size: 24px;
    color:var(--black);
}
.text-chuongtrinh h3 strong{
    font-size: 4rem;
    font-weight: 900;
    line-height: 4rem;
    color: var(--light-yellow);
}
.stack-chuongtrinh p{
    margin-bottom: 0;
    font-weight: bold;
}
.chuongtrinh-title h2{
    font-size: 3rem;
    color:var(--light-yellow)!important;
    text-transform: uppercase;
    font-family: var(--title-fonts);
}
.chuongtrinh-title h3{
    font-size: 1.8em;
    color:var(--light-yellow)!important;
    text-transform: uppercase;
}
.chuongtrinh-title p{
    font-size: 24px;
}
.tgc-spin p{
    line-height: 0;
    margin-bottom: 0;
    color:var(--light-yellow);
    font-size: 80pt;
    position: absolute;
    top:10px;
    right:10px;
    animation: tgcspin 20s linear infinite;
}
.fix-col-gallery{
    background:#fff6ee;
}
.thietke-boxtitle{
    height:315px;
}
.thietke-col2:before{
    content:'';
    background: var(--light-yellow);
    width: 300px;
    height:101%;
    display: block;
    position: absolute;
    left: 0;
    top:-19px;
}
.thietke-boxtext p{
    font-size: 18px;
    margin-bottom: 8px;
}
.baogia-thietke h4{
    position: relative;
    font-size: 1.4rem;
    color: var(--pri-color);
    margin: 10px 0;
    display: inline;
    padding-left: 30px;
}
.baogia-thietke h4:before{
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    height: 2px;
    width: 20px;
    background: var(--pri-color);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}
@keyframes tgcspin{ 
    100% {
        transform: rotate(1turn);
    }
}
@media (max-width:1024px){
    .sec-chuongtrinh .chuongtrinh .col{
        flex-basis: 100%;
        max-width: 100%;        
    }
    .form-ngang,.form-ngang p{
        max-width: 100%;
        width: 100%;
    }
    .fix-formngang{
        margin: 0 15px;
    }
    .thietke-boxtext p {
        font-size: 16px;
    }
}
@media (max-width:820px){
    .overlay-wrapper{
        margin-top:30px;
    }
    .text-noibat h3,.text-chuongtrinh h3 {
        font-size: 18px;
    }
    .stack-chuongtrinh{
        gap: 15px;
    }
    .text-chuongtrinh h3 strong{
        font-size: 3.2rem;
    }
    .danhsach-tienich.col{
        position: relative;
        width: 100%;
        right: 0;
        bottom: 0;
    }
    .real-box .box-text {
        padding: 15px 10px 20px;
    }
    .real-box .info {
        gap: 5px;
        font-size: 14px;
        justify-content: space-between;
    }
    .real-box .thanhtoan{
       font-size: 14px; 
    }
}
@media (max-width:600px){
    .real-box .box-text {
        padding: 20px;
    }
    .sideIcon {
        bottom: 10%;
    }
    .title-taive h2 {
        font-size: 38px;
        line-height: 52px;
    }
    .thietke-boxtitle{
        height: unset;
    }
    .fix-formngang h2 {
        line-height: 36px;
        font-size: 24px;
    }
    .fix-formngang {
        padding: 0;
    }
    .text-noibat h3{
        font-size: 24px;
    }
    .text-noibat h3{
        margin-bottom: 15px;
    }
    .text-noibat h3,.text-noibat p{
        flex-basis: 100%;
        max-width: 100%;
    }
    .text-noibat,.stack-chuongtrinh {
        flex-direction: column;
        flex-wrap: wrap;
    }
    .text-chuongtrinh h3 strong{
        font-size: 5rem;
    }
    .stack-chuongtrinh p {
        font-size: 24px;
    }
    .text-noibat{
        margin-bottom: 15px;
    }
    .text-chuongtrinh{
        width: 100%; 
    }
    .fix-title h2 {
        font-size: 2.3rem;
    }
    .fix-title h3,.chuongtrinh-title h3 {
        font-size: 1.5rem;
    }
    .dichuyen-col {
        padding: 15px;
    }
    .chuongtrinh-form .col-inner {
            padding: 40px 20px;
    }
    .form-ngang,.dangky input.wpcf7-submit,.chuongtrinh-form input.wpcf7-submit,.dangky input.wpcf7-submit,.wpcf7 .wpcf7-form-control-wrap,.chuongtrinh-form form{
        max-width: 100%;
        width: 100%;
    }
    .form-ngang p {
        width: 100%;
        gap: 20px;
        flex-direction: column;
    }
    .flex-thongtin{
        flex-direction: column;
        gap: 15px;
    }
    .flex-thongtin .text{
        width: 100%;
    }
    .flex-thongtin p{
        height: unset;
    }
    .copyright p{
        text-align: center;
    }
    .fix-footer{
        padding-bottom: 0!important;
    }
    .slider-custom {
        position: relative!important;
        bottom: -5px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .slider-custom .flickity-slider .img {
        max-width: 33% !important;
    }
    .fix-thongtin p,.fix-thongtin p strong {
        font-size: 20px;
    }
    .banner-video-top .banner-title h1 {
        font-size: 3rem;
    }
    .banner-video-top .banner-title p strong {
        line-height: 1.5;
    }
    .footer-form .col-inner,.footer-thongtin .col-inner {
        padding: 30px 15px;
    }
    .chuongtrinh-title h2 {
        font-size: 3.2rem;
    }
    .chudautu .stack-row{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        justify-items: center;
        align-items: center;
        justify-content: center;
    }
    .chudautu .stack > *{
        margin:0!important;
    }
    .chudautu .stack .img-inner.dark {
        padding: 10px;
        background: #fbfbfb;
    }
    .chudautu{
        margin-top:0!important;
    }
    .sec-thietke{
        padding-bottom: 0!important;
    }
}
@media only screen and (min-width: 1200px) {
    .slider1 .slide-track .slide img,.slider2 .slide-track .slide img {
        width: 546px;
        height: 336px;
    }

    @keyframes scroll-right {
        0% {
            transform: translateX(calc(-546px * 5 - 12px * 5));
        }

        100% {
            transform: translateX(0);
        }
    }

    @keyframes scroll-left {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(-546px * 5 - 12px * 5));
        }
    }
    .slider1,
    .slider2 {
        background: white;
        height: 336px;
        margin: auto;
        overflow: hidden;
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

    .slider1::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

    .slider1::before {
        left: 0;
        top: 0;
    }

    .slider1 .slide-track {
        animation: scroll-left 80s linear infinite;
        display: flex;
        width: calc(546px * 15 + 12px * 15);
        gap: 12px;
    }

    .slider2::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

    .slider2::before {
        left: 0;
        top: 0;
    }

    .slider2 .slide-track {
        animation: scroll-right 80s linear infinite;
        display: flex;
        width: calc(700px * 15 + 12px * 15);
        gap: 12px;
    }
}
@media only screen and (min-width: 577px) and (max-width: 1199px) {
    :root {
        --height: 184px;
        --width: 299px
    }

    .slider1 .slide-track .slide img,.slider2 .slide-track .slide img {
        width: 260px;
        height: 300px;
        object-fit: cover;
    }

    @keyframes scroll-right {
        0% {
            transform: translateX(calc(-299px * 5 - 12px * 5));
        }

        100% {
            transform: translateX(0);
        }
    }

    @keyframes scroll-left {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(-299px * 5 - 12px * 5));
        }
    }

    .slide-image-text {
        margin-bottom: 16px;
        font-size: clamp(1.25rem, 1.1286rem + 0.5178vw, 1.75rem);
    }
    .slider1,
    .slider2 {
        background: white;
        height: var(--height);
        margin: auto;
        overflow: hidden;
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

    .slider1::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

    .slider1::before {
        left: 0;
        top: 0;
    }

    .slider1 .slide-track {
        animation: scroll-left 80s linear infinite;
        display: flex;
        width: calc(299px * 15 + 12px * 15);
        gap: 12px;
    }

    .slider2::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

    .slider2::before {
        left: 0;
        top: 0;
    }

    .slider2 .slide-track {
        animation: scroll-right 80s linear infinite;
        display: flex;
        width: calc(299px * 15 + 12px * 15);
        gap: 12px;
    }
}
@media only screen and (max-width: 576px) {
    .slider1 .slide-track .slide img,.slider2 .slide-track .slide img {
        width: 221px;
        height: 136px;
    }

    @keyframes scroll-right {
        0% {
            transform: translateX(calc(-221px * 5 - 12px * 5));
        }

        100% {
            transform: translateX(0);
        }
    }

    @keyframes scroll-left {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(-221px * 5 - 12px * 5));
        }
    }

    .slide-image-text {
        margin-bottom: 16px;
        font-size: clamp(1.25rem, 1.1286rem + 0.5178vw, 1.75rem);
    }

    .slider1,
    .slider2 {
        background: white;
        height: 136px;
        margin: auto;
        overflow: hidden;
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

    .slider1::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

    .slider1::before {
        left: 0;
        top: 0;
    }

    .slider1 .slide-track {
        animation: scroll-left 80s linear infinite;
        display: flex;
        width: calc(221px * 15 + 12px * 15);
        gap: 12px;
    }

    .slider2::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

    .slider2::before {
        left: 0;
        top: 0;
    }

    .slider2 .slide-track {
        animation: scroll-right 80s linear infinite;
        display: flex;
        width: calc(300px * 15 + 12px * 15);
        gap: 12px;
    }
}
.contact-footer h2,.logo-chudautu h2{
    font-family: var(--title-fonts);
    font-size: 2rem;
    text-transform: uppercase;
    color: #ffdf8a;
}
.contact-footer h3{
    font-size: 26px;
    text-align: center;
    margin-bottom: 15px;
}
.logo-chudautu p img{
    margin-bottom: 0!important;
    padding: 20px;
    background: rgb(0, 21, 45);
    border-radius: 5px;
}
.contact-footer h3 a{
text-decoration: underline;
}
.contact-footer h3 img{
    margin-top: -6px;
}
.contact-footer h3:hover a{
color:#00152d;
}
.new-fix-footer .section-bg-overlay{
background-image: url(/wp-content/uploads/2024/11/background.webp);
    background-size: 25%;
}
.absolute-footer.dark {
    color: #00152d;
}
.fix-text p{
font-size:18px;
}
.sec-thietke{
    border-bottom: 5px solid #d3a222;
}
.sec-color .form-ngang input.wpcf7-submit{
    background-image: linear-gradient(92deg, #f2cb9c, #a56736);
    color:#222;
}
.sec-color .form-ngang input.wpcf7-submit:hover{
    background-image: linear-gradient(180deg, #f2cb9c, #a56736);
}
.stack.fix-dichuyen p{
    font-size:18px;
    color:#fff;
margin-bottom:5px;
}
.stack.fix-dichuyen h3{
    font-size:30px;
    color: var(--light-yellow) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(92deg, #f2cb9c, #a56736);
    font-family: var(--title-fonts);
}
.fix-gallery-col .gallery-col .box-text{
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0 0 20px;
    text-transform: uppercase;
    color: #fff;
}
.fix-gallery-col .gallery-col .overlay{
    background-image: linear-gradient(180deg, #ffffff00, #0000007d);
}
.fix-giathue.stack h4{
    color: #17456b;
    text-transform: uppercase;
    font-size: 16px;
}
.fix-giathue.stack p{
    margin-bottom: 5px;
}
.fix-giathue.stack ul{
    list-style: none;
    margin-bottom: 0;
}
.fix-giathue.stack ul li{
    margin-bottom: 5px;
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 0 10px;
    word-break: break-word;
    overflow-wrap: break-word;
        font-weight: bold;
}
.fix-giathue.stack ul li strong{
    color: #de2727;
}
.fix-giathue.stack ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M12.5 0L25 12.5L12.5 25L0 12.5L12.5 0Z' fill='%23a97041'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain;
}
#baogia-ngay .note{
    color:#fff;
}
.row-bds #post-list:after {
    content: '';
}
.grand-bg-gradient {
    background-image: linear-gradient(92deg, #0e4267, #0a1f34);
}
.fix-tab .nav-pills{
    gap: 10px;
    margin-top:20px;
}
.fix-tab .nav-pills>li>a,.tab-chuyennhuong .nav-tabs>li>a{
    background:#ddd;
    color:#222;
    padding: 5px 30px;
}
.fix-tab .nav-pills>li.active>a,.tab-chuyennhuong .nav-tabs>li.active>a{
    background-image: linear-gradient(91deg, #f2cb9c, #a56736);
    color: #222;
}
.bat-dong-san-template .row.row-scroll-fix .col {
    flex-basis: 32%;
    max-width: 32%;
}
.bat-dong-san-template .tab-chuyennhuong a.fix-button,button.btn-ajax-bds{
    background: #a56736;
    color: #fff;
    border: 0;
}
.bat-dong-san-template .real-box .box-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 240px;
}
.pt-60 {
    padding-top: 60px !important;
}
.bat-dong-san-template h1{
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
    text-transform: uppercase;
    color: var(--light-yellow) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(92deg, #f2cb9c, #a56736);
    font-family: var(--title-fonts);
}
.ct-thanhtoan {
background-image: linear-gradient(to right, rgba(3, 97, 85, 0), #a97041, rgba(3, 97, 85, 0));
}
.ct-phuongthuc p{
        color: #17456b;
}
.fix-big-title h2 {
    font-size: 60px;
    line-height: 1.4;
    font-weight: bold;
    color: #247875;
    text-shadow: #ec703c 2px 2px 2px;
}
.ct-phuongthuc {
    font-size: 30px;
    line-height: 1.4;
    font-weight: bold;
}
.box-phuongthuc {
    padding: 10px;
    width: 275px;
    background-image: linear-gradient(180deg, #236a9f, #0b2035);
}
.box-phuongthuc p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
    color: #fff;
}
.ct-thanhtoan p {
    padding: 10px 0;
    margin-bottom: 0;
    font-weight: bold;
    color: rgb(255 255 255);
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
    font-size: 30px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}
.box-phuongthuc p strong {
    font-weight: 800;
    line-height: 1.8;
    font-size: 55px;
    color: #f2cb9c;
    text-align: center;
    text-shadow: rgb(255 255 255) 1px 1px 1px;
}
.stack.ct-phuongthuc{
    gap:2rem;
}
.fix-gallery-col {
    align-items: center;
}
.fix-gallery-col .gallery-col:nth-child(1) .box-image,.fix-gallery-col .gallery-col:nth-child(3) .box-image{
    padding-top: 110%;
}
.stack.fix-dichuyen{
    gap:2rem;
}
@media (max-width: 849px) {
.ct-phuongthuc.stack-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }
}
@media (max-width: 820px) {
    .box-phuongthuc p:first-child {
        height: unset;
    }
    .box-phuongthuc {
        width: unset;
    }
}
@media (max-width: 600px) {
    .ct-thanhtoan p {
        flex-direction: column;
        gap: 0;
    }
    .stack.fix-dichuyen{
        gap:0;
        padding: 0 15px;
    }
    .stack.ct-phuongthuc,.stack.fix-dichuyen {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }
    .stack.fix-dichuyen p {
    font-size: 20px;}
}
@media (max-width: 549px) {
    .ct-thanhtoan p {
        font-size: 32px;
    }
    .box-phuongthuc p strong {
        font-size: 40px;
    }
    .ct-phuongthuc {
    font-size: 24px;
}
}
@media (max-width:600px){
.box-phuongthuc p {
    font-size: 18px;
}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#baogia-ngay h2 {
    font-size: 1.8rem;
}
.row-bds #post-list:after {
  content: 'flickity';
  display: none;
}
}
.phankhu .scroll-down a{
    background: #aa8943;
    display: block;
    background-image: url(/wp-content/uploads/2024/11/background.webp);
    background-size: 30%;
    opacity: 1;
}
.phankhu .phankhu-info{
        padding: 40px 20px 0 0;
}
.fix-tab.sun-tab ul{
    gap: 15px;
    margin-bottom:20px;
}
.fix-tab.sun-tab ul li a{
    background:#fe6002;
    padding:5px 30px;
    color:#fff;
    font-size:15px;
}
.fix-tab.sun-tab ul li.active a{
    background-image: linear-gradient(92deg, #ffc62d, #fe6002);
}
.sun-matbangtang .col-inner{
    padding: 40px 25px;
    border: 1px solid #fe6002;
    border-radius: 20px;
}
.sun-matbangtang ul{
    list-style: none;
    columns: 3;
  -webkit-columns: 3;
  -moz-columns:3;
  margin-bottom: 0;
  margin-top:30px;
}
.sun-matbangtang ul li{
    font-size:12px;
    font-weight: bold;
    margin-left:0!important;
    margin-bottom: 5px;
}
.sun-ketnoi ul{
    list-style: none;
    columns: 2;
  -webkit-columns: 2;
  -moz-columns:2;
  margin-bottom: 0;
}
.sun-ketnoi ul li{
    margin-left:0!important;
    margin-bottom: 5px;
}
.sun-ketnoi ul li strong{
    color:#fe6002;
}
.sun-matbangtang p{
    margin-bottom: 8px;
}
.sun-matbangtang h3,.fix-tab h4.uppercase{
    margin-top:60px;
    position: relative;
    font-size: 1.8em;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(92deg, #f3cda0, #a56736);
    text-align: center;
    margin-bottom: 0;
    line-height:1.5;
}
.fix-tab .tabbed-content h4{
    font-family: var(--title-fonts);
    font-size:3rem;
    text-transform: uppercase;
    color:var(--light-yellow)!important;
}
.sun-matbangtang h3:before,.fix-tab h4.uppercase:before {
    content: '';
    width: 160px;
    height: 160px;
    background-image: linear-gradient(92deg, #f3cda0, #a56736);
    position: absolute;
    z-index: -1;
    right: 0;
    left: 0;
    top: -60px;
    margin: 0 auto;
    border-radius: 99px;
}
.sun-imgtongquan img{
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}
.sun-matbangtang h4{
    font-weight: normal;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(92deg, #ffc62d, #fe6002);
    text-align: center;
}
.sun-matbangtang h5{
      text-transform: uppercase;
      color:#fe6002;
      text-align: center;
}
.col2-ul ul{
columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style: none;
  text-align: center;
}
.col2-ul ul li{
    margin-left: 0!important;
    text-align: center;
}
.sunrise-form form{
    max-width:500px;
    margin:0px auto 60px;
}
.sunrise-form form input{
    height:50px;
    border:0;
    box-shadow: unset;
}
.sunrise-form form input.wpcf7-submit{
    background:#0981c6!important;
}
.sunrise-form h2{
    text-align: center;
    font-size: 2.2em;
    color: #fff;
}
.stack .content-formdoc{
        position: relative;
}

.stack .content-formdoc ul li{
    font-size:14px;
}
@media (max-width:600px){
.bg-sunrise .col-inner .text {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
}
.fix-ol-num ol{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.sun-vitriimg .image-cover{
padding-top: 55%!important; 
}
.bg-sunrise .col-inner .text p {
    text-align: justify;
}
.sun-imgtongquan img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.bg-sunrise.sunrise-form .col-inner,.bg-sunrise .col-inner{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 40px 15px;
}
.sec-gioithieu.sun-gioithieu{
    padding-bottom:0!important;
}
.fix-text p{
    text-align: justify;
}
.fix-tab .fix-slider .flickity-prev-next-button{
    display:none;
}
.bat-dong-san-template .row.row-scroll-fix .col {
    flex-basis: 90%;
    max-width: 90%;
}
.sec-dangky {
    background-size: contain;
    background-position: bottom;
}
.danhsach-tienich .col-inner {
    background-image: linear-gradient(181deg, #0e4267, #0a1f34);
}
.fix-formdoc .col-inner {
    background-size: contain;
}
}