/*
	Theme Name: Coatings Child
	Description: This is a child theme for Coatings Theme
	Author: VEAS
	Template: petfair2023
	Version: 3.0.2
	*/

	/*************** ADD CUSTOM CSS HERE.   ***************/
	.header-top{color:#fff;}
	.header-language-dropdown a{text-transform:uppercase;}
	.header-language-dropdown .image-icon{height:10px;}
	.header-language-dropdown .nav-dropdown{min-width:160px;padding:10px;}
	.blog-archive{padding-top:0px;}
	.section-title-normal {border-bottom: 2px solid #14bcc3;}
	.section-title-normal span{	border-bottom: 2px solid #f99e31;}
	.section-title{color:#14bcc3}
	.star-rating span::before{color:#f99e31 !important;}
	p#breadcrumbs{margin-bottom:0px;}
	h3.section-title{font-size:2.5em}
	h4.section-title{font-size:1.5em}
	.pb-30{padding-bottom:30px;}
	.pb-50{padding-bottom:50px;}
	.header-bottom-nav .header-button{
		background: #f00;
		color: #fff;
		padding: 6px 10px 6px 10px;
	}
	.header-bottom-nav .header-button a{color:#fff !important;}
	#header .flex-grow .nav-left{justify-content: flex-end !important;}
	#header-contact li{
		display:block !important;
	}
	#header-contact a{
		color:#000 !important;
		padding-top:15px;
	}
	.stuck .header-main .nav#header-contact > li > a{line-height:25px;}
	#header-contact p{
		display:block;
		width:100%;
		margin-bottom:5px;
		font-size:16px;	
	}
	#header-contact p.event-date{font-weight:bold;}
	#header-contact i{
		font-size:16px;
		color:orange;
	}
	.lang-item img{
		max-width:32px;
	}
	.lang-item:hover img{border: 1px solid #fff;}
	/*.event-box {
		display: flex;
		align-items: center;
		border: 1px solid #ddd;
		border-radius: 8px;
		padding: 10px;
		background-color: #f5f5f5;    
		height: 60px;
		width:80%;
	}

	.event-date {
		display: flex;
		align-items: center;
		padding-right: 5px;
		border-right: 1px solid #ddd;
	}

	.event-date-icon {
		display: inline-block;	
		width: 20px;
		height: 20px;   
		border-radius: 4px;
		margin-right: 15px;
	}
	.event-date-icon i{
		font-size:25px;
		color:orange;
	}

	.event-date-text {
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		color: red;
		font-weight: bold;
	}

	.event-year {
		font-family: 'Montserrat', sans-serif;
		padding-left: 15px;
		font-size: 48px;
		font-weight: 800;
		line-height: 30px;
		color: #666666;
	}*/
	.location-box {
		display: flex;
		align-items: center;
		padding: 10px;        
		margin-left: 40px;
		}
	.location-icon {
			display: inline-block;            
			border-radius: 4px;
			margin-right: 10px;
		}

	.location-box i{
		font-size:25px;
		color:orange;
	}
	/* home */
	.hero-box {
		background: rgba(255, 255, 255, 0.8);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(5px);
		border-radius: 24px;
		padding: 28px 10px;
		margin-right: 80px;
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
	}
	.border-expected {
		border: solid;
		padding: 0px 20px;
		border-radius: 20px;
		box-shadow: rgba(100, 100, 111, 0.6) 0px 7px 29px 0px;
	}
	.img-homepage img {
		width: 100%;
		border-radius: 20px;
		object-fit: cover;
		aspect-ratio: 16 / 9;
	}

	.section-title b{background:transparent !important;}
	.home .section-coatings-expo .box-text {    
		font-size: 20px;
		font-weight:bold;
	}
	/* Welcom Coatings */
	.welcome-coatings .button{
		margin-bottom:0px !important;
		width:55%;
	}
	.welcome-coatings .button.btn-hoster-buyer {
	  width: 57%;
	  margin-left: 0px !important;
	}
	.welcome-coatings .white.button.is-outline{
		border-color: #fff !important;
		color:#fff !important;
	}
	.welcome-coatings .white.button.is-outline:hover{
		color:#000 !important;
	}
	/*Expected Statistics*/
	.home .thongketrienlam{
		padding-top:20px !important;
	}
	.home .thongketrienlam .section-title{
		margin-bottom:80px;
	}
	.home .thongketrienlam .icon-box.featured-box .icon .icon-inner{
		/*background-image: linear-gradient(to top, #ff6918 0%, #ff6918 100%);*/
		background: var(--fs-color-primary); 
		border: 3px solid #fff;
	}

	.home .thongketrienlam .icon-box:hover .icon .icon-inner {    
		background: var(--fs-color-secondary);   
		border: 5px solid #fff;
	}
	.home .thongketrienlam .icon-box h5 {
		font-size: 35px;
		font-weight:bold;
		transition: .3s all ease-in-out;
	}
	.home .thongketrienlam .icon-box h6 {	
		font-size: 16px;   
	}
	.sc_solieu .button.secondary{
		border:1px solid #fff;
	}
	.home .thongketrienlam{
		padding-top:20px !important;
	}
	.home .sc_solieu .section-title{
		padding:20px 0px;
	}
	.home .sc_solieu .icon-box.featured-box .icon .icon-inner{
		/*background-image: linear-gradient(to top, #ff6918 0%, #ff6918 100%);*/
		background: var(--fs-color-primary); 
		border: 3px solid #fff;
	}

	.home .sc_solieu .icon-box:hover .icon .icon-inner {    
		background: var(--fs-color-secondary);   
		border: 5px solid #fff;
	}
	.home .sc_solieu .icon-box h5 {    
		font-size: 35px;
		font-weight:bold;
		transition: .3s all ease-in-out;
		opacity:1;
	}
	.home .sc_solieu .icon-box h6 {	
		font-size: 16px; 
		opacity:1;
	}
	.section-home-video h2 {
		font-weight: 700;
		font-size: 35px;
		line-height: 47px;
		letter-spacing: .03em;
		color: #ff6918 !important;
		margin: 0;
		margin-bottom: 20px
	}
	/* Why Coatings Section*/
	.why-coatings .section-title-center{color:#14bcc3}
	.why-coatings .section-title.section-title-normal{border: none !important;}
	.why-coatings .section-title-normal span{border: none !important}
	.why-coatings .row.row-collapse > .col {
		color:#fff;
	}
	.why-coatings .row.row-collapse > .col .col-inner{
		padding: 30px 20px;
		display:flex;
		flex-direction:column;
	}
	.why-coatings .row.row-collapse > .col h2, .why-coatings .row.row-collapse > .col h3, .why-coatings .row.row-collapse > .col h4{
		color:#fff;
	}
	.why-coatings .row.row-collapse > .col .section-title{
		color:#fff;
		margin-bottom:0px;
	}
	.why-coatings .row.row-collapse > .col h4.section-title{
		font-size: 1.2em;
	}
	.why-coatings .row.row-collapse > .col .is-divider{
		margin:0.5em 0em;
	}
	.why-coatings .row.row-collapse > .col .icon-box{
		margin-top:auto;
	}
	.why-coatings .row.row-collapse > .col .icon-box img{
		opacity:0.5;
	}
	.why-coatings .cot1 .col-inner, .why-coatings .cot3 .col-inner{
		background: #e63794;
	}
	.why-coatings .cot2 .col-inner, .why-coatings .cot4 .col-inner{
		background: #14bcc3;
	}

	/* Home Exhibitor */
	/*  fix home exhi */
	.swiper-exhibitors-slider .col.swiper-slide {
		display: flex !important;
		flex-direction: row !important;
		/* Keep Swiper's inline width in sync with its loop travel distance. */
		flex: 0 0 auto !important;
	}

	.swiper-exhibitors-slider .col.swiper-slide > .col-inner {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 8px 12px !important;
		padding: 10px !important;
	}

	/* Logo wrapper */
	.swiper-exhibitors-slider .col.swiper-slide .ux-logo {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.swiper-exhibitors-slider .col.swiper-slide .ux-logo-link {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 5px !important;
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
	}

	.swiper-exhibitors-slider .col.swiper-slide .ux-logo-image,
	.swiper-exhibitors-slider .col.swiper-slide img.ux-logo-image {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		width: auto !important;
		height: 100px !important;
		max-width: min(100px, 100%) !important;
		object-fit: contain !important;
	}
	/* end fix */
	.swiper-exhibitors-slider, .swiper-sponsors-slider, .swiper-gallery-slider, .swiper-supporters-slider{
		overflow-x:hidden;
		overflow-y:hidden;
		position:relative;
	}
	.swiper-exhibitors-slider .col.swiper-slide, .swiper-sponsors-slider .col.swiper-slide, .swiper-gallery-slider .col.swiper-slide, .swiper-supporters-slider .col.swiper-slide{
		padding:unset !important;
		flex-basis: unset !important;
		max-width: unset !important;
	}
	.row.row-small.swiper-wrapper{
		max-width: unset !important;
		flex-flow:unset !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	.swiper-exhibitors-slider .swiper-slide .ux-logo, .swiper-sponsors-slider .swiper-slide .ux-logo , .swiper-supporters-slider .swiper-slide .ux-logo{
		position: relative;
		transition: all 500ms ease;
		border: solid 1px #dce3f0;
	/* 	width: 100% !important; */
	}
	.swiper-exhibitors-slider .swiper-slide:after , .swiper-sponsors-slider .swiper-slide:after, .swiper-supporters-slider .swiper-slide:after{
		top: auto;
		bottom: -1px;
		display: none;
		transform: rotate(180deg);
	}
	.swiper-exhibitors-slider .swiper-slide .ux-logo-link, .swiper-sponsors-slider .swiper-slide .ux-logo-link, .swiper-supporters-slider .swiper-slide .ux-logo-link{
		position: relative;
		padding:0px !important;
	}

	.swiper-exhibitors-slider .swiper-slide .ux-logo-link:after, .swiper-sponsors-slider .swiper-slide .ux-logo-link:after, .swiper-supporters-slider .swiper-slide .ux-logo-link:after{
			content: "";
			display: block;
			padding-bottom: 55.55555556%;
	}
	.swiper-exhibitors-slider .swiper-slide img.ux-logo-image, .swiper-sponsors-slider .swiper-slide img.ux-logo-image, .swiper-supporters-slider .swiper-slide img.ux-logo-image{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		display: block;
		position: absolute;
		vertical-align: middle;	
		max-width: 100%;
		max-height: 100%;
	}
	/* Sponsors */
	.swiper-sponsors-slider .swiper-button-prev {
			left: 0;
		}

	.swiper-sponsors-slider .swiper-button-next {
			right: 0;
		}

	.swiper-sponsors-slider .swiper-button-prev,
	.swiper-sponsors-slider .swiper-button-next {
			margin-top: 0rem;
		}

	.swiper-sponsors-slider .swiper-button-prev:after,
	.swiper-sponsors-slider .swiper-button-next:after {
		color: #666;
		font-weight: 700;
		font-size: 0.18rem;
	 }
	/* Gallery Slider*/
	.swiper-gallery-slider .col-inner > .img{
		margin-bottom:0px !important;
		border:1px solid #fff;
	}
	/* Testimonials*/
	#testimonials{overflow-x:hidden;}
	#testimonials .swiper-slide {
		  text-align: center;
		  font-size: 18px;          
		  align-items: center;
		}
	#testimonials .testimonial-images{text-align:center;}
	#testimonials .testimonial-images img {
		width: 100px;
		height: 100px;
		margin: 0 auto;
		padding: 5px;
		box-shadow: 0px 0px 3px #ddd;
		border-radius: 50%;
	}
	#testimonials .testimonial-content{
		font-size:16px;
	}
	#testimonials .testimonial-footer {
		color: #f00;
		font-weight:bold;
		font-size:14px;
	}
	#testimonials .testimonial-footer .chuc_vu {
		font-size:12px;
		font-weight:400 !important;
	}
	/* BẮT BUỘC override inline styles */
	.swiper-testimonials-slider .swiper-slide {
		width: auto !important;
		flex: 1 0 auto !important;
	}
	.swiper-testimonials-slider .swiper-wrapper {
		display: flex !important;
		flex-wrap: nowrap !important;
	}
	/* FIX TESTIMONIALS SLIDER - COPY TO Additional CSS */
	.swiper-testimonials-slider .swiper-slide {
		width: auto !important;
		flex: 1 0 calc(33.333% - 20px) !important;
		max-width: calc(33.333% - 20px) !important;
		height: auto !important;
	}

	.swiper-testimonials-slider .swiper-wrapper {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
	}

	.swiper-testimonials-slider .testimonial-content {
		flex-shrink: 0 !important;
	}

	.swiper-testimonials-slider .swiper-slide {
		transition: transform 0.8s ease !important;
	}

	.swiper-testimonials-slider .swiper-wrapper {
		transform: translate3d(0, 0, 0) !important;
		will-change: transform !important;
	}

	/* End Testimonials*/

	/* Post */
	.archive-page-header{
		padding-top:30px;
	}
	.post-item .box-text .post-title{
		font-weight:bold;
		text-align:left;	
	}
	.home .post-item .box-text .post-title, .home .post-item .box-text .from_the_blog_excerpt {
		min-height: 46px;
		height:46px;
		overflow:hidden;
	}

	/* Page */
	h1.entry-title.is-larger, h1.section-title, h1.page-title{
		font-size:40px;
		color:#ff6918 !important;
		font-weight:bold;
	}
	/* End Page */
	.featured-box a.plain h3{margin-bottom:20px !important;}
	.accordion-title{font-weight:bold;}
	.post-item .col-inner {
		border-radius: 4px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		transition: all 250ms;
		-webkit-transition: all 250ms;
		-moz-transition: all 250ms;
		overflow: hidden;
		padding: 0;
		flex: 1 0 auto;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.post-item .col-inner:hover{
		box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
		-webkit-transform: scale(1.01);
				transform: scale(1.01);
	}
	.featured-box p{margin-bottom:15px !important;}
	.pricing-table .title {
		background-color: #e63794;
		color: #fff;
		padding:25px;
	}
	.wpcf7-form b {
		color: red;
		margin-right: 5px;
		margin-left: 5px;
	}
	.accordion{margin-top:30px;}
	/* Porfolio */
	.portfolio-archive .nav > li > a{font-size:1.2em;}
	.mfp-close-btn-in .mfp-close{color:#fff !important;}
	/* exhibitor table list */
	.exhibitor_table_list{
		padding-top:30px;
	}
	#tbl-petfair-exhibitors-list_wrapper .dataTables_length select{
		display: inline-block;
		width: 80px;
		margin-bottom: 0px
	}
	#tbl-petfair-exhibitors-list_filter input{
		width: auto;
		margin-bottom: 0;
	}
	.exhibitor-list-logo img{max-width:150px;}
	.exhibitor_gallery_logo .col .col-inner{
		padding:5px 10px;
	}
	.exhibitor_gallery_logo .ux-logo-link{
		position:relative;
		overflow: hidden; 	  
		width: 100%;
		text-align: center;
	}
	.exhibitor_gallery_logo .ux-logo-link * {
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	}
	.exhibitor_gallery_logo .ux-logo-link a {
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  position: absolute;
	  color: #ffffff;
	}
	.swiper-exhibitors-slider .ux-logo-link img {
	  opacity: 1;
	  -webkit-transition: opacity 0.35s;
	  transition: opacity 0.35s;
		background:#fff;
	}
	.exhibitor_gallery_logo .ux-logo-link:hover img {
	  opacity: 0.7;
	}
	.exhibitor_gallery_logo .ux-logo-link p {
		display: flex;  
		text-align: center;
		font-weight: bold;
		font-size:12px;
		color: #000;
		background: #ffffff;
		 -webkit-transform: translate3d(-100%, 0%, 0);
		transform: translate3d(-100%, 0%, 0);
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		margin-bottom:0px;
		width:100%;
		height:100%;
		align-content: center;
		align-items: center;
		justify-content: center;
	}
	.exhibitor_gallery_logo .ux-logo-link:hover figcaption p {
		-webkit-transform: translate3d(0%, 0%, 0);
		transform: translate3d(0%, 0%, 0);
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
		background-color: rgb(230, 55, 148, 0.5);
		color: white;
	}
	.exhibitor_gallery_logo .ux-logo-link figcaption {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  text-align: left;
	}
	.exhibitor_gallery_logo .ux-logo-link figcaption > div {
	  float: left;
	  height: 100%;
	  overflow: hidden;
	  width: 100%;
	  position: relative;
	}
	.exhibitor_gallery_logo .ux-logo-link figcaption::before {
	  position: absolute;
	  top: 0%;
	  bottom: 0%;
	  left: 0%;
	  width: 2px;
	  content: '';
	  opacity: 0;
	  background-color: rgba(255, 255, 255, 0);
	  -webkit-transition: all 0.4s;
	  transition: all 0.4s;
	  -webkit-transition-delay: 0.6s;
	  transition-delay: 0.6s;
	} 
	/* Partner */
	.partner-row{border-bottom:1px dashed #ddd;margin-top:1.3em}
	.partner-row:first-child{margin-top:0px;}
	.partner-row .col{margin-bottom:0px;padding-bottom:0px}
	/* other events */
	.other-events img {
		min-height: 120px;
		max-height:120px;
		width: 250px;
		position: relative;
		object-fit: contain;
		object-position: center;
	}
	.other-events .text{
		padding:10px;
	}
	.other-events .text p{margin-bottom:0px;}
	.other-events :is(p, h5, h6) {
		 line-height: 20px;
		 letter-spacing:1px;
		 padding-left: 10px;
	}
	.other-events .bold-text {
		 background-color: lightgray;
	}
	.letter-spacing :is(p, h1, h2, h3, h4, h5, h6) { letter-spacing: 0.5px; }
	/* contact button*/
	.contact-bar-left img{
		width:26px;
		height:26px;
	}
	.contact-bar-left {
		position: fixed;
		right: 15px;
		bottom: 120px;
		z-index: 9999;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	/* Button chung */
	.contact-bar-left .contact-btn {
		width: 45px;
		height: 45px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;

		box-shadow: 0 4px 12px rgba(0,0,0,.25);
		transition: transform .2s ease, box-shadow .2s ease;
	}

	/* Hover */
	.contact-bar-left .contact-btn:hover {
		transform: scale(1.08);
		box-shadow: 0 6px 16px rgba(0,0,0,.35);
	}

	/* Zalo */
	.contact-bar-left .contact-btn.zalo {
		background: #008fe5;
	}

	.contact-bar-left .contact-btn.zalo img {
		width: 26px;
		height: 26px;
	}

	/* Phone */
	.contact-bar-left .contact-btn.phone {
		background: #fff;
		color: #fff;
		font-size: 18px;
	}

	/* ===== Pulse Effect ===== */
	.contact-btn.pulse {
		position: relative;
	}

	.contact-btn.pulse::before,
	.contact-btn.pulse::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 50%;
		background: rgba(0, 143, 229, 0.4);
		animation: pulse-ring 2.2s infinite;
		z-index: -1;
	}

	.contact-btn.pulse::after {
		animation-delay: 1.1s;
	}

	/* HOMEPAGE CSS */
	.col-inner .ux-logo{
		width: 176px !important; 
	}


	@keyframes pulse-ring {
		0% {
			transform: scale(1);
			opacity: 0.6;
		}
		100% {
			transform: scale(1.9);
			opacity: 0;
		}
	}

	/* Form*/
	.form-disclaimer {
		font-size: 14px;
		color: #000;
		margin-bottom: 10px;
		text-align: center;
	}
	.cf7-email-label input {
		border-radius: 30px;
		box-shadow: inset 2px 5px 5px rgba(0,0,0,.4);
	}
	/*form bao chi*/
			.header-container {
				background-color: var(--primary-color);
				display: block;
				justify-content: space-between;
				align-items: center;
				padding: 30px 20px;
				color: white;
				margin-bottom: 30px;
				text-align: center;
			}

			.header-left {
				flex: 1;
			}

			.header-left h1 {
				font-size: 36px;
				font-weight: bold;
				text-transform: uppercase;
				margin: 0;
				line-height: 1.2;
				color: white;
				/* Đổi màu chữ thành trắng */
			}

			.header-left h1 strong {
				font-weight: 900;
				color: #fff;
			}

			.header-right p {
				font-size: 18px;
				margin: 0;
				line-height: 1.5;
				padding: 10px 0;
			}
	/* Bố cục form */
	.press-register-container {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	.press-register-column {
		flex: 1;
		min-width: 300px;
	}

	/* Ô nhập liệu */
	.press-register-column label {
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.press-register-column input {
		width: 100%;
		padding: 10px;
		border: 1px solid #ddd;
		border-radius: 5px;
		font-size: 16px;
	}

	/* Lưu ý dưới form */
	.press-register-note {
		font-size: 16px;
		margin-top: 10px;
		text-align: center;
	}

	/* Nút gửi */
	.press-register-submit {
		text-align: center;
		margin-top: 20px;
	}

	.press-submit-button {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding: 8px 16px;
		border-radius: 5px;
		border: none;
		cursor: pointer;
		display: inline-block;
		width: auto;
		transition: 0.3s;
	}

	.press-submit-button {
		margin-top: 20px;
		margin-left: 90px;
	}
	/* banner 2 bên */
	.banner_fix {display: none;}
	.banner_fix.active{display:block;}
	.banner_fix a{
		position: fixed;
		top: 195px;
		width: 200px;
		z-index: 999;
	}
	.banner_fix_left {
		right: calc(((100vw - 1170px)/2) - 250px);
		transition: all .3s;
	}
	.banner_fix_right {
		left: calc(((100vw - 1170px)/2) - 250px);
		transition: all .3s;
	}
	/* hieu ung anh sang anh*/
	.post-item .box-image:hover::before, .portfolio-box .box-image:hover::before{
		-webkit-animation:shine .75s;
		animation:shine .75s
	}
	@-webkit-keyframes shine{
		100%{left:125%}
	}
	@keyframes shine{
		100%{left:125%}
	}
	.post-item .box-image::before, .portfolio-box .box-image::before {
		position:absolute;
		top:0;
		left:-75%;
		z-index:2;
		display:block;
		content:'';
		width:50%;
		height:100%;
		background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
		background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
		-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
	}
	/* end hieu ung anh sang anh*/

/*  cf7 form */
/* ẨN OPTION ĐẦU YES/NO */
select[name="menu-151"] option:first-child {
    display: none !important;
}
#seminar.lightbox-content {
    max-width: 900px !important;
    width: 100% !important; /* Đảm bảo form vẫn co giãn tốt trên điện thoại */
}
#seminar-vn.lightbox-content {
    max-width: 900px !important;
    width: 100% !important; /* Đảm bảo form vẫn co giãn tốt trên điện thoại */
}
.contact-checkbox.meeting-time-full {
    margin-top: -20px; /* Dùng số âm để kéo ngược phần này lên trên */
}

.intl-tel-input .selected-flag { border-radius: 20px 0 0 20px; }
/* end  cf7 form */

	/* SPINER LOADING */
	.cf7-loading {
		position: relative;
		opacity: 0.6;
		pointer-events: none;
	}

	.cf7-loading::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;
		height: 24px;
		border: 3px solid #fff;
		border-top-color: transparent;
		border-radius: 50%;
		transform: translate(-50%, -50%);
		animation: cf7-spin 0.8s linear infinite;
	}

	@keyframes cf7-spin {
		to { transform: translate(-50%, -50%) rotate(360deg); }
	}


	/*footer */
	#footer{
		padding-top:30px;
	}
	#footer .section-title-normal {border-bottom: 2px solid #14bcc3;}
	#footer h3.section-title{
		font-size:1.5em;
		font-weight:bold;
	}
	#footer a:not(.icon):hover{
		text-decoration:underline;
		color:var(--fs-color-primary) !important;
	}
	#footer .footer-1{background:transparent;}
	.absolute-footer{}
	#footer .section-title-normal span{
		border-bottom: 2px solid #f00;
	}
	#footer .col{padding-bottom:0px;}
	#footer .row-small > .col{
		border-right:1px solid #ddd;
	}
	#footer .row-small > .col.last{
		border-right: none !important;
	}
	#footer .ux-logo .ux-logo-link{padding:0px !important;}
	#footer .section-title-container{margin-bottom: 0.5em;}
	.copyright-footer{padding:7.5px 0px;}
	.footer-secondary.pull-right{padding-right:80px;}
	.footer-banner{padding-top:0px;}
	.absolute-footer{padding: 5px 0 5px;}
	.footer-banner {
		position: fixed;
		z-index: 99999;
		bottom: 0;
		display: none;
		width: 100%;
		color: #fff;
		text-align: center;
		cursor: pointer;
	}
	.show, .footer-banner:hover {
		display: block;
	}
	.absolute-footer ul{
		border-bottom: none!important;
	}
	.absolute-footer ul.links{font-size:1em;}
	@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
		h3.section-title{font-size:1.5em}
		h4.section-title{font-size:1.2em}
		.mobile-nav.nav>li>a>i.icon-menu{
			font-size:2.9em !important;
			color: #000 !important;
		}
		.off-canvas .nav-vertical>li>a{
			font-size:1em !important;
		}
		.nav-sidebar .header-button a{
			font-size:25px !important;
		}
		.nav-sidebar .lang-item a{
			font-size:14px;
		}
		.mobile-nav .menu-title.hide-for-small{
			display:block !important;
			margin-left:0px !important;
		}
		.header-contact-wrapper{flex: 1 0 0;}
		#header-contact a {    
			padding-top: 5px !important;
			padding-bottom: 0px !important;
		}
		.welcome-coatings .row-small>.col.medium-6.small-12{
			flex-basis: 50% !important;
			max-width: 50% !important;
		}
		.welcome-coatings .row-small>.col.medium-6.small-12 h2.section-title{
			font-size:1.6em !important;
		}
		.welcome-coatings .button{
			width: 80% !important;
		}
		.welcome-coatings .button.btn-hoster-buyer {
			width: 81% !important;
			margin-left: 0px !important;
		}
		.home .swiper-projects-slider .swiper-slide .col.large-8 {
			padding-right: 0px;  
		}
		.home .swiper-projects-slider .swiper-slide .col.large-8 img{
			border: none !important;
		}
		.home .swiper-projects-slider .swiper-slide .col.large-4 {   
			padding: 10px;   
		}
		h1.entry-title.is-larger, h1.section-title, h1.page-title{
			font-size:20px;	
		}
		section.thongketrienlam{
			padding-top:20px !important;
			padding-bottom:20px !important;
		}
		.home .thongketrienlam .section-title{
			margin-bottom:20px !important;
		}
		.exhibitor-list-logo img{max-width:150px;}

		#footer .large-6.small-12{
			flex-basis: 50% !important;
			max-width: 50% !important;
		}
		#footer .col.medium-6.large-6{
			flex-basis: 50% !important;
			max-width: 50% !important;
		}
		#footer .row>.col.medium-4.large-4{
			flex-basis: 50% !important;
			max-width: 50% !important;
		}	
		#footer .row>.col.small-12 img{
			width:80% !important;
		}
		.footer-secondary.pull-right{padding-right:0px !important;}
	}
	/* FIX TESTIMONIALS SLIDER */
	.swiper-testimonials-slider .swiper-slide {
		width: auto !important;
		flex: 1 0 calc(33.333% - 20px) !important;
		max-width: calc(33.333% - 20px) !important;
		height: auto !important;
	}

	.swiper-testimonials-slider .swiper-wrapper {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
	}

	.swiper-testimonials-slider .testimonial-content {
		flex-shrink: 0 !important;
	}
	/* Sponsors fix - đơn giản */
