/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@font-face{font-family:'SVN-Poppins';src:url('assets/fonts/SVN-Poppins.woff2') format('woff2'),url('assets/fonts/SVN-Poppins.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Poppins';src:url('assets/fonts/SVN-PoppinsBlack.woff2') format('woff2'),url('assets/fonts/SVN-PoppinsBlack.woff') format('woff');font-weight:900;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Poppins';src:url('assets/fonts/SVN-PoppinsBold.woff2') format('woff2'),url('assets/fonts/SVN-PoppinsBold.woff') format('woff');font-weight:bold;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Poppins';src:url('assets/fonts/SVN-PoppinsMedium.woff2') format('woff2'),url('assets/fonts/SVN-PoppinsMedium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Poppins';src:url('assets/fonts/SVN-PoppinsSemiBold.woff2') format('woff2'),url('assets/fonts/SVN-PoppinsSemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap;}
:root{--color:#83002a;--hover:#4fa0c2;}
body,a,h2,h3,h4,h1,p{}

/*************** ADD CUSTOM CSS HERE.   ***************/
html{background:#fff!important}
body{color:black;font-family:'SVN-Poppins'!important;font-size:16px;}
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:'SVN-Poppins'!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;}
.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}
.logo-white{display:block;padding:20px;text-align:center;}
.logo-white img{width:160px;display:inline-block;}
.rank-math-breadcrumb{color:#fff;}
.rank-math-breadcrumb a{color:#fff}
.otgs-development-site-front-end{display:none!important}
.group-about{position:relative;z-index:10}
.content-popup{margin:0 -15px;}
.content-popup tr td{color:#fff}
.content-popup img{border-radius:15px}
.slick-bottom-mobile {
  visibility: hidden;
}
.slick-bottom-mobile.slick-initialized {
  visibility: visible;
}
.lang-wpml{    padding: 10px 20px;
    background: #FCF3E6;}
    .lang-wpml .custom-lang-switcher{justify-content: center;}
/* menu */
.custom-menu{gap:20px}
#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}
.custom-menu li a{font-size:16px;text-transform:capitalize;font-weight:500!important;font-family:'SVN-Poppins';}
.custom-menu li a:hover{cursor:pointer;}
.custom-menu{gap:30px;}
.header-search a{padding:0;width:48px;height:48px;border:1px solid #ddd;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.custom-lang-switcher{display:flex;align-items:center;gap:10px;}
.custom-lang-switcher .lang-flag{display:inline-block;border:2px solid #fff;border-radius:4px;overflow:hidden;transition:border-color 0.3s;}
.custom-lang-switcher .lang-flag img{display:block;width:30px;height:18px;}
.custom-lang-switcher .lang-flag.active{border-color:var(--color);padding:2px;border-width:1px;}
.header-search{margin:0px 25px!important}
.header-search:before,.header-search:after{display:none!important;}
.header-search ul{right:0!important;left:unset!important;}
.menu-lang-en .vi{display:none;}
.menu-lang-vi .en{display:none;}

/* Menu Lading */
.menu-lading{display:flex;justify-content:center;align-items:center;grid-gap:42px;}
.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;}
}
.name-shina,.bold-shina,.content-shina,.btn-custom1{opacity:0;visibility:hidden;}

/* FadeInUp */
@keyframes fadeInUp{
  0%{opacity:0;transform:translateY(60px);}
  100%{opacity:1;transform:translateY(0);}
}
.fade-in-up{animation:fadeInUp 0.8s ease forwards;visibility:visible!important;}
.header-inner{max-width:100%!important;padding:0px 3%}
.pc{display: block;}
.mb{display: none !important;}
/* Cusor pointer */

/* MARK: CURSOR MOUSE GRAP */
body{position:relative;}
.cursor-outline,.cursor-dot{opacity:0;}
.cursor-outline{border-radius:50px;position:fixed;width:35px;height:35px;pointer-events:none;z-index:9999999;background:var(--color);}
.cursor-outline,.cursor-dot{top:50%;left:10%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);}

/* Section 1 */
.section-one .row{max-width:100%}
.section-one .row .large-12{padding:0px 3%}
.section-one{position:relative;padding:40px 0px 90px 0px!important}
.section-one:before{content:'';position:absolute;left:0;bottom:0px;height:198px;width:100%;background:#fcf3e6}
.block-shina{display:flex;justify-content:space-between;align-items:flex-start;grid-gap:50px}
.colum-4{width:40%;margin-top:20px;}
.colum-6{width:60%;}
.group-img-shina{display:grid;flex:1;}
.img-item{border-radius:4px;overflow:hidden;grid-area:1 / -1;visibility:hidden;transform:none;transform-origin:unset;transition:5s cubic-bezier(.25,1,.25,1);opacity:0;}
.img-item.active{transform:none;visibility:visible;opacity:1;}
.list-item .name-shina{font-size:48px;font-weight:600;color:black;margin-bottom:0;}
.list-item .bold-shina{font-size:20px;color:var(--color);font-weight:600;margin-bottom:10px;display:block;}
.list-item .content-shina{font-weight:400;font-size:16px;margin-bottom:30px;}
.btn-custom{background:var(--color);display:inline-block;padding:11px 43px 11px 25px;font-weight:600;color:#fff;position:relative;border-radius:5px;min-width:147px;text-align:center;font-size:16px;line-height:unset;transition:0.3s;}
.btn-custom:before{content:'';position:absolute;right:18px;top:51%;transform:translateY(-50%);background:url('assets/images/svg.svg')center no-repeat;width:30px;height:30px;}
.btn-custom:hover{background:#33aa4f;color:#fff;cursor:pointer;}
.slick-top{margin-bottom:120px}
.slick-bottom{margin:0px -10px;}
.img-slick{padding:0px 10px;}
.thumbnail-shina{border-radius:5px;overflow:hidden;cursor:pointer;}
.thumbnail-shina img{border-radius:4px;transition:0.5s}
.thumbnail-shina:hover img{transform:scale(1.1);}
.relative{position:relative;}
.prev-slick,.next-slick{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:2px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#fff;transition:0.3s;margin-bottom:0;cursor:pointer;}
.prev-slick{left:-20px}
.next-slick{right:-20px;}
.prev-slick:hover,.next-slick:hover{background:var(--color);cursor:pointer;}
.prev-slick:hover svg path,.next-slick:hover svg path{stroke:#fff;}
.next-about{position:absolute;right:33%;top:50%;transform:translateY(-50%);width:60px;height:40px;border:2px solid #fff;border-radius:69px;transition:0.3s;}
.next-about img{width:100%;height:100%;object-fit:cover;/* transform: scale(1.02); */}
.next-about:hover{border-color:#e09552;cursor:pointer;}

/* Section 2 */
.section-about .row.align-middle{max-width:1440px!important}
.text-about h3{font-size:40px;font-weight:600;color:black;margin-bottom:15px;}
.text-about p{color:#3D3D3D}
.style-ul ul{padding-left:0;list-style:none;border-right:1px solid #ddd;}
.style-ul ul li{background:url('assets/images/li.svg')left center no-repeat;padding-left:30px;margin:0;margin-bottom:13px;}
.box-hotline .col-inner{background:url('assets/images/hotline.png')left top no-repeat;padding-top:49px;padding-left:0px;}
.box-hotline p{margin-bottom:0;}
.box-hotline h3 a{color:black;transition:0.3s;margin-bottom:0;font-size:22px;}
.box-hotline h3 a:hover{color:var(--color)}
.btn-video{width:48px;height:48px;line-height:unset;border:2px solid var(--color);border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;}
.btn-video i{color:#e09552;margin-left:0!important;top:unset;font-size:20px;transition:0.3s;}
.btn-video:hover i{color:#fff}
.btn-video:hover{background:var(--color)}
.flex-tool .col-inner{display:flex;justify-content:flex-start;align-items:center;gap:10px;}
.load-banner{}
.video-icon{position:absolute;top:35px;left:-50px;width:100px;height:100px;background:#e09552;border-radius:50%;z-index:10;border:5px solid #fff;transition:0.3s}
.video-icon::before{content:"";position:absolute;left:53%;top:50%;width:23px;height:26px;background:white;clip-path:polygon(0 0,100% 50%,0 100%);transform:translateX(-50%) translateY(-50%);transition:0.3s;}
.video-icon:hover{background:var(--color)}
.video-icon:hover:before{}
.custom-coverflow{overflow:visible;position:relative;}
.custom-coverflow .swiper-wrapper{overflow:visible;}
.custom-coverflow{width:100%;padding:60px 0;transform:translateX(-110px);}
.custom-coverflow .swiper-slide{width:150px; /* slide mặc định nhỏ */opacity:0;pointer-events:none;transform:scale(0.9);transition:all 0.3s ease;/* margin-right:-40px; */}
.custom-coverflow .swiper-slide.swiper-slide-active{width:400px; /* slide chính lớn hơn */opacity:1;pointer-events:auto;transform:scale(1);z-index:3;}
.thumbs-banner{border:3px solid #fff;border-radius:3px;box-shadow:4px 2px 10px 0px #00000036}
.custom-coverflow .swiper-slide.swiper-slide-next,.custom-coverflow .swiper-slide.swiper-slide-next + .swiper-slide{opacity:1;pointer-events:auto;transform:scale(1);z-index:2;}
.section-about .medium-5{padding-right:0px}
.section-about .medium-5 .col-inner > .row{width:100%;}
.slick-customer .slick-dots li.slick-active button{background:var(--color)}

/* section 3 */
.load-service{position:relative;}
.section-service{position:relative;padding-bottom:100px!important}
.section-service .text-about h3{margin-bottom:10px;}
.section-service .text-about p{max-width:700px;width:100%;margin:0 auto;}
.section-service:before{content:'';position:absolute;left:0;bottom:0;height:30%;background:#fcf3e6;width:100%;}
.thumbs-service{border-radius:5px;box-shadow:1px 0px 15px 0px #00000026;position:relative;overflow:hidden;}
.thumbs-service .thumb-overlay{position:absolute;left:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(#fff0,#000000ed);display:flex;justify-content:flex-end;align-items:end;}
.thumbs-service h3{text-align:center;padding:30px;color:#fff;font-size:22px;font-weight:500;transition:0.3s}
.swiper-service .swiper-slide .thumbs-service:before{content:'';z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;background:#0000008f;opacity:1;transition:0.3s;z-index:1;}
.swiper-service .swiper-slide .thumbs-service .thumb-overlay h3{opacity:0;}
.swiper-service .swiper-slide-active .thumbs-service:before{opacity:0}
.swiper-service .swiper-slide-active .thumbs-service .thumb-overlay h3{opacity:1}
.prev-service,.next-service{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:2px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#fff;transition:0.3s}
.prev-service{left:12%;}
.next-service{right:12%;}
.prev-service:hover,.next-service:hover{background:var(--color);cursor:pointer;}
.prev-service:hover svg path,.next-service:hover svg path{stroke:#fff;}
.thumbs-service:hover .thumb-overlay h3{font-size:28px}
.box-product div{border-radius:5px;overflow:hidden;}
.box-product img{transition:0.5s}
.box-product:hover img{transform:scale(1.1);}
.section-product .row.align-middle{max-width:1440px;width:100%;margin:0 auto;}

/* Product Detail */
#yith-quick-view-modal .yith-wcqv-wrapper{max-width:1000px;width:100%}
.summary.entry-summary{padding:30px 0px 0px 0px!important;color:#fff;}
.summary.entry-summary .summary-content h2,.summary.entry-summary .summary-content h3,.summary.entry-summary .summary-content h4{color:#fff}
#yith-quick-view-content div.images a img{border-radius:20px!important}
.yith-wcqv-head{top:30px;right:30px;}
#yith-quick-view-content{border-radius:20px;}
#yith-quick-view-modal .yith-wcqv-main{background:#83002a!important;padding:25px;}
#yith-quick-view-modal.open,#yith-quick-view-modal.open .yith-wcqv-wrapper{overflow:auto}
.yith-quick-view.yith-modal .yith-quick-view-overlay{height:100vw}
.summary-content .is-divider{display:none!important}
.product-title,.price-wrapper{display:none!important}
.yith-wcqv-wrapper{top:30px!important;left:50%!important;transform:translateX(-50%);}
#yith-quick-view-content div.summary{max-height:unset!important}
#yith-quick-view-content div.images{height:550px!important}
#yith-quick-view-content div.images a img{width:100%;height:100%;object-fit:cover}
.yith-wcqv-wrapper{height:unset!important}
.single_variation_wrap,.variations,.badge-container,.product_meta{display:none!important}
.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ộ chiều 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-weight:400!important;font-size:16px;}
.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}
.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}

/* Section 5 */
.item-timeline{margin:90px 0px;}
.timeline-nav{position:relative;padding:20px 0;}
.timeline-nav::before{content:"";position:absolute;top:calc(50% - 1px);left:0;width:100%;height:2px;background:var(--color);z-index:-1;}
.timeline-nav div{font-size:20px;font-weight:bold;color:#999;position:relative;cursor:pointer;text-align:center;}
.item-timeline:nth-child(odd){transform:translateY(-90px);}
.item-timeline:nth-child(even){transform:translateY(90px);}
.item-timeline .number{position:relative;}
.item-timeline:nth-child(odd)::before{top:99px;}
.timeline-nav .item-timeline::after{content:"";width:28px;height:28px;background:#e09552;border-radius:50%;position:absolute;left:50%;top:92px;opacity:0;transform:translateX(-50%);animation:pulse-circle 2s infinite ease-in-out;}
.timeline-nav .item-timeline::before{content:"";width:13px;height:13px;background:var(--color);border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);z-index:1;}
.item-timeline:nth-child(odd) .number:before{content:'';position:absolute;width:10px;height:10px;background:#888888;border-radius:30px;left:50%;transform:translateX(-50%);top:30px;}
.item-timeline:nth-child(even)::before{top:-81px;}
.item-timeline:nth-child(even) .number:before{content:'';position:absolute;width:10px;height:10px;background:#888888;border-radius:30px;left:50%;transform:translateX(-50%);bottom:30px;}
.item-timeline:nth-child(even) .number:after{content:'';position:absolute;bottom:13px;left:50%;transform:translateY(-50%);border-left:1px dashed #888888;height:54px;}
.timeline-content{border:1px solid var(--color);padding:20px;border-radius:7px;max-width:850px;width:100%;margin:0 auto;}
.flex-content{display:flex;justify-content:space-between;align-items:center;}
.timeline-content .content img{width:300px!important;height:200px!important;border-radius:5px;object-fit:cover}
.timeline-content .content .content-history{width:calc(100% - 300px);margin-top:10px;font-size:16px;color:#444;text-align:left;padding-left:30px;}
.timeline-content .content .content-history strong{margin-bottom:10px;display:block;}
.timeline-content .content .content-history ul li{margin-bottom:5px}
.section-history{position:relative;}
.section-history:before{content:'';position:absolute;width:100%;top:40px;left:0;height:100%;background:url('assets/images/bg-history.png')center no-repeat;z-index:1}
.item-timeline:nth-child(odd) .number:after{content:'';position:absolute;top:68px;left:50%;transform:translateY(-50%);border-left:1px dashed #888888;height:54px;}
.item-timeline:nth-child(even) .number:after{content:'';position:absolute;bottom:13px;left:50%;transform:translateY(-50%);border-left:1px dashed #888888;height:54px;}
.timeline-nav .item-timeline.slick-current::after{opacity:1;}
.timeline-nav .item-timeline.slick-current::before{width:16px;height:16px;top:98px;}
.item-timeline:nth-child(even).slick-current:after{top:-89px;}
.item-timeline:nth-child(even).slick-current:before{top:-83px!important;}
.timeline-nav .item-timeline.slick-current .number{color:var(--color)}
.timeline-nav .item-timeline.slick-current .number:before{background:var(--color)}
.timeline-nav .item-timeline.slick-current .number:after{border-color:var(--color)}
.timeline-prev,.timeline-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:2px solid var(--color);border-radius:50%;display:flex;justify-content:center;align-items:center;background:#fff;transition:0.3s;}
.timeline-prev{left:0}
.timeline-next{right:0}
.timeline-prev:hover,.timeline-next:hover{background:var(--color);cursor:pointer;}
.timeline-prev:hover svg path,.timeline-next:hover svg path{stroke:#fff;}

/* 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}

/* form */
.wpcf7-form{}
.wpcf7-form label{font-weight:500;color:white;display:block;font-size:16px;}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 select,.wpcf7 textarea{width:100%;padding:10px 15px;border:none;border-radius:5px;background:#fff;font-size:15px;height:48px;margin-bottom:10px;margin-top:5px;color:#000;font-weight:400;}
.wpcf7 select{appearance:none;background-image:url("assets/images/icon.png");background-repeat:no-repeat;background-position:right 0.7em top 50%;  /* background-size: 19px 10px; */margin-bottom:16px;}
.wpcf7 textarea{min-height:120px;resize:vertical;}
.btn-form{width:160px;position:relative;}
.btn-form p{position:relative}
.btn-form p:before{content:'';position:absolute;right:19%;top:10px;background:url('assets/images/ar.png')center no-repeat;width:30px;height:30px;z-index:21;display:block;}
.wpcf7 input[type="submit"]{background:white!important;color:#800000; /* màu nền form */padding:2px 50px 2px 25px!important;border:none;border-radius:5px!important;font-weight:bold;cursor:pointer;transition:0.3s;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:16px!important;height:48px;width:100%;}
.wpcf7 input[type="submit"]:hover{background:#f0f0f0;}
.text-about.text-white h3{color:#fff}
.form-w{max-width:540px;width:100%;margin:0 auto;}
.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
.wpcf7 input::-webkit-input-placeholder{color:#000;}
.wpcf7 input:-moz-placeholder{color:#000;}
.wpcf7 input::-moz-placeholder{color:#000;}
.wpcf7 input:-ms-input-placeholder{color:#000;}
.section-form{position:relative}
.section-form:before{content:'';position:absolute;right:0;top:0;width:50%;height:100%;background:url('assets/images/bg-form.png')center no-repeat;}

/* section end */
.contact-box{}
.contact-item{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;padding:15px;margin-bottom:19px;padding-left:22px;}
.contact-item .icon{background-color:#f5f5f5;color:#f37335;font-size:20px;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:20px;margin-top:3px;}
.contact-item .content{font-size:16px;line-height:1.6;width:calc(100% - 68px);text-align:left;display:block;}
.contact-item:nth-child(1) .icon{background:url('assets/images/icon1.png')center no-repeat;}
.contact-item:nth-child(2) .icon{background:url('assets/images/icon2.png')center no-repeat;}
.contact-item:nth-child(3) .icon{background:url('assets/images/icon3.png')center no-repeat;}
.contact-item a{display:flex!important;width:100%!important;justify-content:flex-start;align-items:center;color:black;transition:0.3s}
.contact-item a:hover{color:var(--color);cursor:pointer;}
.contact-item p{margin-bottom:0px!important}

/* Map Ping */
.map-wrapper{position:relative;}
.map-wrapper img{width:100%;height:auto;display:block;}
.location{position:absolute;transform:translate(-50%,-50%);text-align:center;}
.dot{width:8px;height:8px;background-color:#8b0032;border-radius:50%;position:relative;z-index:2;}
.dot::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#8b0032;opacity:0.4;transform:translate(-50%,-50%) scale(1);animation:pulse 1.6s infinite ease-out;z-index:-1;}
@keyframes pulse{
  0%{transform:translate(-50%,-50%) scale(1);opacity:0.5;}
  100%{transform:translate(-50%,-50%) scale(3);opacity:0;}
}
.line{position:absolute;width:1px;background-color:#8b0032;transform-origin:top left;}
.content{display:flex;align-items:flex-start;margin-top:5px;gap:9px;}
.flag{width:48px!important;height:32px!important;object-fit:cover;margin:4px auto;}
.label{font-size:14px;color:#333;text-align:center;}

/* Responsive positioning + line setup */
.seoul{}
.seoul .line{height:60px;top:0;left:-40px;}
.guangzhou .line{height:50px;transform:rotate(180deg);top:0;left:-50px;}
.hcmc .line{}
.inner-location{position:relative;}

/* Responsive position + line customization */
.seoul{top:30%;right:-106px;}
.seoul .line{height:60px;top:0;left:-40px;}
.guangzhou{top:33%;left:63%;}
.guangzhou .line{height:65px;transform:rotate(180deg);top:123px;left:66px;}
.hcmc{top:81%;left:55%;}
.hcmc .line{height:56px;/* transform:rotate(180deg); */top:-13px;right:-60px;}
.hcmc .dot{position:absolute;right:-63px;top:-21px;}
.hcmc .line1{position:absolute;height:1px;background-color:#8b0032;width:88px;right:-59px;top:42px;}
.guangzhou .dot{position:absolute;right:-28px;bottom:-68px;}
.guangzhou .line1{position:absolute;height:1px;background-color:#8b0032;width:83px;right:-20px;bottom:-65px;}
.seoul .dot{position:absolute;left:-92px;top:39px;}
.seoul .line1{position:absolute;height:1px;background-color:#8b0032;width:103px;left:-84px;top:43px;}

/* 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;}
.infor-product h3{color:#000;font-size:22px;text-transform:capitalize;margin:10px 0px;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:16px;font-weight:400;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:38px;font-weight:700;text-align:center;margin-bottom:0px;text-transform:capitalize;margin-top:20px;}
.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;padding:0;margin-top:1px;color:#E09552;}
.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 */
.logo-footer{width:204px!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;}
.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:0px 0px 0px 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:13px;}
.social-footer .col-inner .img{width:32px!important;margin-bottom:0;transition:0.3s}
.social-footer .col-inner .img:nth-child(3){}
.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}
.col-footer:nth-child(2){padding-right:80px}
.text-footer h4{font-size:16px;font-weight:600;color:#E09552;margin-bottom:10px;}
.text-footer h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:10px;text-transform:uppercase;}
.text-footer p{font-size:15px;color:#fff;font-weight:300;margin-bottom:14px;}
.text-footer p strong{font-weight:700;}
#footer:before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:url('assets/images/bg-footer.png')center no-repeat;z-index:1}
.text-copyright p{color:#fff;margin-bottom:0;font-size:15px;}
.top-footer{padding:80px 0px 60px 0px;}
.bottom-footer{padding:19px 0px!important;border-top:1px solid #fff;max-width:1240px}
.bottom-footer .col{padding:0}
.bottom-footer .row{margin:0!important;}

/* 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;}
.header-search-form{border:1px solid #ddd}
.header-search-form .search-field{border:none}
.header-search-form .icon-search-box{margin-right:0px}
.header-search a{background:#fff}
.woocommerce-shop h4.uppercase,.woocommerce-shop .row-slider,.woocommerce-shop hr{display:none;}

/* 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;padding:0;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:25px;right:-12px;position:absolute;z-index:1000000;width:26px;height:26px;background:#fff;border-radius:50%;box-shadow:0px 0px 4px 0px #00000075;display:flex;justify-content:center;align-items:center;}
.menu-close-icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:6px;}
.nav-vertical{background:#fff;height:calc(100vh - 81px);padding:10px 20px;overflow-y:hidden;}
.header .menu{column-gap:0;padding:4rem 0;align-items:baseline;flex-direction:column;}
.overlay{position:fixed;inset:0;width:100%;height:100%;background:#0000009c!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 nút */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 cách 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 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 */margin-right:10px; /* Khoảng cách bên phải giữa nút radio và text */}
.radio-container input[type="radio"]:checked{background-color:var(--color); /* Màu 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 biểu tượng check */transform:translate(-50%,-50%); /* Căn giữa 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 kiểu 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 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 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;}
.flex-chat-tool{position:fixed;bottom:20px;right:30px;display:flex;justify-content:flex-end;align-items:center;gap:10px;z-index:999;}
.flex-chat-tool a.icon-phone{background:#33AA4F url('assets/images/phone.png')12px center no-repeat;padding:5px 20px 5px 40px;border-radius:9px;font-size:20px;font-weight:500;color:#fff;transition:0.3s;}
.flex-chat-tool a.icon-phone:before{display:none;}
.flex-chat-tool a.icon-zalo{font-size:20px;color:#fff;font-weight:500;background:#0F6DE4;padding:5px 10px;border-radius:8px;transition:0.3s;}
.flex-chat-tool a.icon-phone:hover{background:var(--color) url('assets/images/phone.png')12px center no-repeat;}
.map-respon{display:none!important;}

/* Quick view */
div#yith-quick-view-content div[id^="product"]{display:block!important}
.yith-quick-view-content.woocommerce div.product .product{height:unset!important}
#yith-quick-view-content div.images a{max-height:unset!important}
#yith-quick-view-content div.images,#yith-quick-view-content div.summary{width:100%!important}

/* Popup */
.popup-main{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000096;z-index:999;display:none;}
.popup-main.active{display:block;}
.innner-popup{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding:5% 0;overflow-y:scroll;}
.body-popup{max-width:1000px;width:100%;margin:0 auto;background:#6a0407;border-radius:15px;padding:40px;position:relative;}
.banner-popup{margin-bottom:20px;height:500px;}
.banner-popup img{border-radius:15px;width:100%;height:100%;object-fit:cover}
.clode-modal{position:absolute;right:-20px;top:-20px;background:#fff;width:40px;height:40px;transition:0.3s;display:flex;justify-content:center;align-items:center;font-size:20px;border-radius:50%;}
.content-popup{color:#fff;min-height:300px}
.content-popup p{font-size:16px;}
.content-popup h2,.content-popup h3,.content-popup h4,.content-popup h5{color:#fff;}
.clode-modal:hover{background:#3f0208;color:#fff;cursor:pointer;}
.menu-lading{display:none;}
html[lang='en-US'] .menu-lading.en{display:flex!important}
html[lang='vi-VN'] .menu-lading.vi{display:flex!important}
.content-shina{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:6}

/* responsive */
@media only screen and (max-width:1700px){
  .section.section-one{overflow:hidden;}
  .block-shina{align-items:stretch;}
  .colum-4{height:revert}
  .group-img-shina,.img-item,.img-item div{height:100%}
}
@media only screen and (max-width:1500px){
  .colum-4{width:45%}
  .colum-6{width:55%}
  .slick-top{margin-bottom:80px!important}
  .content-shina p{font-size:16px}
  .section-one:before{height:160px}
}
@media only screen and (max-width:1440px){
  .section-one:before{height:167px}
}
@media only screen and (max-width:1368px){
  .section-one:before{height:159px}
}
@media only screen and (max-width:1260px){
  .section-one:before{height:151px}
}
@media only screen and (max-width:1200px){
  .menu-lading{gap:20px;}
  .custom-menu li a{font-size:14px}
}
@media only screen and (max-width:1024px){
  .custom-menu{gap:0}
  .header-main li.html.custom{display: block !important}
  html[lang='en-US'] .menu-lading.en{display:block!important}
  html[lang='vi-VN'] .menu-lading.vi{display:block!important}
  .header-inner .html_topbar_left{display:none!important}
  .sidebar-menu .menu-lading{padding-top:0px}
  .sidebar-menu .menu-lading a{font-size:16px;text-transform:capitalize;color:#000;border-bottom:1px solid #ddd;padding:9px 0px;}
  .sidebar-menu .menu-lading a:hover{color:#83002a!important}
  .section{overflow:hidden;}
  .footer .section{overflow:unset;}
  .section-bottom:before{height:90px;}
  .menu-footer{display:none;}
  .thumbs-banner{}
  .section-bottom .medium-3{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;text-align:center;}
  .logo-bottom{margin:0 auto}
  .sidebar-menu{height:100%}
  .nav-vertical .html_topbar_left{display:block;}
  .sidebar-menu .menu-lading a{position:relative;padding-left:20px}
  .sidebar-menu .menu-lading a:before{content:"\f105";position:absolute;font-size:14px;left:0;top:50%;transform:translateY(-50%);font-family:"Font Awesome 6 Free";font-weight:900;}
}
@media only screen and (max-width:1000px){
  .mmenu-css{width:40%}
  .block-shina{gap:30px;}
  .slick-top{margin-bottom:20px!important;}
  .section-about .row.align-middle{display:block!important}
  .section-about .medium-5,.section-about .medium-7{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
  .list-item .name-shina{font-size:40px}
  .custom-menu .menu-lading{display:none;}
  .map-wrapper{display:none;}
  .map-respon{display:block!important;}
  .text-white{padding:30px!important}
  .section-form .medium-6{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
  .section-contact .medium-5,.section-contact .medium-7{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
  .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%;}
  .section-about .medium-5 .col-inner > .row{display:flex!important}
  .style-ul.medium-7,.box-hotline.medium-5{max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%;}
  .section-one:before{height:133px;}
  .block-product{padding-left:20px;}
}
@media only screen and (max-width:834px){
  .logo-footer{width:150px!important;}
  .section-form .text-about.medium-6{padding:40px 20px!important}
  .section-product{padding-bottom:0px!important}
  .content-popup table{max-width:-moz-fit-content;max-width:fit-content;margin:0 auto;overflow-x:auto;white-space:nowrap;display:block;border:none;height:unset!important}
}
@media only screen and (max-width:768px){
  .banner-popup{height:350px}
  .innner-popup{padding:10px}
  .clode-modal{top:10px;right:10px;}
  .body-popup{padding:20px;}
  .block-shina{display:block;}
  .colum-4{margin-top:0px;margin-bottom:20px}
  .colum-4,.colum-6{width:100%}
  .section-one{padding:15px 0px 30px 0px!important;background:#FCF3E6;}
  .list-item .name-shina,.text-about h3{font-size:38px;margin-bottom:10px}
  .list-item .bold-shina{font-size:18px}
  .list-item .content-shina{font-size:14px}
  .btn-custom{font-size:14px}
  .section-one:before{bottom:13px;}
  .next-slick{right:-15px}
  .prev-slick{left:-15px}
  .section-about .medium-5,.section-about .medium-7{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
  .section-about{padding:30px 0px!important}
  .text-about p,.style-ul ul li{font-size:14px}
  .style-ul ul{border:none}
  .load-banner{margin:0}
  .custom-coverflow{transform:unset;padding:20px 0px}
  .custom-coverflow .swiper-slide{}
  .video-icon{width:70px;height:70px;left:-35px;border:3px solid #fff;}
  .custom-coverflow .swiper-slide{opacity:0;transform:scale(1);}
  .custom-coverflow .swiper-slide .video-icon{opacity:0;}
  .custom-coverflow .swiper-slide-prev,.custom-coverflow .swiper-slide-next,.custom-coverflow .swiper-slide-active{opacity:1}
  .custom-coverflow .swiper-slide-active .video-icon{opacity:1}
  .next-about{right:12%;}
  .block-product{padding-left:15px!important}
  .section-service,.section-customer,.section-history,.section-contact,.section-product{padding:30px 0px!important}
  .load-service{padding:0px 15px}
  .top-footer{padding:60px 0px 40px 0px;}
  .top-footer .col{padding:0}
  .col-footer{margin-bottom:20px}
  .load-service{margin-top:30px}
  .slick-top{margin-top:0px}
  .style-ul.medium-7,.box-hotline.medium-5{max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%;}
  .prev-service{left:15%}
  .next-service{right:15%}
}
@media only screen and (max-width:600px){
  #logo{width: 200px !important}
  .custom-lang-switcher{gap:3px;}
  .custom-lang-switcher .lang-flag img{height: unset;}
  .mb{display: block !important;}
  .pc{display: none;}
  .mmenu-css{width:80%}
  .infor-product h3{margin-bottom:5px;line-height:unset;}
  .infor-product p.product-short{line-height:unset;margin-top:0px;font-size:13px}
  #wp-nt-aio-wrapper{right:28px!important;bottom:62px!important;z-index:9999}
  .flex-chat-tool a{font-size:14px!important}
  .attrical-footer{padding-bottom:120px!important}
  .wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 select,.wpcf7 textarea{height:40px}
  .thumbs-service h3{padding:15px;font-size:16px}
  .infor-product h3{font-size:18px;}
  .infor-product p{font-size:14px}
  .list-item .name-shina,.text-about h3{font-size:32px;margin-bottom:0px;}
  .text-about{padding-bottom:0px}
  .timeline-nav .draggable{padding:0px 20px!important}
  .flex-content{display:block;}
  .timeline-content{padding:20px}
  .timeline-content .content img{width:100%!important;border-radius:none!important}
  .content{margin-top:0;box-sizing:border-box;}
  .timeline-content .content .content-history{width:100%;padding-left:0;font-size:14px;}
  .text-white{padding:40px 20px!important}
  .wpcf7-form label{font-size:14px}
  .grid-form{grid-template-columns:repeat(1,1fr);gap:0}
  .contact-item .content{font-size:14px}
  .slick-bottom-mobile{margin-bottom: 20px}
  .fade-in-up{animation:fadeInUp 0.6s ease forwards;visibility:visible!important;}
  .prev-slick{left: -10px}
  .next-slick{right: -10px}
}
@media only screen and (max-width:510px){
  .banner-popup{height:250px;}
  .yith-wcqv-wrapper{transform:unset!important}
  .list-item .name-shina,.text-about h3{font-size:28px;}
  #yith-quick-view-content div.images{height:250px!important}
  .section-about .medium-5 .col-inner > .row{display:block!important;}
  .style-ul.medium-7,.box-hotline.medium-5{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
  .list-item .name-shina{font-size:35px}
  .list-item{text-align:center;}
  .list-item .bold-shina{font-size:17px}
  .list-item .content-shina{font-size:15px;}
}
@media only screen and (max-width:430px){
  .custom-lang-switcher .lang-flag img{width: 25px;}
  #logo{width: 140px !important}
}
@media only screen and (max-width:414px){

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