/* ==========================================================================
   Servicelist — styled bullet list shortcode
   ========================================================================== */

.servicelist {
	margin-block: 3rem;
	background-color: #f8f8f8;
	border-radius: 1.07rem;
	padding: 2.5rem 3rem;
}

.servicelist__title {
	font-family: var(--font-primary);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--color-primary);
	margin: 0 0 1.5rem;
}

.servicelist__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.servicelist--cols-2 .servicelist__list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem 3rem;
}

.servicelist__item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	font-family: var(--font-primary);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-text);
}

.servicelist__item::before {
	content: '';
	display: block;
	width: 0.625rem;
	height: 0.625rem;
	min-width: 0.625rem;
	background-color: var(--color-accent);
	border-radius: 50%;
	margin-top: 0.5rem;
}

/* ==========================================================================
   Responsive — Tablet (1024px)
   ========================================================================== */

@media (max-width: 1024px) {

	.servicelist {
		padding: 2rem 2.5rem;
	}

	.servicelist__title {
		font-size: 1.375rem;
	}

	.servicelist__item {
		font-size: 1rem;
	}
}

/* ==========================================================================
   Responsive — Mobile (768px)
   ========================================================================== */

@media (max-width: 768px) {

	.servicelist {
		padding: 1.5rem 1.75rem;
	}

	.servicelist--cols-2 .servicelist__list {
		grid-template-columns: 1fr;
	}

	.servicelist__title {
		font-size: 1.25rem;
	}

	.servicelist__item {
		font-size: 0.9375rem;
	}
}