.swiper-sponsors-slider .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.swiper-sponsors-slider .col.swiper-slide {
    width: auto !important;
    flex: unset !important;
    margin: 0 !important;
    padding: 0 !important;
}

.swiper-sponsors-slider .col.swiper-slide > .col-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.swiper-sponsors-slider .col.swiper-slide .ux-logo {
    padding: 5px 10px !important;
}

.swiper-sponsors-slider .col.swiper-slide .ux-logo-image {
    height: 80px !important;
    width: auto !important;
    object-fit: contain !important;
}

	/* Sponsors - CSS Marquee giống Supporters */
@keyframes sponsors-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.swiper-sponsors-slider {
    overflow: hidden;
}
.swiper-sponsors-slider .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    /* Swiper owns transforms so dragging is not overridden by a CSS marquee. */
    animation: none;
    transition-timing-function: linear;
}
.swiper-sponsors-slider .swiper-slide {
    flex-shrink: 0;
    width: auto !important;
}

}
	/* --- FIX SẬP LOGO PHẦN SUPPORTERS --- */
.swiper-supporters-slider .swiper-slide,
.swiper-supporters-slider .col {
    flex-shrink: 0 !important; /* Cấm tuyệt đối việc bóp méo bề ngang */
}

.swiper-supporters-slider .ux-logo {
    min-width: 170px !important; /* Ép một chiều rộng tối thiểu để khung ảnh luôn giữ được form */
    height: 100%;
}

