body.wangao-service {
	font-family: "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
	background-color: #ffffff;
	color: #111827;
}

body.wangao-service h1,
body.wangao-service h2,
body.wangao-service h3,
body.wangao-service .font-oswald {
	font-family: "Oswald", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
}

.wangao-service-hero {
        background: #111827;
}
.wangao-service-hero__placeholder {
        background:
                radial-gradient(circle at 20% 24%, rgba(14, 165, 233, 0.26), transparent 45%),
                radial-gradient(circle at 80% 76%, rgba(34, 197, 94, 0.24), transparent 46%),
                linear-gradient(135deg, #0f172a 0%, #1f2937 100%);
}

.wangao-service .service-step {
	position: relative;
	padding-left: 2rem;
	border-left: 2px dashed #e5e7eb;
}

.wangao-service .service-step::before {
	content: "";
	position: absolute;
	left: -9px;
	top: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #009b4d;
	border: 4px solid #ffffff;
	box-shadow: 0 0 0 1px #e5e7eb;
}

.wangao-service .service-step:last-child {
	border-left: none;
}

.wangao-service details > summary {
	list-style: none;
}

.wangao-service details > summary::-webkit-details-marker {
	display: none;
}

.wangao-service details[open] summary ~ * {
	animation: wangao-service-sweep 0.5s ease-in-out;
}

@keyframes wangao-service-sweep {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}