/* #wewe-1 — homepage features showcase (visual polish, theme layout/size preserved) */
#wewe-1.section-features {
	position: relative;
	background: linear-gradient(180deg, #f8fafc 0%, #ffffff 55%, #f8fafc 100%);
	overflow: hidden;
}

#wewe-1.section-features::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 72px;
	height: 3px;
	margin-left: -36px;
	background: linear-gradient(90deg, #15499a 0%, #2a7de8 50%, #15499a 100%);
	border-radius: 0 0 3px 3px;
}

#wewe-1.section-features::after {
	content: "";
	position: absolute;
	top: -120px;
	right: -80px;
	width: 320px;
	height: 320px;
	background: radial-gradient(circle, rgba(21, 73, 154, 0.06) 0%, transparent 70%);
	pointer-events: none;
}

#wewe-1 .features-grid ul,
#wewe-1 .grid-col-3 ul {
	margin: 0 -1%;
	overflow: hidden;
}

#wewe-1 .features-grid ul li,
#wewe-1 .grid-col-3 ul li,
#wewe-1 .grid-col-4 ul li {
	float: left;
	width: 31.33%;
	padding-left: 1%;
	padding-right: 1%;
	box-sizing: border-box !important;
	clear: none;
}

#wewe-1 .features-grid ul li:nth-child(3n+1),
#wewe-1 .grid-col-3 ul li:nth-child(3n+1) {
	clear: both;
}

@media only screen and (min-width: 768px) {
	#wewe-1 .features-grid ul,
	#wewe-1 .grid-col-3 ul {
		display: flex;
		flex-wrap: nowrap;
		overflow: visible;
	}

	#wewe-1 .features-grid ul li,
	#wewe-1 .grid-col-3 ul li {
		float: none;
		flex: 0 0 33.3333%;
		width: 33.3333%;
		max-width: 33.3333%;
		clear: none !important;
	}
}

#wewe-1 .features-grid ul li,
#wewe-1 .grid-col-3 ul li,
#wewe-1 .grid-col-4 ul li {
	background: #fff;
	border: 1px solid rgba(21, 73, 154, 0.08);
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	transition: box-shadow 0.28s ease, border-color 0.28s ease;
}

#wewe-1 .features-grid ul li::before,
#wewe-1 .grid-col-3 ul li::before,
#wewe-1 .grid-col-4 ul li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #15499a 0%, #2a7de8 100%);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.28s ease;
}

#wewe-1 .features-grid ul li:hover,
#wewe-1 .grid-col-3 ul li:hover,
#wewe-1 .grid-col-4 ul li:hover {
	border-color: rgba(21, 73, 154, 0.16);
	-moz-box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
	-webkit-box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

#wewe-1 .features-grid ul li:hover::before,
#wewe-1 .grid-col-3 ul li:hover::before,
#wewe-1 .grid-col-4 ul li:hover::before {
	transform: scaleX(1);
}

#wewe-1 ul li img {
	border-radius: 8px;
	border: 1px solid rgba(21, 73, 154, 0.1);
	transition: border-color 0.28s ease, box-shadow 0.28s ease;
}

#wewe-1 ul li:hover img {
	border-color: rgba(21, 73, 154, 0.22);
	-moz-box-shadow: 0 6px 18px rgba(21, 73, 154, 0.1);
	-webkit-box-shadow: 0 6px 18px rgba(21, 73, 154, 0.1);
	box-shadow: 0 6px 18px rgba(21, 73, 154, 0.1);
}

#wewe-1 ul li h3 {
	color: #1e293b;
	transition: color 0.22s ease;
}

#wewe-1 ul li:hover h3 {
	color: #15499a;
}

#wewe-1 ul li p {
	color: #64748b;
}
