/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 20 2024 | 02:53:53 */
.custom-product-list-speciel {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
	gap: 40px;
	gap: 40px;
}
.category-description{
	font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400 !important;
	line-height: 20px;
}
.custom-product-list-speciel .name-cate-custom h2{
	font-family: "Poppins", Sans-serif;
    font-size: 22px;
	font-size:22px;
    font-weight: 600;
	color: #70AA15;
	line-height: 1;
	margin: -4px 0px 14px 0px;
}
.custom-product-list-speciel .item-product-cate {
	border-radius: 10px;
    padding-bottom: 23px;
    padding-top: 40px;
    padding-left: 43px;
    border: 1px solid #8EC63F;
    max-width: 350px;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.custom-product-list-speciel .btn-view-product{
	font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 18px 6px 18px;
    color: white;
    background-color: #70aa15;
    width: 153.5px;
    border-radius: 25px;
}
.custom-product-list-speciel .btn-view-product:hover{
	color: white;
}
.box-email{
	display: flex;
	align-items: center;
}
.box-email p{
	position: relative;
    margin: 0 0 0 6px !important;
}
.item-title span a{
	color: #70AA15 !important;
}
.item-title span{
	color: #70AA15;
}

.text-option .text-value-title{
	position: absolute;
    margin: -94px 0px 0px 0px;
    font-size: 36px;
    font-weight: 500;
	font-family: poppins;
    line-height: 48px;
}
.text-option .text-value-title span{
	color: #70AA15;
}
.name-option{
	margin: 0px;
}
.box-email p{
	margin: 0px;
}
.box-phone p{
	position: relative;
    margin: 0 0 0 5px !important;
}
.box-phone{
	display: flex;
    align-items: center;
}
.text-address{
	width: 170px;
} 
.select-box {
    width: 100%;
    position: relative;
}
.selected-items .item {
    border: #2B3B87 solid 2px;
    color: black;    
    padding: 25px 93px 25px 33px;
    cursor: pointer;
	width: 100%;
	border-radius: 10px;
/* 	margin-bottom: 210px; */
}
.item-title{
	font-size:20px;
	font-weight:600;
	margin-bottom: 4px !important;
}
.item-sub-title{
	font-size:20px;
	font-weight:500;
	color: #70AA15;
	margin-bottom: 19px !important;
}
.text-address{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 17px !important;
}
.item-all-text p a{
	color: black;
}
.item-all-text p{
	line-height: 26px;
	margin: 0px;
	font-family: poppins;
}
/* .selected:active{
	background-color: red;
}
.options:active{
	background-color: red;
}
.option:active{
	background-color: red;
}
.selected:focus{
	background-color: red;
} */
.selected {
	background-color: #70AA15;
	border-radius: 25px ;
    display: flex;
    padding: 10px;
    cursor: pointer;
    width: 305px;
    justify-content: space-between;
    align-items: center;
	color: white;
}
.selected p{
	margin: 2px 0px 0px 21px;
	font-size: 16px;
	font-weight: 600;
	font-family: poppins;
	color: white;
}
.options {
    background-color: #70AA15;
    display: none;
    position: absolute;
    margin-top: 10px;
	height: 300px;
	overflow-y: auto;
    width: 305px;
    border: 1px solid #ccc;
    border-radius: 10px;
	font-weight: 500;
    z-index: 10;
	font-family: poppins;
    color: white;
	font-size: 16px;
}

.options.show {
    display: block;
}

.option {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}

.option:hover {
 	color: black;
}

.items {
    display: none;
    gap: 40px;
}

.item {
    padding: 5px 0;
}

.selected-items {
	margin-top: 218px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}


.item-single .items{
	width: 100%;
}

.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 18px !important;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
}
html body .elementor-2155 .elementor-element.elementor-element-b802c28 .eael-gravity-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), html body .elementor-2155 .elementor-element.elementor-element-b802c28 .eael-gravity-form .gfield textarea {
    padding: 8px 8px 8px 8px;
    height: 48px;
}
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
    display: inline-block;
    font-size: 17px;
}
.gchoice {
	margin-bottom: 3px;
}
#input_2_5 {
	height: 135px;
}
html body .elementor-2155 .elementor-element.elementor-element-b802c28 .eael-gravity-form .gform_footer input[type="submit"] {
    display: inline-block;
    width: 41% !important;
    margin-top: -29px;
    text-transform: uppercase;
    letter-spacing: 1px;
	font-size: 16px;
}
.eael-contact-form input[type=submit] {
    padding: 8px 20px;
}
.elementor-kit-29 button, .elementor-kit-29 input[type="button"], .elementor-kit-29 input[type="submit"], .elementor-kit-29 .elementor-button {
    background-color: #85be33;
}
.elementor-2155 .elementor-element.elementor-element-6c1f2dda {
    padding: 50px 0px 0px 0px !important;
	padding: 50px 0px 0px 0px !important;
}
@media screen and (max-width: 1186px) {
	.selected-items .item {
    	padding: 25px 69px 25px 33px;
	}
}
@media screen and (max-width: 1111px) {
	.items {
    	gap: 20px;
	}
}
@media screen and (max-width: 1095px) {
	.selected{
		margin: 40px 0 -40px 0px;
	}
	.options {
    	margin-top: 47px;
	}
}
@media screen and (max-width: 1027px) {
    .selected {
        margin: 90px 0 -80px 0px;
    }
    .options {
        margin-top: 88px;
    }
}

