/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-bold-webfont.ttf) format('truetype');font-weight:bold;font-style:normal}
@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-regular-webfont.ttf) format('truetype');font-weight:normal;font-style:normal;}*/

/*body{font-family:  "Custom Font Name",  sans-serif}
.nav > li > a {font-family:  "Custom Font Name", sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Custom Font Name", sans-serif;}
.alt-font{font-family: "Custom font name", sans-serif;}*/
/*
a,p,h1, h2, h3, h4, h5, h6,span.widget-title,li{font-family: "brandon_text" !important;}
.stars a{font-family:'fl-icons'!important}
body {
    overflow: hidden;
}


.header-main .nav > li.menu-item > a {
    font-size: 14px;
    color: #2b2b2b;
    padding: 15px 20px;
}
.header-main .nav > li.menu-item {
    margin: 0;
}
*/
/* Header trong suốt trên trang chủ */
body.home .site-header {
    background-color: transparent;
}

/* Header màu đỏ trên các trang khác */
.site-header {
    background-color: red;
}

body {
	    color: rgba(64, 46, 50, 0.7);
	font-size: 14px !important; 
}
@keyframes fade-left {
    from {
        opacity: 0;
        transform: translateX(-50px); /* Di chuyển từ bên trái */
    }
    to {
        opacity: 1;
        transform: translateX(0); /* Vị trí ban đầu */
    }
}

@keyframes fadeInUpShorter {
    0% {
        opacity: 0;
        transform: translateY(20px); /* Dịch chuyển lên trên một khoảng ngắn */
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes fadeInDownShorter {
    0% {
        opacity: 0;
        transform: translateY(-20px); /* Dịch chuyển xuống dưới một khoảng ngắn */
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.social-text .char {
  display: inline-block;
  position: relative;
  transform: translateY(0); 
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.social-text:hover .char {
  animation: move-up 0.2s ease forwards, move-down 0.2s ease 0.6s forwards;
}

@keyframes move-up {
  0% {
    transform: translateY(0); 
    opacity: 1; 
  }
  100% {
    transform: translateY(-20px); 
    opacity: 0; 
  }
}

@keyframes move-down {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0); 
    opacity: 1;
  }
}
/* .social-text .char {
  animation-delay: calc(var(--char-index) * 0.2s); 
} */
.social-text .char:nth-child(1) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(2) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(3) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(4) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(5) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(6) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(7) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(8) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(9) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(10) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(11) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(12) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.social-text .char:nth-child(13) {
  animation-delay: calc(var(--char-index) * 0.1s); 
}
.img-box-thongtin-lienlac .box-text {
	        padding-left: 5px;
        padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.top-divider {
	display:none;
}
.text-chungchi-2 h4 {
    margin-bottom: 0;
}
.header-wrapper {
/* 	    position: fixed; */
    background: transparent;
}
.img-ribbon {
pointer-events:none;
}
.header-bg-color {
    background-color: transparent;
}
.header-top {
    background-color:transparent;
}
.stuck .header-main { 
    height: 70px !important;
    background-color: var(--fs-color-success)!important; 
}
body.home .header-wrapper {
    position:absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9999; /* Đảm bảo header luôn ở trên cùng */
}
.header-wrapper.stuck {
    position: fixed !important;
}
/* Các trang khác: header-wrapper có position relative */
body:not(.home) .header-wrapper {
    position: relative;
}
body.home #top-bar,
body.home #masthead,
body.home #header-top {

    background-color: transparent;
}

/* Màu nền cho header và header top trên các trang khác */
body:not(.home) #top-bar,
body:not(.home) #masthead,
body:not(.home) #header-top {

    background-color: var(--fs-color-success);
/*     background-color: rgba(0, 0, 0, 0.2); */
}
/* .sec-banner {
padding-top:300px!important;	
}
 */

.header-top {
/*     background-color: var(--fs-color-success); */
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.slide-first-content{
	padding-top:9rem;
}
.text-tencty-cty {
    letter-spacing: 0.05em;
    background: var(--fs-color-success);
    display: inline-block;
    padding: 10px 20px 0px;
	border-radius:30px;
}
.text-tencty-cty{

}
.text-thongtinlienhe p {
font-size:20px;
color:#000;
font-weight:600;
	padding-bottom:20px;
}
.text-tencty-cty h4 {
    font-size: 15px;
	font-weight:500;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* background-clip: text; */
    text-fill-color: transparent;
/*     padding-top: 0.2rem; */
}	
.wpcf7  .contact-form > div:nth-child(3) > p {
width:100%;
}
.text-gioithieu-cty h1 {
}
.text-gioithieu-cty p {

	
}
.text-gioithieu-cty h1 {
    color: #fff;
    font-size: 50px;    margin-bottom: 10px;
    padding-top: 20px;
}
.text-gioithieu-cty span {
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* background-clip: text; */
    text-fill-color: transparent;
/*     padding-top: 0.2rem; */
	
}
.text-sanpham-noibat {
	padding-top:50px;
} 
/* 	.sec-whyus .img-whyus-2 {
    z-index: 5;
    position: absolute;
    top: 43%;
    left: 16%;
}
	.sec-whyus	.img-whyus-1 .img-inner img {
    opacity: 0.1;
    height: 737px;
} */
.text-gioithieu-cty p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}
.text-email a {
    font-size: 18px;
  background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* background-clip: text; */
    text-fill-color: transparent;}
.text-email {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.text-email br {
}
.text-email i {
	color:#000;
}
.text-email p:nth-child(2){
    line-height: 26px;	font-size:27px;
font-weight:700;
    margin-bottom: 22px;
}.text-gioithieu-cty p {
    margin-bottom: 45px;
}
.text-email .icon {
    border-radius: 100rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
    padding: 4px 5px;
}

.text-email span {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    opacity: 0.8;
}
.sec-dautrang::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(72.73deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 90.86%);
}
.img-dautrang {
	position:relative;
}

.img-dautrang img {
	border-radius:100rem;
}
.col_quytrinh_right .img_bubble img {
    object-fit: cover;
}
.img-cir {
    position: absolute;
    top: -24px;
    left: -22px;
}
.col-img .img-dautrang::after {
    transform: translateX(0);

    opacity: 0.3;
}
.img-dautrang::after {
    content: "";
    position: absolute;
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    top: 4%;
    left: 13%;
    height: 95%;
    width: 100vw;
	    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
/*     background: linear-gradient(135.96deg, #f0dd72 -10.77%, #d4a53a 108.76%); */
    border-radius: 25.9rem 0 0 25.9rem;
    z-index: -1;
    transition: all 1.2s cubic-bezier(0.61, 0.22, 0.23, 1);
}
/* .slide-first-content .row-first-content.is-selected .text-tencty-cty {
    animation: fadeInDownShorter 1s ease-in-out forwards;
} */

.text-email{
		  opacity: 0;
    transform: translateY(-50px); 
    transition: all 1s ease-in-out; 
}
.text-gioithieu-cty{
	  opacity: 0;
    transform: translateY(-50px); 
    transition: all 0.9s ease-in-out; 
}
.text-tencty-cty {
    opacity: 0;
    transform: translateY(-50px); 
    transition: all 0.7s ease-in-out; 
}
.row-first-content.is-selected .btn-cir,
.row-first-content.is-selected .text-email,
.row-first-content.is-selected .text-gioithieu-cty,
.row-first-content.is-selected .text-tencty-cty {
    opacity: 1;
    transform: translateY(0); 
}
.row-first-content:not(.is-selected)  .btn-cir,
.row-first-content:not(.is-selected) .text-email,
.row-first-content:not(.is-selected) .text-gioithieu-cty,
.row-first-content:not(.is-selected) .text-tencty-cty {
    opacity: 0;
    transform: translateY(50px); 
}
.row-first-content.is-selected .img-dautrang img,
.row-first-content.is-selected .img-cir img {
    animation: rotate-and-fade 1s ease-in-out forwards; 
}

@keyframes rotate-and-fade {
    0% {
        transform: rotate(20deg); 
        opacity: 0; 
    }
    100% {
        transform: rotate(0deg); 
        opacity: 1; 
    }
}


.row-first-content {
	    padding-bottom: 60px!important;

	    padding-top: 30px!important;
}
/* Cấu hình mặc định cho thẻ ::after */
.img-dautrang::after {
    content: "";
    position: absolute;
    transform: translateX(100%); /* Ban đầu thẻ ::after ở ngoài */
    opacity: 0;
    pointer-events: none;
    top: 4%;
    left: 13%;
    height: 95%;
    width: 100vw;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
/*     background: linear-gradient(135.96deg, #f0dd72 -10.77%, #d4a53a 108.76%); */
    border-radius: 25.9rem 0 0 25.9rem;
    z-index: -1;
    transition: all 1.2s cubic-bezier(0.61, 0.22, 0.23, 1);
}

.row-first-content.is-selected .img-dautrang::after {
    transform: translateX(0); 
    opacity: 0.3; 
}

.row-first-content:not(.is-selected) .img-dautrang::after {
    transform: translateX(100%);
    opacity: 0; 
}
.btn-cir br {
	display:none;
}
.btn-cir{
    padding: 5px 32px;
    color: #000;
    position: relative;
    border-radius: 100rem;
    outline: none;
    border: none;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
    font-size: 15px;
}
.btn-cir:hover {
    background: #fff;
    color: #000;
    box-shadow: none;
}
.btn-cir p {
	margin-bottom:0;
}

.btn-cir a {    font-size: 19px;
    font-weight: 700;
    color: #000;
}
.btn-cir:hover i {
	        transform: rotate(360deg); 

}
.btn-cir:hover::after {
        width: calc(100% - 0.8rem);}
.col-btn .col-inner {
	display:flex;
gap:10px;
	
}
.sec-whyus.visible::after {
    animation: slideIn 1s ease-out forwards;
    opacity: 1; /* Đảm bảo phần tử trở nên hiển thị khi có animation */
}
.sec-whyus::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #402e32;
    pointer-events: none;
    z-index: -2;
    transform: translateX(-100%); /* Đặt phần tử bên ngoài màn hình ban đầu */
    opacity: 0; /* Đảm bảo nó không hiển thị ngay lập tức */
    transition: all 1.2s cubic-bezier(0.61, 0.22, 0.23, 1);
}
.sec-whyus{
   position: relative;
    z-index: 10;
    isolation: isolate;
height:650px;
}
/*hiện ux block */
#custom-modal-block {
    display: none; /* Ban đầu ẩn modal */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  background: url('https://detmay.theme.trueads.vn/wp-content/uploads/2025/01/bg-regis-sec-1.png') no-repeat center center;
    background-size: cover; /* Để ảnh phủ đầy modal */   
	justify-content: center;
    align-items: center;
    z-index: 9999;
}

#custom-modal-block.fade-in {
    display: flex; /* Hiển thị modal khi được kích hoạt */
}

#custom-modal-block .modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 600px;
    width: 100%;
    text-align: center;
    position: relative;
}

#custom-modal-block .close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Định nghĩa animation */
@keyframes slideIn {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}

.slide-element {
    animation: slideIn 1s ease-out forwards; /* Thời gian 1s, easing là ease-out, giữ vị trí cuối */
}
.col-left-whyus {
    margin-top: -16px;
}
.col_left_whyus  .col-inner {
    background: var(--fs-color-secondary);
    border-radius: inherit;
    overflow: hidden;
    z-index: 1;
    border-radius: 0 0 300px 300px;

}
.img-whyus-1 {
    background: var(--fs-color-secondary);
    border-radius: inherit;
    overflow: hidden;
    z-index: 1;
    border-radius: 0 0 300px 300px;
margin-bottom: 0 !important;
    padding-bottom: 6em;
} 
.img-whyus-1 .img-inner img {
    opacity: 0.1;
}
.img-whyus-2{
	  z-index:5;

}
.col-left-whyus .col-inner::before {
    content: "";
    width: 3.7rem;
    height: 3.3rem;
    position: absolute;
    top: -1px;
    left: 83%;
    background: linear-gradient(360deg, var(--fs-color-primary)-54.26%, var(--fs-color-secondary) 94.68%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.sec_chungchi .col-left-whyus .col-inner::before {
    content: "";
    width: 3.7rem;
    height: 3.3rem;
    position: absolute;
    top: -1px;
       left: 99%;
    background: linear-gradient(360deg, var(--fs-color-primary)-54.26%, var(--fs-color-secondary) 94.68%);
/*     background: linear-gradient(360deg, #f0dd72 -54.26%, #6d4c00 94.68%); */
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.col-left-whyus  .col-inner  {

	position:relative;;
}
.img-whyus-2 .img-inner img {
    object-fit: cover;
    transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);
    /* position: absolute; */
    top: 0;
    right: 0;
     height: auto;
    border-radius: 100rem;
/*     width: 550px;
 */
}
.img-whyus-2 {
    z-index: 5;
    position: absolute;
    top: 42%;
    left: 7%;
}
.col-right-whyus {
display:flex;
justify-content:center;
align-items:center;
}
.text-whyus span  {
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);    border-radius: 12rem;
    padding: 0.4rem 1rem 0.4rem;    letter-spacing: -0.01em;
    width: fit-content;
    line-height: 1.3;
    color: rgba(64, 46, 50, 0.7);
    text-transform: uppercase;

}
.text-whyus h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
}
.text-whyus p {
	opacity:0.8;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    padding: 0px 10px 11px;
}
.sec-whyus .bg-loaded {
    opacity: 0.1;
}
.text-whyus h2 > span {
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);    border-radius: 12rem;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding: 10px;
}
.text-whyus h2{
	margin-bottom:15px;
}

.text-whyus p {
    margin-bottom: 11px;
}
.tab-sanpham-noibat .product-small .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:0.8rem 5.6rem;
    transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);
}

