/*
--e-global-color-primary: #891B04;
--e-global-color-secondary: #54595F;
--e-global-color-text: #100606;
--e-global-color-accent: #61CE70;
--e-global-color-fe32335: #2F1010;
--e-global-color-664f1a1: #88654F;
--e-global-color-27bbd9e: #DF4958;
--e-global-color-4d1947a: #1581C2;
--e-global-color-9fead8d: #100606;
--e-global-color-9a13a3e: #F7EEA4;
--e-global-color-d69f219: #DCE6D7;
--e-global-color-66f70e6: #456138;
--e-global-color-fad6581: #ECE4DA;
--e-global-color-a7ccbc8: #BE8246;
--e-global-color-8d7b472: #EDCCCE;
--e-global-color-b2e7131: #F8F3F3;
*/

/* #wpadminbar{
	display: none!important;
} */

/* --- RESET & BASE --- */
#preloader {
  position: fixed;
  inset: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  overflow: hidden;
}

.preloader-content {
  display: flex;
  align-items: center;
  gap: 20px;
  opacity: 1;
  transition: opacity 0.6s ease;
}

/* --- LOGO ANIMATION --- */
.preloader-logo {
  width: 40px; /* tùy chỉnh */
  opacity: 0;
  transform: translateX(100%);
  animation: logoSlideIn 1.2s ease forwards;
}

/* --- SLOGAN ANIMATION --- */
.preloader-slogan {
  width: 220px; /* tùy chỉnh */
  opacity: 0;
  animation: sloganFadeIn 0.8s ease forwards;
  animation-delay: 1.3s; /* sau khi logo chạy xong */
}

/* --- KEYFRAMES --- */
@keyframes logoSlideIn {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes sloganFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* --- HIDE PRELOADER AFTER FINISH --- */
body.loaded #preloader {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0s 0.6s;
}

.custom-post-cat{
	display: inline-block;
	padding: 9px 30px;
	color: #fff;
	border-radius: 16px;
	background-color: #1581C2;
	font-size: 14px;
	line-height: 1;
}

.custom-post-cat.term-1{
	background-color: #DF4958;
}
.header-navigation{
	border-radius: 0 0 0 20px;
	overflow: hidden;
}

.header-navigation.elementor-widget .elementor-icon-list-items.elementor-inline-items{
	flex-wrap: nowrap
}

.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item > a{
    height: 90px;
    flex-direction: column;
    flex-basis: 128px;
	justify-content: center;
	flex-shrink: 0;
	gap: 12px;

}

.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item svg{
	height: 38px;
	width: auto;
}

.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item .elementor-icon-list-text{
	   padding-inline-start: 0;
}

.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:first-child{
	background: var(--e-global-color-8d7b472);
	border-bottom-left-radius: 20px;
}



.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:first-child .elementor-icon-list-text{
	color: var(--e-global-color-primary);
}

.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:nth-child(2){
	background: var(--e-global-color-fad6581);
	
}

.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:nth-child(2) .elementor-icon-list-text{
	color: var(--e-global-color-a7ccbc8);
}


.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:nth-child(3){
	background: #F8F3F3;
	
}

.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:nth-child(3) .elementor-icon-list-text{
	color: #A71A27;
}


.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:nth-child(4){
	background: #DCE6D7;
	
}

.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:nth-child(4) .elementor-icon-list-text{
	color: #456138;
}


.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:nth-child(5){
	background: #891B04;
}

.header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:nth-child(5) .elementor-icon-list-text{
	color: #F0BBC5;
}
/* .header-navigation .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:last-child:hover{
	background-color: #FFEFF1;
}
 */
.section-home-mask-image:before{
	mask-image: url(/wp-content/uploads/2025/10/about-bg-mask.png);
/* 	background-color: rgba(236, 202, 201, 0.40); */
	mask-size: 87%;
	mask-position: top left;
	mask-repeat: no-repeat;
	backdrop-filter: blur(40px);
}
.menu--our-services .elementor-nav-menu__container li.menu-item a.elementor-item:hover{
	color: var(--e-global-color-primary);
}
.menu--our-services li.menu-item a.elementor-item:after{
	content: "";
	background: url(/wp-content/uploads/2025/10/Arrow-Forward.png);
	width: 12px;

	height: 12px;
	    opacity: 1 !important;
    height: 12px;
    right: 0;
}

.menu--our-services .elementor-nav-menu__container li.menu-item a.elementor-item:hover:after{
	right: -5px;
}

