/* ==========================================================================
   Service detail pages – aligned with main site visual identity
   Gradient: 135deg #00b8ff9e → #2ea01a9e | Accent: #26233c
   ========================================================================== */

/* ---- Why Us section: directly above footer, no gap (matches homepage design) ---- */
.badges--above-footer {
	margin-bottom: 0;
}
.badges--above-footer .title {
	color: var(--text-primary, #26233c) !important;
}

/* ---- Page container ---- */
.service-page {
	padding-top: 1.5rem;
	padding-bottom: 5rem;
	max-width: 56rem;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Cairo', sans-serif;
}
@media (min-width: 37.5em) {
	.service-page { padding-top: 2rem; padding-bottom: 6rem; }
}

/* ---- Breadcrumb ---- */
.service-page .breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin-bottom: 1.25rem;
	font-size: 0.9rem;
	color: var(--text-secondary, #4a5568);
}
.service-page .breadcrumb a {
	color: var(--nav-link, #26233c);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.2s ease;
}
/* Home icon on first breadcrumb link */
.service-page .breadcrumb a:first-of-type {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}
.service-page .breadcrumb a:first-of-type::before {
	content: '';
	width: 1em;
	height: 1em;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2326233c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.85;
	transition: opacity 0.2s ease;
}
.service-page .breadcrumb a:first-of-type:hover::before {
	opacity: 1;
}
html[data-theme="dark"] .service-page .breadcrumb a:first-of-type::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b8c5d6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");
}
.service-page .breadcrumb a:hover {
	color: #2ea01a;
	text-decoration: none;
}
.service-page .breadcrumb span[aria-hidden="true"] {
	color: var(--text-secondary, #718096);
	margin: 0 0.15rem;
}
.service-page .breadcrumb > span:last-child {
	color: var(--text-primary, #26233c);
	font-weight: 600;
}
.service-page .breadcrumb a:focus-visible {
	outline: 2px solid #2ea01a;
	outline-offset: 2px;
	border-radius: 2px;
}

/* ---- Hero (gradient band, like About section) ---- */
.service-page .service-hero {
	text-align: center;
	padding: 2.5rem 1.5rem 3rem;
	margin: 0 -1rem 2.5rem;
	background: linear-gradient(135deg, #00b8ff9e 0%, #2ea01a9e 100%);
	background-color: #5fdfbc;
	border-radius: 12px;
	box-shadow: 2px 4px 20px rgba(0, 184, 255, 0.2), -2px 4px 20px rgba(46, 160, 26, 0.2);
	position: relative;
	overflow: hidden;
}
.service-page .service-hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255,255,255,0.15) 0%, transparent 50%);
	pointer-events: none;
}
.service-page .service-hero h1,
.service-page .service-hero .tagline {
	position: relative;
	z-index: 1;
}
@media (min-width: 37.5em) {
	.service-page .service-hero { margin-left: 0; margin-right: 0; padding: 3rem 2rem 3.5rem; border-radius: 16px; }
}
.service-page .service-hero h1 {
	font-size: 1.85rem;
	margin-bottom: 0.75rem;
	color: #fff !important;
	font-weight: 700;
	position: relative;
	display: inline-block;
}
/* Hero icon above title (modern touch, subtle animation) */
@keyframes service-hero-icon-in {
	0% { opacity: 0; transform: scale(0.9); }
	100% { opacity: 1; transform: scale(1); }
}
.service-page .service-hero h1::before {
	content: '';
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	margin: 0 auto 0.75rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.95)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 1;
	animation: service-hero-icon-in 0.5s ease-out;
}
.service-page .service-hero h1::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
	width: 60%;
	max-width: 120px;
	height: 3px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 2px;
}
@media (min-width: 37.5em) {
	.service-page .service-hero h1 { font-size: 2.25rem; }
}
@media (min-width: 64em) {
	.service-page .service-hero h1 { font-size: 2.75rem; }
}
.service-page .service-hero .tagline {
	font-size: 1.05rem;
	color: rgba(255, 255, 255, 0.95);
	max-width: 36em;
	margin: 0 auto;
	line-height: 1.65;
	font-weight: 400;
}
@media (min-width: 37.5em) {
	.service-page .service-hero .tagline { font-size: 1.15rem; }
}

/* ---- Content wrapper ---- */
.service-page .service-content {
	max-width: 48rem;
	margin: 0 auto;
}