/* Đảm bảo ảnh bên trong bung đều không bị móp */
.swiper-supporters-slider img.ux-logo-image {
    object-fit: contain; 
}
/* FIX slider supportes */
/* Supporters - fix giật */
.swiper-supporters-slider .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    will-change: transform !important;
}
.swiper-supporters-slider .swiper-slide {
    flex-shrink: 0 !important;
    width: 120px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
}
.swiper-supporters-slider .ux-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 120px !important;
    height: 80px !important;
    padding: 5px !important;
    margin: 0 !important;
}
.swiper-supporters-slider .ux-logo-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}
.swiper-supporters-slider img.ux-logo-image {
    max-width: 100px !important;
    max-height: 70px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}
/*  animation suporter */
/* Supporters - Marquee Animation */
@keyframes supporters-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.swiper-supporters-slider {
    overflow: hidden;
}
.swiper-supporters-slider .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100%;
    animation: none;
    transition-timing-function: linear;
}
/* Allow pointer/touch dragging without native image dragging or text selection. */
.swiper-exhibitors-slider,
.swiper-supporters-slider,
.swiper-sponsors-slider {
    touch-action: pan-y;
}
.swiper-exhibitors-slider img,
.swiper-supporters-slider img,
.swiper-sponsors-slider img {
    -webkit-user-drag: none;
    user-select: none;
}
/* garlly */
/* --- FIX LAYOUT GALLERY 3 CỘT X 2 HÀNG --- */

