@import url("./page-hero.css");
@import url("./service-card.css");
@import url("./cta-form.css");
@import url("./faq.css");
@import url("./posts-slider.css");

.service-category__posts {
	background: var(--color-white);
	padding: 40px 0 23px;
}

.site-main--service-category .ct-cta-form {
	background: var(--color-white);
}

.service-category__posts-grid {
	display: grid;
	gap: 24px;
}

.service-category__posts-grid .ct-services__card--horizontal {
	width: 100%;
}

@media (min-width: 960px) {
	.service-category__posts-grid .ct-services__card--horizontal {
		flex-direction: row;
		min-height: 310px;
	}

	.service-category__posts-grid .ct-services__card--horizontal .ct-services__card-media,
	.service-category__posts-grid .ct-services__card--horizontal .ct-services__card-content {
		width: calc(50% - 4px);
	}

	.service-category__posts-grid .ct-services__card--horizontal .ct-services__card-media {
		flex: 0 0 calc(50% - 4px);
	}

	.service-category__posts-grid .ct-services__card--horizontal .ct-services__card-content {
		flex: 0 0 calc(50% - 4px);
	}

	.service-category__posts-grid .ct-services__card--horizontal {
		gap: 8px;
	}
}

@media (max-width: 768px) {
	.service-category__posts {
		padding: 40px 0;
	}
}