.arvenoa-service-area {
	--arvenoa-area-primary: var(--sg-primary, #03363d);
	--arvenoa-area-secondary: var(--sg-secondary, #bdd9d7);
	--arvenoa-area-tertiary: var(--sg-tertiary, #d8c9a8);
	display: grid;
	box-sizing: border-box;
	width: 100%;
	margin: 18px 0;
	padding: 14px 16px;
	gap: 10px;
	background: rgba(189, 217, 215, 0.22);
	border-left: 3px solid var(--arvenoa-area-tertiary);
	color: var(--arvenoa-area-primary);
}

.arvenoa-service-area__item {
	display: flex;
	min-width: 0;
	gap: 12px;
	align-items: flex-start;
}

.arvenoa-service-area__item + .arvenoa-service-area__item {
	padding-top: 10px;
	border-top: 1px solid rgba(3, 54, 61, 0.12);
}

.arvenoa-service-area__icon {
	display: grid;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	border-radius: 50%;
	background: var(--arvenoa-area-secondary);
	place-items: center;
}

.arvenoa-service-area__icon svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.arvenoa-service-area p {
	display: grid;
	margin: 0 !important;
	gap: 2px;
	color: inherit !important;
	font-family: var(--sg-font-body, inherit) !important;
	line-height: 1.45 !important;
}

.arvenoa-service-area strong {
	color: inherit !important;
	font-family: var(--sg-font-display, inherit) !important;
	font-size: 0.82rem;
	font-weight: 820;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.arvenoa-service-area p span {
	font-size: 0.91rem;
	font-weight: 520;
}

.arvenoa-service-area--compact {
	margin: 4px 0 0;
	padding: 10px 12px;
	background: transparent;
	border-top: 1px solid rgba(3, 54, 61, 0.12);
	border-left-width: 2px;
}

.arvenoa-budget-modal .arvenoa-service-area--compact {
	margin: -10px 0 22px;
}

.arvenoa-service-area--compact .arvenoa-service-area__icon,
.arvenoa-service-area--inline .arvenoa-service-area__icon {
	width: 24px;
	height: 24px;
	flex-basis: 24px;
}

.arvenoa-service-area--compact p span,
.arvenoa-service-area--inline p span,
.arvenoa-service-area--sidebar p span {
	font-size: 0.82rem;
}

.arvenoa-service-area--inline {
	margin: 12px 0 0;
	padding: 10px 12px;
	border-radius: 0 12px 12px 0;
}

.arvenoa-service-area--sidebar {
	margin: 6px 0 0;
	border-radius: 0 14px 14px 0;
}

.arvenoa-service-area--info {
	max-width: 850px;
	margin: 24px 0 0;
	background: rgba(255, 255, 255, 0.55);
	border-radius: 0 16px 16px 0;
}

html[data-sg-theme="dark"] .arvenoa-service-area {
	background: rgba(189, 217, 215, 0.1);
	border-left-color: rgba(216, 201, 168, 0.9);
	color: #f4f9f8;
}

html[data-sg-theme="dark"] .arvenoa-service-area--compact {
	background: transparent;
	border-top-color: rgba(189, 217, 215, 0.18);
}

html[data-sg-theme="dark"] .arvenoa-service-area__icon {
	background: var(--arvenoa-area-tertiary);
	color: var(--arvenoa-area-primary);
}

html[data-sg-theme="dark"] .arvenoa-service-area__item + .arvenoa-service-area__item {
	border-top-color: rgba(189, 217, 215, 0.18);
}

@media (max-width: 640px) {
	.arvenoa-service-area {
		padding: 12px;
	}

	.arvenoa-service-area p span {
		font-size: 0.88rem;
	}
}