.main-footer:before{
	height: 10px!important;
}

.search-popup.elementor-popup-modal.dialog-type-lightbox .dialog-widget-content{
	    background: linear-gradient(77deg, rgba(255, 255, 255, 0.50) -7.84%, rgba(255, 255, 255, 0.20) 109.62%, rgba(255, 255, 255, 0.70) 109.62%);
    background-blend-mode: overlay, normal;
    backdrop-filter: blur(40px);
}
.dialog-close-button{
	border-radius: 8px;
    padding: 8px;
	background-color: #FAD4E5;
}

.menu-popup .e-search-form .e-search-submit,
.search-popup .e-search-form .e-search-submit  {
	    position: absolute;
    right: 15px;
    top: 6px;
}

.search-popup .elementor-widget-search{
	width: 100%;
}

.section-top-page{
	padding-bottom: 10px;
	padding-top: 150px;
	background-color: #FFFCF6;
	background-image: url('/wp-content/uploads/2025/11/bg-top.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom center;
}

.section-top-page.without-subtitle{
	padding-bottom: 50px;
}

.card-selection.elementor-element{
	background-color: transparent;
	border-radius: 32px;
}


.card-selection .card-selection--graphic{
  -webkit-filter: grayscale(100%); /* For Safari and older Chrome */
  filter: grayscale(100%);
	height:  160px;
}


.card-selection .card-selection--title{
	color: #393939;
}

.card-selection.active,
.card-selection:hover{
	background-color: #fff;
}

.card-selection.active .card-selection--graphic{
	-webkit-filter: grayscale(0); /* For Safari and older Chrome */
  filter: grayscale(0);
}

.card-selection:not(.active):hover .card-selection--tag{
	transform:  translateY(5px);
	background-color: #000!important;
}

.card-selection.active .card-selection--tag{
	background-color: var(--e-global-color-primary)!important;
}

.img-ratio-1-1,
.img-ratio-1-1 img{
	aspect-ratio: 1/1;
	object-fit: cover;
}

.card-selection.active .card-selection--title *{
	color: var(--e-global-color-primary)!important;
}
.card-selection.active .card-selection--icon svg{
	fill: var(--e-global-color-primary)!important;
}

.card-selection:not(.active):hover .card-selection--graphic{
	transform:  translateY(5px);
}

.card-selection:not(.active):hover .card-selection--icon,
.card-selection:not(.active):hover .card-selection--title{
	transform:  translateY(-5px);
}

.card-selection:not(.active):hover .card-selection--title *{
	color:  #000!important;
}

.elementor-widget-n-accordion details.e-n-accordion-item{
	 border-bottom: 1px solid rgba(136, 101, 79, 1);
	padding-bottom: 32px;
}

.elementor-widget-n-accordion details.e-n-accordion-item[open] .e-n-accordion-item-title-icon svg line{
	stroke: var(--n-accordion-title-active-color);
}

.u-navigations ul{
	padding: 0;
	display: flex;
	list-style:  none;
	gap: 34px;
	margin: 0;
}

.u-navigations ul li{
	width: 50px;
	display: flex;
	align-items: center;
	height: 50px;
	padding: 10px;
	border-radius: 100px;
	background: var(--e-global-color-primary, #891B04);
	justify-content: center;
	cursor: pointer;
}
/* 
.fullwidth-carousel .swiper {
    overflow: visible !important;
}
 */
#loopEvents.elementor-pagination-type-progressbar{
	padding-bottom: 20px;
}

#loopEvents.elementor-pagination-type-progressbar .swiper-pagination{
	top: auto;
	bottom: 0;
	background-color: transparent;
}

.elementor-field-group .elementor-field-textual{
	padding: 18px 20px;
}

.elementor-form .elementor-field-type-acceptance .elementor-field-subgroup label{
	font-size: 12px!important;
}

input[type="checkbox"] {
	margin-right: 12px;
	border: 1px solid var(--Color-Base-Color-Light-Grey, #D4C9C3);
background: var(--Color-Container-Container-brown-3, #FFFCF6);
	vertical-align: middle;
  accent-color: #891B04; /* đổi màu tick */
  width: 20px;
  height: 20px;
  border-radius: 0; /* bo góc nhẹ */
}

p:last-of-type{
    margin-block-start: 0;
    margin-block-end: 0;
}

label[for="form-field-field_7b65326"]{
	cursor: pointer;
}