:root {
	--blob-c0: rgba(155, 96, 250, 0.6);
	--blob-c1: rgba(134, 96, 250, 0.3);
	--page-400: var(--orange-400);
	--page-500: var(--orange-500);
	--page-600: var(--orange-600);
	--page-bs-01: var(--orange-bs-01);
	--page-bs-02: var(--orange-bs-02);
	--page-bs-03: var(--orange-bs-03);
}

.ci-hero {
	background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0c4a6e 100%);
	padding: 8rem 0 6rem;
}

.ci-hero::before {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
	opacity: 0.5;
}

.badge-gold {
	background: linear-gradient(135deg, #eea019, #d97706);
	color: white;
	padding: 0.5rem 1rem;
	border-radius: 20px;
	font-size: 0.875rem;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 1.5rem;
	letter-spacing: 0.5px;
}

.hero-cta {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 2rem;
}

.btn-outline-light {
	background: transparent;
	color: white;
	border: 2px solid rgba(255, 255, 255, 0.5);
}

.btn-outline-light:hover {
	background: white;
	color: #0f172a;
	border-color: white;
}

/* Urgency Banner */
.urgency-banner {
	background: linear-gradient(135deg, #dc2626, #b91c1c);
	padding: 1.5rem 0;
	color: white;
}

.urgency-content {
	display: flex;
	align-items: center;
	gap: 2rem;
	flex-wrap: wrap;
	justify-content: center;
}

.urgency-icon {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
}

.urgency-text {
	flex: 1;
	min-width: 300px;
}

.urgency-text h3 {
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 0.25rem;
}

.urgency-text p {
	opacity: 0.9;
	margin: 0;
	font-size: 0.95rem;
}

.btn-warning {
	background: #fbbf24;
	color: #1e293b;
	font-weight: 700;
	padding: 0.875rem 2rem;
}

.btn-warning:hover {
	background: #f59e0b;
	transform: translateY(-2px);
}

/* Bill Overview */
.bill-overview {
	background: #f8fafc;
}

.overview-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	margin-top: 3rem;
}

.overview-card {
	flex: 1 1 300px;
	min-width: 280px;
	max-width: 350px;
	background: white;
	border-radius: 16px;
	padding: 2rem;
	text-align: center;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.overview-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.overview-icon {
	width: 70px;
	height: 70px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
}

.overview-icon.regulatory {
	background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}
.overview-icon.entities {
	background: linear-gradient(135deg, #8b5cf6, #6d28d9);
}
.overview-icon.penalties {
	background: linear-gradient(135deg, #ef4444, #dc2626);
}

.overview-card h3 {
	font-size: 1.25rem;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 0.75rem;
}

.overview-card p {
	color: #64748b;
	line-height: 1.6;
	margin: 0;
}

/* Sectors Section */
.sectors-section {
	background: white;
}

.sectors-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem;
	margin-top: 3rem;
}

.sector-card {
	flex: 1 1 220px;
	min-width: 200px;
	max-width: 260px;
	background: #f8fafc;
	border-radius: 12px;
	padding: 1.5rem;
	text-align: center;
	border: 1px solid #e2e8f0;
	transition: all 0.3s ease;
}

.sector-card:hover {
	background: white;
	border-color: #3b82f6;
	box-shadow: 0 4px 20px rgba(59, 130, 246, 0.15);
	transform: translateY(-3px);
}

.sector-icon {
	width: 56px;
	height: 56px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	transition: all 0.3s ease;
}

.sector-icon.energy {
	background: linear-gradient(135deg, #fbbf24, #f59e0b);
	color: white;
}
.sector-icon.it {
	background: linear-gradient(135deg, #3b82f6, #2563eb);
	color: white;
}
.sector-icon.finance {
	background: linear-gradient(135deg, #10b981, #059669);
	color: white;
}
.sector-icon.air {
	background: linear-gradient(135deg, #0ea5e9, #0284c7);
	color: white;
}
.sector-icon.land {
	background: linear-gradient(135deg, #8b5cf6, #7c3aed);
	color: white;
}
.sector-icon.maritime {
	background: linear-gradient(135deg, #06b6d4, #0891b2);
	color: white;
}
.sector-icon.healthcare {
	background: linear-gradient(135deg, #ef4444, #dc2626);
	color: white;
}
.sector-icon.telecom {
	background: linear-gradient(135deg, #6366f1, #4f46e5);
	color: white;
}

.sector-card h4 {
	font-size: 1rem;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 0.5rem;
}

.sector-card p {
	font-size: 0.875rem;
	color: #64748b;
	margin: 0;
	line-height: 1.5;
}

.other-sectors {
	margin-top: 2.5rem;
	padding: 1.5rem 2rem;
	background: linear-gradient(135deg, #f8fafc, #f1f5f9);
	border-radius: 12px;
	text-align: center;
	border: 1px dashed #cbd5e1;
}

.other-sectors h4 {
	font-size: 1.1rem;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 0.5rem;
}

.other-sectors p {
	color: #64748b;
	margin: 0;
}

/* Obligations Section */
.obligations-section {
	background: linear-gradient(135deg, #0f172a, #1e293b);
	color: white;
}

.obligations-section .section-title h2,
.obligations-section .section-title p {
	color: white;
}

.obligations-section .section-title p {
	opacity: 0.8;
}

.obligations-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	margin-top: 3rem;
}

.obligation-card {
	flex: 1 1 320px;
	min-width: 300px;
	max-width: 380px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
}

.obligation-card:hover {
	background: rgba(255, 255, 255, 0.08);
	transform: translateY(-5px);
}

.obligation-header {
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.obligation-card.organizational .obligation-header {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.1));
}
.obligation-card.preventive .obligation-header {
	background: linear-gradient(135deg, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.1));
}
.obligation-card.response .obligation-header {
	background: linear-gradient(135deg, rgba(239, 68, 68, 0.3), rgba(239, 68, 68, 0.1));
}

.obligation-icon {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.obligation-card.organizational .obligation-icon {
	background: #3b82f6;
}
.obligation-card.preventive .obligation-icon {
	background: #10b981;
}
.obligation-card.response .obligation-icon {
	background: #ef4444;
}

.obligation-header h3 {
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0;
}

.obligation-list {
	list-style: none;
	padding: 1.5rem;
	margin: 0;
	flex-grow: 1;
}

.obligation-list li {
	padding: 0.75rem 0;
	padding-left: 1.75rem;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.9);
}

.obligation-list li:last-child {
	border-bottom: none;
}

.obligation-list li::before {
	content: '→';
	position: absolute;
	left: 0;
	color: #60a5fa;
}

.obligation-list li strong {
	color: #fbbf24;
}

.obligation-cta {
	padding: 0 1.5rem 1.5rem;
}

.obligation-cta a {
	display: block;
	text-align: center;
	padding: 0.75rem 1.5rem;
	background: rgba(255, 255, 255, 0.1);
	color: white;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 500;
	transition: all 0.3s ease;
}

.obligation-cta a:hover {
	background: rgba(255, 255, 255, 0.2);
}

/* Services Section Override */
.services-section .service-card.featured {
	border: 2px solid #3b82f6;
	position: relative;
}

/* Timeline Section */
.timeline-section {
	background: #f8fafc;
}

.timeline {
	position: relative;
	max-width: 800px;
	margin: 3rem auto 0;
	padding-left: 60px;
}

.timeline::before {
	content: '';
	position: absolute;
	left: 25px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(to bottom, #3b82f6, #10b981);
}

.timeline-item {
	position: relative;
	padding-bottom: 2.5rem;
}

.timeline-item:last-child {
	padding-bottom: 0;
}

.timeline-marker {
	position: absolute;
	left: -60px;
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #3b82f6, #2563eb);
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1.25rem;
	box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
	z-index: 2;
}

.timeline-item.final .timeline-marker {
	background: linear-gradient(135deg, #10b981, #059669);
	box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
}

.timeline-content {
	background: white;
	border-radius: 12px;
	padding: 1.5rem;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	border: 1px solid #e2e8f0;
	transition: all 0.3s ease;
}

.timeline-content:hover {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	transform: translateX(5px);
}

.timeline-content h4 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 0.5rem;
}

.timeline-duration {
	display: inline-block;
	background: #e0f2fe;
	color: #0369a1;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 500;
	margin-bottom: 0.75rem;
}

.timeline-content p {
	color: #64748b;
	margin: 0;
	line-height: 1.6;
}

/* Pricing Section */
.pricing-section {
	background: white;
}

.pricing-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	margin-top: 3rem;
}

.pricing-card {
	flex: 1 1 300px;
	min-width: 280px;
	max-width: 350px;
	background: #f8fafc;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #e2e8f0;
	transition: all 0.3s ease;
	position: relative;
	display: flex;
	flex-direction: column;
}

.pricing-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.pricing-card.featured {
	background: white;
	border: 2px solid #3b82f6;
	transform: scale(1.02);
}

.pricing-card.featured:hover {
	transform: scale(1.02) translateY(-5px);
}

.pricing-badge {
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	background: linear-gradient(135deg, #3b82f6, #2563eb);
	color: white;
	padding: 0.5rem 1.5rem;
	font-size: 0.8rem;
	font-weight: 600;
	border-radius: 0 0 12px 12px;
}

.pricing-header {
	padding: 2rem 1.5rem;
	text-align: center;
	background: linear-gradient(135deg, #f8fafc, #f1f5f9);
	border-bottom: 1px solid #ddd;
}

.pricing-card.featured .pricing-header {
	background: linear-gradient(135deg, #eff6ff, #dbeafe);
	padding-top: 2.5rem;
}

.pricing-header h3 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 0.25rem;
}

.pricing-subtitle {
	color: #64748b;
	font-size: 0.95rem;
	margin: 0;
}

.pricing-body {
	padding: 1.5rem;
	flex-grow: 1;
}

.pricing-features {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pricing-features li {
	padding: 0.75rem 0;
	padding-left: 1.75rem;
	position: relative;
	color: #475569;
	border-bottom: 1px solid #e2e8f0;
}

.pricing-features li:last-child {
	border-bottom: none;
}

.pricing-features li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #10b981;
	font-weight: bold;
}

.pricing-footer {
	padding: 1.5rem;
	text-align: center;
}

.pricing-footer .btn {
	width: 100%;
}

/* CTA Section Override */
.ci-cta {
	background: linear-gradient(135deg, #0f172a, #1e3a5f);
	color: white;
}

.ci-cta h2,
.ci-cta p {
	color: white;
}

.ci-cta p {
	opacity: 0.9;
}

.cta-buttons {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 2rem;
}

/* Responsive Design */
@media (max-width: 1024px) {
	.urgency-content {
		text-align: center;
	}

	.urgency-text {
		min-width: 100%;
	}
	
	.timeline-item {
		padding-left: 0;
	}
}

@media (max-width: 768px) {
	.ci-hero {
		padding: 6rem 0 4rem;
	}

	.ci-hero h1 {
		font-size: 2.25rem;
	}

	.sectors-grid {
		gap: 1rem;
	}

	.sector-card {
		flex: 1 1 calc(50% - 0.5rem);
		min-width: calc(50% - 0.5rem);
		max-width: calc(50% - 0.5rem);
		padding: 1rem;
	}

	.timeline {
		padding-left: 50px;
	}

	.timeline::before {
		left: 20px;
	}

	.timeline-marker {
		left: -50px;
		width: 40px;
		height: 40px;
		font-size: 1rem;
	}

	.pricing-card.featured {
		transform: none;
	}

	.pricing-card.featured:hover {
		transform: translateY(-5px);
	}
}

@media (max-width: 480px) {
	.sector-card {
		flex: 1 1 100%;
		min-width: 100%;
		max-width: 100%;
	}

	.hero-cta {
		flex-direction: column;
	}

	.hero-cta .btn {
		width: 100%;
	}

	.urgency-icon {
		display: none;
	}

	.obligation-card {
		min-width: 100%;
	}
}

.urgency-icon::after,
.overview-icon::after,
.sector-icon::after,
.obligation-icon::after {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover;
	content: ' ';
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sector-icon::after {
	width: 28px;
	height: 28px;
}

.urgency-icon::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12,6 12,12 16,14'%3E%3C/polyline%3E%3C/svg%3E");
}

.overview-icon.regulatory::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21h18'%3E%3C/path%3E%3Cpath d='M5 21V7l8-4v18'%3E%3C/path%3E%3Cpath d='M19 21V11l-6-4'%3E%3C/path%3E%3Cpath d='M9 9v.01'%3E%3C/path%3E%3Cpath d='M9 12v.01'%3E%3C/path%3E%3Cpath d='M9 15v.01'%3E%3C/path%3E%3Cpath d='M9 18v.01'%3E%3C/path%3E%3C/svg%3E");
}

.overview-icon.overview-icon.penalties::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9v4'%3E%3C/path%3E%3Cpath d='M12 17h.01'%3E%3C/path%3E%3Cpath d='M3.586 19.414A2 2 0 0 0 5 20h14a2 2 0 0 0 1.414-.586l.001-.001A2 2 0 0 0 21 18V6a2 2 0 0 0-.586-1.414l-.001-.001A2 2 0 0 0 19 4H5a2 2 0 0 0-1.414.586l-.001.001A2 2 0 0 0 3 6v12c0 .552.224 1.052.586 1.414z'%3E%3C/path%3E%3C/svg%3E");
}

.overview-icon.entities::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3C/svg%3E");
}

.sector-icon.energy::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'%3E%3C/path%3E%3C/svg%3E");
}

.sector-icon.it::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect height='14' rx='2' ry='2' width='20' x='2' y='3'%3E%3C/rect%3E%3Cline x1='8' x2='16' y1='21' y2='21'%3E%3C/line%3E%3Cline x1='12' x2='12' y1='17' y2='21'%3E%3C/line%3E%3C/svg%3E");
}

.sector-icon.finance::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='12' x2='12' y1='1' y2='23'%3E%3C/line%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'%3E%3C/path%3E%3C/svg%3E");
}

.sector-icon.air::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8 19.2L16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z'%3E%3C/path%3E%3C/svg%3E");
}

.sector-icon.land::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect height='13' width='15' x='1' y='3'%3E%3C/rect%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'%3E%3C/polygon%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E");
}

.sector-icon.maritime::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 21c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1 .6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'%3E%3C/path%3E%3Cpath d='M19.38 20A11.6 11.6 0 0 0 21 14l-9-4-9 4c0 2.9.94 5.34 2.81 7.76'%3E%3C/path%3E%3Cpath d='M19 13V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v6'%3E%3C/path%3E%3Cpath d='M12 10v4'%3E%3C/path%3E%3Cpath d='M12 2v3'%3E%3C/path%3E%3C/svg%3E");
}

.sector-icon.healthcare::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'%3E%3C/path%3E%3C/svg%3E");
}

.sector-icon.telecom::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.55a11 11 0 0 1 14.08 0'%3E%3C/path%3E%3Cpath d='M1.42 9a16 16 0 0 1 21.16 0'%3E%3C/path%3E%3Cpath d='M8.53 16.11a6 6 0 0 1 6.95 0'%3E%3C/path%3E%3Cline x1='12' x2='12.01' y1='20' y2='20'%3E%3C/line%3E%3C/svg%3E");
}

.obligation-icon.organizational::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21h18'%3E%3C/path%3E%3Cpath d='M9 8h1'%3E%3C/path%3E%3Cpath d='M9 12h1'%3E%3C/path%3E%3Cpath d='M9 16h1'%3E%3C/path%3E%3Cpath d='M14 8h1'%3E%3C/path%3E%3Cpath d='M14 12h1'%3E%3C/path%3E%3Cpath d='M14 16h1'%3E%3C/path%3E%3Crect height='18' rx='1' width='14' x='5' y='3'%3E%3C/rect%3E%3C/svg%3E");
}

.obligation-icon.preventive::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3Cpath d='M9 12l2 2 4-4'%3E%3C/path%3E%3C/svg%3E");
}