.tab-sanpham-noibat .icon-view {
    position: absolute;
    top: -272%;    left: 50%;
    transform: translate(-50%, -50%);
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #402e32;
    column-gap: 0.8rem;
    z-index: 10;
}
@keyframes fadeUp{
0% {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
}
100% {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
}
.tab-sanpham-noibat .tab-panels .panel.active .row{
    animation:  fadeUp 0.6s ease-in-out;
}
.product-small .icon-view a {
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 100rem;
    opacity: 0;
    transform: translateY(20px);.tab-thuvien .tab-panels .panel.active img {
    display: block;
    transform: scale(1);
    animation-duration: 1s;
    animation: fadeInZoom 0.6s ease-in-out;
}
    transition: all 0.5s ease-in-out;
    pointer-events: none;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.product-small:hover .icon-view a.view-details {
    opacity: 1;
    transform: translateY(0); 
    pointer-events: auto; 
    animation: fadeInUpShorter 0.7s ease-in-out; 
	
}
.product-small .icon-view a:hover {
color:var(--fs-color-primary);
	background:#fff;
}
.product-small:hover .icon-view a.view-icon {
    opacity: 1;
    transform: translateY(0); 
    pointer-events: auto; 
    animation: fadeInUpShorter 0.5s ease-in-out; 
}
form.searchform {
    width: 29em;
}
#ux-block-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url(/wp-content/uploads/2025/01/bg-regis-sec.png);
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 1;
    z-index: 9999;
    background-color: #fff;
}
#wpcf7-f110-p214-o1 > form > div.contact-form > div:nth-child(3) > p{
	width:100%;
}
.col_left_whyus .col-inner {

    overflow: visible;

}
/* Nội dung của modal */
#ux-block-modal .modal-content {
    background: #fff; 
    padding: 30px;
    border-radius: 8px;
    max-width: 90%; 
    width: 600px; 
    text-align: center;
    position: relative;
    animation: fadeIn 0.3s ease-in-out; 
}

/* Nút đóng (dấu X) */
#ux-block-modal .close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    color: #000;
    cursor: pointer;
}

/* Hiệu ứng fade-in */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.nav-dropdown-has-border .nav-dropdown {
    border: none;
    border-radius: 8px;
    background: var(--fs-color-secondary);
    color: #fff;
    font-size: 16px;
}
.nav-dropdown-has-border .nav-dropdown li {
	    border-bottom: 1px solid #fff;

}
.nav-dropdown-has-border .nav-dropdown li a{
	color:#fff;
    font-size: 16px;

}
.sec-ux-lienhe {
padding-bottom:0!important;
}
.nav-dropdown.nav-dropdown-default>li {

border-bottom: 1px solid #ececec;
}
.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: none;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
}.text-phuongcham p {
    margin-bottom: 5px;
    font-size: 15px;
}
.post-sidebar.large-3.col {
	padding:0 15px 30px;
}
.contact-button {
color:#000;
    opacity: 0;
    position: absolute;
    top: -74%;    left: 2%;
    background: linear-gradient(90deg, var(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
    width: 100%;
    padding: 12px 0;
    transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
}

.product-small:hover .contact-button{

	        opacity: 1;
        pointer-events: auto;
        border-radius: 0.4rem 5.6rem;
    }
.product-small .box-image .image-fade_in_back{
	height:100%;
object-fit: cover;
    transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);
}
.product-small:hover .box-image .image-fade_in_back{
	height:120%;
}
.product-small .box-text p {
    text-align: center;
}
.product-small .box-text p a{
    display: block;
    text-transform: uppercase;
    color: #402e32;
font-size:16px;
	font-weight:600;
}
.row-sanpham-noibat {
	margin-top:100px;
	
}
.text-sanpham-noibat p {
font-size:35px;	
    color: #402e32;
font-weight:700;
margin-bottom:5px;
text-transform:uppercase;

}
    .nav-divided>li+li>a:after {
display:none;		
}
.tab-sanpham-noibat ul li a > span{
	padding-left:10px;
	font-size:13px;
font-weight:600;
	
}
.tab-sanpham-noibat ul {
padding-bottom:20px;
	
}
.tab-sanpham-noibat ul li.active a {
	color:var(--fs-color-secondary);
}
.tab-sanpham-noibat ul li a:hover {
	color:var(--fs-color-primary);
}

.tab-sanpham-noibat ul li a::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 0.2rem;
    background-color: #402e32;
    opacity: 0.2;
    transform: rotate(45deg);

}
.nav:hover>li:not(:hover)>a:before {
    opacity: 0.2;
    background-color: #402e32;

}
.footer_box_icon  a {
	color:#fff;
}

.row-3-hinh-cong-nghe .col {
padding:0;
}
.row-3-hinh-cong-nghe  .img-congnghe  img{
border-radius:100rem;
    height: 85px;
}
.ribbon-box-bg {
	    height: 17.1rem;
    display: flex
;

    max-width: 6.2rem;
    background: red;
    margin-top: -48px;
	
}
.row-3-hinh-cong-nghe .col {
	    max-width: 7rem;

    margin-right: 18px;

}
.row-3-hinh-cong-nghe .col .col-inner {
    height: 12.1rem;
    display: flex
;
    justify-content: center;
    align-items: end;
    max-width: 7rem;
    background: linear-gradient(135.96deg, #f0dd72 -10.77%, #d09716 108.76%);
    margin-top: -55px;    border-radius: 0 0 100px 100px;
}
.row-3-hinh-cong-nghe .img-congnghe img {

    object-fit: cover;
}
.img-congnghe {
    margin-bottom: 5px;
}
.row-3-hinh-cong-nghe .col .col-inner::before {
    content: "";
    width:1.4rem;
    height:1.6rem;
    position: absolute;
    top: 0px;    left: calc(100% - 0.1rem);
    background: linear-gradient(360deg, var(--fs-color-primary) -54.26%, #6d4c00 94.68%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.text-vecong-nghe h4 {
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
    border-radius: 12rem;
    padding: 0.5rem 1.0rem 0.3rem;
    letter-spacing: -0.01em;
    width: fit-content;
    line-height: 1.3;
font-weight:500;
font-size:16px;
    text-transform: uppercase;
}
.text-vecong-nghe p:nth-child(1) > span {
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 32px;
    font-weight: 600;

}
.text-vecong-nghe p:nth-child(1){
	   font-size: 32px;
    font-weight: 600;
color:#fff;
margin-bottom:10px;
	
}
.text-vecong-nghe  > p{
	color:#fff;
font-size:16px;
font-weight:500;
}
.col-left-cong-nghe .col-inner {
margin-top: 85px;}
.sec-vecongnghe::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(78.7deg, rgba(23, 16, 0, 0.5) 19.36%, rgba(212, 165, 58, 0) 97.41%);
}
.sec-chungchi{
   position: relative;
    z-index: 10;
/*     isolation: isolate;
height:650px; */
}
/* .row-text-chung-chi {
position: absolute;
    z-index: 9999;
    top: 87px;
    right: 113px;	
} */
.row-slide-chungchi  .col {
	padding: 0 0 0 ;
}
.row-slide-chungchi  .col.large-4 {
        flex-basis:100%;
        max-width:100%;
    }

/* .row-slide-chungchi {
    position: relative;
         margin-top: -343px;   margin-right: 111px !important;
    margin-left: 1px !important;
} */
.row-slide-chungchi .col .col-inner:before,
.row-text-chung-chi .col .col-inner:before{
	display:none;
}

.swiper {
  width: 100%;
}

.swiper-slide {
	display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: self-start;
/*   border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; */
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.row-slide-danhgia .slick-prev ,
.row-slide-danhgia .slick-next ,
.row-slide-chungchi .swiper-button-prev ,
.row-slide-chungchi .swiper-button-next {
	display:none!important;
}

.sec-chungchi .img-whyus-1 .img-inner img {
    opacity: 0.1;
}

.sec-chungchi {
    height: 600px;
}
.text-chungchi-2 p ,
.text-chungchi  p:nth-child(1){
	    background: #402e32;
    display: inline-block;
padding: 5px 15px;
border-radius:15px;
margin-bottom:10px;
	
}
.text-chungchi-2 p > span,
.text-chungchi p > span {
    font-size: 15px;
    font-weight: 500;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* background-clip: text; */
    text-fill-color: transparent;
    /* padding-top: 0.2rem; */
}
.text-chungchi h2 {
    font-size: 33px;
    color: #fff;
    font-weight: 700;
margin-bottom:5px;
	
}
.text-chungchi p{
	color:#fff;
font-size:14px;
	
}
.box-danhgia  .icon-box-text{
    padding-left: 1em;
    padding: 10px;
}
.box-danhgia  .icon-box-text {
    padding-left: 1em;
    display: flex;
    flex-direction: column;
}
.box-danhgia .star-rating {
    order: 2;
    position: absolute;
top: 45px;
    z-index: 800;
    left: 130px;
}
.slick-initialized .slick-slide {
    display: block;
}
.box-danhgia .testimonial-text {
    order: 3;
/*     z-index: -2; */
    z-index: 20;
/*     margin-left: -48px; */
}
.text-danhgia {
    background: #ffffff;
    box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.05);
    border-radius: 0px 2.4rem 0.8rem;
    padding: 20px 10px 20px;
    width: 100%;
    position: relative;
    margin-right: -17px;
}
.box-danhgia .testimonial-meta {
order: 1;
    z-index: 90;
    margin-left: 20px;
    width: 67%;
    background: #ffffff;
    /* border-radius: 0 2rem 2rem 0; */
    position: relative;
    padding:1rem 2.5rem 2rem;
}
.box-danhgia .icon-box-img  {
	z-index:999;
}

.testimonial-meta:after {
    content: "";
    position: absolute;
    bottom: -0.2rem;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
/*     background: linear-gradient(135.96deg, #f0dd72 -10.77%, #d4a53a 108.76%); */
    box-shadow: 0.4rem 0 0.8rem rgba(0, 0, 0, 0.08);
    border-radius: 0 4rem 4rem 0;
    z-index: -1;
}

.row-slide-danhgia  {
	width:900px!important;
}
.icon-box-img.testimonial-image  {
	    margin-right: -46px;
}
.icon-box.testimonial-box img {
    border: 0.3rem solid #402e32;
    border-radius: 50%;
}
.testimonial-name {
	    color: #402e32;
    font-size: 17px;
}

.text-chungchi-2 h3 {
	font-size:35px;
    color: #402e32;
}
.text-chungchi-2 h4 {
    font-size: 30px;
    color: #402e32;
}
.blog-tintuc-right .col {
	padding:0 15px 5px;
}

.blog-tintuc-right  .box-text {
	padding-bottom:0;
padding-top:10px;
padding-left:10px;
}
.blog-tintuc-right .box-image .image-cover{
	border-radius:10px;
}
.blog-tintuc-right  .box-text .box-text-inner {
    display: flex
;
    flex-direction: column;
}
#at_posts_related  .box-text.text-center {
    padding-left: 0;
    padding-right: 0;
}
#at_posts_related  .box-text  {
	text-align:left;
}
#at_posts_related .post-title a{
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
#at_posts_related .post-title,
.blog-tintuc-right .post-title {
    order: 2;
    font-size: 15px;
    font-weight: 600;
    color: #402e32;
}
#at_posts_related .post-meta,
.blog-tintuc-right .post-meta {
	order:1;
    font-size: 0.8rem;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.55);	
padding-bottom:10px;
	position:relative;
}
#at_posts_related p.from_the_blog_excerpt,
.blog-tintuc-right p.from_the_blog_excerpt {
    order: 3;
    color: rgba(64, 46, 50, 0.65);
    font-size: 0.9rem;
    font-weight: 600;
}

#at_posts_related .post-meta::after 
.blog-tintuc-right .post-meta::after {
    content: "";
    position: absolute;
    bottom: 0.3rem;
    left: -1px;
    width: 2rem;
    height: 0.2rem;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);}
