.dynamic-services ul{
	display: flex;
	margin: 0;
	gap: 20px;
}
.dynamic-services ul li{
	width: 33%;
}
.dynamic-services ul li h2 a:hover{
	color: unset;
}
.dynamic-services ul li svg{
	width: unset !important;
}
.services-learnmore-svg{
	flex-wrap: nowrap !important;
}
.services-learnmore-svg:hover .learn-more a{
	color: #666666 !important;
}
.services-learnmore-svg:hover svg{
	fill: #666666 !important;
}
@media screen and (max-width: 824px) {
	.learn-more a{
		text-align: left;
		font-size: 1.3rem;
	}
}
@media screen and (max-width: 767px) {
	.services-learnmore-svg a{
		font-size: 1rem !important;
	}
	.dynamic-services ul li > div{
		row-gap: 10px !important;
		padding: 15px !important;
	}
	.dynamic-services ul{
		flex-direction: column;
	}
	.dynamic-services ul li{
		width: 100%;
}	
	.services-learnmore-svg{
		padding: 0px;
	}
	.dynamic-services ul li .services-learnmore-svg{
		flex-direction: row !important;
	}
}