.service-areas-cards-section-0 {
	box-sizing: border-box;
	display: flex;
	align-content: stretch;
	flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .service-areas-cards-section-0 .service-areas-card-section {
	width: calc((100% / 3) - (10px + 10px));
}
}
@media (min-width: 992px) and (max-width: 1200px) {
  .service-areas-cards-section-0 .service-areas-card-section {
	width: calc((100% / 2) - (10px + 10px));
}
}
@media (min-width: 768px) and (max-width: 992px) {
  .service-areas-cards-section-0 .service-areas-card-section {
	width: calc((100% / 1) - (10px + 10px));
}
}
@media (max-width: 768px) {
  .service-areas-cards-section-0 .service-areas-card-section {
	width: calc((100% / 1) - (10px + 10px));
}
}
.service-areas-cards-section-0 .service-areas-card-section {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #f7f7f7;
	align-items: center;
	border-radius: 5px;
	border: 1px solid #000000FF;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.service-areas-cards-section-0 .service-areas-card-section h3.card-title {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	color: #ffffff;
}
.service-areas-cards-section-0 .service-areas-card-section h3.card-title:hover {
	color: #0032f9FF;
}