.list-block {
	width: 100%;
	margin-bottom: 60px;
}

.list-block select {
	font-size: 1.125rem;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--color-primary-light);
	border: 1px solid var(--color-gray-400);
	border-radius: 4px;
	margin-bottom: 15px;
	padding: 0 30px 0 15px;
	background-image: url('../../images/chevron-down.svg');
	background-repeat: no-repeat;
	background-position: right 15px center;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

@media screen and (min-width: 768px) {
	.list-block {
		background: var(--color-gray-100);
		border-radius: 4px;
		padding: 30px;
	}

	.list-block-title {
		font-size: 1.25rem;
		font-family: var(--font-family-body), sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 15px;
	}

	.list-block-holder {
		padding-left: 0;
		list-style: none;
		counter-reset: item;
		margin-bottom: 0;
	}

	.list-block-item {
		counter-increment: item;
		position: relative;
		font-size: 1.063rem;
	}

	.list-block-item button:after {
		display: none;
	}

	.list-block-item:before {
		content: counter(item, decimal-leading-zero) ".";
		position: absolute;
		top: 8px;
		left: 0;
		color: var(--color-alternate);
		font-weight: 600;
	}

	.list-block-item button {
		display: block;
		width: 100%;
		font-weight: 500;
		color: var(--color-primary-light);
		text-decoration: none;
		border-bottom: 1px solid var(--color-gray-300);
		padding: 8px 30px 9px 40px;
		position: relative;
		text-align: left;
		line-height: 1.4;
		text-transform: none;
	}

	.list-block-item button:hover,
	.list-block-item button:focus {
		color: var(--color-alternate);
	}

	.list-block-item button:before {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		color: var(--color-alternate);
		font-size: 1.25rem;
		font-family: 'Font Awesome 6 Pro', sans-serif !important;
		content: '\f107' !important;
	}
}

@media screen and (min-width: 1025px) {
	.list-block {
		padding: 50px;
		margin-bottom: 60px;
	}
}