.service-page {
			padding-bottom: 34px;
		}

		.service-top {
			position: sticky;
			top: 98px;
			z-index: 25;
			border-radius: 18px;
            border: 1px solid var(--line);
            background: rgba(255, 255, 255, 0.92);
            padding: 14px 30px;
            display: flex;
            /* align-items: center; */
            gap: 30px;
            flex-wrap: wrap;
            justify-content: left;
		}

		.service-top a {
			padding: 8px 14px;
			border-radius: 999px;
			border: 1px solid #d7deed;
			color: #314058;
			font-size: 17px;
			font-weight: 600;
			transition: 0.2s ease;
            text-align: center;
		}

		.service-top a i {
			margin-right: 6px;
			color: inherit;
		}

		.service-top a:hover {
			background: #ffeeee;
            border-color: #ffa7b3;
		}

		.service-top a.active {
			color: #fff;
            background: #c54c64;
            border-color: #97283e;
		}

		.inner-section {
			margin-top: 18px;
			border: 1px solid var(--line);
			border-radius: 20px;
			background: rgba(255, 255, 255, 0.95);
			padding: clamp(18px, 2.6vw, 30px);
		}

		.hero-inner {
			display: grid;
			grid-template-columns: 1.3fr 1fr;
			gap: 16px;
			align-items: stretch;
		}

		.hero-inner-title {
			font-size: clamp(30px, 4vw, 44px);
			color: var(--brand-dark);
			display: inline-flex;
			align-items: center;
			gap: 12px;
		}

		.hero-inner-title i {
			color: var(--brand);
			font-size: 0.82em;
		}

		.hero-inner-sub {
			margin-top: 10px;
			font-size: 20px;
			color: #2d3a4f;
			font-weight: 700;
		}

		.hero-inner-desc {
			margin-top: 12px;
			color: #435169;
			font-size: 17px;
		}

		.hero-tag-list {
			margin-top: 14px;
			display: flex;
			gap: 8px;
			flex-wrap: wrap;
		}

		.hero-tag-list span {
			border-radius: 999px;
			border: 1px solid #bfd3ff;
			background: #f1f6ff;
			color: #1958ca;
			font-size: 14px;
			padding: 6px 10px;
		}

		.hero-cover {
			border: 1px solid #d7deed;
			border-radius: 14px;
			overflow: hidden;
			min-height: 260px;
		}

		.hero-cover img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}

		

		.flow-list {
			margin-top: 14px;
			display: grid;
			gap: 10px;
		}

		.flow-item {
			border: 1px solid #d7deed;
			border-radius: 12px;
			background: #f9fbff;
			padding: 10px 12px;
			display: grid;
			grid-template-columns: 36px 1fr;
			gap: 10px;
			align-items: start;
		}

		.flow-num {
			width: 36px;
			height: 36px;
			border-radius: 50%;
			background: #1f6dff;
			color: #fff;
			display: grid;
			place-items: center;
			font-weight: 700;
		}

		.flow-item h4 {
			margin: 0;
			font-size: 18px;
			color: #2a3750;
		}

		.flow-item p {
			margin-top: 4px;
			color: #45536b;
			font-size: 15px;
		}

		.process-track {
			margin-top: 14px;
			display: flex;
			gap: 26px;
			align-items: stretch;
			flex-wrap: wrap;
		}

		.process-node {
			position: relative;
            max-width: 230px;
            width: 200px;
            min-width: 150px;
            background: #f9fbff;
            border: 1px solid #d7deed;
            border-radius: 12px;
            padding: 12px 12px 12px 42px;
		}

		.process-node::after {
			content: "\f061";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			position: absolute;
			right: -20px;
			top: 50%;
			font-size: 16px;
			line-height: 1;
			color: #8fb8ff;
			transform: translateY(-50%);
		}

		.process-node:last-child::after {
			display: none;
		}

		.process-index {
			position: absolute;
			left: 10px;
			top: 12px;
			width: 24px;
			height: 24px;
			border-radius: 50%;
			display: grid;
			place-items: center;
			font-size: 13px;
			font-weight: 700;
			color: #fff;
			background: var(--brand);
		}

		.process-node h4 {
			margin: 0;
			font-size: 17px;
			color: #2a3750;
		}

		.process-node p {
			margin: 6px 0 0;
			font-size: 14px;
			line-height: 1.6;
			color: #485770;
		}

		.timeline {
			position: relative;
			margin-top: 14px;
			padding-left: 18px;
		}

		.timeline::before {
			content: "";
			position: absolute;
			left: 17px;
			top: 6px;
			bottom: 6px;
			width: 2px;
			background: #bfd3ff;
		}

		.timeline-item {
			position: relative;
			display: grid;
			grid-template-columns: 84px 1fr;
			gap: 12px;
			padding: 8px 0 8px 26px;
		}

		.timeline-item::before {
			content: "";
			position: absolute;
			left: -6px;
			top: 14px;
			width: 10px;
			height: 10px;
			border-radius: 50%;
			background: var(--brand);
			box-shadow: 0 0 0 4px rgba(137, 27, 49, 0.12);
		}

		.timeline-year {
			font-weight: 700;
			color: var(--brand);
			font-size: 16px;
			line-height: 1.6;
		}

		.timeline-content {
			color: #3e4b61;
			font-size: 15px;
			line-height: 1.7;
		}

		.cta-box {
			margin-top: 16px;
			border: 1px solid #d7deed;
			border-radius: 14px;
			background: linear-gradient(120deg, #f1f6ff, #ffffff);
			padding: 16px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 14px;
			flex-wrap: wrap;
		}

		.cta-box p {
			font-size: 16px;
			color: #3a4760;
		}

		.cta-box a {
			padding: 10px 16px;
			border-radius: 999px;
			background: #1f6dff;
			color: #fff;
			font-weight: 700;
			font-size: 14px;
		}

		@media (max-width: 980px) {
			.service-top {
				top: 90px;
			}

			.hero-inner,
			.content-grid {
				grid-template-columns: 1fr;
			}

			.hero-cover {
				min-height: 220px;
			}

			.timeline-item {
				grid-template-columns: 1fr;
				gap: 2px;
			}


		}
        
        
        .highlight {
                background: linear-gradient(120deg, rgb(251 10 6), rgb(255 0 0 / 68%));
                color: #ffffff;
                font-size: 14px;
                line-height: 14px;
        }

		.content-card h4 {
			color: #29364d;
			display: inline-flex;
			align-items: center;
			gap: 10px;
		}
		

		.content-card h4 i {
			color: var(--brand);
			font-size: 0.82em;
		}

		.site-header {
  padding: 104px 0 0px;
}