.is-divider {
display:none;
}
.row-tintuc {
	padding-top:80px;
}
.sec-tintuc .btn-cir {
	opacity:1;
    transform: none;
}
.col-btn-xemthem .col-inner {
	display:flex;
justify-content: center;
}
.thongtin-lienlac  h2{
    margin-bottom: 65px;
	    font-size: 37px;
    color: var(--fs-color-success);
}
.thongtin-lienlac h4 {
    font-size: 29px;
    color: var(--fs-color-success);
    font-weight: 600;
    margin-bottom: 15px;
}
.thongtin-lienlac strong {
    font-size: 17px;
    font-weight: 600;
    color: var(--fs-color-success);
}
.thongtin-lienlac a,
.thongtin-lienlac p {
    font-size: 16px;
    color: var(--fs-color-success);
    font-weight: 500;
}
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.contact-form .form-row {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.contact-form .form-group {
  flex: 1;
  position: relative;
}

.contact-form input,
.contact-form textarea {
    background: rgba(0, 0, 0, 0.04);  width: 100%;
    border: 0.1rem solid rgba(64, 46, 50, 0.2);

  padding: 10px 15px;
  border-radius: 25px;
  outline: none;
}

.contact-form textarea {
  height: 150px;
  border-radius: 15px;
  resize: none;
}

.contact-form .submit-btn {
  background-color: #fdd835;
  border: none;
  padding: 10px 20px;
  border-radius: 25px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.contact-form .submit-btn:hover {
  background-color: #e6c300;
}

.error-message {
  color: red;
  font-size: 12px;
  position: absolute;
  top: 100%;
  left: 15px;
  display: none;
}
#wpcf7-f110-p10-o1 > form > div.contact-form > div:nth-child(3){
	display:block;
	
}
/* @keyframes lightSpeedInRight{
0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -o-transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
60% {
    transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    opacity: 1;
}
80% {
    transform: skewX(-5deg);
    -webkit-transform: skewX(-5deg);
    -moz-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
}
100% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
} */
.img-ribbon{
    position: absolute;
    top: 2rem;
    right: 0;

        opacity: 0.3;
}
.img-ribbon img {
    animation:  lightSpeedInRight 1s ease-out forwards;
}
.img-plane {
	    position: absolute;
    top: 90%;
    transform: translateY(-50%);
    right: 5rem;
    pointer-events: none;
    animation: fade-left 0.8s ease-out forwards;

}

.text-guilienhe h3 {
    font-size: 25px;
    font-weight: 500;
    color: var(--fs-color-success);
}
/*breacumb*/
.page-header {
    text-align: center;
    margin-bottom: 20px;
    padding: 20px 0;
    color: #ffffff;
}

.page-title {
text-transform:uppercase;
    font-size: 45px;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #ffffff; 
    gap: 5px;
}

.breadcrumbs a {
    color: #ffffff; 
    text-decoration: none;
}

.breadcrumbs span.breadcrumb_last {
	font-size:16px;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.breadcrumbs  span:nth-child(1) a {
	color:#fff;
}
.sec-banner::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(72.73deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 90.86%);

}
.sec-giatri .img-cir {
    position: absolute;
    top: -30px;
    left: 56px;
}
.text-xaydung h2 {
font-size: 35px;
	color:var(--fs-color-success);
}
.text-xaydung h2 span {
	
    background: linear-gradient(135.96deg, #f0dd72 -10.77%, #d4a53a 108.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}	
.text-xaydung p {
    color: rgba(64, 46, 50, 0.65);
    font-size: 15px;
    font-weight: 500;
}
.sec-giatri .img-dautrang {
	    margin-left: 74px;
}
.opacity-1 {
	opacity:1!important;
    transform: none;

}
.sec-giatri  .btn-cir a {
    font-size: 15px;
    font-weight: 700;
    color: #000;
}


.text-tutam p:nth-child(1)  {
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
	border-radius: 12rem;
    padding: 0.9rem 1.6rem 0.7rem;
    letter-spacing: -0.01em;
    width: fit-content;
    line-height: 1.3;
    text-transform: uppercase;
font-weight:600;
    color: rgba(64, 46, 50, 0.7);
}
.text-tutam h2 {
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
color:var(--fs-color-success);
    font-size: 35px;
}
.text-tutam p {
color:#fff;
}
.sec-trietly::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(72.73deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 90.86%);

}
.col-tamnhin .col-inner {
    overflow: visible;
    /* top: -151px; */
    /* left: 5px; */
    /* position: absolute; */
    border-radius: inherit;
    /* margin-right: 57px !important; */
    height: 27rem;
    z-index: 1;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
	margin-top: -156px;
	border-radius:0 0 100rem 100rem ;
}
.col-tamnhin .col-inner::before {
    content: "";
    width: 1.4rem;
    height: 2.3rem;    position: absolute;
    top: 0px;
    left: 100% ;
    background: linear-gradient(360deg, var(--fs-color-primary) -54.26%, #6d4c00 94.68%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.text-tamnhin{
	    padding: 20px ;
}
.img-tam-nhin img {
    border-radius: 100%;
    height: 198px;}
.img-tam-nhin {
    margin: 0 auto;
    margin-top: -13px;

}
.text-tamnhin h4 {
	color: rgba(0, 0, 0, 0.85);
	font-size:23px;
}
.text-tamnhin p{
	font-weight:600;
}
.col-tamnhin{
margin-left: 47px;
}
.img-icon {
    position: absolute;
       top: 76%;    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 10;
}
.img-tam-nhin::before {
    content: "";
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.0729167) 100%);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 5;
}
.sec-chatluong:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 100%);
}
.text-chatluong {
    transition: all 1.2s cubic-bezier(0.61, 0.22, 0.23, 1);
    -webkit-transition: all 1.2s cubic-bezier(0.61, 0.22, 0.23, 1);
    padding: 2rem 3.3rem 1.6rem;    background: linear-gradient(90deg, var(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
    border-radius: 0.8rem 5.6rem;
}
.col-chatluong:nth-child(2){
	margin-top:100px;
}
.col-chatluong:nth-child(3){
    margin-top: 208px;

}
.text-chatluong h3 {
	font-size:26px;
    color: rgba(64, 46, 50, 0.7);
}
.text-chatluong p {
    color: rgba(64, 46, 50, 0.7);
font-size:17px;
	
}
.text-phuongcham h2{
	color:var(--fs-color-success);
font-size: 35px;
}
.text-phuongcham{
	    margin-top: 20px;
}
.text-cotloi h2  {
	color:var(--fs-color-success);
    font-size: 35px;
}
.text-cotloi p{
	font-size:17px;
}
.list-cotloi p {
    margin-bottom: 10px;
    padding-left: 2em;
}
.list-cotloi::before, .list-cotloi::after {
    content: "";
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);    position: absolute;
    transition: height 0.5s ease-in-out; /* Thời gian và hiệu ứng */

}
.list-cotloi::before {
    width: 0.1rem;
    top: 0;
    left: 0;
    height: 0;
}
.list-cotloi.is-view::before {
    height: 100%;
}
.list-cotloi::after {
    height: 0.1rem;
    width: 100%;
    bottom: 0;
    left: 0;
    transition-delay: 0.7s;

}
.list-cotloi i {
	color:var(--fs-color-primary);
padding-left:5px;
}
.sec-cotloi .img-dautrang {
    margin-left: 100px;}
.sec-cotloi .img-cir {
    position: absolute;
    top: -24px;
    left: 87px;}
.sec-dadat .img-whyus-2 .img-inner img {
    object-fit: cover;
    transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);

    border-radius: 0rem;
}
.sec-dadat  .img-whyus-2{
width: 122%!important;
z-index: 5;
    position: absolute;
    top: 15%;
    left: -18%;
}
.sec-dadat  .img-whyus-1 .img-inner img {
    opacity: 0.1;
}
.sec-dadat .col-left-whyus {
    margin-top: -1em;
}
.sec-dadat .img-whyus-1 {
    background: var(--fs-color-secondary);
    border-radius: inherit;
    overflow: hidden;
    z-index: 1;
    border-radius: 0 0 300px 300px;
    margin-top: -102px !important;	margin-bottom:0;
}
.sec-dadat .col-left-whyus .col-inner::before {
    content: "";
    width: 3.7rem;
    height: 3.0rem;
    position: absolute;
    top: 0px;
    left: 73%;
    background: linear-gradient(360deg, #f0dd72 -54.26%, #6d4c00 94.68%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.sec-dadat .text-chungchi p{
	    color: var(--fs-color-success);

}
.sec-dadat .text-chungchi h2 {
    font-size: 33px;
    color: var(--fs-color-success);
    font-weight: 700;
    margin-bottom: 5px;
}
.sec-dadat .text-chungchi{
	margin-top:100px;
}
.sec-dadat{
	padding-bottom:100px!important;
}
.text-quytrinh h2 {
color:#fff;
	    font-size: 30px;

}
.text-quytrinh p {
    opacity: 0.7;
    margin-top: 2rem;
    color: #fff;
    font-size: 15px;
    padding-right: 30px;
}
.sec-quytrinh .img-dautrang{
	margin-left:50px;
}
.sec-quytrinh .img-dautrang img {
    height: 450px;}
.sec-quytrinh .img-cir {
    position: absolute;
    top: -43px;
    left: -49px;
}
.col-hethong {
	 overflow:visible;
margin-right: 22px;

}
.col-hethong .col-inner::before {
    content: "";
    width: 2.2rem;
    height: 2.3rem;
    position: absolute;
    top: 0px;
    left: 100%;
    background: linear-gradient(360deg, var(--fs-color-primary) -54.26%, #6d4c00 94.68%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.col-hethong .col-inner{
 overflow:visible;
    height: 22rem;
    z-index: 1;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, #d09716 108.76%);
    margin-top: -67px;    border-radius: 0 0 100rem 100rem;
}
.col-hethong{
}
.sec-hethong::before {
    background: linear-gradient(180deg, rgba(253, 251, 238, 0) 0%, #ffffff 100%);

}
.sec-hethong::after {
    background: linear-gradient(98.66deg, #ffffff 39%, rgba(255, 255, 255, 0.6) 100%);

}
.sec-hethong .text-phuongcham {
	margin-top:50px;
}
.sec-hethong::before, .sec-hethong::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.sec-hethong     .large-2 {
        flex-basis: 20%;
        max-width: 20%;
    }
.img-quytrinh {
	    position: absolute;
    top: 77%;    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);


	
}
/* .img-quytrinh .img-inner {
    animation: slideDown 2s ease-out forwards;
} */
   .img-quytrinh .img-inner {
            opacity: 0;
            transition: opacity 0.5s ease-out, transform 0.5s ease-out;
        }

        .img-quytrinh .img-inner.animate {
            animation: slideDown 2s ease-out forwards;
            opacity: 1;
        }
.img-quytrinh .img-inner img,
.img-quytrinh .img-inner,
.img-quytrinh {
    height: 85%;
    border-radius: 100rem;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0%);
    }
}

.element {
    animation: slideDown 1s ease-out forwards;
}
.row-slide-doingu  .col {
	padding:0;
}
.row-slide-doingu {
    width: 100%;
    margin: 0;
    max-width: 1688px!important;
}
.img-slide-doingu img {
	height:200px;
object-fit:cover;
 transition: transform 0.3s ease, -webkit-transform 0.3s ease; 
    -webkit-transition: transform 0.3s ease; 
}
.row-slide-doingu .col:hover .img-slide-doingu img{
transform: scale(1.2);
        -webkit-transform: scale(1.2);
}
.text-phuongcham p {
	margin-bottom:5px;
}
.blog-tintuc .box-image {
	border-radius:10px;
}
#at_posts_related  .badge .badge-inner,
.blog-tintuc .badge .badge-inner {
    position: absolute;
    top: 0.4rem;
    right: -17.5rem; background: var(--fs-color-success);
    border-radius: 0.4rem 1.2rem;
    color: #fff;
    display: flex
;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    /* padding-inline: 1rem; */
    width: 4rem;
    height: 4rem;
    border-color: var(--fs-color-success);
    text-transform: uppercase;
    line-height: 1.3;
}
#at_posts_related .badge br,
.blog-tintuc .badge br {
	display:none;
}
.has-hover:hover .badge-outline .badge-inner {
    background: var(--fs-color-success);    border-color: var(--fs-color-success);    
    color: #fff;
}
#at_posts_related .badge .post-date-day,
.blog-tintuc .badge .post-date-day {
	    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
padding-top:2px;
padding-bottom:2px;
}
#at_posts_related .badge  .post-date-month ,
.blog-tintuc .badge  .post-date-month {
	    font-size: 12px;
	padding-top:5px;
padding-bottom:5px;
}
.blog-tintuc .post-title {
	color:var(--fs-color-success);
font-weight:600;
}
.blog-tintuc .from_the_blog_excerpt {
    overflow: hidden;
    opacity: 0.7;
    color: #402e32;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
font-weight:600;
    -webkit-box-orient: vertical;
font-size:14px;
}
.blog-tintuc .box-text-inner  a.button{
    font-size: 15px;
    color: var(--fs-color-secondary);
    text-transform: none;
}

.blog-tintuc .box-text-inner  a.button::after {
    content: '\f061';
font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-left: 8px; 
    display: inline-block;

}
.blog-slidebar .from_the_blog_excerpt ,
.blog-slidebar  .box-image{
	display:none;
}

.blog-slidebar .col .box::before {
color:#000;
font-size:20px;
font-weight:700;
	
/*     padding-right: 0px; */
 content: counter(post-counter, decimal-leading-zero); 
    counter-increment: post-counter; 
  
}
.blog-slidebar .box-text{
	padding:0;
}
.blog-slidebar {
    counter-reset: post-counter; /* Đặt lại số thứ tự cho mỗi trang */
}
.row-slide-tintuc {
	padding-left:20px!important;
}
.row-slide-tintuc .col .col-inner {    background: #fffbeb;
    border-radius: 0.8rem 0 0.8rem 5.6rem;
    padding: 1.5rem 2.3rem 2.4rem 2rem;}
.blog-slidebar  .col {
padding:0 5px 0px;
}
.blog-slidebar .col-inner {
	padding:5px!important;
}
.list-cate li  a{
  list-style-type: circle;
}
.list-cate li a{
	font-size:16px;
color:var(--fs-color-success);
font-weight:600;
}
.list-cate li {
	padding-top:10px;
    border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
}
.blog-slidebar .box{
padding-top:10px;
    border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
    display: flex
;
    column-gap: 0.6rem;}
.blog-slidebar  .post-title a  {
font-weight:600;
    color: rgba(64, 46, 50, 0.7);
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.title-slidebar h2 {
	color:var(--fs-color-success);
}
.col-list-cate {
	padding:0 5px 5px;
}
.text-title-tintuc h1 {
font-size:35px;
	
	color:var(--fs-color-success);
}
.text-title-tintuc h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.05rem;
    max-width: 3.2rem;
    background-color: var(--fs-color-success);
}
.sec-lienhe .img-ribbon {
    position: absolute;
    top: 2rem;
    right: -112px;
    opacity: 0.3;
}
.html-map iframe {
    width: 100%;
    height: 500px;
}

.sec-map .img-whyus-1 .img-inner img {
    opacity: 0.1;
    height: 500px;
}
.sec-map .col-left-whyus .col-inner::before {
    content: "";
    width: 3rem;
    height: 3.3rem;
    position: absolute;
    top: -1px;
    left: 80%;
    background: linear-gradient(360deg, var(--fs-color-primary) -54.26%, #6d4c00 94.68%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);

}
.sec-map .col-left-whyus {
    margin-top: -36.2rem;
}
.sec-map .text-chungchi {
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: -10px;
    z-index: 10000;
    left: 34px;
    width: 67%;
    /* right: 0; */
}
.text-lienhe-map h3 {
    background: var(--fs-color-success);
    border-radius: 20px;
    width: fit-content;
    padding: 0px 10px;
}
.text-lienhe-map span {
font-size: 14px;
    font-weight: 500;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    line-height: 1.5;
    text-transform: uppercase;
    transform: translateY(0.2rem);
    -webkit-transform: translateY(0.2rem);
    -moz-transform: translateY(0.2rem);
    
}

.sec-map .text-chungchi h2 {
    font-size: 25px;
    font-weight: 500;
color:var(--fs-color-success);
}
.sec-map .text-chungchi a,
.sec-map .text-chungchi P{
color: rgba(64, 46, 50, 0.7);
}
.sec-map .text-chungchi > p:nth-child(3),
.sec-map .text-chungchi > p:nth-child(5),
.sec-map .text-chungchi > p:nth-child(7) {
    color: rgba(64, 46, 50, 0.7);
    FONT-WEIGHT: 700;
margin-bottom:5px;
    FONT-SIZE: 15PX;
}
.sec-map .img-whyus-1 {
    /* background: var(--fs-color-secondary); */
    border-radius: inherit;
    overflow: hidden;
    z-index: 1;
    border-radius: 0 0 300px 300px;
    margin-bottom: -81px !important;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);}
.col-breadcrumb {
	display: flex
;
    justify-content: center;
    align-items: center;
}
.col-breadcrumb  .col-inner {
		display: flex;
}
.sec-lienhe .page-title {
	font-size:50px;
margin-bottom:5px;
		padding-left:10px;

}
.sec-lienhe .breadcrumbs span.breadcrumb_last ,
.sec-lienhe .page-title {
    -webkit-text-fill-color: unset;
color:var(--fs-color-success);
    text-transform: unset;
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: none;
    background-clip: text;
    text-fill-color: transparent;
}
.sec-lienhe .breadcrumbs span{
	padding:0 5px;
}
.sec-lienhe .breadcrumbs {
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: var(--fs-color-secondary);
    gap: 5px;
}
 .sec-lienhe .breadcrumbs span:nth-child(1) a {
    color: var(--fs-color-secondary);
}
.product-category .is-xsmall.uppercase.count{
	display:none;
}
.box-text-see{
    z-index: 9;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}
.product-category .box-text.text-center {
    background-color: unset;
    position: absolute;
    top: 50%;
    z-index: 8;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: max-content;
}
.product-category .box .box-text-see a.view-product-link{
		    opacity: 0;
    pointer-events: none;
    z-index: 6;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(0.61, 0.22, 0.23, 1);
}
.shop-container .products .contact-button {
    top: -70%;
    left: 2%;
}
.shop-container .related-products-wrapper  .contact-button {

    top: -70%;
    left: 2%;

}

.product-category .box-text.text-center h5 {
    position: relative;
    opacity: 0;
    pointer-events: none;
    transform: translateY(3rem);
    transition: all 0.8s cubic-bezier(0.61, 0.22, 0.23, 1);
    z-index: 5;
    font-size: 25px;
    font-weight: 600;
}
.product-category .box:hover h5::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 3rem;
    height: 0.1rem;
}
.product-category .box:hover .box-text-see a.view-product-link,
.product-category .box:hover h5 {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
    }