/* Ép khung chứa cho phép rớt dòng để tạo thành nhiều hàng */
.swiper-gallery-slider .row {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Chia chính xác 3 cột cho mỗi ảnh trên Desktop */
.swiper-gallery-slider .col {
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    flex-basis: 33.3333% !important;
    padding: 8px !important; /* Khoảng cách giữa các ảnh */
    flex-shrink: 0 !important;
}

/* Khắc phục triệt để lỗi ảnh khổng lồ bị kéo giãn */
.swiper-gallery-slider .col-inner,
.swiper-gallery-slider .img-inner {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

/* Ép chiều cao cố định và chống méo hình */
.swiper-gallery-slider img {
    width: 100% !important;
    height: 250px !important; /* Khóa chiều cao để 2 hàng đều tăm tắp */
    object-fit: cover !important; /* Tự động cắt cúp phần thừa, giữ nguyên tỷ lệ thật của ảnh */
    border-radius: 8px !important; /* Bo góc nhẹ giống hình mẫu của em */
}

/* Responsive cho Mobile: Chuyển về 2 cột cho dễ nhìn */
@media (max-width: 767px) {
    .swiper-gallery-slider .col {
        width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;
    }
    .swiper-gallery-slider img {
        height: 160px !important; /* Rút ngắn chiều cao trên điện thoại */
    }
}
/* Ép Swiper Slide phải bung tràn 100% màn hình */
.swiper-gallery-slider .swiper-slide {
    width: 100% !important;
    display: block !important;
}

/* Xóa bỏ giới hạn độ rộng mặc định của Flatsome */
.swiper-gallery-slider .row {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important; /* DÒNG NÀY SẼ CỨU KHỐI ẢNH BỊ DỒN TRÁI */
    margin: 0 !important;
}

/* Ép cứng lại 3 cột để đảm bảo không bị lỗi 2 cột như trong hình */
.swiper-gallery-slider .col {
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    flex-basis: 33.3333% !important;
    padding: 8px !important; 
    flex-shrink: 0 !important;
}
.swiper-gallery-slider .swiper-slide {
    width: 100% !important;
    display: block !important;
}

.swiper-gallery-slider .row {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important; /* Quan trọng để không bị dồn trái */
    margin: 0 !important;
}