/* ---- Content sections (card-style, brand shadow) ---- */
.service-page .service-content > section:not(.service-cta) {
	margin-bottom: 2rem;
	padding: 1.75rem 1.25rem;
	background: var(--service-card-bg, #fff);
	border-radius: 12px;
	box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.06), 2px 4px 16px rgba(46, 160, 26, 0.08), -1px 2px 12px rgba(0, 184, 255, 0.08);
	border: 1px solid var(--service-card-border, rgba(0, 184, 255, 0.12));
	border-left: 4px solid transparent;
	transition: box-shadow 0.3s ease, transform 0.25s ease, border-left-color 0.25s ease;
	position: relative;
	overflow: hidden;
}
.service-page .service-content > section.service-cta {
	margin-bottom: 2rem;
}
/* Subtle corner gradient accent (visual depth) */
.service-page .service-content > section:not(.service-cta)::after {
	content: '';
	position: absolute;
	top: -40%;
	right: -20%;
	width: 60%;
	height: 80%;
	background: radial-gradient(ellipse at center, rgba(0, 184, 255, 0.06) 0%, transparent 70%);
	pointer-events: none;
	border-radius: 50%;
}
[dir="rtl"] .service-page .service-content > section:not(.service-cta)::after {
	right: auto;
	left: -20%;
}
.service-page .service-content > section:not(.service-cta)[data-icon="why"] { border-left-color: rgba(0, 184, 255, 0.5); }
.service-page .service-content > section:not(.service-cta)[data-icon="offer"] { border-left-color: rgba(46, 160, 26, 0.5); }
.service-page .service-content > section:not(.service-cta)[data-icon="approach"] { border-left-color: rgba(38, 35, 60, 0.35); }
[dir="rtl"] .service-page .service-content > section:not(.service-cta) { border-left: 1px solid var(--service-card-border, rgba(0, 184, 255, 0.12)); border-right: 4px solid transparent; }
[dir="rtl"] .service-page .service-content > section:not(.service-cta)[data-icon="why"] { border-right-color: rgba(0, 184, 255, 0.5); }
[dir="rtl"] .service-page .service-content > section:not(.service-cta)[data-icon="offer"] { border-right-color: rgba(46, 160, 26, 0.5); }
[dir="rtl"] .service-page .service-content > section:not(.service-cta)[data-icon="approach"] { border-right-color: rgba(38, 35, 60, 0.35); }
.service-page .service-content > section:not(.service-cta):hover {
	box-shadow: 2px 8px 24px rgba(0, 0, 0, 0.08), 4px 8px 28px rgba(46, 160, 26, 0.14), -2px 6px 24px rgba(0, 184, 255, 0.12);
	transform: translateY(-2px);
}
/* Section icon (when data-icon is set) */
.service-page .service-content > section[data-icon] {
	padding-top: 2.25rem;
}
.service-page .service-content > section[data-icon]::before {
	content: '';
	display: block;
	width: 3rem;
	height: 3rem;
	margin-bottom: 1rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	transition: transform 0.25s ease;
}
.service-page .service-content > section[data-icon]:hover::before {
	transform: scale(1.08);
}
[dir="rtl"] .service-page .service-content > section[data-icon]::before {
	background-position: right center;
}
[dir="rtl"] .service-page .service-content > section[data-icon]:hover::before {
	transform: scale(1.08);
}
/* Icon: Why / idea (lightbulb) */
.service-page .service-content > section[data-icon="why"]::before {
	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='%2300b8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3Cpath d='M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14'/%3E%3C/svg%3E");
}
/* Icon: What we offer (checklist) */
.service-page .service-content > section[data-icon="offer"]::before {
	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='%232ea01a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
}
/* Icon: Our approach (compass / path) */
.service-page .service-content > section[data-icon="approach"]::before {
	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='%2326233c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M16.24 7.76l2.83-2.83'/%3E%3Cpath d='M14.83 14.83l4.24 4.24'/%3E%3Cpath d='M7.76 16.24l-2.83 2.83'/%3E%3Cpath d='M12 2v4'/%3E%3Cpath d='M12 18v4'/%3E%3Cpath d='M2 12h4'/%3E%3Cpath d='M18 12h4'/%3E%3C/svg%3E");
}
/* Alternating subtle background for visual rhythm (optional; exclude CTA) */
.service-page .service-content > section:nth-child(even):not(.service-cta) {
	background: var(--service-card-bg-alt, rgba(0, 184, 255, 0.03));
}
@media (min-width: 37.5em) {
	.service-page .service-content > section { padding: 2rem 2rem; }
	.service-page .service-content > section[data-icon] { padding-top: 2.5rem; }
	.service-page .service-content > section[data-icon]::before { width: 3.25rem; height: 3.25rem; margin-bottom: 1.25rem; }
}