.product-category .box .box-image::after {
    content: "";
    width: 100%;
    height: 100%;

    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), #ffffff;
    opacity: 0.7;
    pointer-events: none;
    transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);

    transform: scale(0);
    z-index: 2;
}
.product-category .box:hover .box-image::after {
	        transform: scale(1);
        -webkit-transform: scale(1);
	
}
.product-category .box:hover .box-text-see a.view-product-link {
    height: 3em;
display:flex;
align-items:center;
padding:0px 10px 0px;
    color: #000;
    position: relative;
    border-radius: 100rem;
    outline: none;

    border: none;
    background: linear-gradient(135.96deg, #f0dd72 -10.77%, #d4a53a 108.76%);
}

.product-category .box .box-text-see a.view-product-link::after {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100rem;
    position: absolute;
    top: 0.3rem;
    right: 0.4rem;
    background-color: #fff;
    z-index: -1;
    transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);
}
.product-category .box .box-text-see a.view-product-link:hover::after {
    width: 93%;


}
.product-category .box:hover .box-text-see a.view-product-link i {
	margin-left:15px;
margin-right:10px;
    transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);

}
.product-category .box-text-see:hover a i {
	    
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);

} 
.shop-page-title.category-page-title.page-title .breadcrumbs a {
    color: var(--fs-color-success);
    text-decoration: none;
}
.shop-page-title.category-page-title.page-title .breadcrumbs {
    display: flex
;
	    text-transform: none;
    border-bottom: 0.05rem solid rgba(64, 46, 50, 0.2);
    justify-content: unset;    align-items: center;
    font-size: 15px;    color: var(--fs-color-secondary);
    gap: 5px;
padding-bottom:10px;
}
.category-page-row {
    padding-top: 10px;
}
.shop-page-title.category-page-title.page-title.page-title {
    text-transform: none;
    font-size: 45px;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: unset;
    background-clip: text;
    text-fill-color: unset;
}
.woocommerce-result-count ,
.woocommerce-ordering {
	display:none;
}
 .product-small .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
 
    border-radius:0.8rem 5.6rem;
    transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);

}


.product-small .icon-view {
    position: absolute;
     top: -229%;
 left: 50%;
    transform: translate(-50%, -50%);
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #402e32;
    column-gap: 0.8rem;
    z-index: 10;
}

.large-columns-4>.col.product-category  {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
    }

.product-category  .box .box-image img {
    height: 400px;
}
.product-category .box:nth-child(2) .box-image img ,.product-category .box:nth-child(6) .box-image img, .product-category .box:nth-child(4) .box-image img{
}
.shop-container .contact-button {
    color: #000;
    opacity: 0;
    position: absolute;
    top: -102%;    left: 2%;
    background: linear-gradient(90deg, var(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
    width: 100%;
    padding: 10px 0;
    transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
}
 .shop-container .product-small .icon-view {
    position: absolute;
    top: -229%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #402e32;
    column-gap: 0.8rem;
    z-index: 10;
}
 .shop-container .category {
	display:none;
}
/* Footer */
#footer {
}
.img-ribbon img {
    animation: lightSpeedInRight 1s ease-out forwards;
    height: 500px;
}
#footer p, #footer p a, #footer h4 {
	color: #fff !important ;
	font-size: 14px;
}
#footer .footer_contact > p:first-child {
	font-weight: 600;
	font-size: 16px;
}
.footer_link a:hover, #footer strong {
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);	-webkit-text-fill-color: transparent;
    background-clip: text;
	font-weight: 600;
}
.footer_link {
	display: flex;
	justify-content: space-between;
}
.footer_link a {
	font-weight: 600;
}
.footer_link p {
	margin-bottom: 0;
}
.footer_logo_wrapped, .footer_link_wrapped  {
	padding: 64px 1rem .3rem;
	align-content: center;
}
.footer_border > .col-inner {
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
}
.footer_description p {
	padding-right: 15rem;
}
.footer_box_icon {
	display: flex;
	margin-bottom: 1.2rem;
}
.footer_box_icon .box-text {
	padding: 0;
	align-content: center;
}
.footer_box_icon h4 {
	margin-inline: 1.2rem 0.4rem;
	text-align: left;
	font-weight: 400;
	position: relative;
	width: fit-content;
	padding-right: .8rem;
}
.footer_box_icon h4::before {
	position: absolute; 
	right: 0;
	content: "\f061";
	font-family: "Font Awesome 5 Pro"; 
	font-size: .6rem;
	top: 50%;
    transform: translateY(-50%)
}
#footer .footer_abs_sec p, #footer .footer_abs_sec a {
	color: rgba(255, 255, 255, 0.5) !important;
	margin-bottom: 0;
}
.absolute-footer {
	display: none;
}
.footer_socialIcon_wrapp > .col-inner {
	margin-top: 1.55rem;
}
/* Header */