@media (max-width: 1024px){
	.custom-product-list-speciel {
    grid-template-columns: repeat(2, 1fr);
}
	
	.custom-product-list-speciel .item-product-cate{
		max-width: 100% !important;
	}
}
@media screen and (max-width: 986px) {
	.selected-items .item {
        padding: 25px 50px 25px 33px;
    }
	.selected {
        margin: 110px 0 -80px 0px;
    }
}
@media screen and (max-width: 928px) {
	.selected-items .item {
        padding: 25px 30px 25px 33px;
    }
}
@media screen and (max-width: 897px) {
    .selected-items .item {
        padding: 25px 30px 25px 20px;
    }
	.selected {
        margin: 135px 0 -80px 0px;
    }
}
@media screen and (max-width: 858px) {
    .selected-items .item {
        padding: 25px 20px 25px 20px;
    }
}
@media screen and (max-width: 800px) {
	.selected-items .item {
        padding: 25px 10px 25px 10px;
    }
}
@media screen and (max-width: 767px) {
	
	.cate_speciel > .e-con-inner{
		justify-content: center !important
	}
	.items{
    	grid-template-columns: repeat(1, 1fr) !important;
		width: 100%; 
		gap: 10px;
		margin-bottom: 80px;
	}
	.selected-items .item {
    	width: 100%;
    	margin-bottom: 10px;
	}	
	.text-option .text-value-title {
    	font-size: 28px;
	}
	.selected-items {
		margin-bottom: 120px;
	}
	.custom-product-list-speciel {
    	display: grid;
    	grid-template-columns: repeat(1, 1fr);
   	 	gap: 40px;
    	gap: 40px;
	}
	.custom-product-list-speciel .item-product-cate {
    	max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width: 1140px) {
   .elementor-2166 .elementor-element.elementor-element-09e9607  {
		display: block;
       	flex-direction: column !important;
    }
/* 	 .carousel-species .elementor-element{
		 width: 300px !important;
    } */
	.carousel-species .swiper-slide{
		 display: flex;
    	 justify-content: center;
	}
}
@media (max-width: 1000px) {
/* 	.carousel-species .elementor-element{
		 width: 287px !important;
    } */
}
@media (max-width: 960px) {
/* 	.carousel-species .elementor-element{
		 width: 280px !important;
    } */
}

@media (max-width: 936px) {
/* 	.carousel-species .elementor-element{
		 width: 270px !important;
    } */
}

@media (max-width: 900px) {
/* 	.carousel-species .elementor-element{
		 width: 259px !important;
    } */
}
@media (max-width: 872px) {
/* 	.carousel-species .elementor-element{
		 width: 250px !important;
    } */
}
@media (max-width: 844px) {
/* 	.carousel-species .elementor-element{
		 width: 240px !important;
    } */
}
@media (max-width: 814px) {
/* 	.carousel-species .elementor-element{
		 width: 233px !important;
    } */
}
@media (max-width: 806px) {
/* 	.carousel-species .elementor-element{
		 width: 235px !important;
    } */
}
@media (max-width: 805px) {
/* 	.carousel-species .elementor-element{
		 width: 229px !important;
    } */
}
@media (max-width: 785px) {
/* 	.carousel-species .elementor-element{
		 width: 223px !important;
    } */
}
@media (max-width: 412px) {
		html body .elementor-2155 .elementor-element.elementor-element-b802c28 .eael-gravity-form .gform_footer input[type="submit"] {
    	display: inline-block;
    	width: 50% !important;
    	margin-top: -29px;
    	text-transform: uppercase;
    	letter-spacing: 1px;
    	font-size: 12px;
	}
}


/* .text-3-column p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    position: relative;
    max-height: calc(2.2em * 3); 
    transition: max-height 0.5s ease;
}

.text-3-column p.expanded {
    -webkit-line-clamp: unset;
    max-height: none; 
}

.text-3-column p::after {
    content: 'Learn more about our coating technology.';
    display: block;
    color: #0491e5;
    cursor: pointer;
    position: absolute;
    bottom: -5px;
    right: 0;
    background: white;
    padding-left: 5px;
}

.text-3-column p.expanded::after {
    content: 'Show less'; 
} */