/* =========================================================================
   Why Choose Us Block — all rules scoped under .why-choose-us-block.
   Per-block CSS (loaded via enqueue_assets only when the block is present).
   Tokens: green #028d40, graphite #343a40, muted #777, border #e6e6e6.
   ========================================================================= */
.why-choose-us-block { background: #fff; }
.why-choose-us-block .wcu-container { padding-top: 90px; padding-bottom: 90px; }

/* Header */
.why-choose-us-block .wcu-head { text-align: center; max-width: 680px; margin: 0 auto 50px; }
.why-choose-us-block .wcu-eyebrow { display: inline-block; color: #028d40;
	font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
	margin-bottom: 12px; }
.why-choose-us-block .wcu-title { font-size: 32px; line-height: 1.2; font-weight: 500;
	color: #343a40; margin: 0; }

/* Grid — ul/li reset; theme Bootstrap .row/.col handle layout + equal-height columns */
.why-choose-us-block .wcu-grid { list-style: none; margin: 0; padding: 0; }
.why-choose-us-block .wcu-col { margin-bottom: 24px; }

/* Card */
.why-choose-us-block .wcu-card { height: 100%; background: #fff;
	border: 1px solid #e6e6e6; border-radius: .25rem; box-shadow: 0 0 10px rgba(0, 0, 0, .06);
	padding: 30px 26px; transition: transform .25s ease-out, box-shadow .25s ease-out; }
.why-choose-us-block .wcu-card:hover { transform: translateY(-4px);
	box-shadow: 0 6px 22px rgba(0, 0, 0, .12); }
.why-choose-us-block .wcu-card__icon { display: flex; align-items: center; justify-content: center;
	width: 56px; height: 56px; border-radius: 50%; background: #028d40; margin-bottom: 18px; }
.why-choose-us-block .wcu-card__icon i { color: #fff; font-size: 22px; line-height: 1; }
.why-choose-us-block .wcu-card__title { font-size: 19px; font-weight: 500; color: #343a40;
	margin: 0 0 8px; }
.why-choose-us-block .wcu-card__text { font-size: 15px; line-height: 1.6; color: #777; margin: 0; }

/* Responsive (theme Bootstrap breakpoints; col-lg-4 / col-md-6 -> 3 / 2 / 1 columns) */
@media (max-width: 991.98px) {
	.why-choose-us-block .wcu-container { padding-top: 60px; padding-bottom: 60px; }
	.why-choose-us-block .wcu-head { margin-bottom: 36px; }
	.why-choose-us-block .wcu-title { font-size: 28px; }
}
@media (max-width: 575.98px) {
	.why-choose-us-block .wcu-title { font-size: 24px; }
	.why-choose-us-block .wcu-card { padding: 26px 22px; }
}