.nav-dropdown-default {
    padding: 10px 10px 20px;
}
.text-gioithieu-cty h1 {

    font-weight: 600;
}
.text-chungchi-2 h4 {
    font-size: 30px;
    color: #402e32;
    font-weight: 600;
}
.text-chungchi-2 h3 {

    font-weight: 600;
}
.text-cotloi h2 {

    font-weight: 600;
}
.header-nav-main > li > a {
    font-size: 16px;    color: #fff;
    font-weight: 500 !important;
}
.header-nav-main > li {
	margin: 0 10px;
}
.header-nav-main > li.active > a, .header-nav-main > li > a:hover {
	color: var(--fs-color-primary);
}
.header-search .icon-search {
	position: relative;
	padding-left: 9rem;
	color: #fff;
}
#woocommerce-product-search-field-0{
background:transparent!important;
    border: none;
    color: #fff;

}
.ux-search-submit.button.icon {
    border: unset;
    background: transparent;
    color: #fff;
}
/* .header-search .icon-search::after {
	position: absolute;
    content: "Tìm kiếm sản phẩm";
    left: 0;
    font-size: 14px;
    color: #fff;
	font-family: Poppins, sans-serif;
} */
.header_icon_wrapp > .col-inner, .header_icon_box {
	display: flex;
	align-items: center;
}
.header_icon_wrapp a {
	color: #fff;
	font-size: 14px;
	margin: 0 !important;
	font-weight: 400;
}
.header_icon_wrapp .box-text-inner {
	text-align: left;
}
.header_icon_wrapp .box-text {
	padding: 0 0 0 8px;
}
.header_icon_wrapp h4 {
	width: fit-content;
	margin: 0;
}
.header_icon_wrapp {
	padding-bottom: 0;
}
.header_icon_wrapp > .col-inner > .header_icon_box:nth-child(2),
.header_icon_wrapp > .col-inner > .header_icon_box:nth-child(3) {
	margin-right: 25px;
}
.sec-hethong .col_htmm_item img {
	object-fit: cover;
}
.contact-card br {
	display:none;
}
/* .related-products-wrapper .contact-button {
    color: #000;
    opacity: 0;
    position: absolute;
    top: -70%;
    left: 2%;
    background: linear-gradient(90deg, #f0dd72 0%, #d4a53a 174.72%);
    width: 100%;
    padding: 10px 0;
    transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
} */
.contact-card li {
	list-style-type:none;
}
.col-breadcrumb-sp .breadcrumbs {
padding-bottom:10px;
    border-bottom: 0.05rem solid rgba(64, 46, 50, 0.2);
    display: flex
;
    justify-content: unset;
    align-items: center;
font-size: 15px;    color:var(--fs-color-success);
    gap: 5px;
}
.col-chiase .button i{
    top: 0.5px;
    vertical-align: middle;
}
.button.icon {
	border:unset;
	background:#FFFBEB;
	color:var(--fs-color-primary);
}
.text-share p {
	color:var(--fs-color-success );
	opacity:0.7;
font-size:16px;
}
.col-chiase .col-inner{
padding-top:15px;
	display:flex;
	gap:5px;
}
.col-breadcrumb-sp .breadcrumbs a {
    color: #000;
    text-decoration: none;
}
.col-chitiet-sp  .product-short-description,
.col-chitiet-sp  .product-title  {
    border-bottom: 0.05rem solid rgba(64, 46, 50, 0.2);

	color:var(--fs-color-success);
font-weight:600;
}
.product-short-description {
    color: var(--fs-color-success);
    opacity: 0.7;
    font-weight: 500;
    font-size: 14px;
}
.product-short-description p {
margin-bottom:10px;
	    font-weight: 500;
}
.contact-button-chitiet p {
}
.col-chitiet-sp .btn-cir a {
    font-size: 13px;
    font-weight: 700;
    color: #000;
}
.col-chitiet-sp .btn-cir {
    padding: 7px 10px 0;
    color: #000;
    display: inline-block;
    height: 2.6rem;
    position: relative;
    /* padding-inline: 1.6rem 0.4rem; */
    border-radius: 100rem;
    outline: none;
    border: none;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);    position: relative;
    /* isolation: isolate; */
}
.col-chitiet-sp .btn-cir::after {
    content: "";
    width: 2.2rem;
    height: 2rem;
    border-radius: 100rem;
    position: absolute;
    top: 0.3rem;
    right: 1.1rem;
    background-color: #fff;
    z-index: -1;
    transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);
}
.contact-button-chitiet p {
    padding-left: 10px;
}
.shop-container .col-chitiet-sp .contact-button {
    color: #000;
    opacity: 1;
    position: unset;
    top: -102%;
    left: 2%;
    background: linear-gradient(90deg, varr(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
    width: 31%;
    padding: 5px 0;
    transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
    font-size: 12px;
margin-top:20px;
    border-radius: 100rem;
}
.shop-container .col-chitiet-sp .custom-contact-button{
	  color: #000;
    opacity: 1;
    position: unset;
    top: -102%;
    left: 2%;
    background: linear-gradient(90deg, var(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
    width: 31%;
    padding: 5px 0;
    transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
    font-size: 12px;
margin-top:20px;
    border-radius: 100rem;
}
.img_bubble {
	z-index:100;
}
.img-cir {
	z-index:2;
}
.img-dautrang   {
	z-index:99;
}
.col-contact-cty  {
	position:relative;
}
.col-contact-cty .col-inner::after {
    content: "";
    background: linear-gradient(270deg, var(--fs-color-primary) -7.75%, var(--fs-color-secondary) 109.5%);
    width: 100%;
    height: 27.5rem;
    top: 119%;
    left: 9px;
    position: absolute;
    border-bottom-left-radius: 100rem;
    border-bottom-right-radius: 100rem;
    transform: translateY(-100%);
    transition: all 0.8s cubic-bezier(0.61, 0.22, 0.23, 1);
    z-index: -1;
}
.product-title {

    padding: 10px 0;
}
.product-short-description {
    padding: 20px 0;
}
h3.product-section-title {
    color: var(--fs-color-success);
    font-weight: 700;
    font-size: 27px;
    text-transform: none;
}
.contact-card {
	padding:10px 20px;
}
.contact-card strong {
	font-size:18px;
}
.entry-category,.entry-divider ,.entry-meta,.blog-share ,.entry-author ,.navigation-post,.comments-area {

display:none;
}
    .row-divided>.col+.col:not(.large-12) {
        border-left: unset;
    }

/* FIX */
.contact-button {
	width: 100%;
}
.col-left-whyus {
    margin-top: 1.6em;
}
.row-3-hinh-cong-nghe .img-congnghe img {
    height: 90px;
}
.col-cc{
	margin-top: 0;
}
.col-cc .img-whyus-1 {
    padding-bottom: 11em;
}
.blog_tintuc_right .post-item {
	margin-bottom: 15px;
}
.blog_tintuc_right .box-image {
	width: 38% !important;
}
.blog_tintuc_right .box-text {
	padding-top: 0;
	vertical-align: top;
}
.from_the_blog_excerpt {
	white-space: initial;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.sec_thongtin .post-item h5 a {
	font-size: 18px;
	min-height: 48px;
	white-space: initial;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;	
}
.sec_thongtin .blog_tintuc_right  .post-item h5 a {
	min-height: unset;
}
.sec_thongtin .blog_tintuc_right .post-item h5 a {
	font-size: 14px;
}
.blog-tintuc-right p.from_the_blog_excerpt {
	font-size: 14px;
}
.post-item h5 a:hover {
	color: var(--fs-color-primary);
}
.post-item:hover img {
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
ul.sub-menu.nav-dropdown {
	padding: 0;
	min-width: 200px;
	overflow: hidden;
}
ul.sub-menu.nav-dropdown > li {
	border-bottom: 1px solid var(--fs-color-success);
	padding: 2.5px 14px;
}
ul.sub-menu.nav-dropdown > li:hover {
	background: var(--fs-color-success);
}
.row-slide-chungchi  {
/* 	overflow:visible; */
	height:200px;
}
.text-chungchi {
	    padding-top: 100px;
    padding-bottom: 0px;
}
.row_text_chung_chi {
z-index:9;
position: absolute;
    width: 100%!important;
    top: 0%;
    left: 3%;
    height: 100%;
}
.text-danhgia {

}
.row_text_chung_chi  .col-inner {
	background:transparent;
}
.header_icon_box {
    min-width: 90px;
}
.sec_aboutUs .img-whyus-2 {
    top: 28%;}
.row-3-hinh-cong-nghe .img-congnghe img {
    height: 97px;
}
/* .row_text_chung_chi {
	margin-top: 40px;
} */
/* .col_left_whyus  .text-chungchi {
    width: 71%;
} */
.col_left_whyus .text-chungchi > p:last-child {
	padding: 0 5px;
}
.col_right_chungchi .box-danhgia .testimonial-meta {
	border-radius: 0 4rem 4rem 0;
}
.col_right_chungchi .icon-box-img {
	margin-top: 7px;
	width: 100px !important;
    height: fit-content;
    padding: 10px;
    background: white;
	box-shadow: 0.4rem 0 0.8rem rgba(0, 0, 0, 0.04)
}
.col_right_chungchi .icon-box-img img {
	padding-top: 0;
}
.col_tamnhin img {
	height: 198px;
}
.list-cotloi::after {
	right: -10px;
	left: unset;
}
.row_coreValue > .col > .col-inner {
	overflow: hidden;
}
.row_coreValue  .list-cotloi.is-view::before {
	top: unset;
	bottom: 0;
	height: 80%;
	left: 10px;
}
.thongtin-lienlac > h2 {
	padding-right: 220px;
}
.product-small .box-text p a {
    font-weight: 400;
}
.product-small .box-text p a:hover {
	color: var(--fs-color-secondary);
}
.product-small:hover .contact-button {
    font-weight: 400;
}
.thongtin-lienlac h4 {
	font-weight: 400;
}
.thongtin-lienlac strong {
    font-weight: 700;
}
.img_bubble img {
	border-radius: 100%;
	border: 3px solid var(--fs-color-secondary);
	height: 225px;
}
.img_bubble {
	animation: float 10s cubic-bezier(0.61, 0.22, 0.23, 1) infinite;
	 position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
	top: 50%;
	transform: translatey(-50%);
	animation-delay: 0.5s;	
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-3rem);
  }
	100% {
		transform: translateY(0px);
	}
}
.product-category .box .box-text-see a.view-product-link::after {
	right: 4.5px; 
	top: 4.5px;
	width: 34px;
	height: 34px !important;
}
.product-category .box:hover .box-text-see a.view-product-link i  {
	margin-right: 6px;
}
.product-category .box .box-text-see a.view-product-link:hover::after {
    width: 94%;
}
.sec-quytrinh .col_quytrinh_right .img-cir {
    position: absolute;
    top: -32px;
    left: -49px;
}
.col_quytrinh_right .img_bubble img {
	height: 210px;
}
.img_bubble.top_right img {
	height: 109px;
}
.img_bubble.bottom_right img {
	height: 134px;
}
.img_bubble.left {
	left: -60px;
	top: 36%;
}
.img_bubble.top_right {
	top: 6%;
    right: 18%;
}
.img_bubble.bottom_right {
	top: unset;
    bottom: 0;
    transform: unset;
    right: 6.4%;
}
.col_tamnhin .img-tam-nhin {
    margin: 0 auto;
    margin-top: 25px;
}







/* Hiệu ứng chữ */
.splitting > :first-child {
    display: inline-block;
/*     font-size: 36px; */
}
.splitting > :first-child .char {
    display: inline-block;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.splitting > :first-child.is-inview .char {
    opacity: 1;
    transform: translateY(0);
}
.splitting > :first-child .char {
    transition-delay: calc(var(--char-index) * 0.05s);
}
/* Kính lúp */
.zoomable-lens {
  position: absolute;
  border: 1px solid var(--fs-color-primary);
  width: 190px; 
  height: 190px;
  border-radius: 100%;
  opacity: 1;
  background-color: #ffffff;
  background-repeat: no-repeat;
  cursor: none;
  display: none;;
  z-index: 99999999999999999999999999;
}
.header_icon_box  .box-image > div {
	display: flex;
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px)  {
.img-ribbon img {
    animation: lightSpeedInRight 1s ease-out forwards;
    height: 472px;
}
.sec-cotloi .img-cir {
    position: absolute;
    top: -19px;
    left: 87px;
}
	.icon-view {
		display:none;
	}
.blog-tintuc-right .box-image .image-cover {
    border-radius: 10px;
    margin-bottom: 10px;
}

.btn-cir a {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.btn-cir {
    color: #000;
    border-radius: 100rem;
    outline: none;
    border: none;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
}
#at_posts_related .badge .post-date-day,
#at_posts_related .badge post-date-month{
font-size:12px;
} 
.sec_productFavorite .product-small .box-text p {
    text-align: center;
    margin-top: 60px;
}
	.content-product .icon-view {
		display:none;
	}
.product-small .box-text p a {
    font-weight: 500;
}
    .contact-button {
        color: #000;
        border-radius: 0.4rem 1.6rem;
        opacity: 1;
        position: absolute;
        top: 10%;
        left: 2%;
        background: linear-gradient(90deg, var(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
        width: 100%;
        padding: 10px 0;
        transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
        font-weight: 600;
        text-transform: none;
    }
#at_posts_related .badge .badge-inner{
    position: absolute;
    top: 0.4rem;
    right: -17.5rem;
    background: var(--fs-color-success);
    border-radius: 0.4rem 1.2rem;
    color: #fff;
    display: flex
;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    /* padding-inline: 1rem; */
    width: 3rem;
    height: 3rem;
    border-color: var(--fs-color-success);
    text-transform: uppercase;
    line-height: 1.3;
}
	.sec_thongtin .col.small-12.large-12{
padding:0 15px 0;
}
.sec-page-tintuc	.title-slidebar{
padding-top:20px;
}
	.text-quytrinh {
		padding-right:40px;
	}
.text-tamnhin {
    padding: 20px 20px 0;
}
    .row-slide-tintuc .col .col-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
.text-gioithieu-cty h1 {
    color: #fff;
    font-size: 48px;
    margin-bottom: 10px;
    padding-top: 20px;
}
.sec-map .col-left-whyus .col-inner::before {
    content: "";
    width: 3rem;
    height: 3.3rem;
    position: absolute;
    top: 0px;
    left: 81.5%;
    background: linear-gradient(360deg, var(--fs-color-primary) -54.26%, #6d4c00 94.68%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.sec-map .text-chungchi {
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: -21px;
    z-index: 10000;
    left: 48px;
    width: 67%;
    /* right: 0; */
}
.text-phuongcham h2 {
    color: var(--fs-color-success);
    font-size: 34px;
}
.swiper-3d .swiper-slide-shadow-left ,
	.swiper-3d .swiper-slide-shadow-right {
    background-image: none;
}
	.text-chungchi h2 {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px;
}
.sec-dadat .img-whyus-2 {
    width: 122% !important;
    z-index: 5;
    position: absolute;
        top: 28%;    left: -9%;
}
.col-chatluong {
    order: 2;
flex-basis: 30%;
        max-width: 30%;
}
.text-chatluong h3 {
    font-size: 22px;
    color: rgba(64, 46, 50, 0.7);
}
.col_pchd.large-3{flex-basis: 100%;
    max-width: 100%;
    order: 1;
	}
.img-tam-nhin {
    margin: 0 auto;
    margin-top: 26px;
}
	.text-tamnhin p {
    font-weight: 600;
	        font-size: 0.8rem;

    margin-bottom: 0;
}
.text-chungchi {
    position: unset;
    top: 74px;
    z-index: 10000;
    left: 32px;
    width: 100%;
    /* right: 0; */
}
.sec-quytrinh .img-dautrang {
    margin-left: 27px;
    /* margin-top: -3px; */
}
    .sec_quytrinh .img-dautrang img {
  
        margin-top: -2px;
    }
    .col-contact-cty .col-inner::after {
        content: "";
        background: linear-gradient(270deg, var(--fs-color-primary) -7.75%, var(--fs-color-secondary) 109.5%);
        width: 100%;
        height: 25rem;
        top: 106%;
        left: 9px;
        position: absolute;
        border-bottom-left-radius: 100rem;
        border-bottom-right-radius: 100rem;
        transform: translateY(-100%);
        transition: all 0.8s cubic-bezier(0.61, 0.22, 0.23, 1);
        z-index: -1;
    }
.shop-container .product-small .icon-view {
display:none;
}
.contact-card strong {
    font-size: 17px;
}
	.contact-card {
    padding: 0px 10px 10px 10px;
}
	.home_introduction {
		flex-basis: 66.333333%;
		max-width: 66.333333%;
	}
	.home_image {
		flex-basis: 33.666667%;
		max-width: 33.666667%;
	}
	.sec_aboutUs.sec-whyus {
		height: 500px;
	}
	.sec_aboutUs .col-left-whyus {
    margin-top: -1em;
	}

    .sec_aboutUs .img-whyus-2 {
        left: 11.5%;
    }
    .img_bubble img {
        border-radius: 100%;
        border: 3px solid var(--fs-color-secondary);
           height: 25%;
        object-fit: cover;
    }

.sec-giatri .img-cir {
    position: absolute;
    top: -18px;
        left: 62px;}
.row_text_chung_chi {
    z-index: 9;
    position: absolute;
    width: 100% !important;
    top: 0%;
    left: 4%;
    height: 100%;
}
   .sec_chungchi .col-left-whyus .col-inner {
        position: relative;
        padding-left: 0;
    }

	.sec_aboutUs .text-whyus {
		margin-top: 85px;
	}
    .sec_chungchi .col-left-whyus {
        margin-top: -125px;
    }
.col-right-chungchi {
    margin-top: 52px;
}
	.thongtin-lienlac > h2 {
    padding-right: 7px;
}
    .thongtin-lienlac h2 {
        margin-bottom: 16px;
        font-size: 30px;
        color: var(--fs-color-success);
        padding-right: 20px;
    }

	.footer_description p {
		padding-right: 5rem;
		text-align: justify;
	}
	.sec_thongtin .blog-tintuc-right .box-text {
		padding-top: 0;
	}
	.sec_thongtin .blog_tintuc_right .box-image {
		vertical-align: top;
		width: 45% !important;
	}
	.sec_thongtin .blog_tintuc_right p.from_the_blog_excerpt {
		white-space: initial;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
	}
	.sec_thongtin .blog_tintuc_right .post-item {
		margin-bottom: 20px;
	}
	.sec_quytrinh .img-cir {
		top: -27px;
		left: -24px;
	}
	.sec_quytrinh .img-dautrang img {
		height: 340px;
		object-fit: cover;
		width: 340px;
	}
	.col_quytrinh_right > .col-inner {
		margin-top: 65px;
	}
	.col_httmm_content {
		flex-basis: 39.333333%;
		max-width: 39.333333%;
	}
	.sec-hethong .col_htmm_item {
		flex-basis: 18%;
		max-width: 18%;
	}
	.sec-hethong .col_htmm_item img {
		height: 54%;
	}
	.col_htmm_item .img-quytrinh {
		top: 101%;
	}
	.col_aboutUs_left > .col-inner {
		margin-top: 150px;
	}
	    .col_tamnhin > .col-inner {
        height: 23rem;    }
    .col_quytrinh_right .img_bubble img {
        height: 167px;
    }
.text-email p:nth-child(2) {
    line-height: 21px;
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 22px;
}
.img_bubble.top_right img {
    height: 87px;
}
.img_bubble.bottom_right img {
    height: 110px;
}
#custom-modal-block {
    display: none;
    position: fixed;
    top: -20%;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://detmay.theme.trueads.vn/wp-content/uploads/2025/01/bg-regis-sec-1.png) no-repeat center center;
    background-size: cover;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

	.tamnhin_right .img-tam-nhin {
		margin-top: 13px;
	}
 .product-category .box-text.text-center h5 {
    position: relative;
    opacity: 1;
    pointer-events: none;
        transform: none;    transition: all 0.8s cubic-bezier(0.61, 0.22, 0.23, 1);
    z-index: 5;
    font-size: 25px;
	color:#fff;
    font-weight: 600;
}
	.product-category .box .box-text-see a.view-product-link  i {
		margin-right:5px;
	}
.shop-container .contact-button {
    color: #000;
    opacity: 1;
    position: absolute;
    top: -102%;
    left: 2%;
    background: linear-gradient(90deg, var(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
    width: 100%;
    padding: 10px 0;
    transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
}
.shop-container .products .contact-button {
    top: 8%;
    left: 2%;
}
.product-category .box .box-text-see a.view-product-link {
    opacity: 1;
    pointer-events: none;
    z-index: 6;
    transform:none;
    transition: all 0.9s cubic-bezier(0.61, 0.22, 0.23, 1);
    height: 3em;
    display: flex
;
	        gap: 20px;
    align-items: center;
    padding: 0px 10px 0px;
    color: #000;
    position: relative;
    border-radius: 100rem;
    outline: none;
    opacity: 1;
    border: none;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);}
.product-category .box:hover .box-text-see a.view-product-link {
    height: 3em;
    display: flex
;
    align-items: center;
    padding: 0px 10px 0px;
    color: #000;
    position: relative;
    border-radius: 100rem;
    outline: none;
    opacity: 1;
    border: none;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);}
    .col_tamnhin img {
        height: 14.5vw;	}
.col-left-whyus .col-inner {
    position: relative;
    padding-left: 40px;
}
.sec-dadat .col-left-whyus .col-inner::before {
    content: "";
    width: 3.7rem;
    height: 3.0rem;
    position: absolute;
    top: 0px;
    left: 75%;
    background: linear-gradient(360deg, var(--fs-color-primary) -54.26%, #6d4c00 94.68%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
    .img-icon {
        position: absolute;
        top: 77%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
    }
.text-tutam h2 {

    font-size: 34px;
}

	.img-tamnhin2 {
		        margin-top: 25px!important;
		margin-bottom:0!important;
	}
.col_tintuc_left .badge.top {
        left: -39%;
    }
	.sec-page-tintuc {
		padding-bottom:0!important;
	}
	.icon-view {
		display:none;
	}
.shop-container .related-products-wrapper .contact-button {
    top: 7%;
    left: 2%;
}
	.col_tintuc_right .row-slide-tintuc {
		padding-left: 7px !important;
		padding-right: 15px !important;
	}
	.col_tintuc_right .row-slide-tintuc > .col, 
	.col_tintuc_right .row-slide-tintuc .col .col-inner 
	{
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
	.col_tintuc_left h5 a {
		white-space: initial;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -webkit-box;
	}
	.blog-wrapper.blog-single.page-wrapper .large-9.col {
		flex-basis: 71%;
		max-width: 71%;
	}
	.blog-wrapper.blog-single.page-wrapper .post-sidebar.large-3.col {
		flex-basis: 29%;
		max-width: 29%;
	}
	.blog-wrapper.blog-single.page-wrapper .post-sidebar.large-3.col .row-slide-tintuc > .col:first-child, .blog-wrapper.blog-single.page-wrapper .post-sidebar.large-3.col  .row-slide-tintuc > .col:first-child > .col-inner,.blog-wrapper.blog-single.page-wrapper .post-sidebar.large-3.col .col-list-cate > .col-inner {
		padding-left: 0;
		padding-right: 0;
	}
.product-small .box-text p {
    text-align: center;
    margin-top: 60px;
}
		.row-sanpham-noibat {
    margin-top: 10px;
}
	.box-danhgia .testimonial-meta {
    width: 95%;
}
}

@media screen and (max-width: 949px) and (min-width: 768px) and (orientation: landscape) {
	.text-gioithieu-cty h1 {
		padding-right: 75px;
	}
	.home_image .img-cir {
		position: absolute;
		top: -18px;
		left: -11px;
	}

	.home_image > .col-inner:first-child {
		margin-top: 55px;
	}
	.sec_aboutUs .img-whyus-2 {
        top: 52%;
        left: 8%;
    }
	.sec_vecongnghe .img-congnghe {
		margin-bottom: 10px;
	}
	
	.slide_danhgia .slick-track > .col {
		width: 400px !important;
	}
	.slide_danhgia .row-slide-danhgia, .slide_danhgia .slick-track {
		width: 1200px !important;
	}
	.col_left_whyus .text-chungchi {
		top: 55px;
		left: 35px;
	}
	.sec_chungchi .col-left-whyus {
        margin-top: -8px;
    }
	.sec_chungchi .row-slide-chungchi {
		margin-right: 75px !important;
		margin-left: 1px !important;
	}
	.sec_quytrinh .img-dautrang img {
        height: 315px;
        width: 315px;
    }
	.sec_quytrinh .img-cir {
        top: -23px;
        left: -17px;
    }
	.sec-hethong .col_htmm_item img {
        height: 49%;
    }
	.col_htmm_item .img-quytrinh {
        top: 105%;
    }
	.col_httmm_content {
        flex-basis: 100%;
        max-width: 100%;
    }
	.sec-map .text-chungchi {
		left: 25px;
	}
	.sec-giatri.sec_giatri .img-cir {
		top: -22px;
		left: 63px;
	}
	.sec_trietly .img-tam-nhin img {
		height: 129px;
	}
	.sec_trietly .img-tam-nhin {
		margin-top: -6px;
	}
	.sec_trietly .img-icon {
		top: 84%;
	}
	.sec_trietly .text-tamnhin {
		padding-left: 5px;
		padding-right: 5px;
	}
	.sec_trietly .tamnhin_right .img-tam-nhin {
        margin-top: 20px !important;
    }
	.col_tamnhin > .col-inner {
        height: 28rem;
    }
	.col_pchd {
		flex-basis: 100%;
		max-width: 100%;
	}
	.sec-cotloi .img-cir {
		top: -17px;
		left: 90px;
	}
	.col_tintuc_left .badge.top {
        left: -61%;
    }
	.blog-tintuc-right .box-image .image-cover {
    margin-bottom: 10px;
}
}
	@media screen and (max-width: 768px) {
	.product-gallery-slider img {
    width: 100%;
    height: 39vw;
	border-radius:8px;
    object-fit: cover;
}
		.col-cc .img-whyus-1 {
    padding-bottom: 3em;
}
		form.searchform {
    width: auto;
}
	.sidebar-menu, .mfp-content, .nav-sidebar.nav-vertical>li.menu-item.active {
		background: var(--fs-color-success) !important;
	}
	li.header-social-icons > .social-icons {
		text-align-last: center;
		justify-content: space-between;
    	display: flex;
	}
	.nav>li>a>i.icon-menu {
		font-weight: 900 !important;
		color: var(--fs-color-primary);
	}
	.off-canvas .nav-vertical>li>a {
		font-weight: 700 !important;
		font-size: 16px;
		color: #fff;
	}
	ul.nav.nav-sidebar {
		color: transparent;
		position: unset;
	}
	ul.nav.nav-sidebar .icon-angle-down {
		color: var(--fs-color-primary);
		font-weight: 800 !important;
	}
	.off-canvas .nav-vertical li li {
		padding: 7px;
	}
	.off-canvas .nav-vertical li li>a {
		color: #fff !important;
		font-weight: 600;
		padding: 4px 22px;
		font-size: 14px; 
		padding-left: 25px !important;
	}
	.html.header-social-icons  a.icon.button.circle {
		border: none;
    	color: #fff;
	}
	.html.header-social-icons  a.icon.button.circle i {
		margin-top: 5px;
	}
	.nav-sidebar.nav-vertical>li+li {
		border-top: none;
	}
    .nav-sidebar.nav-vertical>li.html.header-social-icons {
		position: absolute;
		bottom: 0;
	}
	.sub-menu.nav-sidebar-ul.children {
		padding-bottom: 0 !important;
	}
	.nav-sidebar.nav-vertical>li.menu-item:hover a {
		color: var(--fs-color-primary);
	}
	.text-vecong-nghe p:nth-child(1) > span {

    font-size: 26px;
}
	.text-vecong-nghe p:nth-child(1) {
    font-size: 27px;

}
    .row-slide-chungchi {
        margin-left: -9px !important;
    }
.row-first-content .img-cir {
    position: absolute;
    top: -14px;
    left: -12px;
}

	.text-email p:nth-child(2) {
    line-height: 21px;
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 22px;
}
.icon-view {
		display:none!important;	
		}
	.text-whyus p {
    opacity: 0.8;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    padding: 0px 0px 11px;
}
	.row-3-hinh-cong-nghe .img-congnghe img {
    height: 81px;
}
	    .col-left-whyus {
        padding: 0 10px 30px;
    }
		.col-right-whyus {
			    padding: 0 5px 30px;
		}

		.icon-menu {
			color:#fff;
		}

	.thongtin-lienlac > h2 {
    padding-right: 0;
}
	.text-sanpham-noibat {
        padding-top: 30px;
}
	.row-sanpham-noibat {
    margin-top: 0;
}
	.tab-sanpham-noibat ul {
    padding-bottom: 20px;
    /* display: none; */
    display: grid
;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(3, 1fr);
 gap: 10px;

        margin-left: 100px;
}
		.product-small .box-text p a {
    display: block;
    text-transform: uppercase;
    color: #402e32;
    font-size: 16px;
    font-weight: 600;
        margin-top: 60px;}
		.contact-button i {
			padding-right:5px;
		}
	.tab-sanpham-noibat	.box-text {
    font-size: .9em;
    padding-bottom: 0;
    padding-top: .7em;
    position: relative;
    width: 100%;
}
	.contact-button {
    color: #000;
    opacity: 1;
    position: absolute;
        top: 15px;    left: 0%;
    background: linear-gradient(90deg, var(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
    width: 100%;
    padding: 10px 0;
    transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
        border-radius: 0.4rem 1.6rem;
}
	.blog-tintuc-right .box-image .image-cover {
    margin-bottom: 10px;
}
	.page-wrapper {
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

	    .img-quytrinh {
        position: absolute;
        top: 86%!important;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);
    }
	    .img-quytrinh .img-inner img {
        height: 93%!important;
        border-radius: 100rem;
    }
	.shop-container .product-small .icon-view {
    position: absolute;
    top: -172%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #402e32;
    column-gap: 0.8rem;
    z-index: 10;
}
		.col_pchd  {
			order:1;
		}
		.col-chatluong{
			order:2;
		}
	.slide-first-content {
    padding-top: 4rem;
}


.col-contact-cty .col-inner::after {
    content: "";
    background: linear-gradient(270deg, var(--fs-color-primary) -7.75%, var(--fs-color-secondary) 109.5%);
    width: 100%;
    height: 22.5rem;
    top: 106%;
    left: 0;
    position: absolute;
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
    transform: translateY(-100%);
    transition: all 0.8s cubic-bezier(0.61, 0.22, 0.23, 1);
    z-index: -1;
}
.col-chitiet-sp .product-title {
    border-bottom: 0.05rem solid rgba(64, 46, 50, 0.2);
    color: var(--fs-color-success);
    font-weight: 600;
    font-size: 22px;
}
.btn-cir a {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.sec-whyus {
    position: relative;
    z-index: 10;
    isolation: isolate;
    height: 100%;
}
.img-whyus-1 .img-inner img {
    opacity: 0.1;
}
		.col-left-whyus {
    margin-top: -51px;
}
    .img-whyus-2 {
        z-index: 5;
        position: absolute;
        top: 56%;
        left: 13.5%;
    }
	.sec-chungchi {
    height: unset;
}
.row-slide-chungchi {
}
	.text-tamnhin {
    padding: 20px 20px 0;
}
    .img_bubble img {
        border-radius: 100%;
        border: 3px solid var(--fs-color-secondary);
        height: 17vw;
        object-fit: cover;
    }
		.col-right-chungchi {
    margin-top: 53px;
    margin-left: 20px;
}
	.blog_tintuc_right .box-image {
    width: 19% !important;
}
	.blog_tintuc_right .box-text {
    padding-top: 24px;
		}
    .text-chungchi {

        position: unset;        top: 78px;        z-index: 10000;
        left: 27px;
        width: 100%;        /* right: 0; */
    }
    .row_text_chung_chi {
        z-index: 9;
        position: absolute;
        width: 100% !important;
        top: 0%;
        left: 4%;
        height: 100%;
    }
	    .row-slide-danhgia {
        width: 125% !important;
    }
		.row-slide-danhgia  .col.slick-slide{
		}

    .box-danhgia .testimonial-meta {
order: 1;
        margin-left: 20px;
        width: 100%;
        background: #ffffff;
        border-radius: 0 2rem 2rem 0;
        position: relative;
    }
		.box-danhgia .star-rating {
    top: 50px;
}
	.thongtin-lienlac h2 {
    margin-bottom: 20px;
            font-size: 29px;   color: var(--fs-color-success);
}
		.text-tutam h2 {
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
			-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: var(--fs-color-success);
    font-size: 25px;
}
.text-chungchi-2 h3 {
        font-size: 28px;
        color: #402e32;
    }
.sec-quytrinh .img-dautrang img {
    height: 250px;
}
    .sec-quytrinh .img-dautrang {
        margin-left: 6px;
    }
.sec-quytrinh .img-cir {
    position: absolute;
    top: -23px;
    left: -49px;
}
    .text-quytrinh p {
        opacity: 0.7;
        margin-top: 10px;
        color: #fff;
        font-size: 13px;
    }
	.img-quytrinh .img-inner img, .img-quytrinh .img-inner, .img-quytrinh {
    height: 68%;
    border-radius: 100rem;
}
    .col-hethong .col-inner {
        overflow: visible;
        height: 14rem;
        z-index: 1;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
		margin-top: -67px;
        border-radius: 0 0 100rem 100rem;
    }
	    .img-quytrinh .img-inner img, .img-quytrinh .img-inner, .img-quytrinh {
        height: 76%;
        border-radius: 100rem;
    }
	    .img-quytrinh {
        position: absolute;
        top: 89%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);
    }
    .img-quytrinh .img-inner img, .img-quytrinh .img-inner, .img-quytrinh {
        height: 69%;
        border-radius: 100rem;
    }
    .img-quytrinh {
        position: absolute;
        top: 98%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);
    }
    .col_httmm_content.medium-3 {
        flex-basis: 30%;
        max-width: 30%;
    }
	.footer_logo_wrapped, .footer_link_wrapped {
    padding: 22px 1rem .3rem;
    align-content: center;
}
		.footer_logo_wrapped .col-inner {
			display:flex;
			justify-content:center;
		}
.sec-hethong .text-phuongcham {
    margin-top: 0;
}
	.sec-dadat .text-chungchi h2 {
        font-size: 26px;    color: var(--fs-color-success);
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
}
    .text-phuongcham h2 {
        color: var(--fs-color-success);
        font-size: 18px;
    }
    .text-chatluong h3 {
        font-size: 19px;
        color: rgba(64, 46, 50, 0.7);
    } 
	.text-chatluong p {
    color: rgba(64, 46, 50, 0.7);
    font-size: 14px;
}
.text-phuongcham p {
    margin-bottom: 5px;
    font-size: 12px;
}
		.col-img ,
		.col_aboutUs_left  {
			display:flex;
		justify-content:center;
		align-items:center;
		}
		.text-xaydung {
			padding-left:20px;
		}
.sec-cotloi .img-cir {
    position: absolute;
    top: -20px;
    left: 9px;
}
	h3.product-section-title {
    color: var(--fs-color-success);
    font-weight: 700;
    font-size: 25px;
    text-transform: none;
}
.col-tamnhin {
    margin-left: 23px;
}
	.shop-container .products .contact-button {
    top: 8%;
    left: 2%;
}
 .img-quytrinh {
        z-index: 45;
	        position: relative;

    }
    .contact-card {
        padding: 0px 20px 25px;    }
.img_bubble.bottom_right img {
    height: 10.5vw!important;
}
    .img_bubble.top_right img {
        height: 9vw!important;  
		}
.sec-quytrinh .col_quytrinh_right .img-cir {
    position: absolute;
    top: -2.9vw;
    left: -49px;
}
		.icon-view{
			display:none;
		}
	    .text-phuongcham h2 {
        color: var(--fs-color-success);
        font-size: 18px;
    }
    .text-tamnhin  {
        font-weight: 600;
        font-size: 12px;
        height: 20vw;}
    .img-tam-nhin img {
        border-radius: 100%;
        height: 18.9vw;
    }
    .img-icon {
        position: absolute;
        top: 75%;
        left: 51%;
        transform: translate(-50%, -50%);
        z-index: 10;
    }
.col-tamnhin{
			position:relative;
		}
    .col-tamnhin .col-inner {
        overflow: visible;
        /* top: -151px; */
        /* left: 5px; */
        /* position: absolute; */
        border-radius: inherit;
        /* margin-right: 57px !important; */
        height: 21rem;
        z-index: 1;
        background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, #d09716 108.76%);
        margin-top: -87px;
        border-radius: 0 0 100rem 100rem;
    }
		.sec_trietly .col.medium-5.small-12.large-5 {
		}
	.col-left-whyus .col-inner {
    position: relative;
}
    .sec_aboutUs .img-whyus-2 {
        z-index: 5;
        position: absolute;
     left: 7.5%;
    }
    .sec-dadat .col-left-whyus .col-inner::before {
        content: "";
        width: 3.7rem;
        height: 3.0rem;
        position: absolute;
        top: 0px;
        left: 75%;
        background: linear-gradient(360deg, var(--fs-color-primary) -54.26%, #6d4c00 94.68%);
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
    }
	.product-category .box-text.text-center h5 {
    position: relative;
    opacity: 1;
    pointer-events: none;
        transform: none;    transition: all 0.8s cubic-bezier(0.61, 0.22, 0.23, 1);
    z-index: 5;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}
		#ux-block-modal {
    position: fixed;
    top: -127px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url(http://localhost/huutin/wp-content/uploads/2025/01/bg-regis-sec.png);
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 1;
    z-index: 9999;
    background-color: #fff;
}
	.text-quytrinh{
padding-right:30px;
    }
	.shop-container .related-products-wrapper .contact-button {
    top: 6%;
    left: 2%;
}
	.img_bubble.bottom_right img {
    height: 95px;
}
	.col_quytrinh_right .img_bubble img {
    height: 127px;
}

	#custom-modal-block {
    display: none;
    position: fixed;
    top: -173px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://detmay.theme.trueads.vn/wp-content/uploads/2025/01/bg-regis-sec-1.png) no-repeat center center;
    background-size: cover;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
		.product-category .box .box-text-see i{
			padding-right:5px;
		}

		.shop-container     .product-small .box-text p a {
        display: block;
        text-transform: uppercase;
        color: #402e32;
        font-size: 16px;
        font-weight: 600;
        margin-top: 53px;
    }
		.shop-container .contact-button {
    color: #000;
    opacity: 1;
    position: absolute;
    top: -102%;
    left: 2%;
    background: linear-gradient(90deg, var(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
    width: 100%;
    padding: 10px 0;
    transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
}
.product-category .box .box-text-see a.view-product-link {
    opacity: 1;
    pointer-events: none;
    z-index: 6;
    transform: translateY(3rem);
    transition: all 0.9s cubic-bezier(0.61, 0.22, 0.23, 1);
    height: 3em;
    transform: translateY(0);
    display: flex
;
	        gap: 20px;
    align-items: center;
    padding: 0px 10px 0px;
    color: #000;
    position: relative;
    border-radius: 100rem;
    outline: none;
    border: none;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
	order: 1;
    margin-top: 20px;
}
	.sec-dadat	    .col-left-whyus .col-inner {
        position: relative;
        padding-left: 30px;
    }
.col-chatluong:nth-child(2) {
    margin-top: 0;
}
.col-chatluong:nth-child(3) {
    margin-top: 0;
}
.sec-cotloi .img-dautrang {
    margin-left: 20px;
}
    .col-left-whyus {
        margin-top: -44px;
    }
.sec-dadat .img-whyus-1 .img-inner img {
    opacity: 0.1;
}
.sec-dadat .img-whyus-2 {
    width: 122% !important;
    z-index: 5;
    position: absolute;
    top: 29%;
    left: -9%;
}
.sec-dadat .text-chungchi {
    margin-top: 0;
}
    .blog-tintuc .badge .badge-inner {
        position: absolute;
        top: 0rem;
        right: -12rem;
        background: var(--fs-color-success);
        border-radius: 0.4rem 1.2rem;
        color: #fff;
        display: flex
;
        /* align-items: center; */
        justify-content: center;
        flex-direction: column;
        /* padding-inline: 1rem; */
        width: 4rem;
        height: 4rem;
        border-color: var(--fs-color-success);
        text-transform: uppercase;
        line-height: 1.3;
    }
.row-slide-tintuc {
    padding-left: 0px !important;
}
.product-category .box .box-image img {
    height: 100%;
}
.thongtin-lienlac h4 {
    font-size: 24px;
    color: var(--fs-color-success);
    font-weight: 600;
    margin-bottom: 15px;
}
		.sec-map .text-chungchi h2 {
    font-size: 23px;
    font-weight: 500;
    color: var(--fs-color-success);
}
    .sec-map .text-chungchi {
        display: flex
;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        top: -47px;
        z-index: 10000;
        left: 18px;
        width: 67%;
        /* right: 0; */
    }
.text-xaydung h2 {
    font-size: 27px;
    color: var(--fs-color-success);
}
.text-xaydung p {
    color: rgba(64, 46, 50, 0.65);
    font-size: 13px;
    font-weight: 500;
}
.col-list-cate {
    padding: 0 15px 5px;
}
    .product-category .box-text.text-center h5 {
        padding-bottom: 0px;
    }
.footer_description p {
    padding-right: 0;
}
.sec-dadat .img-whyus-1 {
    background: var(--fs-color-secondary);
    border-radius: inherit;
    overflow: hidden;
    z-index: 1;
    border-radius: 0 0 300px 300px;
    margin-top: -74px !important;
    margin-bottom: 0;
}

}
@media screen and (max-width: 549px) {
	.col-tamnhin {
		position:relative;
	}
    .img-icon {
        position: absolute;
        top: 73%;
        left: 51%;
        transform: translate(-50%, -50%);
        z-index: 10;
    }
	input#woocommerce-product-search-field-1 {
    color: #fff !important;
    border-color: #fff;
}
	    .medium-logo-left .flex-right {
        flex: 5 1 0;
    }
    .text-tamnhin {
        font-weight: 600;
        font-size: 12px;
        height: 37vw;    }
    .row-slide-chungchi .col.large-4 .col-inner {
        display: flex
;
        justify-content: center;
        align-items: center;
    }
.row-slide-chungchi {
    height: 300px;
}
.sec_chungchi .img-whyus-1 {
    background: var(--fs-color-secondary);
    border-radius: inherit;
    overflow: hidden;
    z-index: 1;
    border-radius: 0 0 300px 300px;
    height: 600px;
    margin-bottom: -81px !important;
}


	.row-slide-chungchi .col.large-4 {
/*     flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; */
}
.col_tamnhin .img-tam-nhin {
    margin: 0 auto;
    margin-top: 15px;
}
.tab-sanpham-noibat ul li a::before {
    content: "";
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 0.2rem;
    background-color: #402e32;
    opacity: 0.2;
    transform: rotate(45deg);
}
.text-email span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    opacity: 0.8;
}.text-email p:nth-child(2) {
    line-height: 13px;
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 22px;
}

.shop-container .products .contact-button {
        top: 4%;
        left: 0%;
    }
    .sec-quytrinh .col_quytrinh_right .img-cir {
        position: absolute;
        top: -8vw;
        left: -4vw;
    }
.img_bubble.top_right {
    top: -5%;
    right: 18%;
}
	.img_bubble.bottom_right img {
		        height: 21vw !important;

	} 
    .img_bubble.left img {
        height: 23vw !important;
    }
.img_bubble.top_right img {
        height: 21vw !important;
    } 
.img_bubble.left {
    left: -8px;
    top: 49%;
}
.col_quytrinh_right .img_bubble img {
        height: 84px;
    }

    .tab-sanpham-noibat ul {
        padding-bottom: 20px;
        /* display: none; */
        display: grid
;
        grid-template-rows: repeat(2, 1fr);
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-left: 19px;
    }
	.tab-sanpham-noibat ul li {
		font-size:15px;
	}
    .sec_aboutUs .img-whyus-2 {
        z-index: 5;
        position: absolute;
        left: 11.5%;
    }

	.sec-dautrang{
		padding-top:80px!important;
	}
.contact-card {
        padding: 10px 20px 20px 10px;}
	.shop-container .product-small .icon-view {
    position: absolute;
    top: -138%;
    left: 45%;
    transform: translate(-50%, -50%);
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #402e32;
    column-gap: 0.8rem;
    z-index: 10;
}
    .shop-container .contact-button {
        color: #000;
        opacity: 1;
        position: absolute;
        top: -60%;
        left: 2%;
        background: linear-gradient(90deg, var(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
        width: 100%;
        padding: 10px 0;
        transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
    }
	.product-small .icon-view {
    position: absolute;
    top: -138%!important;
    left: 45%;
    transform: translate(-50%, -50%);
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #402e32;
    column-gap: 0.8rem;
    z-index: 10;
}

	    .img-whyus-1 .img-inner img {
        opacity: 0.1;
    }
.text-chungchi h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px;
}

.text-vecong-nghe p:nth-child(1) {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}
.text-vecong-nghe p:nth-child(1) > span {
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 26px;
    font-weight: 600;
}
.img-cir {
    position: absolute;
    top: -24px;
    left: -10px;
}
    .product-small .box-text p a {
        display: block;
        text-transform: uppercase;
        color: #402e32;
        font-size: 14px;
        font-weight: 600;
        margin-top: 58px;
    }
    .contact-button {
        color: #000;
        opacity: 1;
        position: absolute;
        top: 11% !important;
        left: 2%;
        background: linear-gradient(90deg, var(--fs-color-primary) 0%, var(--fs-color-secondary) 174.72%);
        width: 100%;
        padding: 10px 0;
	        font-size: 11px;
        transition: opacity 0.8s ease, border-radius 0.8s ease, transform 0.8s ease;
    }
    .col-contact-cty .col-inner::after {
        content: "";
        background: linear-gradient(270deg, var(--fs-color-primary) -7.75%, var(--fs-color-secondary) 109.5%);
        width: 100%;
        height: 22.5rem;
        top: 102%;
        left: 0;
        position: absolute;
        border-bottom-left-radius: 5rem;
        border-bottom-right-radius: 5rem;
        transform: translateY(-100%);
        transition: all 0.8s cubic-bezier(0.61, 0.22, 0.23, 1);
        z-index: -1;
    }


    .col-left-whyus .col-inner {
        position: relative;
        display: flex
;
        justify-content: center;
    }
.col-left-whyus .col-inner::before {
    content: "";
    width: 2.7rem;
    height: 2.3rem;
    position: absolute;
    top: -1px;
    left: 91%;
    background: linear-gradient(360deg, var(--fs-color-primary) -54.26%, #6d4c00 94.68%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
	    .col-left-whyus {
        margin-top: -35px;
    }
    .img-whyus-2 {
        z-index: 5;
        position: absolute;
        top: 56%;
        left: 16%;
    }
	.row-sanpham-noibat {
    margin-top: 5px;
}
    .text-sanpham-noibat p {
        font-size: 28px;
        color: #402e32;
        font-weight: 700;
        margin-bottom: 5px;
        text-transform: uppercase;
    }
.text-chungchi {
        padding-top: 72px;
        padding-bottom: 14px;
    }
    .tab-sanpham-noibat ul li a > span {
        padding-left: 10px;
        font-size: 9px;        font-weight: 600;
    }
.tab-sanpham-noibat ul {
    padding-bottom: 20px;
    gap: 6px;
}
.text-tencty-cty h4 {
    font-size: 13px;
    font-weight: 500;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, var(--fs-color-secondary) 108.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* background-clip: text; */
    text-fill-color: transparent;
    /* padding-top: 0.2rem; */
}
	.text-gioithieu-cty h1 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px;
    padding-top: 20px;
}
.sec_chungchi .col-left-whyus .col-inner {
        position: relative;
        display: flex
;
        justify-content: center;
        flex-direction: column;
    }

	.col-left-cong-nghe  {
order:2;}
.col-left-cong-nghe .col-inner {
    margin-top: 0;
}
    .text-chungchi {
        position: unset;
        z-index: 10000;
        width: 100%;
        /* right: 0; */
    }
    .sec_chungchi .text-chungchi {
        position: unset;
        top: 13px;
        z-index: 10000;
        left: -8px;
        width: 100%;
        /* right: 0; */
    }
.text-chungchi-2 h4 {
    font-size: 30px;
    color: #402e32;
    font-weight: 600;
    margin-bottom: 0;
}
	.row-tintuc .col.small-12.large-12{

padding:0 15px 0;
}
.col-right-chungchi {
        margin-top: 151px;
        margin-left: 0;
    }
	.sec-chungchi .img-whyus-1 .img-inner img {
    opacity: 0.1;
    height: 100%;
}
    .blog-tintuc-right .box-vertical .box-image {
        width: 30% !important;
    }
	.blog_tintuc_right .box {
		display:flex;
	}
.blog-tintuc-right .box-text {
    padding-bottom: 15px;
    padding-top: 0;
    padding-left: 10px;
}
.blog-tintuc-right p.from_the_blog_excerpt {
    order: 3;
    color: rgba(64, 46, 50, 0.65);
    font-size: 0.7rem;
    font-weight: 600;
}
    .sec-quytrinh .img-dautrang img {
        height: 60vw;
    }
    .sec-quytrinh .img-dautrang {
        margin-left: 54px;
    }
    .col_htmm_item .img-quytrinh .img-inner img {
        height: 24vw !important;
        border-radius: 100rem;
    }
.sec-quytrinh .img-cir {
        position: absolute;
        top: -23px;
        left: -30px;
    }
.col-hethong {
    overflow: visible;
    margin-right: 0;
}
.sec-hethong .large-2 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
}
    .col_httmm_content.medium-3 {
        flex-basis: 100%;
        max-width: 100%;
    }
.text-phuongcham {
    margin-top: 0;
}
.sec-map .col-left-whyus {
    margin-top: 0;
    /* order: 1; */
}
    .sec-map .text-chungchi {
        display: flex
;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        top: 44px;
        z-index: 10000;
        left: 1px;
        width: 100%;
        /* right: 0; */
    }
.sec-map .img-whyus-1 .img-inner img {
    opacity: 0.1;
    height: unset;
}
    #custom-modal-block {
        display: none;
        position: fixed;
        top: -8px;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(https://detmay.theme.trueads.vn/wp-content/uploads/2025/01/bg-regis-sec-1.png) no-repeat center center;
        background-size: cover;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }
.sec-map .img-whyus-1 {
    /* background: var(--fs-color-secondary); */
    border-radius: inherit;
    overflow: hidden;
    z-index: 1;
    border-radius: unset;
    margin-bottom: -81px !important;
    background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, #d09716 108.76%);
}
    .sec-dadat .col-left-whyus .col-inner {
        position: relative;
        padding-left: 0;
    }
    .col-tamnhin {
        margin-left: 0;
    }
    .col-tamnhin .col-inner {
        overflow: visible;
        /* top: -151px; */
        /* left: 5px; */
        /* position: absolute; */
        border-radius: inherit;
        /* margin-right: 57px !important; */
        height: 22rem;     z-index: 1;
        background: linear-gradient(135.96deg, var(--fs-color-primary) -10.77%, #d09716 108.76%);
        margin-top: 0;
        border-radius: 0 0 100rem 100rem;
    }
    .row-3-hinh-cong-nghe .img-congnghe img {
        height: 94px;
    }
.img-tam-nhin {
    margin: 0 auto;
    margin-top: 14px;
}   
.sec-dadat .text-chungchi {
        margin-top: 85px;
    }
    .sec-dadat .img-whyus-2 {
        width: 122% !important;
        z-index: 5;
        position: absolute;
        top: 15%;
        left: -2%;
    }.sec-dadat .img-whyus-1 {
    background: var(--fs-color-secondary);
    border-radius: inherit;
    overflow: hidden;
    z-index: 1;
    border-radius: 0 0 300px 300px;
    margin-top: -60px !important;
    margin-bottom: 0;
}
.sec-dadat .col-left-whyus .col-inner::before {
    content: "";
    width: 2.7rem;
    height: 2.0rem;
    position: absolute;
    top: -58px;
    left: 86%;
    background: linear-gradient(360deg, var(--fs-color-primary) -54.26%, #6d4c00 94.68%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
	.sec-map .col-left-whyus .col-inner::before {
		display:none;
	}
.blog-tintuc .badge .badge-inner {
        position: absolute;
        top: 0rem;
        right: -35vw;
        background: var(--fs-color-success);
        border-radius: 0.4rem 1.2rem;
        color: #fff;
        display: flex
;
        /* align-items: center; */
        justify-content: center;
        flex-direction: column;
        /* padding-inline: 1rem; */
        width: 4rem;
        height: 4rem;
        border-color: var(--fs-color-success);
        text-transform: uppercase;
        line-height: 1.3;
    }
.blog-tintuc-right .box-image .image-cover {
    border-radius: 10px;
    margin-bottom: 12px;
}
.product-small .icon-view {
    position: absolute;
    top: -199%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #402e32;
    column-gap: 0.8rem;
    z-index: 10;
}
#at_posts_related .post-title, .blog-tintuc-right .post-title {
    order: 2;
    font-size: 13px;
    font-weight: 600;
    color: #402e32;
}
.sec_thongtin .post-item h5 a {
    font-size: 14px;
    min-height: 35px;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
#at_posts_related p.from_the_blog_excerpt, .blog-tintuc-right p.from_the_blog_excerpt {
    order: 3;
    color: rgba(64, 46, 50, 0.65);
    font-size: 0.7rem;
    font-weight: 600;
}
.sec-giatri .img-cir {
    position: absolute;
    top: -5vw;
    left: 56px;
}
    #at_posts_related .badge .badge-inner {
        position: absolute;
        top: 0.4rem;
        right: -33vw;
        background: var(--fs-color-success);
        border-radius: 0.4rem 1.2rem;
        color: #fff;
        display: flex
;
        /* align-items: center; */
        justify-content: center;
        flex-direction: column;
        /* padding-inline: 1rem; */
        width: 3rem;
        height: 3rem;
        border-color: var(--fs-color-success);
        text-transform: uppercase;
        line-height: 1.3;
    }
#at_posts_related .badge .post-date-month,
#at_posts_related .badge .post-date-day {

    font-size: 9px;
}
.large-columns-4>.col.product-category {
    flex-basis: 100%;
    max-width: 100%;
}
.slide-first-content {
    padding-top: 0;
}
    .btn-cir a {
        font-size: 14px;
        font-weight: 700;
        color: #000;
    }
	.slide-first-content .btn-cir {
	display: flex
;
    justify-content: center;
    align-items: center;	
	}
.row-3-hinh-cong-nghe .col {
    max-width: 7rem;
    margin-right: 7px;
}
    .img-quytrinh {
        position: absolute;
        top: 91%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        transition: all 0.4s cubic-bezier(0.61, 0.22, 0.23, 1);
    }
    .img-quytrinh .img-inner img, .img-quytrinh .img-inner, .img-quytrinh {
        height: 76%;
        border-radius: 100rem;
    }
.footer_link {
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
    /* column-gap: 0; */
    /* justify-content: center; */
    /* row-gap: 1rem; */
    align-items: center;
}
.footer_link p {
margin-bottom:5px;
text-align:center;
	width: 33.3333%;
}
.footer_socialIcon_wrapp > .col-inner {
    margin-top: 1.55rem;
    margin-left: 34px;
}
.page-wrapper {
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.img-ribbon img {
    animation: lightSpeedInRight 1s ease-out forwards;
    height: 481px;
}
	.text_gioithieu_cty h1, .sec_productFavorite .text-sanpham-noibat p {
		font-size: 6.6vw;
	}

    .img-tam-nhin img {
        border-radius: 100%;
height: 37.9vw;    }
    .sec_aboutUs .img-whyus-2 {
        left: 17vw;
    }
.img-whyus-1 {
    padding-bottom: 2em;
}
    .row-slide-danhgia {
        width: 110% !important;
    }
	.sec_productFavorite .tab-sanpham-noibat ul li a > span {
        font-size: 2.2vw;
		padding-left: 5px;
    }
	.sec_productFavorite .tab-sanpham-noibat ul li, .contact-button {
		font-size: 2.2vw;
	}
	.sec_productFavorite .tab-sanpham-noibat ul {
		gap: 0;
	}
	.product-small .icon-view {
		top: -75% !important;
	}
	.product-small:hover .icon-view a.view-details {
		font-size: 2.8vw;
	}
	.sec_vecongnghe .row-3-hinh-cong-nghe .col .col-inner::before {
		left: 100%;
	}
	.sec_vecongnghe .text-vecong-nghe p:nth-child(1) > span {
		font-size: 6.1vw;
	}
	.btn-cir i {
		margin-right: 19px;
	}
	.btn-cir {
		align-content: center;
	}
	.sec_chungchi .col-left-whyus {
        margin-top: -52px;
    }
	#footer .footer_contact > p:first-child {
		font-size: 3.7vw;
	}
	.footer_socialIcon_wrapp > .col-inner {
        margin-top: -15px;
		margin-left: 0;
    }
	#at_posts_related .post-meta, .blog-tintuc-right .post-meta {
		padding-bottom: 2px;
	}
	.sec_chungchi .text-chungchi h2 {
		font-size: 6.1vw;
	}
	.col_right_chungchi .text-chungchi-2 h3 {
        font-size: 6.5vw;
    }
	.sidebar-menu .search-form, li.header-newsletter-item  {
		display: none !important;
	}
	.sidebar-menu, .mfp-content, .nav-sidebar.nav-vertical>li.menu-item.active {
		background: var(--fs-color-success) !important;
	}
	li.header-social-icons > .social-icons {
		text-align-last: center;
		justify-content: space-between;
    	display: flex;
	}
	.nav>li>a>i.icon-menu {
		font-weight: 900 !important;
		color: var(--fs-color-primary);
	}
	.off-canvas .nav-vertical>li>a {
		font-weight: 700 !important;
		font-size: 16px;
		color: #fff;
	}
	ul.nav.nav-sidebar {
		color: transparent;
		position: unset;
	}
	ul.nav.nav-sidebar .icon-angle-down {
		color: var(--fs-color-primary);
		font-weight: 800 !important;
	}
	.off-canvas .nav-vertical li li {
		padding: 7px;
	}
	.off-canvas .nav-vertical li li>a {
		color: #fff !important;
		font-weight: 600;
		padding: 4px 22px;
		font-size: 14px; 
		padding-left: 25px !important;
	}
	.html.header-social-icons  a.icon.button.circle {
		border: none;
    	color: #fff;
	}
	.html.header-social-icons  a.icon.button.circle i {
		margin-top: 5px;
	}
	.nav-sidebar.nav-vertical>li+li {
		border-top: none;
	}
    .nav-sidebar.nav-vertical>li.html.header-social-icons {
		position: absolute;
		bottom: 0;
	}
	.sub-menu.nav-sidebar-ul.children {
		padding-bottom: 0 !important;
	}
	.nav-sidebar.nav-vertical>li.menu-item:hover a {
		color: var(--fs-color-primary);
	}
    .row-first-content .img-cir {
        position: absolute;
        top: -23px;
        left: -12px;
    }
	.img_bubble img {
        height: 124px;
    }
	.col_pchd .text-phuongcham h2 {
		font-size: 6.2vw;
	}
	.sec-dadat .text-chungchi h2 {
		font-size: 6.5vw;
	}
	.thongtin-lienlac h2 {
		font-size: 7.2vw;
		padding-right: 50px;
	}
/* 	.sec-page-tintuc .blog-tintuc .badge .badge-inner {
		top: unset;
		right: unset;
		left: unset;
	}
	.sec-page-tintuc .badge.absolute.top.post-date.badge-outline {
		left: unset;
		right: 0;
		width: 15px;
		height: 15px;
	} */
	
	
	
    #ux-block-modal {
        position: fixed;
        top: -2px;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-image: url(http://localhost/huutin/wp-content/uploads/2025/01/bg-regis-sec.png);
        display: none;
        align-items: center;
        justify-content: center;
        opacity: 1;
        z-index: 9999;
        background-color: #fff;
    }
	
	.swiper-slide {
	    display: block;

/*     width: 500px !important; */
}
		.swiper-3d .swiper-slide-shadow-right,
	.swiper-3d .swiper-slide-shadow-left {
    background-image: none;
}
.shop-container	.flickity-viewport {
		    height: 400px!important;
	}
/* 	.row-slide-chungchi .img {
		width:200%!important;
	} */
	
	    .product-gallery-slider img {
        width: 100%;
        height: 93vw;
        border-radius: 8px;
        object-fit: cover;
    }
	.box-danhgia .testimonial-meta {
    padding: 1rem 1rem 2rem;
}
	.header-wrapper.stuck {
    position: fixed !important;
}
}
.searchform .button.icon i {
    color: #fff;
}
.text-lienhe-map p,.text-lienhe-map h2 {
    color: #000;
}
.text-lienhe-map{
	padding-top: 10px;
}