/* ---- Section headings (gradient underline like main .title) ---- */
.service-page .service-content h2 {
	text-align: left;
	margin: 0 0 1.25rem;
	font-size: 1.4rem;
	color: var(--text-primary, #26233c) !important;
	font-weight: 700;
	position: relative;
	padding-bottom: 0.5rem;
	display: inline-block;
	letter-spacing: -0.02em;
	line-height: 1.3;
}
.service-page .service-content h2::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(135deg, #00b8ff9e 0%, #2ea01a9e 100%);
	border-radius: 2px;
}
[dir="rtl"] .service-page .service-content h2 { text-align: right; }
[dir="rtl"] .service-page .service-content h2::before { left: auto; right: 0; }
.service-page .service-content h2:first-of-type { margin-top: 0; }
@media (min-width: 37.5em) {
	.service-page .service-content h2 { font-size: 1.6rem; }
}

/* ---- Paragraphs ---- */
.service-page .service-content p {
	margin-bottom: 1rem;
	line-height: 1.8;
	color: var(--text-primary, #26233c);
	font-size: 1rem;
}
@media (min-width: 64em) {
	.service-page .service-content p { font-size: 1.0625rem; }
}
.service-page .service-content p:last-child { margin-bottom: 0; }

/* ---- Lists (gradient accent) ---- */
.service-page .service-content ul {
	margin: 1rem 0 1.5rem;
	padding-left: 1.5rem;
	line-height: 1.85;
	color: var(--text-primary, #26233c);
	list-style: none;
}
.service-page .service-content ul li {
	position: relative;
	margin-bottom: 0.65rem;
	padding-left: 1.25rem;
}
/* List item: checkmark icon (expressive, modern) */
.service-page .service-content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.35em;
	width: 1.125rem;
	height: 1.125rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232ea01a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.service-page .service-content ul li {
	transition: padding-left 0.2s ease;
	padding-left: 1.75rem;
}
.service-page .service-content ul li:hover {
	padding-left: 1.9rem;
}
[dir="rtl"] .service-page .service-content ul li {
	padding-left: 0;
	padding-right: 1.75rem;
}
[dir="rtl"] .service-page .service-content ul li:hover {
	padding-right: 1.9rem;
}
[dir="rtl"] .service-page .service-content ul { padding-left: 0; padding-right: 1.5rem; }
[dir="rtl"] .service-page .service-content ul li::before { left: auto; right: 0; }
.service-page .service-content li strong {
	color: var(--text-primary, #26233c);
}

/* ---- JS-driven staggered reveal (only when .service-anims-ready) ---- */
.service-anims-ready .service-page .service-content > section:not(.section-visible) ul li,
.service-anims-ready .service-page .service-content > section:not(.section-visible) p {
	opacity: 0;
	transform: translateY(12px);
}
.service-page .service-content > section ul li,
.service-page .service-content > section p {
	transition: opacity 0.5s ease, transform 0.5s ease;
}
.service-page .service-content > section.section-visible ul.revealed li,
.service-page .service-content > section.section-visible p.revealed {
	opacity: 1;
	transform: translateY(0);
}

/* ---- Hero parallax (JS sets transform) ---- */
.service-page .service-hero {
	transition: transform 0.15s ease-out;
	will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
	.service-page .service-hero { transition: none; will-change: auto; }
	.service-page .service-cta { transition: none; }
	.service-anims-ready .service-page .service-content > section:not(.section-visible) ul li,
	.service-anims-ready .service-page .service-content > section:not(.section-visible) p { opacity: 1; transform: none; }
	.service-anims-ready .service-page .service-cta:not(.cta-visible) { transform: none; opacity: 1; }
}

/* ---- CTA button ripple ---- */
.service-page .service-cta .btn {
	position: relative;
	overflow: hidden;
}
.service-cta-ripple {
	position: absolute;
	width: 120px;
	height: 120px;
	margin-left: -60px;
	margin-top: -60px;
	background: rgba(255, 255, 255, 0.45);
	border-radius: 50%;
	transform: scale(0);
	animation: service-cta-ripple 0.6s ease-out;
	pointer-events: none;
}
@keyframes service-cta-ripple {
	to {
		transform: scale(4);
		opacity: 0;
	}
}

/* ---- CTA section scale-in when in view (JS adds .cta-visible) ---- */
.service-anims-ready .service-page .service-cta:not(.cta-visible) {
	transform: scale(0.98);
	opacity: 0.92;
}
.service-page .service-cta {
	transition: transform 0.6s ease-out, opacity 0.5s ease-out;
}
.service-page .service-cta.cta-visible {
	transform: scale(1);
	opacity: 1;
}

/* ---- Decorative divider between content and CTA ---- */
.service-page .service-content > section.service-cta {
	position: relative;
	overflow: hidden;
}
.service-page .service-cta::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
	pointer-events: none;
}

/* ---- CTA section (hero-style gradient, prominent) ---- */
.service-page .service-cta {
	text-align: center;
	margin-top: 2.5rem;
	margin-bottom: 0;
	padding: 2.5rem 1.5rem;
	background: linear-gradient(135deg, #00b8ff9e 0%, #2ea01a9e 100%);
	background-color: #5fdfbc;
	border-radius: 16px;
	box-shadow: 2px 6px 24px rgba(0, 184, 255, 0.25), -2px 6px 24px rgba(46, 160, 26, 0.25);
	border: none;
}
/* CTA icon (chat / contact) above heading */
.service-page .service-cta h2 {
	position: relative;
}
.service-page .service-cta h2::after {
	content: '';
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0.75rem auto 0;
	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='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='0.95'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.service-page .service-cta h2 {
	color: #fff !important;
	margin-bottom: 0.75rem;
}
.service-page .service-cta h2::before {
	background: rgba(255, 255, 255, 0.9);
}
.service-page .service-cta p {
	color: rgba(255, 255, 255, 0.95) !important;
	margin-bottom: 1.25rem;
	font-size: 1.05rem;
}
.service-page .service-cta .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.75rem;
	margin-top: 0.25rem;
	text-decoration: none;
	font-weight: 700;
	background: #fff;
	color: #26233c;
	border-radius: 8px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.service-page .service-cta .btn::after {
	content: '';
	width: 1.1em;
	height: 1.1em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2326233c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2l-7 20-4-9-9-4 20-7z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.25s ease;
}
.service-page .service-cta .btn:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
	color: #26233c;
}
.service-page .service-cta .btn:hover::after {
	transform: translate(2px, -2px);
}
[dir="rtl"] .service-page .service-cta .btn:hover::after {
	transform: translate(-2px, -2px) scaleX(-1);
}
.service-page .service-cta .btn:focus-visible {
	outline: 2px solid #26233c;
	outline-offset: 3px;
}
.service-page .service-cta__p {
	margin-bottom: 1.25rem;
}

/* ---- Dark mode overrides ---- */
html[data-theme="dark"] .service-page .service-hero,
html[data-theme="dark"] .service-page .service-cta {
	box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.3);
}
html[data-theme="dark"] .service-page .service-content > section:not(.service-cta) {
	background: var(--service-card-bg);
	border-color: var(--service-card-border, rgba(255, 255, 255, 0.08));
	box-shadow: 1px 2px 16px rgba(0, 0, 0, 0.2);
}
html[data-theme="dark"] .service-page .service-content > section:nth-child(even):not(.service-cta) {
	background: var(--service-card-bg-alt);
}
html[data-theme="dark"] .service-page .service-content > section:not(.service-cta):hover {
	box-shadow: 2px 6px 24px rgba(0, 0, 0, 0.25);
}
/* CTA keeps gradient and white text in all themes */
html[data-theme="dark"] .service-page .service-cta {
	background: linear-gradient(135deg, #00b8ff9e 0%, #2ea01a9e 100%);
	background-color: #2d4a38;
}
html[data-theme="dark"] .service-page .service-cta h2,
html[data-theme="dark"] .service-page .service-cta p {
	color: #fff !important;
}
html[data-theme="dark"] .service-page .service-cta .btn {
	background: var(--text-primary, #26233c);
	color: var(--text-inverse, #fff);
}
html[data-theme="dark"] .service-page .service-cta .btn:hover {
	color: var(--text-inverse, #fff);
}
html[data-theme="dark"] .service-page .service-cta .btn:focus-visible {
	outline-color: var(--text-inverse, #fff);
}
html[data-theme="dark"] .service-page .service-cta .btn::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2l-7 20-4-9-9-4 20-7z'/%3E%3C/svg%3E");
}
/* Dark mode: section icons (approach uses dark stroke; ensure visibility) */
html[data-theme="dark"] .service-page .service-content > section[data-icon="approach"]::before {
	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='%23b8c5d6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M16.24 7.76l2.83-2.83'/%3E%3Cpath d='M14.83 14.83l4.24 4.24'/%3E%3Cpath d='M7.76 16.24l-2.83 2.83'/%3E%3Cpath d='M12 2v4'/%3E%3Cpath d='M12 18v4'/%3E%3Cpath d='M2 12h4'/%3E%3Cpath d='M18 12h4'/%3E%3C/svg%3E");
}