/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 11 2025 | 03:18:57 */
.single-solutions .elementor-location-header .elementor-sticky--effects .tab-menu-main .menu-item a.elementor-item {
    color: #4D4D4D !important;
}
.single-solutions .elementor-element.elementor-element-2d39521 .elementor-nav-menu--main .elementor-item,
.single-solutions .elementor-element.elementor-element-f97aec1 .elementor-nav-menu--main .elementor-item{
    color: #7B7B7B;
    fill: #7B7B7B;
    padding-left: 35px;
    padding-right: 35px;
}

.single-solutions .elementor-location-header .tab-menu-main .elementor-widget-theme-site-logo img {
    content: url(http://ecolex.com/wp-content/uploads/2023/07/AW_Ecolex_Logo-Design_White-Colour_RGB_Finalised-1.svg);
}


#solutions-results .solutions-warp {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* ระยะห่างระหว่างแต่ละ item */
    justify-content: flex-start; /* จัดเรียง items จากซ้ายไปขวา */
}

#solutions-results .art-info {
    flex: 1 1 calc(33.333% - 15px); /* ทำให้แต่ละ item มีขนาด 33.333% ของความกว้าง */
    box-sizing: border-box;
    margin-bottom: 15px; /* ระยะห่างด้านล่าง */
    max-width: calc(33.333% - 15px); /* กำหนดให้แต่ละ item กว้าง 1/3 ของคอนเทนเนอร์ */
}

#solutions-results .art-info img {
    width: 100%; /* กำหนดให้รูปเต็มความกว้าง */
    /* height: auto; ให้รูปคงสัดส่วน */
	height: 309px;
	border-radius: 34px;
}


.art-info:hover .art-title{
	color: #4D4D4D;
}
.art-info:hover .art-des{
	color: #4D4D4D;
	font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.art-info:hover a{
	color: #4D4D4D;
	font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 14px;
    font-weight: 800;
}
/* .art-info:hover img{
	filter: brightness(0.5);
} */
#solutions-results .art-info:hover .art-hover {
    z-index: 2;
}
#solutions-results .news-block{
	padding: 58px 25px 8px 25px;
}
#solutions-results .art-hover {
	bottom: 15px;
/* 114 */
	width: 100%;
}

#solutions-results .art-info {
	contain: paint;
}

#clear-filters{
	cursor:pointer;
}

/*  */
@media (max-width: 1245px) {
	.single-solutions .slideLeft .swiper-slide {
		scale: 1;
	}
	.single-solutions .slideLeft .swiper-slide-active {
		width: inherit !important;
	}
	.single-solutions .slideLeft.elementor-widget-n-carousel .swiper-pagination-bullets {
		float: none;
		margin: auto;
	}
	 .single-solutions .slideLeft .swiper-slide-active {
        margin-left: 0px !important;
    }
}

@media (max-width: 980px) {
	#solutions-results .art-info {
    	flex: 1 1 calc(50% - 15px);
		max-width: calc(50% - 15px);
	}
	
	#solutions-results .art-hover {
		top: 200px;
	}
	
	#solutions-results {
	    max-width: 630px;
    	margin: auto;
	}
	.elementor-449 .elementor-element.elementor-element-6108a32 {
        max-width: 630px;
		margin: auto;
	}
}

@media (max-width: 768px) {
	
	.elementor-449 .elementor-element.elementor-element-6108a32 {
		max-width: 369px;
	}
	
	#solutions-results {
		max-width: 369px;
	}
	
	#solutions-results .art-info {
    	flex: 1 1 calc(100% - 0px) !important;
		max-width: calc(100% - 0px) !important;
		height: auto;
	}
	
	#solutions-results .news-block {
		padding: 30px 0px 0px 0px;
	}
	
	#solutions-results .art-info img {
		height: 281px !important;
		object-fit: cover; 
	}
	
	#solutions-results .art-info:hover img {
		height: 480px !important;
	}
	
	#solutions-results .art-hover {
        top: unset;
		bottom: 0px;
        width: 353px;
    }
	
	
	
    #solutions-results .art-info {
        flex: 1 1 calc(50% - 15px); /* แสดงแถวละ 2 เมื่อหน้าจอเล็ก */
    }
}

@media (max-width: 480px) {
    #solutions-results .art-info {
        flex: 1 1 100%; /* แสดงแถวละ 1 เมื่อหน้าจอเล็กมาก */
    }
}


#solutions-results {
    min-height: 100px; /* ป้องกันการยุบตัวเมื่อโหลดข้อมูล */
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.loading #solutions-results {
    opacity: 0.5; /* ทำให้ดูจางลงระหว่างโหลด */
}




/* Select */
.custom-dropdown {
    position: relative;
    display: inline-block;
	padding-bottom: 10px;
}

.dropdown-btn {
    width: 200px;
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    cursor: pointer;
    text-align: left;
}

.dropdown-list {
    display: none;
/*     position: absolute; */
    background-color: white;
    border: 1px solid #ccc;
    width: 100%;
    overflow-y: auto;
}

.dropdown-list li {
    padding: 10px;
    cursor: pointer;
}

.dropdown-list li:hover {
    background-color: hsl(68deg 59% 57% / 20%);
    border-radius: 0;
}

.show {
    display: block !important;
}


.art-image-hover{
	display:none;
}
.art-info:hover .art-image-hover{
	display:block;
}
.art-info:hover .art-image{
	display:none;
}
.loadingdot,
.noctF{
	display:block !important;
}
.contact-link{
	color:#C0D24F;
}

.custom-dropdown button{
	text-wrap: auto;
}
.page-id-449 .noctF{
	padding: 0px 30px;
}

/* menu */
#menu-1-2d39521{
	min-width: 447px;
}