/*
 * services-what-we-deliver.css
 * "What We Deliver" section (Services page)
 * Rewritten 2026-08-19 per Monika's request: use only clean, explicit
 * el_class names controlled via CSS, no WPBakery inline style attributes
 * and no auto-generated .vc_custom_XXXX selectors.
 */

.c-what-we-deliver .eyebrow {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-semibold);
	font-size: var(--text-md);
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-align: left;
	display: block;
}

.c-what-we-deliver__title {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-regular);
	font-size: 40px;
	line-height: 110%;
	color: #000000;
	text-align: left;
	max-width: 1200px;
	margin: 0;
}

@media (max-width: 900px) {
	.c-what-we-deliver__title {
		font-size: 30px;
	}
}

/* Mobile: center the eyebrow + title */
@media (max-width: 767px) {
	.c-what-we-deliver .eyebrow,
	.c-what-we-deliver__title {
		text-align: center !important;
	}
	.c-what-we-deliver__title {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* Cards: disable the theme's built-in hover animation on the icon-box
   cards (Learn More button + description), scoped to this row only. */
.c-what-we-deliver .vcex-icon-box,
.c-what-we-deliver .vcex-icon-box *,
.c-what-we-deliver .vcex-icon-box-button {
	transition: none !important;
	transform: none !important;
}

/* Button: 30px gap between the "Learn More" text and the arrow icon */
.c-what-we-deliver .vcex-icon-box-button {
	display: inline-flex !important;
	align-items: center !important;
	gap: 30px !important;
}

/* Mobile: button spans full width, text+icon centered together */
@media (max-width: 767px) {
	.c-what-we-deliver .vcex-icon-box-button-wrap {
		width: 100%;
	}
	.c-what-we-deliver .vcex-icon-box-button {
		width: 100% !important;
		justify-content: center !important;
	}
}


/* --- 4 "Learn More" cards (Expert Consultations, Expert Transcripts,
   Surveys, Data & Signals) ---
   Rewritten 2026-08-19 per Monika's request: replaced every per-element
   WPBakery style attribute (button_background, button_color, border
   colors, hover_animation, etc.) with these classes instead. */

.c-deliver-card-col {
	border: 2px solid #000000;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

.c-deliver-card-inner {
	padding-bottom: 15px;
}

.c-deliver-card-title {
	font-family: var(--font-primary);
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.05em;
	text-align: left;
	display: block;
	border-bottom: 1px solid #B4B4B4;
	padding-top: 20px;
	padding-bottom: 8px;
	color: #000000;
}

.c-deliver-card {
	border-radius: 10px;
	color: #878C91;
}

.c-deliver-card .vcex-icon-box-button {
	border-radius: 9999px;
	padding: 15px 32px;
	background-color: #000000;
	color: #FFFFFF;
}

.c-deliver-card:hover .vcex-icon-box-button,
.c-deliver-card .vcex-icon-box-button:hover {
	background-color: transparent;
	color: #000000;
}