:root{
	--c-gray: #E4E4E4;
	--c-green: #E1FFCB;
	--c-red: #FBEAEA;
	--c-text: #333;
}
.d-col{
	flex-direction: column;
}
.wsm-cards{
	position: relative;
}
.wsm-card{
	position: relative;
	background: #E4E4E4;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 15px;
	box-shadow: 0 4px 12px hsl(230 25% 12% / .06);
	border: 1px solid hsl(220 16% 90%);
	background-color: #fff !important;
}
@media all and (min-width: 768px){
	.wsm-card{
		margin-bottom: 0px;
	}
}
.wsm-card a{
	display: block;
	position: relative;
	z-index: 99;
	padding: 12px;
	background: transparent;
}
@media all and (min-width: 768px){
	.wsm-card a{
		padding: 15px;
	}
}
.wsm-card::before{
	content: "";
	display: block;
	aspect-ratio: 1 / 1;
	width: 80%;
	max-width: 400px;
	border-radius: 100%;
	position: absolute;
	bottom: 30px;
	right: -30px;
	z-index: 2;
	background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
}
/* .wsm-card::after{
	content: "";
	display: block;
	aspect-ratio: 1 / 1;
	width: 60%;
	max-width:200px;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	right: -30px;
	z-index: 1;
	background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
} */
.wsm-card__header{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 20px;
	margin-bottom: 0px;
}
.wsm-card .wsm-card__num{
	font-family: "Inter", sans-serif;
	font-size: 28px;
	color: var(--c-text);
	margin-bottom: 0;
}
@media all and (min-width: 768px){
	.wsm-card .wsm-card__num{
		font-size: 28px;
	}
}
.wsm-card .wsm-card__icon{
	color: #fff;
	height: 40px;
	aspect-ratio: 1/1;
	display: grid;
	place-content: center;
	border-radius: 10px;
	background: #5F594C;
	font-size: 20px;
}

@media all and (min-width: 768px){
	.wsm-card .wsm-card__icon{
		height: 50px;
		font-size: 26px;
	}
}
.wsm-card .wsm-card__title{
	font-family: "Inter", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 0;
}


.wsm-card.wsm-card--green{
	background: #E1FFCB;
}
.wsm-card--green .wsm-card__icon {
	background: #4DB500;
}

.wsm-card--red{
	background: #FBEAEA;
}
.wsm-card--red .wsm-card__icon {
	background: #DF4242;
}

.wsm-card--blue{
	background-color: #DEF0F1;
}
.wsm-card--blue .wsm-card__icon {
	background: #0084CE;
}

.wsm-card--yellow{
	background: #FEFFBF;
}
.wsm-card--yellow .wsm-card__icon {
	background: #F9B72C;
}

.wsm-card--orange{
	background: #FFEAD0;
}
.wsm-card--orange .wsm-card__icon {
	background: #FF8D04;
}

.wsm-card--pink{
	background: #F2E2F8;
}
.wsm-card--pink .wsm-card__icon {
	background: #CD40FF;
}

.wsm-card--violet{
	background: #E3E7FD;
}
.wsm-card--violet .wsm-card__icon {
	background: #4C22C3;
}

.wsm-card--purple{
	background: #E0D5FF;
}
.wsm-card--purple .wsm-card__icon {
	background: #4B0098;
}