/* ========================================================================
   AREAS OF SOCIAL SERVICE — DESKTOP BASE STYLES
   Main desktop presentation and default layout (>767px).
   ======================================================================== */

:root {
	--color-ink: #170a4c;
	--color-deep-ink: #0f0445;
	--color-pink: #b53c72;
	--color-violet: #5641e0;
	--font-body: "Figtree", sans-serif;
	--font-display: "Polymath Display", sans-serif;
}

/* Section Wrapper */
.pu-new-src-service-areas-section {
	padding: 72px 0 78px;
	background: #ffffff !important;
	color: #1e1e1e !important;
}

/* Section Heading Header Block */
.pu-new-src-service-areas-heading {
	margin-bottom: 26px;
}

.pu-new-src-service-areas-eyebrow {
	margin: 0 0 8px !important;
	color: #000000 !important;
	font-family: var(--font-body);
	font-size: 36px !important;
	font-weight: 700 !important;
	line-height: 100% !important;
}

/* Main Heading Selectors */
.pu-new-src-service-areas-section h2,
.pu-new-src-service-areas-heading h2 {
	margin: 0;
	color: #000000 !important;
	font-family: var(--font-display);
	font-size: 64px !important;
	font-weight: 700 !important;
	line-height: 110% !important;
}

.pu-new-src-service-areas-section h2 span,
.pu-new-src-service-areas-heading h2 span {
	display: block !important;
}

.pu-new-src-service-areas-section h2 span:first-child,
.pu-new-src-service-areas-heading h2 span:first-child {
	color: #0f0445 !important;
	font-family: inherit !important;
	font-size: inherit !important;
/* 	margin: -8px; */
}

.pu-new-src-service-areas-section h2 span:last-child,
.pu-new-src-service-areas-heading h2 span:last-child {
	display: inline-block !important;
	background: linear-gradient(90deg, #b53c72, #5641e0) !important;
	background-clip: text !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	font-family: inherit !important;
	font-size: inherit !important;
}

.pu-new-src-service-areas-description {
	max-width: 1080px;
	margin: 10px 0 0;
	color: #000000 !important;
	font-family: var(--font-figtree);
    font-size: 20px;
	font-weight: 400 !important;
	line-height: 140% !important;
}

/* Slider Track & Slides */
.pu-new-src-service-areas-slider {
	overflow: hidden;
}

.pu-new-src-service-areas-track {
	touch-action: pan-y;
}

.pu-new-src-service-areas-slide {
	display: flex;
}

/* Service Card Styles */
.pu-new-src-service-areas-card {
	display: flex;
	width: 100%;
	min-height: 382px;
	flex-direction: column;
	padding: 30px;
	border: 2px solid #b53c72 !important;
	border-radius: 16px;
	background: #0f0445 !important;
	color: #ffffff !important;
}

.pu-new-src-service-areas-number {
	display: inline-flex;
	width: fit-content;
	height: 38px;
	align-items: center;
	padding: 8px 16px;
	border-radius: 8px;
	background: rgb(255 255 255 / 10%) !important;
	color: #ffffff !important;
	font-family: var(--font-body);
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 100% !important;
}

.pu-new-src-service-areas-card h3 {
	margin: 18px 0 8px;
	color: #ffc800 !important;
	font-family: var(--font-body);
	font-size: 36px !important;
	font-weight: 700 !important;
	line-height: 130% !important;
}

.pu-new-src-service-areas-card p {
	margin: 0;
	color: rgb(255 255 255 / 80%) !important;
	font-family: var(--font-body);
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 140% !important;
}

/* Card Category Tags */
.pu-new-src-service-areas-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.pu-new-src-service-areas-tags span {
	display: inline-flex;
	align-items: center;
	min-height: 37px;
	padding: 6px 20px;
	border-radius: 40px;
	background: linear-gradient(90deg, rgb(255 255 255 / 20%), rgb(255 255 255 / 0%)) !important;
	color: #ffffff !important;
	font-family: var(--font-body);
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 135% !important;
}

.pu-new-src-service-areas-card-wide {
	min-height: 260px;
}

/* Mobile Dots Hidden by Default on Desktop */
.pu-new-src-service-areas-dots {
	display: none;
}