.section-archive-service {
	background-color: var(--color-bg-light-50);
	background-blend-mode: multiply;}

.section-archive-service > .container {
	padding-block: var(--size-v-pad-md) var(--size-v-pad-sm);
}

.section-archive-service .post-banner {
	padding-block: var(--size-v-pad-xl) var(--size-v-pad-md);
}

.section-archive-service .desc {
	max-width: 58rem;
}

.section-archive-service .services {
	margin-top: var(--size-section-block-mt);
}

.section-archive-service .service-desc {
	margin-top: var(--size-card-body-mt);
}

.section-archive-service .btn {
	margin-top: var(--size-card-action-inline-mt);
}

@media only screen and (min-width: 992px) {
	.section-archive-service .dropdown {
		width: 100%;
	}

	.section-archive-service .dropdown-menu {
		display: flex;
		justify-content: space-evenly;
		gap: 3rem;
		position: unset;
		border-radius: 4rem;
		background: var(--color-overlay-gray-10);
		padding-block: 0.7rem;
	}

	.section-archive-service .dropdown-menu .dropdown-item {
		border: unset;
		border-radius: 4rem;
		background: transparent;
		padding: 1.2rem 6rem;
		font-size: var(--fs-body-m);
		color: var(--color-text-pri-light);
	}

	.section-archive-service .dropdown-menu .dropdown-item.active {
		background-color: var(--color-text-pri-dark);
	}
}

@media only screen and (max-width: 991.98px) {
	.section-archive-service .post-banner {
		padding-block: var(--size-v-pad-sm) var(--size-v-pad-sm);
	}
}

.section-archive-service .services .service .service-thumb {
	aspect-ratio: 897 / 484;
	border-radius: var(--radius-media);
}