/* Loaded after slick-theme.css — hides customPaging slide numbers and styles dots. */
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	color: transparent;
	overflow: hidden;
}

.slick-dots li button:before {
	content: '';
	font-size: 0;
	color: transparent;
}

.carousel-container .slick-dots li button {
	width: 13px;
	height: 13px;
	padding: 0;
}

.carousel-container .slick-dots li button:before {
	opacity: 1;
	border: 1px solid var(--dark-green);
	border-radius: 13px;
	width: 13px;
	height: 13px;
	line-height: 13px;
	background: transparent;
}

.carousel-container .slick-dots li.slick-active button:before {
	background: var(--dark-green);
	border-color: var(--dark-green);
}