/* Header-top */
.header-top-wrap{
    background: rgba(0, 0, 0, 0.1);
    border:1px solid #ccc;
}
.header-top-wrap p{
    color:var(--white-color);
    font-size: 1.4rem;
    margin-bottom: 0;
    padding: 0 1rem;
}

.icon-luotxem{
    font-size: 1.1rem;
}
.i.iav .co,.i.iav .ci{fill: var(--html-bg-website)}
.i .co,.i .ci{fill: #fff}
/* Menu */


/* Carts news */
.empty-cart {
    margin: 0 auto;
    text-align: center;
    padding: 30px 0px;
}
.empty__btn {
    background: var(--html-cl-website);
    color: #fff;
    font-weight: 500;
    padding: 10px 55px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid var(--html-cl-website);
    transition: all 0.2s;
}
.empty__btn:hover{
    background: #fff;
    color: var(--html-cl-website);
}
.bg-step__active {
    background: var(--html-cl-website);
}
.wrap__paymentstep-links {
    padding: 1rem;
    display: block;
    text-align: center;
    font-size: 1.6rem;
    font-family: var(--aptima-regular),Arial, Helvetica, sans-serif;
}
.wrap__paymentstep {
    overflow: hidden;
}
.wrap__paymentstep {
    background: #fff;
    box-shadow: 2px 2px 7px #ccc;
}
.wrap__paymentstep{
    border-radius: 0.5rem;
}
.wrap__paymentstep{
}
/* End */

.news .content h3{
    margin-top:0px !important;
    font-size: 1.4rem;
}
/* ul.nav-menu>li:last-child>h2>a::after{
    display:none;
} */
/* ul.nav-menu>li:last-child>a::after{
    display:none;
} */
.content .content__title{
    font-size: 1.2rem;
    color:black;
    font-style: italic;
}
.content .content__number{
    font-size: 3rem;
    color:var(--warning-color);
}
.box-partners{
    border:1px solid #ccc;
    height: 10.8rem;
    border: 1px solid #ccc;
    height: 10.8rem;
    padding: 1rem;
    display:flex;
    justify-content: center;
    align-items: center;
}
.img-partners{
    height: 8rem;
}
/* Bất động sản nổi bật */
.bds-highlights{
    padding: 4rem 0;
}
.item__img-icon{
    margin-right: 1rem;
}
.chaychu>div:first-child{
    color: var(--html-cl-website);
    font-size: 2.4rem;
    margin-bottom: 1rem;
    font-family: var(--utmavo-bold),Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
}
.chaychu>div:last-child{
    color: #000 ;
    font-size: 1.6rem;
    font-style: italic;
    text-align: center;
}
div.header-top__introduct{
    color:black;
    font-style: italic;
    font-size: 1.3rem;
}
div.header-top__address{
    color:black;
    font-size: 1.3rem;
}
.header-top__address>span{
    font-weight: bold;
}
.content-hightlight{
    background-color:var(--white-color);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.align-center{
    text-align: center;
}
.content_area{
    margin-top:1rem;
}
.content__bottom{
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.yeuthich.active{
    color:#eb2525 !important;
}
.btn--primary{
    border:1px solid var(--html-bg-website);
    border-radius: 0.5rem;
    color:var(--html-bg-website);
}
.btn--primary:hover{
    background-color:var(--html-bg-website);
    color:var(--white-color);
}
.star-animate {
    z-index: 124 !important;
    width: 100%;
    height: 100%;
    animation: star linear 1.55s infinite;
    -moz-animation: star linear 1.55s infinite;
    -webkit-animation: star linear 1.55s infinite;
    -o-animation: star linear 1.55s infinite;
}
.socical__list{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.socical__item{
    list-style-type: none;
}
.socical__link{
    text-decoration: none;
    display: inline-block;
}
.box__contact-input{
    padding: 1rem;
    border-radius: 0.5rem;
    color:#454545;
    background:#ECEFF2;
    width: 26.6rem;
    font-size: 1.4rem;
    border: transparent;
    outline: none;
}
.btn--submit-mail{
    min-width: 6rem;
    color:var(--white-color);
    border-radius:0.5rem;
    background:var(--html-bg-website);

}
.btn--submit-mail:hover{
    background:var(--white-color);
    color:var(--yellow-color);
}
.email__title{
    font-size: 1.6rem;
    color:#fff;
    font-weight: bold;
    display: block;
}
.cl-white{
    color:var(--white-color);
}
.original1{
    font-weight: bold;
    font-size: 1.6rem;
    text-align: center;
}
/* SEARCH PC */
.header__icon {
    color: #fff;
    font-size: 2.5rem;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.header__icon>i:first-child {
    margin-right: 2rem;
    padding: 0 1rem;
    display: inline-block;
}
.form-search {
    position: absolute;
    top: 60%;
    right: 10%;
    padding: 2rem;
    width: 100%;
    transform: scaleY(0);
    transition: 0.2s linear;
    transform-origin: top;
}
.form-search-parent-sticky{
    color: var(--white-color);
    font-size: 1.4rem;
}
.form-group {
    display: flex;
}
.form-seacrh__middle>input{
    outline: none;
    border: unset;
    border: 1px solid #fff;
    flex: 5;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    color: var(--primary-color);
    font-size: 1.6rem;
    padding: 1rem 1rem;
    width: 100%;
}
.form-group>.form-search__middle>input{
    outline: none;
    border: unset;
    border: 1px solid #fff;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    color: var(--primary-color);
    font-size: 1.6rem;
    padding: 1rem 1rem;
}
.btn--outline-icon {
    min-width: 4rem !important;
    color: var(--white-color) !important;
    background: var(--html-bg-website);
    text-align: center !important;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    cursor: pointer;
}
.btn--outline-icon:hover{
    background: #fff;
    
}
.btn--outline-icon:hover>i{
    color: var(--html-bg-website);
}
.header__icon-sticky{
    font-size: 2.5rem;
    position: relative;
    justify-content: flex-end;
    cursor: pointer;
}
.header__icon-sticky{
    padding: 0px 1rem;
    display:flex;
}
.form-search{
    position: absolute;
    top: 60%;
    right: 10%;
    padding: 2rem;
    width: 100%;
    transform: scaleY(0);
    transition: 0.2s linear;
    transform-origin: top;
}
.form-search-sticky{
    position:absolute;
    top: 100%;
    left: -24rem;
    padding: 2rem;
    width: 100%;
    transform: scaleY(0);
    transition: 0.2s linear;
    transform-origin: top;
    z-index: 123;
}
.form-search-sticky.active{
    transform: scaleY(1);
}
.form-search.active{
    transform: scaleY(1);
}
.content_xd{
    position: absolute;
    bottom: 0.3rem;
    left: 0.3rem;
    right: 0.3rem;
    background:rgba(0, 0,0, .6);
    color:var(--white-color);
    padding: 1rem;
    display:flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.3s linear;
}
.content_xd>p{
    margin-bottom: 0px !important;
    font-weight: bold;
    font-size:1.6rem ;
}
.location-xd:hover .content_xd{
    opacity: 1;
}
.location-xd:hover .thumb-xd{
    border-color:var(--html-bg-website);
}
.location-xd .thumb-xd{
    border-radius: unset;
    border: 3px dashed transparent;
    transition: all .3s linear;
}
/* Menu right */
.contact-phone {
    width: 100%;
    margin: 5px 0;
    overflow: hidden;
}
.contact-phone ul {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.contact-phone ul li {
    width: 49%;
    float: left;
    margin-right: 2%;
    background-color: #288AD6;
    color: #fff;
    padding: 8px;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
}
.contact-phone ul li a {
    color: #fff;
    display: block;
    width: 100%;
    text-decoration: none;
}
.contact-phone ul li p:last-of-type {
    font-size: 12px;
    margin: 0;
}
.contact-phone ul li:last-of-type {
    margin-right: 0;
    background: rgba(58,85,159,1);
}
.header-sidebar{
    background:var(--html-bg-website);
    padding: 1rem;
    color:var(--white-color);
    font-weight: bold;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    display:flex;
    justify-content: center;
}
.product__box-content-views{
    display: flex;
    justify-content: space-between;
    align-items:center;
    font-size: 1.2rem;
}
.product__box{
    display: flex;
}
.product__box-content>.product-content__title{
    font-size: 1.2rem;
    font-weight: 500;
    color:black;

}
.product__box-content>.product-content__content{
    font-size: 1.1rem;
    margin-top:0.2rem;
}
/* .body-sidebar{
    padding:1rem 1rem;
} */
.product__box-img{
    width: 30%;
    padding: 1%;
}
.product__box-img>img{
    object-fit: cover;
}
.product__box-content{
    width: 100%;
    padding: 1rem 1rem;

}
.body-sidebar{
    /* overflow: hidden;
    border:1px solid #f4f4f4;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    max-height: 35.2rem;
    overflow: auto; */
}
.body-sidebar::-webkit-scrollbar{
    width: 6px;
    background-color:var(--html-bg-website);
    border-radius: 0.5rem;
}
.iframe-text>iframe{
    width: 100%;
    height: 240px;
}
.body-sidebar::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 0.5rem;
}
.body-sidebar::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}
.category__list{
    padding: 1rem;
}
.category__item{
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    padding: 1rem 0px;
    
}
.category__link{
    text-decoration: none;
    display:block;
    font-size: 1.4rem;
    transition:0.2s;
}
.category__link:hover{
    color:var(--primary-color);
    transform: translateX(5%);
}
.book>h3{
    position: relative;
    text-transform: uppercase;
}
.book>h3::after{
    content: "";
    position: absolute;
    width: 10rem;
    height: 3px;
    background:var(--html-bg-website);
    top:120%;
    left:0;    
}
.product-content__content>p{
    margin-top: 0px !important;
    font-size: 1.1rem;
    color:#777777;
}

.product__box{
    margin-top: 0;
    border-bottom: 1px dashed #f4f4f4;
}
.body-sidebar>a:last-child>.product__box{
    border-bottom: unset;
}
/* Product details */
.mask-code{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    padding: 5px 10px;
}
.bordered-card {
    border: 1px solid #ccc;
}
.bg-page {
    margin-bottom: 0!important;
    margin-top: 0!important;
    padding: 10px 0px;
    background-color: var(--html-bg-website);
    color: #fff;
}
.card .card-title {
    font-family: 'muli-bold';
}
.category-info .title h2{margin-bottom: 0!important;margin-top: 0!important}
.category-info .title a{background-color: var(--html-bg-website);display: block;font-weight: 500;padding: 10px;color: #fff;font-size: 16px}
.box-detail>h1 {
    font-size: 24px;
    font-family: var(--utmavo-bold),Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
    border-bottom: 1px solid #99999945;
    text-transform: uppercase;
    padding-bottom: 10px;
    line-height: 1.4;
}
/*.box-detail i.fa {
    color: var(--html-cl-website);
}*/
/* .border-img-gallery {
    border: 1px solid #ccc;
    padding: 5px;
} */
span.desc-span {
    color: #000;
    padding: 10px 0;
}
.box-detail>ul>li {
    line-height: 22px;
    padding: 5px 0px;
    font-size: 13px;
    border-bottom: thin solid #99999945;
}
.price-new-product {
    color: #f00;
    font-size: 24px;
    font-weight: 600;
}
.price-old-product{
    text-decoration: line-through;
    font-size: 13px;
    font-weight: normal;
    color: #888;
}
.promotion span{

    display: inline-block;

    padding:2px 20px;

    background: #ff9900;

    color:#fff;

    font-weight:bold;

}

.promotion:before{

    content: '';

    width: 0;

    height: 0;

    border-top: 13px solid transparent;

    border-bottom: 13px solid transparent;

    border-right: 13px solid #fff;

    position: absolute;

    right: 0px;

    top: 0px;

}
.bg-cart-fix {
    background-color: #FFE6AD;
    padding: 10px;
    border-radius: 4px;
}
.btn-cart-css {
    background: #f1592a;
    padding: 0 26px;
    font-size: 16px;
    height: 43px;
    margin-right: 10px;
    box-shadow: 0px 3px 0 #b5411d;
    -webkit-box-shadow: 0px 3px 0 #b5411d;
    -moz-box-shadow: 0px 3px 0 #B5411D;
    margin: 0;
    border: 0;
    font-family: 'muli-bold';
    color: #fff;
}
.wrap_qty {
    position: relative;
    display: flex;
}
.desc-span--price{
    font-size: 1.6rem;
    color: red !important;
    font-family: var(--utmavo-bold),Arial, Helvetica, sans-serif;
}
.wrap_qty span.up, .wrap_qty span.down {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    line-height: 25px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    font-family: 'Arial';
}
.wrap_qty input {
    background: #fff;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    border-radius: 2px;
    padding: 0px 0px 0px 0px;
    width: 40px;
}
.input-text.qty {
    height: 28px;
    text-align: center;
    margin-left: -1px;
    margin-right: -1px;
}
.phone-cart i {
    font-size: 30px;
    position: relative;
    top: 2px;
    margin-left: 10px;
    color: #F1592A!important;
}
.phone-cart span.hotline-detail a {
    font-size: 16px;
    color: #F1592A;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}
.bg-s {
    background-color: #f1f1f1;
    margin-bottom: 15px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
}
.bg-s img {
    margin-right: 10px;
    vertical-align: middle;
}
.title-content {
    background: rgba(0,0,0,.02);
    color: rgba(0,0,0,.87);
    font-size: 16px;
    padding: 1.25rem;
    text-transform: uppercase;
    font-family: var(--utmavo-bold),Arial, Helvetica, sans-serif;
}
.box-detail-content {
    margin: 10px;
}
.sidebar-detail.sticky-list, 
.sidebar-detail {
    /*position: -webkit-sticky;
    position: sticky;
    top: 55px;*/
    /* border:1px solid #ccc; */
}
/*owlcarrousel*/
.owl-nav>div {background: rgba(255,255,255,.9) !important;height: 60px;width: 30px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.owl-nav .owl-prev {box-shadow: 6px 0 4px rgb(0 0 0 / 5%), 4px 0 4px rgb(0 0 0 / 9%);border-radius: 0 4px 4px 0;left: 0;}
.owl-nav .owl-next {box-shadow: -6px 0 4px rgb(0 0 0 / 5%), -4px 0 4px rgb(0 0 0 / 9%);border-radius: 4px 0 0 4px;right: 0;}
.owl-carousel .owl-prev, .owl-carousel .owl-next {opacity: 0;transition: .2s;}
.owl-carousel:hover .owl-prev, .owl-carousel:hover .owl-next {opacity: 1;}
.owl-nav span {display: block;text-indent: -9999px;}
.owl-nav span::before {content: "";border-top: 3px solid #666;border-right: 3px solid #666;height: 22px; position: absolute;top: 18px;width: 22px;}
.owl-nav .owl-next span::before {transform: rotate(45deg);right: 8px;}
.owl-nav .owl-prev span::before {left: 10px;transform: rotate(-135deg);}
.owl-dots{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.owl-dot span {height: 10px;width: 10px;border-radius: 50%;background-color: var(--html-cl-website);display: inline-block;margin: 0 5px 0px;}
.owl-dot.active span {background-color: var(--html-bg-website)!important;}

/*end*/

#detail-product { width: 100%; background: #FFF; position: relative; }
#detail-product .img-top img { max-width: 100%; display: block; }
#detail-product .img-bottom { padding-top: 10px; margin-top: 10px; position: relative; width: 60%; margin: auto; }
#detail-product .img-bottom .img { padding: 0px 5px; }
#detail-product .img-bottom .img img { border: 1px solid #e5e5e5; padding: 3px; max-width: 100%; display: block; height:50px }
#detail-product .img-bottom .img .mz-thumb-selected img { border: 1px solid var(--html-bg-website) !important; }
#detail-product .img-bottom .img .mz-thumb:hover img { border: 1px solid var(--html-bg-website) !important; }
#detail-product .img-bottom .owl-prev,
#detail-product .img-bottom .owl-next { position: absolute; font-size: 30px; top: 50%; margin-top: -20px; }
#detail-product .img-bottom .owl-prev { left: -20px; }
#detail-product .img-bottom .owl-next { right: -20px; }
.title-other {background-color: var(--html-bg-website);border-radius: 4px;overflow: hidden;}
.title-other .title {color: #fff;z-index: 1;font-family: 'Arial';font-weight: bold;font-size: 16px;position: relative;text-transform: uppercase;padding: 8px 8px 8px 15px;display: block;}
/* carousel */
.owl-carousel.owl-arrowout .arrowright {
    right: -30px;
}
.owl-carousel.owl-arrowout .arrowleft {
    left: -30px;
}


.owl-carousel .arrowleft, 

.owl-carousel .arrowright {

    width: 25px;

    height: 25px;

    position: absolute;

    top: 50%;

}

.owl-carousel .arrowleft svg, 

.owl-carousel .arrowright svg {

    width: 25px !important;

    height: 25px !important;

}

.owl-carousel .arrowleft {

    left: 0;

}

.owl-carousel .arrowright {

    right: 0;

}

.owl-carousel .a {

    fill: none;

    stroke: #000;

    stroke-width: 560;

    stroke-miterlimit: 10;

}

.owl-dot span {

    height: 10px;

    width: 10px;

    border-radius: 50%;

    background-color: var(--html-cl-website);

    display: inline-block;

    margin: 0 5px 0px;

}

.owl-dot.active span {

    background-color: var(--html-bg-website);

}
#synced2 .owl-item.active{
    border: 1px solid #ccc;
    padding: 3px;
}
#synced2 .owl-item.active:hover,
#synced2 .owl-item.active.synced{border-color: var(--primary-color)}

.btn--primary-buy{
    color:#fff;
    background-color:var(--html-bg-website);
    min-width: 100%;
}
.thumb__status{
    position: absolute;
    top: -5.5px;
    right: -13px;
    z-index: 1;
    font-size: 1.2rem;
    color: var(--white-color);
    display: block;
    padding: 3px 10px;
    font-weight: bold;
}
.thumb__moi{
    position: absolute;
    left: 0;
    top: 1rem;
    display: block;
    padding: 5px 8px;
    /* background-color: var(--html-bg-website); */
    color: #fff;
    font-size: 12px;
    font-family: var(--font-primary-bold);
    font-weight: 500;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.bangap .content [badge-nosold] {
    display: block;
    padding: 5px;
    width: 80px;
    text-align: center;
    background-color: var(--html-bg-website);
    font-size: 12px;
    color: var(--white-color);
    border-radius: 4px;
    font-family: var(--font-primary-bold);
    font-weight: 500;
}
.popup-map{
    display: inline-block;
    background: #ed0000;
    padding: 10px 30px !important;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #ed0000;
    transition: all 0.4s ease-in-out;
}
.popup-map:hover{
    color:var(--yellow-color) !important;
    background-color:var(--white-color) !important;
}
.hotline-right{
    width: 60px;
    height: 60px;
    position: fixed;
    right: 15px;
    background: var(--html-cl-website);
    top: 25%;
    border-radius: 100%;
    text-align: Center;
    color: #ffffff;
    padding-top: 10px;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}
.hotline-right::after {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0px 0px 20px var(--html-cl-website);
    content: "";
    left: 0;
    top: 0;
    border-radius: 100%;
    animation: shadow 1.4s 1000ms infinite;
    -webkit-animation: shadow 1.4s 1000ms infinite;
    -moz-animation: shadow 1.4s 1000ms infinite;
    -o-animation: shadow 1.4s 1000ms infinite;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.support-content {
    width: 250px;
    position: absolute;
    background: #fff;
    top: 0;
    right: calc(100% + 20px);
    padding: 18px;
    color: #000;
    text-align: left;
    font-size: 17px;
    line-height: 25px;
    border: solid 2px var(--html-cl-website);
    border-radius: 5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -mos-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -mos-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
}
.hotline-right i.fab-hothotline1 {
    font-size: 21px;
    line-height: 17px;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hotline-right i.fab-hothotline1{
    background-color:transparent;
}
.hotline-right::before {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0px 0px 20px var(--html-cl-website);
    content: "";
    left: 0;
    top: 0;
    border-radius: 100%;
    animation: shadow 1s infinite ease;
    -webkit-animation: shadow 1s infinite ease;
    -moz-animation: shadow 1s infinite ease;
    -o-animation: shadow 1s infinite ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.support-content::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--html-cl-website);
    position: absolute;
    left: 100%;
}
.support-content.active {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -mos-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
}
.support-content p {
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}
.support-content .line a {
    display: block;
    padding-left: 30px;
    position: relative;
    color: var(--html-cl-website);
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
.support-content .line a:before {
    content: "\f025";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 28px;
    line-height: 28px;
}
.favor [favor]{
    color: var(--html-bg-website);
    display: block;
    font-size: 2rem;
    cursor: pointer;
}
.content__bottom-times{
    color:#888;
}
.thumb__hot{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding: 5px 8px;
    color: #fff;
    font-size: 12px;
    font-family: var(--font-primary-bold);
    font-weight: 500;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
/* Slider */
.full-slider>a>img{
    width: 100%;
    aspect-ratio: 1366 / 474;
    object-fit: cover;
    height: auto;
}
/* Bất động sản */
.highlights__box-header-img>a>img{
    /* aspect-ratio: 207 / 290;
    width: 100%;
    object-fit: cover;
    height: auto;
       */
       height: 100%;
       transition: all 0.2s;
}
.highlights__box-header-img>img:hover{
    transform:scale(1.1);
}
.details-icon{
    padding: 1rem;
    text-align: center;
    border:1px solid #e4e4e4;
}
.details-icon>i{
    font-size: 1.4rem;
    color:var(--color-icon);
    /* -webkit-animation: rotate 2s normal linear infinite;
    animation: rotate 2s normal linear infinite; */
}
.details-content{
    padding: 1rem;
    font-size: 1.4rem;
    border:1px solid #e4e4e4;
    
}
.highlights__box-header-content-times{
    color:#8e8e8e;
    font-size: 1.2rem;
    display:block;
}
.nav-highlights{
    display: flex;
}
.nav-highlights__link{
    padding: 1rem;
    text-decoration: none;
    font-size: 1.7rem;
    color:#fff;
    background:var(--html-bg-website);
    display: block;
    text-align: center;
    border-right: 1px solid #fff;
    cursor: pointer;
}
.header-sidebar>span{
    font-size: 1.2rem;

}
.highlights__box-body-title{
    font-size: 1.4rem;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.shine>a>img{
    border-radius: 0.5rem;
}
.titles{
    color:var(--html-bg-website);
    font-size: 2.4rem;
    font-weight: bold;
    text-transform: uppercase;
}
.title[area-index]>a::after{
    content: "";
    position: absolute;
    top: 120%;
    width: 100%;
    left: 0px;
    background-color: #e5e5e5;
    height: 1px;
    z-index: 0;
}
.description{
    line-height: 20px;
    height: 80px;
    overflow: hidden;
}
.titles::after{
    content:'';
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    background: url('../../../images/icontitle.png') center center/contain;
    width: 20.3rem;
    height: 1rem;
}
.label__hot{
    position: absolute;
    top: 20%;
    left: 5%;
}
.label__money{
    font-size: 1.7rem;
    font-weight: bold;
    color:#fff;
    background-color: var(--html-cl-website);
    padding: 0.5rem 2rem;
    display:inline-block;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
}
@keyframes rotate {
    0% {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    25% {
      -webkit-transform: rotateY(90deg);
      transform: rotateY(90deg);
    }
    50% {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg);
    }
    75% {
      -webkit-transform: rotateY(270deg);
      transform: rotateY(270deg);
    }
    100% {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg);
    }
  }
.button-details{
    padding: 1rem 2rem;
    color: #fff;
    background-color: var(--html-bg-website);
    border-radius: 2rem;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}
.bds-category{
    padding: 4rem 0;
}
.content>a{
    display:flex;
    gap:1rem;
    transition: all linear 0.2s;
}
.content>a>i{
    font-size: 1.6rem;
    color:var(--html-bg-website);
}
.box-phaply{
    max-height: 37rem;
    overflow: auto;
}
.box-phaply::-webkit-scrollbar {
    width: 6px;
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}
.box-phaply::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 0.5rem;
}
.box-phaply::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}
.t-right{
    text-align: right;
}
.btn-group>i{
    color:var(--html-bg-website);
}
.button-details__link{
    color:var(--html-bg-website);
    font-size: 1.3rem;
    font-weight: bold;
}
.nav-tags{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.nav-tags__item{
    list-style-type: none;
    margin-right: 0.5rem;
}
.wptag{
    padding:4rem 0px;
    background-color:#f2f2f2;
    border-bottom: 3px solid #fff;
}
.titles-tag{
    color:black;
    font-weight: bold;
    padding-left:2rem;
}
.nav-tags__links{
    font-size: 1.3rem;
    color:black;
    display:inline-block;
    padding: 0.5rem 0.5rem;
    border:1px solid #ccc;
    border-radius:0.5rem;
}
.nav-tags__item:last-child>.nav-tags__links{
    border-right: none;
}
.company__name{
    font-size:3rem;
    color:#fff;
    font-family: var(--qs-medium),Arial, Helvetica, sans-serif;
}
.form-newsletters{
    padding: 1.5rem;
    border:1px dashed #fff;
}
.form-newsletters__title{
    font-size: 1.4rem;
    color:#fff;   
    font-weight: bold;
    display:block;
    text-align: center;
}
.form-newsletters__des{
    font-size: 1.4rem;
    color:#fff;
    display:block;
}
.form-newsletter>input{
    padding: 0.5rem;
    color:#fff;
    border: 1px solid #fff;
    background: transparent;
    color:#fff;
    width:400px;
}
.form-newsletter>input::placeholder{
    color:#fff;
}
.form-newsletter{
    display:flex;
    justify-content: center;
}
.btn-newsletters{
    color:var(--html-bg-website);
    background:#fff;
    font-weight: bold;
    padding: 0.5rem;
    min-width: 50px;
    text-align: center;
}
.row-intro::before{
    content:"";
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    height: 0.1rem;
    background:#fff;
}
.button-map{
    display: inline-block;
    color:var(--html-bg-website);
    padding: 1rem 1rem;
    min-width: 10.9rem;
    background:#fff;
    border: 1px solid #fff;
    font-size: 1.6rem;
    border-radius: 1rem;    
    text-align: center;
    cursor: pointer;
    font-family: var(--utmavo-bold),Arial, Helvetica, sans-serif;
}
.button-map:hover{
    background:#fff;
    border:1px solid var(--html-bg-website);
}
/* Bộ lọc */

.navSearch__item{
    list-style: none;
    margin-right: 5px;
}
.wrapsc-search{
    padding: 4rem 0rem;
}
.navSearch__link{
    display:inline-block;
    font-size: 1.4rem;
    color:black;
    padding: 1rem;
    
    background-color:rgba(0,0,0,0.6); 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color:#fff;
    font-weight: bold;
}
.navSearch__link.pl_active{
    background: var(--html-bg-website);
}
/* .searchDes{
    padding:3rem 0px;
}
.form--search{
    padding: 1rem;
    background-color: rgba(0,0,0,0.6);
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
}
.form-group-top{
    background:#fff;
} */
/* .button-search{
    color: #fff;
    background: #e03c31;
    border: 1px solid #e03c31;
    font-family: "Nunito Bold" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 5px 11px;
    border-radius: 4px;
    font-style: normal;
    outline: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: none !important;
    position: absolute;
    right: 5%;
    top: 4px;
    height: 32px;
} */
/* .form-group>select{
    flex: 1;
    padding: 1rem;
    border: unset;
    border-right: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color:black;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} */
/* .nice-select{
    padding: 1.2rem;
    background-color:#Fff;
    gap:1rem;
    border-top-left-radius: 5px;
    border-bottom-left-radius:5px;
    border-right: 1px solid #ccc;
}
.nice-select{
    background-color: #f4f4f4;
}
*/
label.checker label {
    height: 15px;
    width: 15px;
    border: 1px solid #fff;
} 
 label.checker span{
    font-weight: normal;
}
.mg0 {
    margin-left: 0!important;
    margin-right: 0!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.checker input[type="checkbox"] {
    position: absolute;
    left: -9999px;
} 
 label.checker input {
    position: absolute;
    left: -9999px;
}
.dropdown__select{
    position: absolute;
    background: #fff;
    top: 110%;
    left: 0;
    right: 0;
    border-radius: 5px;
    z-index: 123;
    box-shadow: 2px 2px 7px #ccc;
    visibility: hidden;
    transition: all 0.2s;
    margin-top: 20px;
}
/* .typeofhouse{
    user-select: none;
}
.nice-select.active>.dropdown__select{
    visibility:visible;
    margin-top: 0;
}
.dropdown__select-item{
    padding: 1rem;
    border-bottom: 1px solid #ccc;
}
.dropdown__select-item:last-child{
    border-bottom: none;
}
.dropdown__select-list{
    max-height: 150px;
    overflow: auto;
} */
/* .dropdown__select-list::-webkit-scrollbar{

}
.dropdown__select-list::-webkit-scrollbar-thumb{

}
.dropdown__select-list::-webkit-scrollbar-track{

} */

/* .header-search__input-history {
    top: calc(100% + 2px);
    left: 0;
    position: absolute;
    width: calc(100% - 16px);
    background-color: var(--white-color);
    border-radius: 2px;
    box-shadow: 0px 1px 5px rgb(170 169 169);
    display: none;
    z-index: 10000;
}
.header-search__input-history-heading {
    margin: 8px 12px;
    font-size: 1.4rem;
    color: #999;
    font-weight: 400;
} */
/* .header-search__input-history-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.header-search__input-history-item {
    padding: 0px 12px;
    height: 38px;
}
.header-search__input-history-item a {
    text-decoration: none;
    line-height: 38px;
    font-size: 1.4rem;
    color: var(--text-color);
    display: block;
}
.header-search__input-text:focus~.header-search__input-history {
    display: block;
} */
/* .input__city-seacrch{
    padding: 0.5rem 1rem;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 0.5rem;
}
.input__city-seacrch>input{
    color:#fff;
    background: transparent;
    outline: none;
    border:unset;
    font-size: 1.4rem;
}
.input__city-seacrch>input::-webkit-calendar-picker-indicator {
	display: none !important;
}
.input__city-seacrch>input::placeholder{
    color:#fff;
}
.input-search__city:focus ~ .dropdown__select{
    visibility:visible;
    margin-top: 0;
} */
/*search nâng cao*/

#synced .nice-select {
    width: 100%;
    height: 40px!important;
    line-height: 40px!important;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999;
}
/* .nice-select {
    background-color: #f4f4f4;
} */
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color:#000;
}

#synced .nice-select .list {
    width: 100%;
    border-radius:5px;
    max-height: 350px;
    overflow: auto;
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}
.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    line-height: 1.15;
    margin: 0;
}
.box-bg-search {
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    border-top: 2px solid var(--html-bg-website);
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color:black;
}
.nice-select.open:after {
    -webkit-transform: rotate(
-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(
-135deg);
}
.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
input[type=checkbox] {
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    margin: 0 3px 0 0;
    height: 20px;
    width: 20px;
    vertical-align: top;
    -webkit-appearance: none;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
button, input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    line-height: 1.15;
    margin: 0;
}
.clearfix {
    zoom: 1;
}
button[data-view-search] {
    border: 0;
    background-color: var(--html-bg-website);
    padding: 9px 0px;
    color: #000;
    cursor: pointer;
    width: 100%;
    border-radius:5px;
    height: 4rem;
    font-size: 1.6rem;
    font-family: var(--qs-bold),Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 0;
    
}
button[data-view-search]::before{
    content: "";
    position: absolute;
    background-color: red;
    width: 0;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
    border-radius: 0.5rem;
}
button[data-view-search]:hover::before{
    width: 100%;
    opacity: 1;
}
button[data-view-search]:hover{
    color: #fff;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}
label.checker input[type="checkbox"]:checked+label.checked-fake:before {
    -webkit-transform: scale(1) rotate(
-45deg);
    transform: scale(1) rotate(
-45deg);
}
label.checker label::before {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 0px;
    width: 13px;
    height: 5px;
    border-left: 2px solid rgb(255, 255, 255);
    border-bottom: 2px solid rgb(255, 255, 255);
    -webkit-transform: scale(0) rotate(
-45deg);
    transform: scale(0) rotate(
-45deg);
    -webkit-transition: transform 0.1s ease 0s;
    transition: transform 0.1s ease 0s;
}
/* Social sidebar left */
nav.nav-social {
    position: fixed;
    left: 0px;
    z-index: 150;
    top: 50%;
    width: 60px;
    /* margin-top: 150px; */
    transition: all 0.3s linear;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, .4);
    transform: translateY(-50%);
}
nav.nav-social ul.nav-social__list {
    margin-top: 0;
    margin-bottom: 0rem
}

nav.nav-social li {
    height: 45px;
    position: relative
}
nav.nav-social li a {
    color: #fff !important;
    display: block;
    height: 100%;
    width: 100%;
    line-height: 45px;
    /* padding-left: 25%; */
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    transition: all .3s linear;
    text-decoration: none !important;

}
/* nav.nav-social li:nth-child(1) a {
    background: #4267B2
}

nav.nav-social li:nth-child(2) a {
    background: #1DA1F2
}

nav.nav-social li:nth-child(3) a {
    background: #E1306C
}
nav.nav-social li:nth-child(4) a {
    background: #2867B2
}

nav.nav-social li:nth-child(5) a {
    background: #333
}

nav.nav-social li:nth-child(6) a {
    background: #ff0000
} */
/* nav.nav-social li a i {
    position: absolute;
    top: 14px;
    left: 24px;
    font-size: 15px
} */

ul.nav-social__list li a span {
    display: none;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase
}
a.nav-social__link>img{
    transition: all .2s linear;
}
a.nav-social__link:hover>img {
    transform: scalex(1.1);
}
.nav-highlights__item-details{
    position: absolute;
    border-top: 1px solid var(--yellow-color);
    transform: scaleY(0);
    transition: 0.2s linear;
    transform-origin: top;    
    top: 100%;
    background: var(--html-bg-website);
    width: 100%;
    /* left: 0; */
    right: 0;
    /* width: 199%; */
    padding: 1rem;
    color:#fff;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.nav-highlights__link.active ~ div.nav-highlights__item-details{
    transform: scaleY(1);
}
.tf-hover>span{
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    transform: translate(-50%,-50%);
}
.iconplay__youtube{
    
}
.content>a:hover{
    color:var(--html-bg-website);
    font-weight: bold;
}
/* Slider jsor */
#slider-top {
    width: 100%;
}
.box-slider{
    display: flex;
    justify-content: space-between;
}
.slider-right {
    width: 390px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background: #FFF;
  }
  
  .slider-left {
    width: 100%;
    background: #3E414F;
    display: flex;
  }
  /* .logo-pc{
      width: 100%;
      aspect-ratio: 203 / 89;
      object-fit: cover;
      height: auto;
  } */
  .highlights__box-body-title>a{
      text-transform: capitalize;
  }
  .highlights__box-body-title>a:hover{
      color:var(--html-bg-website);
  }
  .fixed-action {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: var(--html-bg-website);
    z-index: 9999;
}
.act-item {
    padding: 5px;
    font-size: 12px;
}
.act-item p {
    margin-bottom: 5px;
    text-align: center;
    font-family: var(--font-robo-bold);
}
@media (max-width: 768px){

    .display-n {
        display: none !important;
    }
    ol#breadcrumb{
        flex-wrap: wrap;
    }
    .product{
        background-position: relative !important;
    }
    .grid-slider {
        
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .boxslider_details {
        left: 0 !important;
        top: 50px;
    }
    .boxslider_details__des {
        font-size: 14px;
        text-align: justify;
        margin-top: 5px;
    }
    .boxslider_details-title>span{
        display: flex;
    justify-content: center;
    font-size: 4.8rem !important;
    }
    .boxslider_details-title2>span {
        font-size: 2.8rem !important;
        display: flex;
        text-align: center;
        justify-content: center;
    }
    .box_links_slider {
        justify-content: center;
    }
    /* #jssor_1{
        height: 85vh !important;
    } */
    .grid-slider {
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .boxslider_details {
        left: 0;
        width: 100%;
    }
    #slider-top{
        padding-top: 0;
    }
    .box_cate_product {
        flex-wrap: wrap;
    }
    .tab_cartegory {
        
        height: fit-content;
        text-align: center;
        min-width: 100px;
    }    
    .modal-content {
        width: 100%;
    }
    .modal-footer{
        gap: 10px;
    }
    .grid-album {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-gap: 30px;
    }
    .box_cart_header{
        width: fit-content;
        margin-left: 20px;
    }
    .box_cart_header > a > i {
        color: black;
        font-size: 26px;
    }
    .breadcumb{
        padding-top: 100px !important;
        padding-bottom: 90px !important;
    }
    .box_title_intro {
        font-size: 26px;
        line-height: 1.5;
    }
    .box_category{
        width: 50% !important;
    }
    .box_title_category {
        font-size: 16px;
        line-height: 1.5;
    }
    .box_desc_category {
        font-size: 14px;
        line-height: 1.5;
    }
    del .woocommerce-Price-amount {
        font-size: 13px;
    }
    ins .woocommerce-Price-amount {
        font-size: 14px;
    }
    /* .box_cate_product{
        margin-bottom: 30px !important;
    } */
    .tab_cartegory{
        padding: 6px 7px 7px;
    }
    .d-block-m {
        display: block!important;
    }
    .grid_product {
        display: grid;
        grid-template-columns: repeat(2,1fr) !important;
        grid-gap: 10px;
    }
    .box_title_desc_product{
        width: 100% !important;
        margin-bottom: 30px;
    }
    .box_title1_product{
        font-size: 36px;
    }
    .box_title2_product{
        font-size: 36px;
    }
    .product{
        padding-bottom: 35px;
    }
    .album {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .box_title_video {
        font-size: 28px;
    }
    .grid-intro {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-gap: 20px;
    }
    .grid-proce .col-12:nth-child(2){
        display: none;
    }
    .grid-proce {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 30px;
    }
    .box_proceL {
        display: block;
        grid-gap: 20px;
        margin-bottom: 30px;
    }
    .desc_proceL {
        width: 100%;
        font-size: 15px;
    }
    .box_img_proce {
        width: 10.944vw;
        height: 10.944vw;
        margin: 0 auto;
    }
    .title_proceL {
        font-size: 18px;
    }
    .procedure{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .box_title_desc_proce {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .grid-new {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 30px;
    }
    .box_title_banner {
        font-size: 56px;
    }
    .grid_footer {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .desc-footer{
        margin-top: 20px !important;
    }
    .grid_footer > .col-12{
        margin-top: 50px;
    }
    .box_width_footer {
        width: 100%;
        padding-top: 50px;
    }
    .box_top_footer {
        align-items: center;
        display: block;
    }
    .box[type="copy"] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
}
@media (min-width:700px) and (max-width:768px){

    .box_title_desc_banner {
        width: 70%;
    }

}
@media (min-width:1000px) and (max-width:1230px){

    .box_title_desc_banner {
        width: 50%;
    }

}
@media (min-width:769px) and (max-width:1000px){

    .box_title_desc_banner {
        width: 80% !important;
    }

}
@media (min-width:600px) and (max-width:699px){

    .box_title_desc_banner {
        width: 80%;
    }

}
@media (min-width:500px) and (max-width:599px){

    .box_title_desc_banner {
        width: 80%;
    }

}
@media (min-width:400px) and (max-width:499px){

    .box_title_desc_banner {
        width: 90% !important;
    }


}
@media (max-width:599px){

    .box_title_desc_banner {
        width: 80%;
    }
    .grid-new {
        display: grid;
        grid-template-columns: repeat(1,1fr) !important;
        grid-gap: 30px;
    }
    .box_title_album {
        font-size: 40px;
    }

}
@media (max-width: 420px){
    .box_title_desc_banner {
        width: 100% !important;
    }
    .box_title1_product{
        font-size: 30px;
    }
    .box_title_banner {
        font-size: 48px;
    }
    .box_title2_product{
        font-size: 32px;
    }
    .grid-intro {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px;
    }
    
}
.menu-bottom {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: var(--html-bg-website);
    align-items: center;
}
.menu-bottom li {
    float: left;
    width: 20%;
    text-align: center;
}
.menu-bottom li a {
    display: flex!important;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.menu-bottom li a {
    padding: 10px 5px;
    cursor: pointer;
    color: #FFF;
}
.menu-bottom li:nth-child(4) a img {
    width: 90px !important;
    height: 25px !important;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.menu-bottom li:nth-child(3):before {
    content: '';
    width: 70px;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -12px;
    background: var(--html-bg-website);
    border-radius: 50%;
    overflow: hidden;
    height: 70px;
    padding: 0!important;
    text-align: center;
    z-index: -1;
    box-sizing: border-box;
    border: 1px solid #fff;
}

/*Wrapper header*/
.slider-top__header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.header-top__introduct>marquee{
    color: #fff;
    font-size: 1.4rem;
    font-style: normal;
}
.header-top-wrap__phone{
    color: #fff;
    font-size: 1.8rem;
    display: inline-block;
}
.header-top-wrap__email{
    font-size: 1.8rem;
    color: #fff;
}

/*Hover menu*/


.nav-menu>li:hover>h2>a::after, .nav-menu>li:hover>a::after, .nav-menu>li.active>h2>a::after, .nav-menu>li.active>a::after {
    left: 50%;
    transform: translateX(-50%);
    visibility: visible;
}
/* End */
/* Introduce */
.wrapper-introduces{
    margin-top: 5rem;
    padding: 5rem 0;
}
.wrapper-introduces__box>span>img{
    width: 100%;
    object-fit: cover;
    height: auto;
    aspect-ratio: 776 / 594;
}
.wrapper-introduces__box{
    position: relative;
}
.wrapper-introduces__box::after{
    content:"";
    top: -40px;
    left: -40px;
    position: absolute;
    background: url('../../../images/linetop.png') no-repeat center center/contain;
    width: 212px;
    height: 212px;
    z-index: 1;
}
.wrapper-introduces__box::before{
    content:"";
    bottom: -40px;
    right: -40px;
    position: absolute;
    background: url('../../../images/linebottom.png') no-repeat center center/contain;
    width: 212px;
    height: 212px;
    z-index:1;
}
.wrapper-introduces__boxright{
    width: 100%;
    height: 100%;
}
.wrapper-introduces__boxright-overflow{
    padding: 12rem 3rem;
    background: #fff;
    border-left: 0.8rem solid var(--html-bg-website);
    box-shadow: 2px 2px 7px #ccc;
    position: relative;
    top: 50%;
    left: -20%;
    transform: translateY(-50%);
    width: 100%;
    width: 120%;
    z-index: 2;
}
.wrapper-introduces__boxright-overflow-title{
    font-size: 3rem;
    color: #000;
    font-family: var(--script-regular),Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: 3rem;
}
.wrapper-introduces__boxright-overflow-news-title{
    font-size: 1.6rem;
    color: #000;
    font-family: var(--qs-light),Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: 1rem;
}
.inline-block{
    display: inline-block;
}
/* .wrapper-introduces__boxlogo{
    background: var(--html-bg-website);
} */
.hover-left {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.hover-left:hover::before {
    animation: shine 1s;
}
.hover-left::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
@keyframes shine{
    from { left:-75%;}
    to { left : 125%}
}
.wrapper-introduces__boxlogo{
    text-align: center;
}
.wrapper-introduces__boxlogo>span>img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 152 / 112;
}
.wrapper-banners__box>a{
    background: rgba(0, 0, 0, .4);
}
.wrapper-banners__box>a>img{
    width: 100%;
    height: auto;
    object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    aspect-ratio: 1519 / 439;
   
}
.wrapper-banners__box-des{
    width: 55.6rem;
    padding: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.wrapper-title__default>a{
    text-align: center;
}
.wrapper-title__default>a>span{
    font-size: 3rem;
    color: #000;
    font-family: var(--utmavo-bold),Arial, Helvetica, sans-serif;
    position: relative;
    line-height: 2rem;
    display: inline-block;
}
.wrapper-title__default>a>span::before{
    content:"";
    position: absolute;
    bottom: -55px;
    left: 50%;
    height: 3.5rem;
    width: 22.4rem;
    transform: translateX(-50%);
    background:url('../../../images/title.png') no-repeat center center/contain;
}

.wrapper-album{
    padding: 5rem 0;
}
.wrapper-album__box>a>img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1352 / 657;
    
}
.wrapper-news__box{
    transition: all 0.2s;
}
.wrapper-news__box-img>a>img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 431 / 212;
    transition: all 0.5s;
}
.wrapper-news__box:hover{
    transform: translateY(-0.5rem);
}
.wrapper-news__box-detail-times{
    display: block;
    margin-bottom: 1rem;
    color: #797979;
    font-family: var(--qs-light),Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1.4rem;
}
.wrapper-news__box-detail{
    padding: 1rem;
}
.wrapper-news__box-detail-title{
    text-align: center;
    height: 4rem;
    line-height: 2rem;

}
.wrapper-news__box-detail-des{
    line-height: 2rem;
    height: 6rem;
    text-align: center;
}
.wrapper-news__box-detail-view>a{
    font-size: 1.6rem;
    display: inline-block;
    color: #000;
    position: relative;
}
.wrapper-news__box-detail-view>a::before{
    content: "";
    position: absolute;
    width: 3.6rem;
    height: 0.1rem;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
}
.wrapper-button__booking{
    gap: 1.7rem;
}
.wrapper-button__booking>a{

    font-size: 1.6rem;
    font-weight: bold;
    color: #000;
    background: var(--html-bg-website);
    height: 5.7rem;
    min-width: 20.9rem;
    line-height: 5.7rem;
    border: 1px solid var(--html-bg-website);
    transition: all 0.2s;
    cursor: pointer;
    position: relative;
    z-index: 0;
    text-align: center;
}
.wrapper-button__booking>a::after{
    content: "";
    position: absolute;
    background-color: red;
    width: 0;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
}
.wrapper-button__booking>a:hover::after {
    width: 100%;
    opacity: 1;
}
.wrapper-button__booking>a:hover{
    color: #fff;
    border:1px solid red;
}
.wrapper-utilities__aside{
    padding: 3rem 11.3rem;
}
.wrapper-utilities__boxleft{
    text-align: center;
}
.wrapper-utilities__boxleft-img>span{
    width: 7.3rem;
    height: 7.3rem;
    display: inline-block;
}
.wrapper-utilities__boxleft-img>span>img{
    width: 100%;
    height: auto;
    object-fit: scale-down;
    aspect-ratio: 73/73;
    transition: transform .7s ease-in-out;
}
.wrapper-utilities__boxleft:hover .wrapper-utilities__boxleft-img>span>img{
    transform: rotateY(360deg);
}
.wrapper-utilities__boxleft-detail-title{
    font-size: 1.8rem;
    text-align: center;
    font-weight: bold;

}
.wrapper-utilities__bg-fake{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30%;
    height: 100%;
}
/* .wrapper-feedbacks__box{
    padding: 0 40rem;
} */
.wrapper-feedbacks__box-header-img{
    width: 9rem;
}
.wrapper-feedbacks__box-header-img>span{
    display: inline-block;
    width: 9rem;
    height: 9rem;
}
.wrapper-feedbacks__box-header-img>span>img{
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
}
.wrapper-feedbacks__box-header{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrapper-feedbacks__box-aside{
    padding: 0 39rem;
    overflow: hidden;
}
.wrapper-feedbacks__box-body{
    padding: 1rem 3rem;
    position: relative;
}
.wrapper-feedbacks__box-body::before{
    content:"";
    top: 0;
    left: 0;
    position: absolute;
    background: url('../../../images/dauphay.png') no-repeat center center/contain;
    width: 2.6rem;
    height: 2.4rem;
}
.wrapper-feedbacks__box-body::after{
    content:"";
    bottom: 0;
    right: 0;
    position: absolute;
    background: url('../../../images/dauphay.png') no-repeat center center/contain;
    width: 2.6rem;
    height: 2.4rem;
    transform: rotate(180deg);
}
.wrapper-feedbacks__box-header-detail{
    padding-left: 3rem;
}
.wrapper-feedbacks__box-header-detail-title{
    display: block;
    margin-bottom: 1rem;
    font-size: 3rem;
    font-family: var(--script-regular),Arial, Helvetica, sans-serif;
}
.wrapper-feedbacks__box-header-detail-address{
    display: block;
    font-size: 1.4rem;
    color: #000;
}
.wrapper-feedbacks__bg-fake{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 46.4rem;
}
.wrapper-feedbacks__videoupload{
    position: absolute;
    width: 100%;
    height: 46.4rem;
}
.wrapper-feedbacks__videoupload-video{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    height: 46.4rem;
}
.mt360{
    margin-top: 36rem;
}
.wrapper-feedbacks__bg-fake>span{
    width: 12.8rem;
    height: 12.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(255, 0, 0, 0.5);
    transition: all 0.1s;
}
.wrapper-feedbacks__bg-fake>span>i{
    color: #fff;
    font-size: 4.2rem;
    opacity: 0.6;
}
.wrapper-feedbacks__bg-fake>span:hover{
    background: rgba(255, 0, 0, 1);
    color: #fff;
}
.wrapper-feedbacks__bg-fake>span:hover>i{
    opacity: 1;
}
.wrapper-feedbacks{
    padding: 5rem 0;
    padding-bottom: 0;
}
.box-shadown-feedbacks{
    box-shadow: 2px 2px 7px #ccc;
}
/* End */

/* List book room index*/
.wrapper-bookrom__aside{
    transition: all 0.2s;
}
.wrapper-bookrom__aside-img>a>img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 760 / 456;
    transition: all 0.5s;
}
.wrapper-bookrom__aside:hover .wrapper-bookrom__aside-detail-body>span>i{
    color: #000;
}
.wrapper-bookrom__aside-detail-header-title>span{
    font-size: 3rem;
    color: #000;
    font-weight: bold;
}
.wrapper-bookrom__aside-detail-body{
    display: flex;
    justify-content: center;
    gap: 3rem;
    position: relative;
}
.wrapper-bookrom__aside-detail-body::after{
    content:"";
    position: absolute;
    background: #d1d1d1;
    width: 24rem;
    height: 0.1rem;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}
.wrapper-bookrom__aside-detail-body>span:not(:last-child){
    font-size: 1.6rem;
    color: #000;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.wrapper-bookrom__aside-detail-body>span>i{
    color: var(--html-cl-website);
}
.wrapper-bookrom__aside-detail-body-area{
    line-height: 2rem;
}
.wrapper-bookrom__aside-detail-body-area>i{
    margin-right: 1rem;
}
.wrapper-bookrom__aside-detail-bottom{
    margin-top: 5rem;
}
.wrapper-bookrom__aside-detail-bottom-view{
    display: inline-block;
    min-width: 15.9rem;
    padding: 1rem 1rem;
    text-align: center;
    color: #000;
    font-size: 1.6rem;
    border: 1px solid #ccc;
    text-transform: uppercase;
}
.wrapper-bookrom__aside-detail-bottom-content{
    padding: 0 15rem;
}
.wrapper-bookrom__aside-prices{
    position: absolute;
    top: 50%;
    right: -70px;
    width: 14rem;
    height: 14rem;
    border-radius: 50%;
    /* border: 3px solid var(--html-bg-website); */
    background: #fff;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.wrapper-bookrom__aside-prices--reverse{
    right: unset;
    left: -70px;
}
.wrapper-bookrom__aside-prices-current{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;

}
.wrapper-bookrom__aside-prices-old{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
}
.wrapper-bookrom__aside::before {
    content: "";
    position: absolute;
    background-color: var(--html-bg-website);
    width: 0;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
}
.wrapper-bookrom__aside.flex-row-reverse::before{
    display: none;
}
.wrapper-bookrom__aside:hover::before {
    opacity: 1;
    width: 100%;
}
.wrapper-bookrom__aside.flex-row-reverse::after {
    content: "";
    position: absolute;
    background-color: var(--html-bg-website);
    width: 0;
    right: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
}

.wrapper-bookrom__aside.flex-row-reverse:hover::after{
    width: 100%;
    opacity: 1;
}

.videoframe iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: 671px;
}
.img-gallery>a img{
    width: 100% !important;
    height: auto;
}
#scroll-img__right{
    max-height: 670px;
    overflow-x: hidden;
    overflow-y: auto;
}
#scroll-img__right::-webkit-scrollbar {
    width: 6px;
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}
#scroll-img__right::-webkit-scrollbar-thumb {
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}
#scroll-img__right::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}
.wrapper-productdetail__content-header>span{
    display: block;
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
}
.wrapper-productdetail__content-header{
    margin-bottom: 2rem;
}
.wrapper-productdetail__content-body{
    display: flex;
    align-items: center;
    gap: 3rem;
}
.wrapper-productdetail__content-body>span{
    font-size: 1.6rem;
    color: #000;
    font-family: var(--qs-light),Arial, Helvetica, sans-serif;
}
.wrapper-productdetail__content-body>span>i{
    color: var(--html-cl-website);
    margin-right: 1rem;
}
.wrapper-productdetail__content-body-people{
    line-height: 2rem;
}
.wrapper-productdetail__content-body{
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #ccc;
}
.wrapper-productdetail__content-bottom-title{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.wrapper-productdetail__content-bottom-title>span{
    display: block;
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
}
.wrapper-productdetail{
    padding: 3rem 0;
}
.wrapper-productdetail__aside-bookroom>a{
    font-size: 1.6rem;
    color: #000;
    background: var(--html-bg-website);
    height: 5.7rem;
    min-width: 17rem;
    line-height: 5.7rem;
    border: 1px solid var(--html-bg-website);
    transition: all 0.2s;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 0;
    text-transform: uppercase;
}
.wrapper-productdetail__aside-bookroom>a::before{
    content: "";
    position: absolute;
    background-color: red;
    width: 0;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
}
.wrapper-productdetail__aside-bookroom>a:hover::before{
    width: 100%;
    opacity: 1;
}
.wrapper-productdetail__aside-bookroom>a:hover{
    color: #fff;
}
.wrapper-productdetail__aside-bookroom{
    padding: 5rem;
    text-align: center;
    background: #f7f6fb;
}
.wrapper-productdetail__aside-bookroom>.wrapper-productdetail__aside-bookroom-des{
    margin-bottom: 4rem;
}
.wrapper-productdetail__category-detail{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    background: rgba(0,0,0,0.4);
    padding: 1rem;
}
.wrapper-productdetail__category-detail-title{
    line-height: 1.5;
    width: 100%;
    text-align: center;
}
.wrapper-productdetail__category-detail-btn{
    width: 100%;
    text-align: center; 
}
.wrapper-productdetail__category-detail-title>a{
    font-size: 3rem;
    color: #fff;
    text-align: center;
    position: relative;
    display: inline-block;
}
.wrapper-productdetail__category-detail-btn>a{
    min-width: 17.4rem;
    display: inline-block;
    text-align: center;
    background: rgba(0, 0, 0, .4);
    border: 2px solid #fff;
    color: #fff;
    font-size: 1.6rem;
    font-family: var(--qs-light),Arial, Helvetica, sans-serif;
    padding: 1rem 0;
    margin-top: 25px;
    position: relative;
    transition: all 0.2s;
    z-index: 0;
}
.wrapper-productdetail__category-detail-btn>a::after {
    content: "";
    position: absolute;
    background-color: var(--html-bg-website);
    width: 0;
    left: 0;
    top: 0;
    height: 101%;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
}
.wrapper-productdetail__category-detail-btn>a:hover:after{
    width: 100%;
    opacity: 1;
}
.wrapper-productdetail__category-detail-btn>a:hover{
    border: 2px solid #fff;
}
.wrapper-productdetail__category-detail-btn>a::before{
    content:"";
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--html-bg-website);
    width: 24rem;
    height: 0.1rem;
}

/* hover box category detail */
.wrapper-productdetail__category::before {
    bottom: 0;
    left: 0;
}
.wrapper-productdetail__category::after {
    top: 0;
    right: 0;
}
.wrapper-productdetail__category::after, .wrapper-productdetail__category::before {
    content: " ";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: var(--html-bg-website);
    transition: all .5s ease-in-out;
    z-index: 1;
}
.wrapper-productdetail__category .wrapper-productdetail__category-outline::before {
    right: 0;
    bottom: 0;
}
.wrapper-productdetail__category .wrapper-productdetail__category-outline::after {
    left: 0;
    top: 0;
}
.wrapper-productdetail__category .wrapper-productdetail__category-outline::after, .wrapper-productdetail__category .wrapper-productdetail__category-outline::before {
    content: " ";
    position: absolute;
    height: 0;
    width: 2px;
    background-color: var(--html-bg-website);
    transition: all .5s ease-in-out;
    z-index: 1;
}
.wrapper-productdetail__category:hover .wrapper-productdetail__category-outline::after, .wrapper-productdetail__category:hover .wrapper-productdetail__category-outline::before {
    height: 100%;
}
.wrapper-productdetail__category:hover::after, .wrapper-productdetail__category:hover::before {
    width: 100%;
}
.wrapper-productdetail__titlectg>span{
    font-size: 4.8rem;
    display: inline-block;
    color: #000;
}
.wrapper-news__box-detail-view{
    margin-top: 10px;
}
/* End hover */
/* End */
/* Endwrap */

/* Menu mobile*/

.box-modal-menu {
    position: fixed;
    padding-top: 50px;
    top: 0px;
    left: 0;
    background-color: white;
    z-index: 130;
    height: 100vh;
    width: 100vw;
    transition: all 0.3s ease-in-out;
    transform: translateX(-100%);
    overflow-y: scroll;
}

.box-modal-menu.active{transform: translateX(0)}

.box-modal-menu ul.menu_list{ background-color: #fff;}
ul.menu_list>li:nth-child(n+2) {
}
ul.inner{display: none;list-style: none;padding-inline-start: 0;}
.box-modal-menu ul.menu_list li a:not(.toggle-btn) {
    font-size: 22px;
    width: calc(100% - 40px);
    color: #000;
    font-family: 'HEVb';
    padding: 10px 40px 18px 20px;
    padding-inline-start: 20px;
    display: block;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.inner.ul-list-none li a::before{
    color: black;
    content: "-";
    font-weight: 400;
    letter-spacing: var(--font-main-letterspacing);
    transition: color 0.5s ease;
    zoom: 1 !important;
    filter: alpha(opacity=100) !important;
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    font-weight: 600;
    padding-right: 2px;
    margin-left: -16px;
    margin-top: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}
.inner.ul-list-none li a{
    font-size: 18px !important;
}
ul.menu_list li{transition: all 0.5s ease-in-out;}
.ic-arrow.active{transform: translateY(-50%) rotate(180deg);}
ul.menu_list>li ul {padding-inline-start: 20px;}
ul.menu_list li.active > a{color: var(--html-cl2-website) !important;}
ul.menu_list li.active .ic-arrow span::before,ul.menu_list li.active .ic-arrow span::after,.ic-arrow.active span::before,.ic-arrow.active span::after{background-color:rgb(0, 0, 0);}
.box-modal-menu ul>li>ul>li>a {
    padding-left: 20px;
    font-size: 14px;
    text-transform: capitalize;
}

.box-modal-menu ul>li>ul {
    display: none;
}
.bg-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 130;
}
.area-top-m {
    position: fixed;
    position: -webkit-sticky;
    top: 0;
    z-index: 131;
    background: #000000c9;
    box-shadow: none !important;
    width: 100%;
}

.sticky{
}
.area-top-m.sticky .box-search-mobile{
    border: 0;
}
/* End Menu mobile*/

/* New mobi top */
.mobi-top {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.mobi-top .menu-btn {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}
.mobi-top .logo img{
    max-height: 40px;
    object-fit: scale-down;
}
.mobi-top .search{padding-right: 10px;}
span.bars-menu {
    position: relative;
    display: block;
    height: 3px;
    width: 30px;
    background-color: var(--html-cl2-website);
    border-radius: 5px;
    margin: 8px 0px;
}
span.bars-menu::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--html-cl2-website);
    border-radius: 5px;
    bottom: 8px;
    left: 0;
    -webkit-transition: bottom .3s cubic-bezier(.23, 1, .32, 1) .3s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: bottom .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: bottom .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1);
}
span.bars-menu.active::before{
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
    transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
    -o-transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
}

span.bars-menu::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 5px;
    background-color: var(--html-cl2-website);
    top: 8px;
    left: 0;
    -webkit-transition: bottom .3s cubic-bezier(.23, 1, .32, 1) .3s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: bottom .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    -o-transition: bottom .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1);
}

span.bars-menu.active::after{
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
    transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
    -o-transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
}
span.bars-menu.active{background-color: transparent;}
/* End New mobi top */

/* Anchor */
ul.social_list>li+li{margin-top:2px;}
ul.social_list>li>div:nth-child(1) {
    background: #fff;
    padding: 15px 0;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    text-align: center;
    transition: all .5s ease-in-out;
}
ul.social_list>li>div:nth-child(1).active{
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
}
ul.social_list>li>div:nth-child(1).active .ic-arrow{transform: translateY(-50%) rotate(180deg);}
.ic-arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease-in-out;
}
.ic-arrow span {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.ic-arrow span::before {
    width: 9.5px;
    height: 2px;
    content: "";
    position: absolute;
    background-color: black;
    top: 50%;
    border-radius: 25px;
    left: 0;
    transform: translateY(-50%) rotate(40deg);
}
.ic-arrow span::after {
    width: 9.5px;
    height: 2px;
    content: "";
    position: absolute;
    background-color: black;
    top: 50%;
    right: 0;
    border-radius: 25px;
    transform: translateY(-50%) rotate(-40deg);
}
ul.tienich_list {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
ul.social_list>li>div:nth-child(2) {
    background: #f9f9f9;
    padding: 20px;
    display: none;
}
ul.lienhe_list li a i.tienich::before{
    content: "";
    position:absolute;
    left:50%;
    top: 50%;
    transform:translate(-50%,-50%);
    width: 40px;
    height: 40px;
    background-position: center center;
    background-size: 100%;
}
ul.lienhe_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
ul.lienhe_list li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.lienhe_list li i {
    width: 50px;
    display: block;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    position: relative;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

ul.lienhe_list li a i.tool-zalo::before {  
    background-image: url(../../../images/icons8-zalo.svg);
}
ul.lienhe_list li a i.tool-messenger::before {  
    background-image: url(../../../images/icons8-facebook-messenger.svg);
}
ul.lienhe_list li a i.tool-map::before {  
    background-image: url(../../../images/icons8-google-maps.svg);
}
ul.lienhe_list li a i.tool-phone::before {  
    background-image: url(../../../images/icons8-whatsapp.svg);
}
ul.lienhe_list li a i.tool-tm{
    background-position: center center;
    background-repeat: no-repeat;
    background-size:40px 40px;
}
/* New Anchor */

/* box search mobile */
.box-search-mobile input {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    border: 0px;
    padding: 0px 10px;
    border:1px solid #e0e0e0;
}
.area-top-m.sticky .area-top-m__mid{
    display: none;
}
.box-search-mobile{
    position: relative;
    border-radius: 5px;
}
.box-search-mobile button {
    position: absolute;
    right: 0px;
    top: 50% !important;
    transform: translate(0px,-50%);
    background-color: transparent;
    border: 0px;
    padding: 10px 10px;
}
.wrap-list__related {
    padding: 10px;
    background: rgb(199 199 199 / 15%);
    border-radius: 5px;
}
.wrap-list__related-title {
    font-size: 17px;
    font-weight: bold;
    display: inline-block;
}
.wrap-list__related-links {
    font-size: 14px;
    padding: 5px 0;
    color: #000;
    transition: all 0.2s;
    display: block;
    text-transform: capitalize;
}
.wrap-list__related-nav {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto;
}
.wrap-list__related-nav::-webkit-scrollbar {
    width: 6px;
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}
.wrap-list__related-nav::-webkit-scrollbar-thumb {
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}
.wrap-list__related-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}
.wrap-list__related-links:hover {
    color: var(--html-bg-website);
    transform: translateX(5px);
}
.form-group--change>input{
    border-radius: unset;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.slider-top__detail{
    position: absolute;
    top: 50%;
    left: 50%;  
}
.tool-pc {
    position: fixed;
    left: 4px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 5px;
    border: 1px solid #f2f2f2;
    box-shadow: 2px 2px 7px #ccc;
}

.tool-pc ul>li {
    border-radius: 4px;
    margin-bottom: 4px;
    transition: all 0.4s;
}
.tool-pc ul>li a {
    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}

[class^="icons-"] {
    background-size: contain!important;
    width: 32px;
    height: 32px;
    display: block;
}

/* .tool-pc ul>li:hover {
    transform: scale(1.1);
    transition: all 0.4s;
} */

.tool-pc ul>li a i.tool-zalo {
    background: url(../../../images/icons8-zalo.svg) no-repeat center center/cover;
    background-size: contain;
    width: 34px;
    height: 34px;
    display: block;
}

.tool-pc ul>li a i.tool-cart {
    background: url(../../../images/icons8-cart.png) no-repeat center center/cover;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}

.tool-pc ul>li a i.tool-youtube {
    background: url(../../../images/tool-youtube1.png) no-repeat center center/cover;
    background-size: contain;
    width: 34px;
    height: 34px;
    display: block;
}

.tool-pc ul>li a i.tool-messenger {
    background: url(../../../images/icons8-facebook-messenger.svg) no-repeat center center/cover;
    background-size: contain;
    width: 34px;
    height: 34px;
    display: block;
}

.tool-pc ul>li a i.tool-phone {
    background: url(../../../images/icons8-whatsapp.svg) no-repeat center center/cover;
    background-size: contain;
    width: 34px;
    height: 34px;
    display: block;
}

.tool-pc ul>li a i.tool-address {
    background: url(../../../images/icons8-google-maps.svg) no-repeat center center/cover;
}
/* End box search mobile */

/* List bookroom tpl */
.wrapper-bookroom__list{
    padding: 3rem 0;
}
.wrapper-bookroom__list-title-label{
    display: block;
    text-align: center;
    font-size: 4.8rem;
    font-family: var(--script-regular),Arial, Helvetica, sans-serif;
    margin-bottom: 0.5rem;
    color: #000;
    font-weight: normal;
}
.wrapper-bookroom__list-title-name{
    font-size: 4.8rem;
    color: #000;
}

.wrapper-productdetail__category-img>a>img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 661 / 397;
}
a.more-paging[data-view-listroom] {
    display: inline-block;
    transition: all 0.3s ease;
    position: relative;
    min-width: 15.9rem;
    padding: 1rem;
    background: transparent;
    color: #000;
    cursor: pointer;
    text-align: center;
    font-size: 1.6rem;
    border: 1px solid #ccc;
    transition: all 0.5s;
}
a.more-paging[data-view-listroom]:hover{
    background: var(--html-bg-website);
    color: #000;
}
a.more-paging[data-view-allroom] {
    display: inline-block;
    transition: all 0.3s ease;
    position: relative;
    min-width: 15.9rem;
    padding: 1rem;
    background: transparent;
    color: #000;
    cursor: pointer;
    text-align: center;
    font-size: 1.6rem;
    border: 1px solid #ccc;
    transition: all 0.5s;
}
a.more-paging[data-view-allroom]:hover{
    background: var(--html-bg-website);
    color: #000;
}
/* End */

/* Bookroom tpl all */
.wrapper-bookroom__pages{
    padding: 3rem 0;
}
.wrapper-bookroom__pages-box-detail{
    padding: 2rem 3rem;
    flex: 1;
}
.wrapper-bookroom__pages-box{
    border: 1px solid #ccc;
    flex: 1;
    background: #fff;
    transition: all 0.2s;
}
.wrapper-bookroom__pages-box-img>a>img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 661 / 372;
    -webkit-transition: all 0.8s cubic-bezier(0.2, 0.3, 0.8, 0.7);
    transition: all 0.8s cubic-bezier(0.2, 0.3, 0.8, 0.7);
}
.wrapper-bookroom__pages-box:hover .wrapper-bookroom__pages-box-img>a>img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.wrapper-bookroom__pages-box-detail-bookroom{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrapper-bookroom__pages-box-detail-title{
    line-height: 2.3rem;
    flex: 1;
}
.wrapper-bookroom__pages-box-detail-title>a{
    font-size: 3rem;
    color: #000;
}
.wrapper-bookroom__pages-box-detail-bookroom-price{
    display: block;
    font-size: 2.4rem;
    color: #000;
}
.wrapper-bookroom__pages-box-detail-bookroom-btn>a{
    font-size: 1.6rem;
    color: #000;
    font-family: var(--qs-light),Arial, Helvetica, sans-serif;
    min-width: 16.9rem;
    display: block;
    padding: 1rem 0;
    text-align: center;
    border: 1px solid #ccc;
    text-transform: uppercase;
}
.wrapper-bookroom__pages-box:hover{
    background: var(--html-bg-website);
    box-shadow: 2px 2px 7px #ccc;
}
.wrapper-bookroom__pages-box:hover .wrapper-bookroom__pages-box-detail-bookroom-btn>a{
    background: #fff;
    color: #000;
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    cursor: pointer;
}
.wrapper-bookroom__pages-box::before {
    bottom: 0;
    left: 0;
}
.wrapper-bookroom__pages-box::after {
    top: 0;
    right: 0;
}
.wrapper-bookroom__pages-box::after, .wrapper-bookroom__pages-box::before {
    content: " ";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: var(--html-bg-website);
    transition: all .5s ease-in-out;
    z-index: 1;
}
.wrapper-bookroom__pages-box .wrapper-bookroom__pages-box-outline::before {
    right: 0;
    bottom: 0;
}
.wrapper-bookroom__pages-box .wrapper-bookroom__pages-box-outline::after, .wrapper-bookroom__pages-box .wrapper-bookroom__pages-box-outline::before {
    content: " ";
    position: absolute;
    height: 0;
    width: 2px;
    background-color: var(--html-bg-website);
    transition: all .5s ease-in-out;
    z-index: 1;
}
.wrapper-bookroom__pages-box .wrapper-bookroom__pages-box-outline::after {
    left: 0;
    top: 0;
}
.wrapper-bookroom__pages-box .wrapper-bookroom__pages-box-outline::after, .wrapper-bookroom__pages-box .wrapper-bookroom__pages-box-outline::before {
    content: " ";
    position: absolute;
    height: 0;
    width: 2px;
    background-color: var(--html-bg-website);
    transition: all .5s ease-in-out;
    z-index: 1;
}
.wrapper-bookroom__pages-box:hover::after, .wrapper-bookroom__pages-box:hover::before {
    width: 100%;
}
.wrapper-bookroom__pages-box:hover .wrapper-bookroom__pages-box-outline::after, .wrapper-bookroom__pages-box:hover .wrapper-bookroom__pages-box-outline::before {
    height: 100%;
}
.title-default__bookroom--modifiers>h1>span{
    font-size: 4.8rem;
    line-height: 1.5;
    color: #000;
}
.wrapper-aside__info{
    white-space: nowrap;
}

@keyframes fadeOpacity {

    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
    
}
.wrapper-productdetail__category{
    animation: fadeOpacity 0.5s ease-in-out;
}
.wrapper-bookroom__pages-box{
    animation: fadeOpacity 0.5s ease-in-out;
}
.wrapper-bookrom__aside{
    animation: fadeOpacity 0.5s ease-in-out;
    transition: all 0.3s;
}
.wrapper-bookrom__aside-detail-bottom-view{
    transition: all 0.3s;
}
.wrapper-bookrom__aside:hover .wrapper-bookrom__aside-detail-bottom-view{
    background: #fff;
    color: #000;
}
/* End */

/* Bộ lọc */

.slider-top__header-search{
    position: absolute;
    bottom: -90px;
    left: 0;
    right: 0;
}
.wrapper-box-bg-search__time{
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
}
.wrapper-box-bg-search__time-input{
    height: 3.8rem;
    padding: 0 1rem;
    border: 0;
    font-size: 1.6rem;
    width: 80%;
}
.wrapper-box-bg-search__time-icon{
    width: 20%;
}
.wrapper-box-bg-search__time-icon>i{
    font-size: 2rem;
}
/* End */

/* Trang giới thiệu */
.wrapper-introduces__top{
    padding: 3rem 0;
}
.wrapper-introduces__top-box-title{
    display: block;
    font-size: 4.8rem;
    font-family: var(--script-regular),Arial, Helvetica, sans-serif;
    color: #000;
}
.wrapper-introduces__top-box-view>a{
    display: inline-block;
    font-size: 1.6rem;
    width: 16.9rem;
    padding: 1rem 0;
    color: #000;
    border: 1px solid #000;
    text-align: center;
    position: relative;
}
.wrapper-introduces__top-box-view>a::before{
    content: "";
    position: absolute;
    background-color: var(--html-bg-website);
    width: 0;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease-in-out;
}
.wrapper-introduces__top-box-view>a:hover::before{
    opacity: 1;
    width: 100%;
}
.wrapper-introduces__top-box-view>a:hover{
    border: 1px solid #fff;
}
.wrapper-introduces__mid{
    padding: 3rem;
    min-height: 600px;
}
.wrapper-introduces__mid-box{
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    background: var(--html-bg-website);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 18rem;
    position: relative;
}
.wrapper-introduces__mid-box::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    background: var(--html-bg-website);
    width: 40px;
    height: 0.2rem;
}
.wrapper-introduces__mid-box-title{
    display: inline-block;
    font-size: 2rem;
    color: #000;
    padding: 0 1rem;
    text-align: center;
}
.col-trigger-click::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 90%;
    background: var(--html-bg-website);
    width: 45px;
    height: 0.2rem;
}
.wrapper-introduces__mid-aside-body{
    position: absolute;
    bottom: -90px;
    width: 100%;
}
.col-trigger-click:last-child::before{
    display: none;
}
.wrapper-introduces__bottom{
    padding: 15rem 0 5rem 0;
}
.wrapper-introduces__bottom-left-links{
    font-size: 2.4rem;
    color: #000;
    padding: 1rem;
    display: block;
    position: relative;
    z-index: 2;
}
.wrapper-introduces__bottom-left-list{
    background: #f7f7f7;
    border: 1px solid #ccc;
}
.wrapper-introduces__bottom-left-items{
    border-bottom: 1px solid #ccc;
    position: relative;
}
.wrapper-introduces__bottom-left-items::before{
    content: "";
    position: absolute;
    background-color: var(--html-bg-website);
    width: 0;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.wrapper-introduces__bottom-left-items:hover::before {
    opacity: 1;
    width: 100%;
    
}
.wrapper-introduces__bottom-left-items:last-child{
    border-bottom: 0;
}
.wrapper-introduces__bottom-right{
    padding: 4rem;
    background: #f7f6fc;
}
.wrapper-introduces__bottom-right{
    position: relative;
}
.wrapper-introduces__bottom-left-items::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-width: 10px 10px 10px 0;
    border-color: transparent #f7f6fc transparent transparent;
    right: 0;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    /* transition: border-color .3s ease-in-out; */
    visibility: hidden;
    transition: all 0.4s;
    opacity: 0;
    
}
.wrapper-introduces__bottom-left-items.activeBT::after{
    visibility: visible;
    opacity: 1;
}
.wrapper-introduces__bottom-left-items.activeBT{
    background: var(--html-bg-website);
}
.wrapper-introduces__bottom-right-des{
    animation: fadeOpacity 0.5s ease-in-out;
}
.col-trigger-click{
    position: relative;
}
.col-trigger-click.active{
    filter: drop-shadow(2px 2px 7px var(--html-bg-website));
}
.col-trigger-click:hover{
    filter: drop-shadow(2px 2px 7px var(--html-bg-website));
}
.col-trigger-click:hover .wrapper-introduces__mid-box{
    background: #fff;
}
.col-trigger-click.active .wrapper-introduces__mid-box{
    background: #fff;
}
.col-trigger-click.active .wrapper-introduces__mid-box>.wrapper-introduces__mid-box-title{
    color: #000;
}
.col-trigger-click:hover .wrapper-introduces__mid-box>.wrapper-introduces__mid-box-title{
    color: #000;
}
.modal{
    animation: fadeOpacity 0.5s ease-in-out;
}
.modal-body{
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-body::-webkit-scrollbar {
    width: 6px;
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}
.modal-body::-webkit-scrollbar-thumb {
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}
.modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}
.wrapper-language__header{
    display: inline-block;
    position: relative;
    padding: 1rem 0;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-right: 3rem;
}

.nice-select--modifers{
    border: 0;
    font-size: 1.8rem;
    color: #fff;
    height: auto;
    line-height: unset;

}
.wrapper-introduces__mid-des{
    padding: 1rem;
    background: rgba(0,0,0,0.4);
    border-radius: 0.5rem;
}
.wrapper-aside__info{
    display: flex;
    align-items: center;
    justify-content: end;
}
.nice-select--modifers::after{
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
/* Trang chi tiết */
.wrap-title__socialdetail{
    font-size: 14px;
    font-weight: bold;
    display: block;
}
.wrap-aside__socical{
    padding: 10px;
    border-radius: 5px;
    background: rgb(199 199 199 / 15%);
}
/* End */

/* Toc modifiers */
.sidebar-detail {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}
.toc-list>ol{
    padding-inline-start: 0;
}
.toc-list>ol>li ol {
    margin-left: 10px;
    padding-inline-start: 0;
}
@media (max-width: 992px){
    .o-hidden {
        overflow: hidden;
    }
}
.focus-button {

    animation: animate-pulse 2s linear infinite;
    cursor: pointer;

}

@keyframes animate-pulse{
    0% {
        box-shadow: 0 0 0 0 var(--html-bg-website), 0 0 0 0 0;
    }
    40% {
        box-shadow: 0 0 0 50px rgb(255 109 74 / 0%), 0 0 0 0 var(--html-bg-website);
    }
    80% {
        box-shadow: 0 0 0 50px rgb(255 109 74 / 0%), 0 0 0 30px rgb(255 109 74 / 0%);
    }
    100% {
        box-shadow: 0 0 0 0 rgb(255 109 74 / 0%), 0 0 0 30px rgb(255 109 74 / 0%);
    }
}
/* .circle span {
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: var(--html-cl-website);
    left: 15px;
    top: 12px;
} */
.block-circle {
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    display: block;
}
/* .circle-policy {
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(var(--html-bg-website), var(--html-cl-website));
    left: 10px !important;
    top: 2px !important;
} */
.circle--modifiers {
    position: absolute;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: #fab200 #fab200 #fab200 var(--html-cl-website);
    -webkit-animation: spinCircle 4s infinite linear;
    -moz-animation: spinCircle 4s infinite linear;
    -o-animation: spinCircle 4s infinite linear;
    animation: spinCircle 4s infinite linear;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
}
@keyframes spinCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.wrapper-bookrom__aside-prices-overflow{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.box-comment__detail {
    padding: 1rem;
    background: rgb(199 199 199 / 15%);
    border-radius: 0.5rem;
}
/* End */
/* End */
.area-top-m__language-list{
    padding-right: 1rem;
    gap: 0.5rem;
}
.socical>li {
    max-width: 50px;
    max-height: 50px;
}
.wrapper-introduces__box>a>img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 776 / 593;
}
.wrapper-items-language{
    display:none;
}
.wrapper-items-language{
    display: none;
}
.element-header.sticky .wrapper-items-language{
    display: block;
}
.wrapper-items-language-aside{
    gap: 1rem;
}
.video-slider__index{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    height: 671px; 
}

.wrapper-formbooking{
    padding: 3rem 0;
}
.wrapper-formbooking__title>h1{
    text-align: center;
}
.wrapper-formbooking__title>h1>span{
    font-size: 2.4rem;
}
.wrapper-formbooking__info{
    padding: 2rem 1rem;
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 7px #ccc;
    border-top: 3px solid var(--html-cl-website);
    flex: 1;
}
.wrapper-formbooking__info-title-name{
    font-size: 2rem;
    color: #000;
    font-family: var(--qs-bold),Arial, Helvetica, sans-serif;
}
.wrapper-formbooking__info-row>label{
    font-size: 1.6rem;
    color: #000;
    display: block;
    margin-bottom: 1rem;
}
.wrapper-formbooking__info-row>label>span{
    color: var(--html-bg-website);
}
.wrapper-formbooking__info-title{
    display:flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
}
.wrapper-formbooking__info-title-note{
    font-size: 1.6rem;
    color: #000;
}
.wrapper-formbooking__info-title-note>span{
    color: var(--html-bg-website);
}
.wrapper-formbooking__info-row>select{
    font-size: 1.6rem;
    height: 3.5rem;
    width: 100%;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding-left: 1rem;
    line-height: 2rem;
    background: transparent;
    color: #000;
}
.wrapper-formbooking__info-row-select{
    font-size: 1.6rem;
    height: 3.5rem;
    width: 100%;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding-left: 1rem;
    line-height: 2rem;
}
.wrapper-formbooking__info-row>input{
    font-size: 1.6rem;
    height: 3.5rem;
    width: 100%;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding-left: 1rem;
    line-height: 2rem;
}
.wrapper-formbooking__info-row>input:focus{
    border: 1px solid var(--html-cl-website);
}
.wrapper-formbooking__info-row-body{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}
.wrapper-formbooking__info-row-body>input{
    font-size: 1.6rem;
    height: 3.5rem;
    width: 100%;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding-left: 1rem;
    line-height: 2rem;
}
.wrapper-formbooking__info-row-body>input:focus{
    border: 1px solid var(--html-bg-website);
}
.wrapper-formbooking__check>label{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.wrapper-formbooking-bottom{
    padding: 2rem 2rem;
    background: #fff;
    box-shadow: 2px 2px 7px #ccc;
    border-top: 3px solid var(--html-cl-website);
    border-radius: 0.5rem;
}
.wrapper-formbooking__aside{
    padding: 1rem 2rem;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}
.wrapper-formbooking-btn>button{
    min-width: 14.7rem;
    padding: 1rem;
    text-align: center;
    display: inline-block;
    border: 0;
    background: var(--html-bg-website);
    border-radius: 0.5rem;
    color: #000;
    position: relative;
    z-index: 1;
    font-size: 1.6rem;
    cursor: pointer;
}
.wrapper-formbooking-btn>button::before{
    content: "";
    position: absolute;
    background-color: red;
    width: 0;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
    border-radius: 0.5rem;
}
.wrapper-formbooking-btn>button:hover{
    color: #fff;
}
.wrapper-formbooking-btn>button:hover::before {
    width: 100%;
    opacity: 1;
}
.wrapper-formbooking-header{
    padding: 2rem 1rem;
    background: #fff;
    box-shadow: 2px 2px 7px #ccc;
    border-top: 3px solid var(--html-cl-website);
    border-radius: 0.5rem;
}
.wrapper-formbooking-header-info{
    font-size: 1.6rem;
    font-family: var(--qs-bold),Arial, Helvetica, sans-serif;
}
.wrapper-formbooking-header-info{
    text-align: center;
}
.nice-select .current{
    overflow: hidden;
    display: block;
}
.wrapper-formbooking__info-row-select{
    background: transparent;
    color: #000;
}
.contact-detail{
    padding: 3rem 0;
}
.wrapper-formbooking-header-info-edit{
    padding: 0.5rem;
    background: transparent;
    color: #000;
    border: 0;
    border-radius: 0.5rem;
    outline: none;
    font-size: 1.2rem;
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s;
}
.wrapper-formbooking-header-info-edit>i{
    font-size: 1.4rem;
    color: var(--html-cl-website);
}
.wrapper-formbooking__info-asdie-twoplayer{
    display: none;
    animation: fadeOpacity 0.5s ease-in-out;
}
.wrapper-formbooking__info-asdie-twoplayer.activePlayer{
    display: block;
}

#arrival_date{
    font-size: 1.6rem;
    height: 3.5rem;
    flex: 1;
    outline: none;
    border: 0;
    border-radius: 0.5rem;
    padding-left: 1rem;
    line-height: 2rem;
}
.t-left{
    text-align: left;
}
.wrapper-formbooking-header-info-top{
    gap: 0.5rem;
}
.wrapper-formbooking-header-info-top>label{
    margin-bottom: 0;
}

/* ul.nav-menu>li>a:hover, ul.nav-menu>li>h2>a:hover, ul.nav-menu>li>h3>a:hover{
    color: var(--html-bg-website) !important;
} */
.wrapper-standards__boxright-title{
    line-height: 1.4;
    font-size: 2rem;
    max-height: calc(2.8 * 2rem);
}
/* HEADER DETAIL */
.box-shadown__tpl > header{
    width: 100%;
    position: fixed;
    background: rgb(68 68 68 / 80%);
}
.box-shadown__tpl > header .col-2 img{
    filter: invert(62%) sepia(43%) saturate(353%) hue-rotate(350deg) brightness(96%) contrast(83%);
}
.menu_detail{
    color: var(--html-cl2-website) !important;
}
.box-shadown__tpl .box_cart_header > a > i{
    color: var(--html-cl2-website);
}
.box-shadown__tpl .i--search{
    color: var(--html-cl2-website) !important;
}
.box-shadown__tpl header .list_lang{
    color: var(--html-cl2-website);
}