/**
 * Easy Elements Pro — Service Card widget
 * Scoped under .eel-service-card. Uses standard Elementor selector targets so
 * controls (typography/colors/spacing) override these defaults predictably.
 */
.eel-service-card {
	background: #FFFFFF;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 30px;
	transition: box-shadow .3s ease, transform .3s ease;
}

.eel-service-card-image-wrap {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.eel-service-card-image-wrap img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-radius: 12px;
}

/* Icon badge under the image — light gray default circle so the badge is visible
   before the user picks a Background; Group_Control_Background overrides this. */
.eel-service-card-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: -25px;
	margin-bottom: 12px;
	background-color: #F1F4F9;
	flex-shrink: 0;
	z-index: 3;
	position: relative;
}

.eel-service-card-icon i {
	font-size: 22px;
	line-height: 1;
	color: #1a1a1a;
}

.eel-service-card-icon svg {
	width: 22px;
	height: 22px;
	fill: #1a1a1a;
	display: block;
}

.eel-service-card-body {
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
}

.eel-service-card-title {
	margin: 0 0 12px 0;
	color: #0E1330;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
}

.eel-service-card-desc {
	margin: 0 0 22px 0;
	color: #5A6378;
	font-size: 15px;
	line-height: 1.6;
}

.eel-service-card-button-wrap {
	display: flex;
	justify-content: center;
	margin-top: 4px;
}

.eel-service-card-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 26px;
	border: 1px solid #E2E5EE;
	border-radius: 50px;
	background: #FFFFFF;
	color: #0E1330;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
	cursor: pointer;
}

.eel-service-card-button:hover,
.eel-service-card-button:focus {
	background: #0E1330;
	color: #FFFFFF;
	border-color: #0E1330;
	text-decoration: none;
}

.eel-service-card-button:hover i,
.eel-service-card-button:focus i {
	color: inherit;
}

.eel-service-card-button:hover svg,
.eel-service-card-button:focus svg,
.eel-service-card-button:hover svg path,
.eel-service-card-button:focus svg path {
	fill: currentColor;
}

.eel-service-card-button-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.eel-service-card-button-icon svg {
	width: 1em;
	height: 1em;
}

/* Defensive resets so legacy theme/global CSS does not leak into card text */
.eel-service-card .eel-service-card-title,
.eel-service-card .eel-service-card-desc {
	word-wrap: break-word;
}