/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root{--color:#0fbab5;--hover:#4fa0c2;}
body,a,h2,h3,h4,h1,p{}

/*************** ADD CUSTOM CSS HERE.   ***************/
html{background:#fff!important}
body{color:black;font-family:'Barlow'!important}
body p{font-size:16px;}
.max-1200{max-width:1240px;margin:0 auto;}
h1,h2,h3,h4,h5,h6,.heading-font,.off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family:'Barlow'!important;}
.buttonizer-group{right:20px!important}
.single,.archive{background:#FAFBFC}
.wrap-breadcrumbs{padding:10px 0px}
.wrap-breadcrumbs p{margin-bottom:0;}
.main-bread{padding:0px 15px}
.product-main{padding:20px 0;}
.entry-header{display:none;}
#header{position:sticky;top:0}
.menu-icon{display:none!important}
.nav-left.nav>li{margin:0 17px;}
.home #header{position:fixed;}
.product-banner{height:350px;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.product-banner:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000000ba;}
.product-banner h2{text-align:center;color:#fff;font-size:40px;opacity:1;margin-bottom:10px;}
.relative{position:relative;}
.z-10{z-index:10}
.rank-math-breadcrumb{color:#fff;}
.rank-math-breadcrumb a{color:#fff}

/* menu */
#header .stuck .custom-menu ul > li > a:before{bottom:20px}
#header .stuck .custom-menu ul li > a{/* padding:23px 0px; */}
.header-main,.header,#logo{transition:0.5s}

/* Menu Lading */
.menu-lading{display:flex;justify-content:center;align-items:center;grid-gap:30px;}
.menu-lading a{font-size:16px;display:block;text-transform:uppercase;color:black;font-weight:500;transition:0.3s}
.menu-lading a:hover,.menu-lading a.active{color:var(--color);cursor:pointer;}
.btn-booking{position:relative;margin-left:30px;padding:0px 0px!important;line-height:unset!important;display:inline-block!important;}
.btn-booking span{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:10px;padding:11px 20px;background:#ffa6ae;color:#000;text-transform:uppercase;font-weight:500;border-radius:40px;font-size:16px;transition:0.3s;}
.btn-booking:before{content:'';position:absolute;transition:0.3s;width:calc(100% + 12px);height:calc(100% + 12px);left:-6px;top:-6px;background:#feeeef;border-radius:40px;animation:moveScale 0.8s infinite alternate;}
.btn-booking:hover span{background:#0fbab5;color:#fff;cursor:pointer;}
.btn-booking svg{animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;}
.btn-booking svg path{transition:0.3s}
.btn-booking:hover svg path{fill:#fff;}
.btn-booking:hover:before{background:#a8e1d7}
@keyframes coccoc-alo-circle-img-anim{
	0%{transform:rotate(0) scale(1) skew(1deg);}
	10%{transform:rotate(-25deg) scale(1) skew(1deg);}
	20%{transform:rotate(25deg) scale(1) skew(1deg);}
	30%{transform:rotate(-25deg) scale(1) skew(1deg);}
	40%{transform:rotate(25deg) scale(1) skew(1deg);}
	50%{transform:rotate(0) scale(1) skew(1deg);}
	100%{transform:rotate(0) scale(1) skew(1deg);}
}
@keyframes moveScale{
	0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
	50%{opacity:1;}
}

/* slider zoomin zoomout */
.slider-main{position:relative;height:100vh;overflow:hidden;}
.slider-main img{width:100%;height:100%;object-fit:cover;position:absolute; /* Cố định hình nh trong khung */top:0;left:0;transform-origin:center; /* Gi điểm zoom tại trung tâm */animation:zoomInOut 16s infinite; /* Hiệu ứng zoom-in và zoom-out */}
@keyframes zoomInOut{
	0%{transform:scale(1);}
	50%{transform:scale(1.1);}
	100%{transform:scale(1);}
}
.slider-zoomin-zoomout{position:relative;}
.slider-main .slick-list,.slider-main .slick-track{height:100%}

/* Text trên slider chính */
.slider-content{position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);color:black;z-index:2;display:flex;justify-content:space-between;align-items:center;max-width:1640px;width:100%;left:50%;padding-left:15px;padding-right:15PX;}
.slider-content.left{text-align:left;}
.slider-content.right{right:10%;text-align:right;}
.slider-content h2{font-size:3rem;margin:0;}
.slider-content h3{font-size:2rem;margin:10px 0;}
.slider-content a{display:inline-block;padding:10px 20px;text-transform:uppercase;font-size:16px;color:#fff;background:var(--color);transition:0.3s;border-radius:31px;}
.slider-content a:hover{background:#ffa6ae;color:#000;cursor:pointer;}
.left-content{width:50%}
.right-content{width:40%}
.slider-content h2{font-size:44px;color:#2A4F4F;font-weight:400;font-family:'David Libre'!important;}
.right-content p{font-size:18px;color:#000;font-family:'David Libre'!important;margin-bottom:40px;}

/* Slider điều hướng */
.slider-nav{padding:0px 15px;position:absolute;left:50%;transform:translateX(-50%);max-width:1640px;width:100%;bottom:50px;z-index:10}
.slider-nav .slick-current img{}
.slider-nav .slider-children{background:#fff;margin:0px 10px;cursor:pointer;padding:5px;border-radius:40px;transition:0.3s;display:flex;justify-content:flex-start;align-items:center;column-gap:10px;}
.slider-nav .slider-children span{display:block;color:#fff;font-size:16px;color:black;font-weight:500;transition:0.2s}
.slider-nav .icon-img{width:40px;height:40px;border-radius:50%;border:1px solid #fff;}
.slider-nav .icon-img img{width:100%;height:100%!important;object-fit:cover;border-radius:50%}
.slider-nav .slick-slide.slick-current .slider-children,.slider-children:hover{background:var(--color);}
.slider-nav .slick-slide.slick-current .slider-children span,.slider-children:hover span{color:#fff}
.slider-nav .slick-list{padding:0!important}

/* Nền ph trắng */
.overlay-slider{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);z-index:9;opacity:0;visibility:hidden;transition:0.3s}
.overlay-slider.show{opacity:1;visibility:visible;}

/* why */
.bg-main-why{position:relative;background:#f0f3e7;text-align:center;padding:35px 25px 25px 25px!important;border-radius:15px;overflow:hidden;margin:0!important;}
.bg-main-why:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(#12bbb6,#fff0);opacity:0;transition:0.3s}
.area-icon .col-inner{width:64px!important;height:64px;margin-bottom:0!important;margin:0 auto!important;position:relative;}
.icon-main,.icon-hover{width:100%;height:100%;transition:0.3s}
.icon-hover{position:absolute;left:0;top:0;opacity:0;}
.icon-main img{width:100%;height:100%!important;object-fit:contain;}
.bg-main-why h3{font-size:24px;text-transform:uppercase;font-weight:600;color:#3d3d3d;margin-bottom:20px;margin-top:20px;line-height: 32px; transition:0.3s}
.bg-main-why span{font-size:48px;font-weight:600;color:var(--color);display:block;font-family:'Barlow';}
.bg-main-why p{font-size:18px;font-family:'David Libre'!important;margin-bottom:0;}
.bg-main-why:hover .icon-hover{opacity:1}
.bg-main-why:hover .icon-main{opacity:0}
.bg-main-why:hover:before{opacity:1;}
.bg-main-why:hover h3{color:#fff;}
.max-700{max-width:700px;margin:0 auto;}
.max-700 p{font-family:'David Libre'!important}
.mt-10{margin-top:30px}
.section-soluoc:before{content:'';position:absolute;left:0;bottom:140px;width:200px;height:244px;background:url('assets/images/hoa.png')left center no-repeat;}

/* Product Detail */
.section-product{background-image:linear-gradient(to right,#fff0,#9fe3df,#fff0);}
.featured-products{/* display:flex; */flex-wrap:wrap;}
.row{display:flex;}
.col-left{width:50%}
.col-right{width:50%;padding-left:60px}
.gallery-slider{position:relative;display:flex;justify-content:space-between;align-items:flex-start;}
.thumbnail-slider{width:21%;padding-right:15px}
.main-slider{width:79%;}
.thumb{margin-bottom:7px!important;border-radius:10px!important;overflow:hidden;border:2px solid #fff0!important;transition:0.3s}
.main-slider img{width:100%; /* Đảm bảo hình ảnh chiếm toàn bộ chiu rộng */height:auto;}
.thumb:hover{cursor:pointer;}
.thumbnail-slider .slick-current .thumb{border-color:var(--color)!important}
.main-img-product{border-radius:15px;overflow:hidden;}
.main-img-product img{width:100%;height:100%;object-fit:cover}
.thumbnail-slider{     /* Khoảng cách giữa slideshow chính và ảnh thu nhỏ */}
.thumb img{width:100%; /* Đảm bảo ảnh thu nhỏ chiếm toàn bộ chiều rộng */border-radius:5px; /* Bo góc cho ảnh thu nh */transition:transform 0.3s; /* Hiệu ứng khi di chuột qua ảnh */}
.thumb:hover img{transform:scale(1.05);}
.variation-button{display:inline-block;padding:0px 15px;margin:5px 5px;white-space:nowrap;border:none;background-color:#fff0; /* Màu nền */color:#000; /* Màu chữ */cursor:pointer;border-radius:8px;transition:background-color 0.3s; /* Hiệu ứng chuyển màu */border:1px solid var(--color);font-size:16px;font-weight:400;min-height:unset;}
.variation-button:hover{background-color:var(--color); /* Màu nền khi hover */color:#fff;}
.variation-button.active{background-color:var(--color); /* Màu nền cho biến thể đang chọn */font-weight:600; /* Làm nổi bật biến thể đang chọn */color:#fff;}
.view-details{display:inline-block;margin-top:15px;padding:10px 15px;background-color:#28a745; /* Màu nền cho nút xem chi tiết */color:#fff; /* Màu chữ */border-radius:5px;text-decoration:none; /* Bỏ gạch chân */transition:background-color 0.3s; /* Hiệu ứng chuyển màu */}
.view-details:hover{background-color:#218838; /* Màu nền khi hover */}
.product-price{margin-bottom:10px}
.name-product-right{font-size:24px;text-transform:uppercase;color:black;font-weight:500;}
.product-price span.amount{font-size:24px;color:#de2143;font-weight:600;text-transform:uppercase;}
.attribute-group{display:flex;justify-content:flex-start;align-items:center;grid-gap:15px;margin-bottom:20px}
.attribute-group h4{color:black;text-transform:capitalize;white-space:nowrap;width:unset;}
p.in-stock{color:red!important;font-size:18px!important;font-weight:500}
.variations{margin-bottom:10px}
.variations span{display:inline-block;width:unset;white-space:nowrap;font-size:18px;font-family:'David Libre'!important;font-weight:bold;margin-right:20px}
.product-short{font-family:'David Libre'!important;font-size:18px;}
.accordion{width:100%;margin:20px auto;}
.card{background-color:#fff;margin-bottom:18px;border-radius:8px;overflow:hidden;}
.card-header{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;cursor:pointer;background-color:var(--color);color:white;}
.card-header h3{margin:0;font-size:20px;color:#fff;}
.card-body{padding:0px 24px 5px 24px;display:none; /* Ẩn nội dung ban đầu */background:var(--color);color:#fff;font-size:18px;font-family:'David Libre'!important;}
.card-body p{font-size:18px;margin-bottom:10px;}
.card-header i{color:black}
.accordion .active .toggle{right:-9px}
.inner-body{border-top:1px dashed #fff;padding-top:24px;}
.btn-css{display:inline-block;padding:11px 25px;text-transform:uppercase;font-size:16px;color:#000;font-weight:500;background:#ffa6ae;transition:0.3s;border-radius:31px;}
.btn-css:hover{background:#0fbab5;cursor:pointer;color:#fff}
.section-product:before{content:'';position:absolute;top:50px;right:0;width:167px;height:300px;background:url('assets/images/hoa1.png')left center no-repeat;}
.thumbs-banner{width:100%;height:700px;overflow:hidden;border-radius:15px}
.thumbs-banner img{width:100%;height:100%;object-fit:cover;transition:0.8s}
.thumbs-banner:hover img{transform:scale(1.1);}
.load-banner{margin:0 -10px;}
.banner-link{display:block;}
.items-center{align-items:center;}
.content-about{padding-left:60px}
.content-about h3{font-size:44px;font-family:'David Libre'!important;color:black;font-weight:400}
.content-about p{font-size:20px;font-family:'David Libre'!important}
.btn-uxblock{margin:0!important;display:inline-block;padding:2px 26px;text-transform:uppercase;font-size:16px;color:#fff;background:var(--color);transition:0.3s;border-radius:31px;font-weight:500;}
.btn-uxblock:hover{background:#ffa6ae;color:#000;box-shadow:none!important}

/* content css*/
.content-css h1,.content-css h2,.content-css h3,.content-css h4,.content-css h5,.content-css h6{color:black;text-transform:uppercase;font-size:30px;}
.content-css p{font-size:16px;margin-bottom:10px}
.content-white p,.content-white h1,.content-white h2,.content-white h3,.content-white h4,.content-white h5,.content-white h6{color:#fff}

/* step */
.icon-step .col-inner{width:80px!important;height:80px;margin:0 auto!important;border:7px solid #fff;border-radius:50%;background:#F0F3E7;transition:0.3s;display:flex;justify-content:center;align-items:center;padding:16px;}
.flex-step .col.medium-2:hover .icon-step .col-inner{border-color:#CFF1F0;background:var(--color)}
.flex-step .col.medium-2:hover .icon-step .col-inner img{filter:brightness(0) invert(1);}
.content-step h3{font-size:16px;color:var(--color);text-transform:uppercase;font-weight:400;}
.content-step p{font-size:14px;font-family:'David Libre'!important}
.content-step{margin-top:20px;padding:0px 30px;}
.content-step span.stt{background:#3D3D3D;font-size:14px;font-weight:500;color:#fff;width:25px;height:25px;display:flex;justify-content:center;align-items:center;font-family:'Barlow'!important;border-radius:13px;margin:0 auto;}
.flex-step .col.medium-2{position:relative}
.flex-step .col.medium-2:nth-child(even){margin-top:60px}
.flex-step .col.medium-2:nth-child(odd):before{content:'';position:absolute;width:106px;height:40px;background:url('assets/images/muiten1.png')center no-repeat;right:-56px;top:52px;}
.flex-step .col.medium-2:nth-child(even):before{content:'';position:absolute;width:106px;height:40px;background:url('assets/images/muiten2.png')center no-repeat;right:-54px;top:-10px;}
.flex-step .col.medium-2:nth-child(6):before{display:none!important;}

/* form */
.section-datlich{background-image:linear-gradient(to right,#8EDEDC,#F1F7F2);overflow:hidden;}
.section-datlich:before{content:'';position:absolute;left:200px;top:0;width:177px;height:110px;background:url('assets/images/hoa2.png')center no-repeat;}
.section-datlich:after{content:'';position:absolute;right:200px;bottom:0;width:125px;height:89px;background:url('assets/images/hoa3.png')center no-repeat;}
.vongtron{position:absolute;left:50%;transform:translateX(-50%);top:0;max-width:900px;height:100%;display:flex;justify-content:center;align-items:center;z-index:-1;}
.vongtron img{animation:2.5s zoomIn1 ease-out 1s infinite both;-webkit-animation:2.5s zoomIn1 ease-out 1s infinite both;}
@keyframes zoomIn1{
	0%{transform:scale(0.8);opacity:0;}
	50%{transform:scale(1);opacity:1;}
	100%{opacity:0;}
}
.group-booking form{max-width:1000px}

/* Ô radio bị khóa */
.radio-css input[type="radio"].disabled-slot{cursor:not-allowed;opacity:0.5; /* Làm mờ */background-color:#ccc; /* Màu nền xám */border:2px solid red; /* Viền đỏ */}
td.disabled-slot{background-color:#dddddd5c!important;position:relative;}
td.disabled-slot:before{content:'off';position:absolute;top:-1px;right:-1px;color:#fff;background:red;font-size:10px;padding:1px 8px;}
.radio-css input[type="radio"].stock-slot{cursor:not-allowed;opacity:0.5; /* Làm mờ */background-color:#ccc; /* Màu nền xám */border:2px solid red; /* Viền đỏ */}
td.stock-slot{background-color:#dddddd5c!important;position:relative;}
td.stock-slot:before{content:'Hết ch';position:absolute;top:-1px;right:-1px;color:#fff;background:red;font-size:10px;padding:1px 8px;}

/* product */
.woocommerce-breadcrumb,#tab-title-reviews,#tab-title-additional_information,.related{display:none!important;}
.product-title{color:#000;text-transform:uppercase;}
.product-main .content-row,.product-footer .container{max-width:1280px}
.flex-tool{display:flex;justify-content:flex-end;align-items:center;grid-gap:12px;}
.css-button-owl{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#88b2ce;opacity:0.6;padding:10px;border-radius:50%;transition:0.5s}
.css-button-owl:hover{opacity:1;cursor:pointer;}
.col-left-product{padding-right:160px}
.aligh-items-center{align-items:center;}
.col-left-product p{margin-bottom:0px;}
.overflow-hidden{overflow:hidden;}
.item-product{display:block;position:relative;}
.thumb-product{width:100%;overflow:hidden;border:1px solid #ddd;border-radius:20px;}
.thumb-product img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.item-product:hover .thumb-product img{transform:scale(1.05);}
.item-product:hover .thumb-product{border-color:var(--color)}
.box-product{position:relative;z-index:1;}
.item-product{margin-bottom:20px}
.infor-product{text-align:left;padding-top:13px;}
.infor-product h3{color:#000;font-size:23px;text-transform:uppercase;margin-bottom:0;line-height:30px;text-align:left;transition:0.3s;}
.infor-product h3:hover{color:var(--color)}
.infor-product p{text-align:left;color:black;margin-bottom:0px;font-size:18px;margin-top:5px;}
.infor-product p.product-short{line-height:25px;margin-bottom:15px}
.infor-product .product-price span.amount{clip:#de2143}
.xt-css{width:86px;height:76px;position:absolute;right:-40px;bottom:-40px;z-index:9999999;background:var(--color);display:flex;justify-content:center;align-items:center;border-radius:10px;}
.page-category{background:#F2F2F2;padding:20px 0px;margin-bottom:30px;}
.flex-head{display:flex;justify-content:space-between;align-items:center;grid-gap:30px}
.flex-head .img{width:140px;height:140px;margin:0 auto;-webkit-transition:all .2s;transition:all .2s;border:14px solid var(--color);border-radius:50%;}
.flex-head .img img{width:100%;border-radius:50%;height:auto;-webkit-transition:all .2s;transition:all .2s;background-color:#fff;}
.flex-head .img .imgwhite{position:absolute;z-index:4;top:0;left:0;width:100%;height:100%;opacity:0;}
.flex-head:hover .img .imgwhite{opacity:1;}
.flex-head:hover .img img{background:#29aae2;}
.title-category{color:black;font-size:50px;font-weight:700;text-align:center;margin-bottom:0px;}
.container-solution .row.row-small{max-width:1280px}
.container-solution .products .thumb-product{height:380px;}
.product-section{border:none}
.related{margin-top:20px;margin-bottom:60px;}
.related .content-text{margin-bottom:20px}
.prev-product{position:absolute;left:-30px;top:35%;z-index:10;font-size:20px;transition:0.3s}
.next-product{position:absolute;right:-30px;top:35%;z-index:10;font-size:20px;transition:0.3s}
.next-product:hover,.prev-product:hover{color:var(--color);cursor:pointer;}

/* acodition */
.accordion-item{border-bottom:1px dashed #dddd}
.accordion-item span{text-transform:uppercase;font-weight:500}
.accordion-title{padding:20px 40px 20px 0px;border-top:unset;}
.accordion .toggle{left:unset;right:0;opacity:1;width:10px;height:10px;top:50%;transform:translateY(-50%);}
.accordion .toggle i{color:#000;opacity:1;font-size:25px;}
.accordion-inner,.accordion-inner p{padding:0px;font-family:'David Libre'!important;font-size:16px}
.section-cauhoi{padding-bottom:0px!important;overflow:hidden;}
.section-cauhoi .medium-5{padding-left:40px}
.section-cauhoi:before{content:'';position:absolute;right:0;top:0;width:137px;height:208px;background:url(assets/images/hoa5.png) center no-repeat;}
.section-cauhoi:after{content:'';position:absolute;left:-15px;bottom:-89px;width:240px;height:349px;background:url(assets/images/hoa4.png) center no-repeat;}
.content-bottom h3{font-size:20px;text-transform:uppercase;font-weight:600;color:#000;border-bottom:1px dashed #888888;padding-bottom:10px;margin-bottom:15px;}
.content-bottom p{font-size:16px;font-family:'David Libre'!important}

/* popup */
.form-popup{max-width:500px;width:100%;border-radius:15px;background:#fff;padding:20px;position:relative;}
.group-backdrop-careers .form-popup{max-width:800px;width:100%;display:block;padding:40px;}
.detail-1000{max-width:1000px;width:100%;margin:0 auto;padding:20px;border-radius:10px;background-image:linear-gradient(to right,#FFEEEE,#FFF7F7);}
.img-popup img{width:100%;height:100%;object-fit:cover}
.form-flat input{height:40px}
.form-flat input,.form-flat select,.form-flat textarea{font-size:14px;text-indent:0;border-radius:0!important;background:#fff!important;margin-bottom:5px!important;height:43px;!i;!;!i;!;!i;!;!i;!;!i;!;border:1px solid #00000047!important;!i;!;}
.form-flat select{background:#fff url('assets/images/downward-arrow.png')right center no-repeat!important}
.form-flat textarea{border:1px solid #33333366!important;/* margin-top:20px; */margin-bottom:10px!important;}
.close-popup{width:35px;height:35px;border-radius:40px;background:#fff;font-size:16px;display:flex;justify-content:center;align-items:center;position:absolute;padding:9px;right:-17px;top:-13px;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=12,Direction=0,Color=#6B6B6B)";-moz-box-shadow:0 0 12px -4px #6B6B6B;-webkit-box-shadow:0 0 12px -4px #6B6B6B;box-shadow:0 0 12px -4px #6B6B6B;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=12,Direction=135,Color=#6B6B6B);transition:0.3s;}
.close-popup:hover{background:#7d8580;cursor:pointer;color:#fff;}
.title-popup{text-align:center;font-size:28px;color:var(--color);text-transform:uppercase;margin-bottom:20px;font-weight:400;}
.form-popup .wpcf7-submit{height:unset;background:var(--color)!important;font-size:14px!important;font-weight:300!important;text-transform:capitalize!important;padding:6px 40px!important;margin-bottom:0px;text-indent:0;border-bottom:none!important;text-transform:uppercase!important;font-weight:600!important;!i;!;!i;!;!i;!;width:100%;}
.form-flat{position:relative;margin-bottom:10px;}
.form-popup .wpcf7-spinner{position:absolute;right:0;top:11px;}
.f-submit{margin-top:20px}
.processing:before,.loading-spin,.wpcf7 .wpcf7-not-valid-tip:after{display:none}
.wpcf7 .wpcf7-not-valid-tip{background:none;font-size:13px;}
.img-about-1 img,.img-about-2 img{box-shadow:0px 4px 70px 0px #00000033;}
.img-about-1 .img-inner,.img-about-2 .img-inner{overflow:unset;}
.content-atrical{text-align:center;}
.content-atrical{position:relative;height:154px;overflow:hidden;}
.content-atrical:before{content:'';position:absolute;height:90px;left:0;width:100%;bottom:0px;z-index:1;background-image:linear-gradient(#fdfbfb00,#fff);}
.content-atrical.none:before{display:none}
.right-detail .content-css{display:none}
.content-css.active{display:block;}
@keyframes moveScale{
	0%{transform:scale(0.95);}
	100%{transform:scale(1);}
}

/* page title */
.max-1200{margin:0 auto;max-width:1200px;width:100%}
.content-text h3{font-size:44px;font-family:'David Libre'!important;color:#000;font-weight:300;margin-bottom:0px;position:relative;text-transform:uppercase;}
.content-text p{color:black;font-size:18px;}
.content-text.liner h3:before{content:'';position:absolute;width:200px;height:3px;left:50%;transform:translateX(-50%);bottom:6px;background:url('assets/images/line.png')center no-repeat}
.content-text .btn-booking{max-width:187px;margin:0 auto;margin-top:25px;height:47px;}
.content-text .btn-booking:before{background:#dfe4e3}

/* CSS for Custom Search Form */
.group-search{padding:0px 100px;margin-bottom:120px}
.label_search{font-size:28px;color:black;font-weight:bold;margin-bottom:20px}
.search-form{display:flex;justify-content:center;margin-bottom:20px;width:100%}
.search-field{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px!important;height:45px!important;width:300px;box-shadow:none!important;}
.search-submit{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;}
.search-submit:hover{background-color:#0056b3;}
.flex-custom-bottom .medium-3:nth-child(2){max-width:30%;-ms-flex-preferred-size:30%;flex-basis:30%;}
.flex-custom-bottom .medium-3:nth-child(3){max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%;}
.flex-custom-bottom .medium-3:nth-child(4){max-width:20%;-ms-flex-preferred-size:20%;flex-basis:20%;}

/* product */
.shop-container{min-height:50vh}
.shop-container .row.row-small{max-width:100%;margin:0 auto;}
.message-container{padding:20px!important;!i;!;background:#E9F6FC;color:#000;border-radius:5px;}
#shop-sidebar h3{text-transform:uppercase;color:var(--color);font-weight:800;font-size:25px;position:relative;padding-bottom:10px;margin-bottom:20px;}
#shop-sidebar h3:before{content:'';position:absolute;left:0;border-bottom:3px solid var(--color);width:50px;bottom:0;}
.product-category{list-style:none}
.product-category li{margin-left:0!important;margin-bottom:15px}
.product-category li a{display:block;text-transform:uppercase;font-weight:600;color:black;font-size:16px;}
.product-category li a:hover{color:var(--color);cursor:pointer;}
.product-category li a.active{border-left:3px solid var(--color);padding-left:10px;color:var(--color)}
.products{display:grid!important;grid-template-columns:repeat(3,1fr);grid-gap:20px;}
.tagged_as,.sku_wrapper{display:none!important;}
.form-popup h3{color:black;text-align:center;font-size:30px;margin-bottom:5px;text-transform:capitalize;}
.form-popup .slogan{text-align:center;color:black;font-size:13px;margin-bottom:30px;}

/* form */
.content-form h3{color:#fff;font-size:42px;line-height:55px;font-weight:600;margin-bottom:30px;}
.content-form p{font-size:16px;color:#fff;font-weight:300;}
.block-category-product{min-height:50vh}
.grid-category{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;}

/* footer */
.widget_price_filter{display:none!important}
.logo-footer{width:190px!important;}
.content-footer{color:#fff;font-size:14px}
.content-footer h3{font-size:16px;font-weight:600;color:#fff;text-transform:uppercase;margin-bottom:15px;}
.content-footer p{color:#fffaf4eb;font-size:16px;font-weight:300;font-family:'David Libre'!important;margin-bottom: 3px;}
.content-footer ul{list-style:none}
.content-footer ul li{margin-bottom:0;margin-left:0}
.content-footer ul li a{display:block;transition:0.3s;position:relative;font-size:13px;color:#fff;margin-bottom:13px;}
.content-footer ul li a:hover{transform:translateX(5px);cursor:pointer;}
.footer{padding:0;}
.footer-1{border:none!important;background:#fff0!important}
.f-right strong{display:block;margin-bottom:5px}
.section-map{position:relative;height:600px;}
.section-map .section-content{height:100%}
.section-map iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.info-apex{margin-bottom:20px}
.info-apex:nth-child(2){padding-left:60px;background:url('assets/images/phone-call.png')left center no-repeat}
.info-apex:nth-child(3){padding-left:60px;background:url('assets/images/email.png')left center no-repeat;margin-bottom:0;}
.info-apex:nth-child(1){padding-left:60px;background:url('assets/images/location.png')left center no-repeat}
.name-col{font-size:26px!important;text-transform:uppercase;font-weight:600;color:#fff}
.col-footer-2{margin-top:20px;border-right:2px solid #ffffff61;}
.title-social{}
.title-social > .col-inner{display:flex;justify-content:flex-start;align-items:center;}
.title-social .col-inner .row{}
.title-social h3{text-transform:uppercase;font-size:18px;font-weight:300;color:#fff;margin-bottom:0;display:contents;}
.flex-social .col-inner{display:flex;justify-content:flex-start;align-items:center;grid-gap:12px}
.flex-social .col-inner .img{margin-bottom:0;width:32px!important;transition:0.3s;}
.flex-social .col-inner .img:hover{transform:translateY(-3px);cursor:pointer;}
#block-9,.absolute-footer{display:none;}
.footer-widgets .large-columns-1{max-width:100%}
.footer-widgets .large-columns-1 .block_widget{padding:0;margin-bottom:0}
.attrical-footer{padding:50px 0px 150px 0px!important;}
.attrical-footer .section-content{max-width:1640px;width:100%;margin:0 auto;padding:0px 15px;}
.colum-footer-3{padding-left:80px;}
.info-apex{margin-bottom:30px}
.info-apex strong{font-weight:600;font-size:16px;display:block;margin-bottom:3px;}
.info-apex p{font-size:12px;}
.social-footer .col-inner{display:flex;justify-content:flex-end;align-items:center;grid-gap:21px;}
.social-footer .col-inner .img{width:24px!important;margin-bottom:0;transition:0.3s}
.social-footer .col-inner .img:nth-child(3){width:36px!important}
.social-footer .col-inner .img:hover{cursor:pointer;transform:translateY(-3px);}
.title-form h3{font-size:16px;font-weight:700;color:#0076FE;margin-bottom:20px;}
.title-form .wpcf7-form{margin-bottom:0;}
.title-form .wpcf7-form .flex-form{display:flex;justify-content:flex-start;align-items:center;position:relative;margin-bottom:0;grid-gap:10px;}
.btn-form input,.form-control input{margin:0;height:45px;}
.form-control input{border:1px solid #0076fe;border-radius:5px;font-size:14px;font-weight:400;text-indent:15px;padding:0;height:45px;background:#fff0!important}
.form-control input:hover,.form-control input:focus{box-shadow:0 0 5px #0076fe;}
.title-form .wpcf7-form .wpcf7-spinner{position:absolute;top:9px;}
.form-control input::-webkit-input-placeholder{color:#fff;opacity:0.8;font-weight:300}
.form-control input:-moz-placeholder{color:#fff;opacity:0.8;font-weight:300}
.form-control input::-moz-placeholder{color:#fff;opacity:0.8;font-weight:300}
.form-control input:-ms-input-placeholder{color:#fff;opacity:0.8;font-weight:300}
.btn-form input{border-radius:5px;background:#0076fe!important;font-weight:600;color:#fff;text-transform:capitalize;}
.aligh-items-end{align-items:flex-end;}
.attrical-footer .section-content .social-footer.medium-5{padding-right:0px!important;margin-bottom:10px;}
.footer-top{padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid #ffffff26;}
.footer-top .col{padding:0}
.copy-right{margin-top:70px}
.copy-right p{font-size:12px;color:#fff;opacity:0.7;font-weight:300;margin-bottom:0;}
.footer-bottom{border-top:1px solid #ffffff29;padding:13px 0px!important;}
.attrical-footer .footer-right{padding-left:50px!important}
.back-to-top{background-image:linear-gradient(to right,#016ae9,#011440)!important;border:none!important;border-radius:5px!important}
.back-to-top.active{border-radius:5px!important}
.wpcf7-spinner::before{display:none;}
.wpcf7 form.invalid .wpcf7-response-output{background:#ffb900;font-size:14px}
.icon-f{flex:0.5}
.product-short-description p{margin-bottom:5px;}
.f-right{flex:7}
.f-right strong{font-family:'SVN-Poppins'!important;font-weight:600;font-size:14px;color:#fff}
.button-popup{max-width:200px;padding:9px;text-transform:capitalize;font-weight:600;font-size:16px;background:var(--color);text-align:center;color:#fff;border-radius:5px;transition:0.3s;margin:0 auto;margin-top:10px;display:inline-block;width:100%;}
.button-popup:hover{background:#002556;cursor:pointer;color:#fff!important;}
.colum-footer-1{padding-right:70px;}
.copyright p{margin-bottom:0;color:#00618B;font-size:13px;font-weight:600;}
.section-copyright .row{margin:0 auto!important;}
.flex-email{display:flex;justify-content:flex-start;align-items:center;font-size:18px;text-transform:uppercase;gap:15px;margin-right:60px;}
.flex-all .col-inner{display:flex;justify-content:flex-start;align-items:center;gap:20px;}
.btn-uxblock-1{margin:0!important;white-space:nowrap;display:inline-block;position:relative;padding:2px 38px 2px 26px;border:4px solid #fff0;text-transform:uppercase;font-size:16px;color:#000;background:var(--color);transition:0.3s;border-radius:31px;font-weight:500;}
.btn-uxblock-1:before{content:'';position:absolute;right:12px;top:14px;width:13px;height:15px;background:url(assets/images/nut.png) center no-repeat;}
.btn-uxblock-1:hover{color:#000;box-shadow:none!important;border-color:#83d6ce}
.btn-uxblock-2{margin:0!important;white-space:nowrap;display:inline-block;padding:2px 26px;border:4px solid #fff0;text-transform:uppercase;font-size:16px;color:#000;background:#ffa6ae;transition:0.3s;border-radius:31px;font-weight:500;}
.btn-uxblock-2:hover{color:#000;box-shadow:none!important;border-color:#ffccd0}
.mx-auto{margin:0 auto!important}
.logo-bottom{width:230px!important}
.menu-footer .menu-lading{justify-content:flex-end;}
.section-bottom{padding-top:0px!important}
.section-bottom:before{content:'';position:absolute;left:0;bottom:100%;height:136px;z-index:10;background:url('assets/images/songluon.png')top center/cover no-repeat;width:100%;}

/* tool animate*/
.tool-animate{position:fixed;bottom:3%;z-index:99;right:25px;display:flex;justify-content:flex-end;align-items:flex-end;flex-wrap:wrap;flex-direction:column;}
.tool-animate a{width:50px;display:block;margin-bottom:10px}
.tool-animate a.icon-tool-text{width:134px;background:#ffa6ae;font-size:16px;font-weight:500;text-transform:uppercase;text-align:center;padding:12px 2px;color:black;border-radius:40px;transition:0.3s;}
.tool-animate a.icon-tool-text:hover{background:var(--color);color:#fff;cursor:pointer;}

/* css form */
.item-form label{font-size:14px;color:#232536;font-weight:600;}
.item-form textarea{min-height:140px!important;margin-top:5px;padding:14px!important;text-indent:0!important;}
.item-form input,.item-form textarea,.item-form select{text-indent:15px;border:1px solid #00000075;box-shadow:none!important;padding:0;height:40px;font-size:14px;border-radius:10px;}
.item-form input::-webkit-input-placeholder{color:#ccc;font-weight:400}
.item-form input:-moz-placeholder{color:#ccc;font-weight:400}
.item-form input::-moz-placeholder{color:#ccc;font-weight:400}
.item-form input:-ms-input-placeholder{color:#ccc;font-weight:400}
.item-form textarea::-webkit-input-placeholder{color:#ccc;font-weight:400}
.item-form textarea:-moz-placeholder{color:#ccc;font-weight:400}
.item-form textarea::-moz-placeholder{color:#ccc;font-weight:400}
.item-form textarea:-ms-input-placeholder{color:#ccc;font-weight:400}
.item-form input:focus,.item-form textarea:focus{border-color:#002768;}
.wpcf7-form{width:100%;}
.item-form{padding-bottom:0;}
.wpcf7-submit{background:var(--color) url('assets/images/muiten.png')99px 18px no-repeat!important;min-width:132px;font-size:14px!important;font-weight:600!important;text-transform:capitalize!important;padding:7px 57px 7px 24px!important;border-radius:10px!important;!i;!;}
.box-map{height:480px;width:100%;position:relative;}
.box-map .col-inner{height:100%}
.box-map iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.section-contact{padding-right:0!important;padding-left:0!important;}
.page-404{background:url('assets/images/bg404.png')top center/cover no-repeat;height:calc(100vh - 100px);display:flex;justify-content:center;align-items:center;}
.page-404 #main{background:#fff0;}
.error-404{text-align:center;}
.error-404 .page-title{color:#fff;font-size:40px;font-weight:600;}
.error-404 .page-content{max-width:850px;margin:0 auto;}
.error-404 .page-content p{color:#fff;margin-bottom:30px;}
.back-to-home{background:var(--color);padding:12px 44px;color:#fff!important;font-size:21px;display:inline-block;transition:0.3s;margin-bottom:100px;}
.back-to-home:hover{background:var(--hover);}

/* detail */
.second-item .title-small{margin-bottom:10px!important}
.second-item  h3{font-size:18px!important}
.nav-pagination>li>span,.nav-pagination>li>a{border:2px solid #000;}
.nav-pagination>li>.current,.nav-pagination>li>span:hover,.nav-pagination>li>a:hover{border-color:var(--color);background-color:var(--color);font-weight:300;}
.cause{padding:30px;background:#bebebe29;border-radius:10px;}
.mfp-bg{opacity:1!important}
.mfp-bg:before{content:'';position:absolute;width:100%;height:100%}
.flickity-page-dots{z-index:10}
.slider .flickity-prev-next-button{opacity:1;transform:translate(0px);z-index:11}
.wpcf7 form .wpcf7-response-output{border-radius:0px;background:#e8f0fe;margin:0;font-size:14px;padding:14px 10px;}
.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450;background:#46b450;color:#fff;}
.wpcf7 form.invalid .wpcf7-response-output{background:var(--color);border-color:var(--color)!important;font-family:'SVN-Poppins'!important;font-size:13px;border-radius:10px;!i;!;}
.processing:before,.loading-spin.centered{display:none!important;}
.woocommerce-product-gallery__image{height:600px;}
.woocommerce-product-gallery__image a{display:block;height:100%}
.woocommerce-product-gallery__image a img{width:100%;height:100%;object-fit:cover}
.flickity-slider .col{height:120px;}
.flickity-slider .col a{display:block;height:100%}
.flickity-slider .col a img{width:100%;height:100%;object-fit:cover}
.product-thumbnails a:hover img,.product-thumbnails .is-nav-selected a img{transform:unset!important}
.product-thumbnails a:hover,.product-thumbnails .is-nav-selected a{border-color:var(--color);}
.attribute-button{border:1px solid var(--color);border-radius:5px;color:#000;font-weight:500;margin-right:0px;margin-bottom:0;}
.attribute-button.active{background:var(--color);color:#fff;}

/* css custom menu mobile */
.toggle i{color:#fff}
.mfp-bg{background:#0b0b0b9c}
.off-canvas-right .mfp-content,.off-canvas-left .mfp-content{width:100%;transition:transform 0.8s}
.mmenu-css{left:0;top:0;bottom:0;width:80%;z-index:999999;position:fixed;overflow:hidden auto;padding:1.2rem 1.4rem;background:var(--color);transform:translateX(-100%);transition:cubic-bezier(0.77,0,0.175,1) 0.4s;transition-delay:0.2s;background-size:100% auto;visibility:hidden;}
.mmenu-css.is-active{transform:translateX(0);visibility:visible;}
.mmenu-css .header-logo{filter:brightness(0) invert(1);}
.header-logo a{display:block;width:8.9rem;user-select:none;transition:width 0.4s,height 0.4s;}
.header-logo a img{display:block;}
.mmenu-css .menu-close{top:1.8rem;right:2.4rem;position:absolute;z-index:1000;}
.header .menu{column-gap:0;padding:4rem 0;align-items:baseline;flex-direction:column;}
.overlay{position:fixed;inset:0;width:100%;height:100%;background:#fff0!important;z-index:999998;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-100%);transition:cubic-bezier(0.77,0,0.175,1) 1s;visibility:hidden;}
.overlay.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);}
.sidebar-menu .menu-item{flex-wrap:wrap;position:relative;text-transform:capitalize;display:flex;align-items:center;}
.sidebar-menu .menu-item > a{color:white;padding:0.8rem 1.2rem;font-weight:900;font-size:16px;flex-grow:unset;padding-left:0px;}
.sidebar-menu .toggle{width:20px;}
.sidebar-menu .nav>li>a:hover,.sidebar-menu .nav>li.active>a,.sidebar-menu .nav>li.current>a,.sidebar-menu .nav>li>a.active,.sidebar-menu .nav>li>a.current,.sidebar-menu .nav-dropdown li.active>a,.sidebar-menu .nav-column li.active>a,.sidebar-menu .nav-dropdown>li>a:hover,.sidebar-menu .nav-column li>a:hover{color:#fff}
.sidebar-menu .nav-sidebar.nav-vertical>li.menu-item.active,.sidebar-menu .nav-sidebar.nav-vertical>li.menu-item:hover{background:none}
.sidebar-menu .children{padding-left:0px!important}
.sidebar-menu .children{padding-bottom:0px!important;position:unset!important;display:none;opacity:1;transition:unset;transform:unset;left:unset;}
.sidebar-menu .children .menu-item a{padding:0.4rem 1.2rem;font-size:16px;font-weight:400;text-transform:uppercase;color:#fff!important}
.sidebar-menu .header-search-form-wrapper{border:1px solid #fff;margin:0 20px;margin-top:20px;}
.sidebar-menu .header-search-form-wrapper .ux-search-box input{border-radius:0px}
.sidebar-menu .header-search-form-wrapper .button.icon{}
.nav-sidebar.nav-vertical>li+li{border-top:1px solid #ececec6b;}
.regular-price .woocommerce-Price-amount{text-decoration:line-through;font-size:17px!important;color:#000!important;padding-left:10px}

/* css form boking */
.row-margin{margin:0 -15px!important;}
.row-margin .col{padding-bottom:20px}
.form-step h3{font-size:30px;color:var(--color);border-bottom:1px solid #ddd;margin-bottom:30px;font-weight:400;padding-bottom:10px;}
.group-booking{padding:30px;min-height:100vh}
.page-template-page-booking #header .header-wrapper{box-shadow:1px 1px 10px rgba(0,0,0,0.15);}
form{max-width:800px;margin:auto;}
input,select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;}
.phone-group{display:flex;gap:10px;}
.phone-group select{flex:1;}
.phone-group input{flex:2;}
.form-step button{padding:4px 20px;background-color:var(--color);color:#fff;border:none;border-radius:4px;cursor:pointer;}
.form-step button:hover{background-color:#0056b3;}
.form-step{display:none;}
.form-step.active{display:block;}
.inp input,.inp select{height:56px;border-radius:5px;box-shadow:none;border:1px solid #c4c4c4;text-indent:10px;font-weight:400;font-size:18px;color:#333;}
.inp textarea{height:120px;border-radius:5px;box-shadow:none;border:1px solid #c4c4c4;text-indent:10px;font-weight:400;font-size:18px;color:#333;}
.inp input:hover,.inp select:hover,.inp textarea:hover{border-color:#000}
.inp input:focus + .label,.inp select:focus + .label{color:var(--color);top:-12px;font-size:16px;background:#fff;}
.inp input:focus,.inp select:focus,.inp textarea:focus{border:2px solid var(--color);box-shadow:none!important}
.inp select:focus + .label{color:var(--color)!important;top:-12px;font-size:16px;background:#fff;}
.inp{position:relative;margin:auto;width:100%;border-radius:3px;}
.inp .label{position:absolute;top:13px;left:14px;font-size:18px;color:#333;font-weight:400;transform-origin:0 0;transform:translate3d(0,0,0);transition:all 0.2s ease;pointer-events:none;background:none;padding:0 9px;}
.inp input:not(:placeholder-shown) + .label,.inp select:not(:placeholder-shown) + .label{color:var(--color);top:-12px;font-size:16px;background:#fff;}
.inp select:not(:placeholder-shown) + .label{color:black}
.inp.no-validation .label,.inp.no-validation{color:#de0027!important}
.inp.no-validation input,.inp.no-validation select{border-color:#de0027}
.no-validation #phone{border-color:#de0027}
#back_button{background:#fff;color:var(--color);border:1px solid var(--color);}
#back_button:hover{background:#d6d8cf69!important;}
#bmi_value{color:var(--color)}
.form-step .unit{position:absolute;top:-15px;right:24px;background:#fff;padding:0px 6px;}
.gender-buttons{display:flex; /* Xếp các phần tử con ngang hàng */gap:10px; /* Khoảng cách giữa các nút */margin-bottom:35px;width:100px;}
.gender-buttons input[type="radio"]{display:none; /* Ẩn nút radio gốc */}
.gender-button{padding:7px 29px; /* Khoảng cách bên trong cho nt */border:1px solid var(--color); /* Đường viền cho nút */border-radius:5px; /* Bo tròn các góc */background-color:white; /* Màu nền */color:var(--color); /* Màu chữ */cursor:pointer; /* Con trỏ chuột khi di chuột qua */transition:background-color 0.3s,color 0.3s; /* Hiệu ứng chuyển đổi */text-transform:uppercase;}
.radio-container{display:flex; /* Sử dụng flexbox để sắp xếp các phần tử bên trong */align-items:center; /* Căn giữa theo chiều dọc */border:1px solid var(--color); /* Đường viền xung quanh */border-radius:5px; /* Bo tròn các góc */padding:17px 17px 11px 17px; /* Khoảng cách bên trong */margin:30px 0; /* Khoảng cch giữa các câu hỏi */box-shadow:0 2px 4px rgba(0,0,0,0.1); /* Đổ bóng nhẹ */transition:box-shadow 0.3s; /* Hiệu ứng chuyển động khi hover */font-weight:300;}
.radio-container:hover{cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.2); /* Tăng độ đổ bóng khi hover */}
.radio-container input[type="radio"]{appearance:none; /* Tắt kiểu mặc định ca nút radio */-webkit-appearance:none; /* Tắt kiểu mặc định trên Safari */width:20px; /* Kích thước nút radio */height:20px; /* Kích thước nút radio */border:2px solid var(--color); /* Đường viền cho nút radio */border-radius:50%; /* Hình tròn */position:relative; /* Để đặt vị trí cho biểu tượng check */margin-right:10px; /* Khoảng cch bên phải giữa nút radio và text */}
.radio-container input[type="radio"]:checked{background-color:var(--color); /* Mu nền khi được chọn */}
.radio-container input[type="radio"]:checked::after{content:''; /* Tạo biểu tượng check */position:absolute; /* Đặt vị trí tương đối */top:50%; /* Căn giữa theo chiều dọc */left:50%; /* Căn giữa theo chiều ngang */width:10px; /* Kích thước của biểu tượng check */height:10px; /* Kích thước của biểu tượng check */border-radius:50%; /* Hình tròn */background-color:white; /* Màu nền cho biu tượng check */transform:translate(-50%,-50%); /* Căn gia chính xác */}
.question-block h4{color:black;font-size:22px;font-weight:500;margin-bottom:20px;}
.radio-container label{font-size:18px;font-weight:400;width:calc(100% - 50px);}
.no-validation .radio-container{border-color:#de2143;}

/* Hiệu ứng khi hover và checked */
.gender-button:hover{background-color:#007BFF;color:white;}
.gender-buttons input[type="radio"]:checked + .gender-button{background-color:var(--color); /* Màu nền khi được chọn */color:white; /* Màu chữ khi được chọn */}
.form-step button:hover{background:#00938f!important}
.notice{font-size:22px;font-weight:500}
.radio-css{display:flex;align-items:center;border-radius:5px;transition:box-shadow 0.3s; /* Hiệu ứng chuyển động khi hover */font-weight:300;justify-content:center;margin:10px 0px;}
.radio-css input[type="radio"]{appearance:none; /* Tắt kiu mặc định của nút radio */-webkit-appearance:none; /* Tắt kiểu mặc định trên Safari */width:20px; /* Kích thước nút radio */height:20px; /* Kích thước nút radio */border:2px solid var(--color); /* Đường viền cho nút radio */border-radius:50%; /* Hình tròn */position:relative; /* ể đặt vị trí cho biểu tượng check */     /* Khoảng cách bên phải giữa nút radio và text */
margin:0!important;!i;!;}
.radio-css input[type="radio"]:checked{background-color:var(--color); /* Màu nền khi được chọn */}
.radio-css input[type="radio"]:checked::after{content:''; /* Tạo biu tượng check */position:absolute; /* Đặt vị trí tương đối */top:50%; /* Căn gia theo chiều dọc */left:50%; /* Căn giữa theo chiều ngang */width:10px; /* Kích thước của biểu tượng check */height:10px; /* Kích thước của biểu tượng check */border-radius:50%; /* Hình tròn */background-color:white; /* Màu nền cho biểu tượng check */transform:translate(-50%,-50%); /* Căn giữa chính xác */}
.radio-css label{font-size:18px;font-weight:400;}
#schedule-table{width:100%;border-collapse:collapse;}
#schedule-table th,#schedule-table td{border:1px solid #ddd;text-align:center;padding:10px;font-weight:600;color:black;font-size:16px;}
#schedule-table th{background-color:#EBEBEB;font-weight:bold;color:#000;font-size:15px;}
.checkbox-container{display:flex;justify-content:center;align-items:center;}

/* Popup styling */
.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px rgba(0,0,0,0.2);padding:20px;z-index:1000;display:none;max-width:300px;width:100%;border-radius:10px;text-align:center;}
.popup h2{margin:0 0 10px;}
.popup button{margin-top:10px;padding:5px 27px;border:none;background-color:var(--color);color:white;border-radius:32px;cursor:pointer;}
.popup button:hover{background-color:#FFA6AE;color:#000;}

/* Overlay styling */
.overlay-date{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;display:none;}
.table-responsive{height:600px;overflow-y:scroll;margin-bottom:40px;border-bottom:1px solid #EBEBEB;}
.table-responsive::-webkit-scrollbar{width:5px;height:5px;background:#ddd}
.table-responsive::-webkit-scrollbar-thumb{width:5px;height:5px;background:var(--color)}
.table-responsive::-webkit-scrollbar-thumb:hover{width:5px;height:5px;}
.table-responsive::-webkit-scrollbar-thumb:active{width:5px;height:5px;}
#schedule-table thead{position:sticky;top:0;z-index:10;}
.icon-tool-date{width:50px;height:50px;display:none!important;justify-content:center;align-items:center;background:#FFA6AE;border-radius:50%}
.icon-tool-date svg{animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;}

/* responsive */
@media only screen and (max-width:1440px){
	.featured-products .row,.section-content .row,.load-banner{margin:0 auto!important;}
	.section-cachsudung{padding-left:15px;padding-right:15px}
}
@media only screen and (max-width:1300px){
	.custom-menu ul li > a,.gtranslate_wrapper a{font-size:15px;}
}
@media only screen and (max-width:1260px){
	.section-top-slogan .medium-4 h3{font-size:60px}
}
@media only screen and (max-width:1200px){
	.grid-sub{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;}
	.content-about h3{white-space:nowrap;}
	.custom-menu > ul{grid-gap:30px;}
}
@media only screen and (max-width:1024px){
	.sidebar-menu .menu-lading{display:block;padding-top:40px}
	.sidebar-menu .menu-lading a{font-size:20px;color:#fff;margin-bottom:10px}
	.sidebar-menu .menu-lading a:hover{color:#fff!important}
	.section{overflow:hidden;}
	.footer .section{overflow:unset;}
	.section-bottom:before{height:90px;}
	.menu-footer{display:none;}
	.thumbs-banner{height:400px}
	.section-bottom .medium-3{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center;}
	.logo-bottom{margin:0 auto}
}
@media only screen and (max-width:900px){
	.content-step{padding:0px 0px}
	.footer-1 .row > .widget:nth-child(1),.footer-1 .row > .widget:nth-child(2),.footer-1 .row > .widget:nth-child(3),.footer-1 .row > .widget:nth-child(4){max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
}
@media only screen and (max-width:820px){
	.slider-main{height: 350px}
	.right-content{display: none !important}
	.slider-content h2{font-size: 24px}
}
@media only screen and (max-width:768px){
	.slider-nav{bottom: 10px}
	.slider-nav .slider-children span{font-size: 14px;}
	.attribute-group{display:block;}
	.attribute-button{margin-right:10px;}
	.product-banner{height:220px;}
	.rank-math-breadcrumb{text-align:center;}
	#main{overflow:hidden;}
	.flex-all .col-inner{display:flex;flex-wrap:wrap;}
	.flex-all{padding-left:0px}
	.colum-footer-1{padding-right:0px}
	.section-bottom:before{height:60px;}
	.attrical-footer{padding:50px 0px 100px 0px!important;}
	.icon-tool-text{display:none!important;}
	.icon-tool-date{display:flex!important}
}
@media only screen and (max-width:600px){
	.thumbs-banner{height:300px;}
	.content-text h3,.content-about h3{font-size:30px}
	.slider-content{display:block;}
	.left-content,.right-content{width:100%}
	.section-soluoc{padding-bottom:0px!important}
	.col-left{margin-bottom:20px}
	.col-left,.col-right{width:100%}
	.col-right{padding-left:0px}
	.gallery-slider1{display:block;}
	.section-cachsudung,.section-quytrinh{padding-top:0px!important}
	.content-about{padding-left:0px;margin-top:30px}
	.flex-step .col.medium-2:nth-child(even){margin-top:0px}
	.flex-step .col.medium-2{margin-bottom:10px;background:#8ededc3b;padding:20px;border-radius:20px;}
	.flex-step .col.medium-2:before{display:none!important;}
	.flex-step{padding-left:15px;padding-right:15px}
	.icon-date{width:60px!important}
	.accordion-title{padding:10px 40px 10px 0px;}
	.row-margin{margin:0 auto!important}
	.row-margin .col{padding:0;padding-bottom:15px}
	.table-responsive{height:400px;overflow-x:scroll;overflow-x:auto; /* Cho phép cuộn ngang */-webkit-overflow-scrolling:touch;/;}
	.group-booking{padding:20px}
	#schedule-table{width:800px;}
	.flickity-slider .col{height:90px;}
	.woocommerce-product-gallery__image{height:400px;}
	.product-info{margin-top:20px}
	.home #header{position: sticky;}
	.slider-main{height: unset;}
	
    .slider-main img{position: unset;}
    .slider-nav .slider-children span {
        font-size: 13px;
    }
    .bg-main-why h3{font-size: 22px}
    .bg-main-why p{font-size: 14px}
    .card-header h3{font-size: 18px}
    .product-price span.amount{font-size: 18px}
}
@media only screen and (max-width:510px){
	.slider-content h2{font-size: 18px}
	.slider-nav .slider-children span {
        font-size: 12px;
    }
    .slider-nav .icon-img{width: 25px;height: 25px;}
}
@media only screen and (max-width:430px){
}
@media only screen and (max-width:430px){

}
@media only screen and (max-width:375px){
}

.woocommerce-form-login .button {
	background: var(--color);
	border-radius: 4px;
}
.woocommerce-form-login__rememberme{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}
.woocommerce-form-login__rememberme input{
	width: auto;
	margin: 0;
}
td.passed-slot
{
	background-color: #dddddd5c !important;
	position: relative;
}
.radio-css input[type="radio"].passed-slot{
	cursor: not-allowed;
	opacity: 0.5;
	background-color: #ccc;
	border: 0 !important;
}
.my-account-header.page-title{
  display:none;
}
.tool-animate{
	display:none;
}