.obligation-icon.response::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' x2='12' y1='9' y2='13'%3E%3C/line%3E%3Cline x1='12' x2='12.01' y1='17' y2='17'%3E%3C/line%3E%3C/svg%3E");
}

.service-icon.regulatory::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='-2 -2 28 28' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12l2 2 4-4'%3E%3C/path%3E%3Cpath d='M21 12c-1 0-3-1-3-3s2-3 3-3 3 1 3 3-2 3-3 3'%3E%3C/path%3E%3Cpath d='M3 12c1 0 3-1 3-3s-2-3-3-3-3 1-3 3 2 3 3 3'%3E%3C/path%3E%3Cpath d='M12 3c0 1-1 3-3 3s-3-2-3-3 1-3 3-3 3 2 3 3'%3E%3C/path%3E%3Cpath d='M12 21c0-1 1-3 3-3s3 2 3 3-1 3-3 3-3-2-3-3'%3E%3C/path%3E%3C/svg%3E");
}

.service-icon.smpd::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14,2 14,8 20,8'%3E%3C/polyline%3E%3Cline x1='16' x2='8' y1='13' y2='13'%3E%3C/line%3E%3Cline x1='16' x2='8' y1='17' y2='17'%3E%3C/line%3E%3Cpolyline points='10,9 9,9 8,9'%3E%3C/polyline%3E%3C/svg%3E");
}

.service-icon.ara::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M12 16v-4'%3E%3C/path%3E%3Cpath d='M12 8h.01'%3E%3C/path%3E%3C/svg%3E");
}

.service-icon.bia::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");
}

.service-icon.irp::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' x2='12' y1='9' y2='13'%3E%3C/line%3E%3Cline x1='12' x2='12.01' y1='17' y2='17'%3E%3C/line%3E%3C/svg%3E");
}

.service-icon.suss::after {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewbox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3C/svg%3E");
}