explore-services/explore/src/app/sdg/sdg.component.css

.custom-sdg-dot:after {
	content: "";
	background-image: url(../../assets/explore-assets/sdg-dot-img.svg);
	display: inline-block;
	background-size: 100% 100%;
	height: 18px;
  width: 18px;
	margin-left: 10px;
}
.sdg-card-text-color {
	color: #F9F9F9 !important;
}
.sdg-card {
	width: 265px;
	height: 255px;
}
.sdg-card img {
	height: 40px;
	width: auto;
}
.sdg-1 {
	background-color: #E6233D !important;
}
.sdg-2 {
	background-color: #DF9F00 !important;
}
.sdg-3 {
	background-color: #19A220 !important;
}
.sdg-4 {
	background-color: #D70023 !important;
}
.sdg-5 {
	background-color: #FF0B00 !important;
}
.sdg-6 {
	background-color: #00BFE8 !important;
}
.sdg-7 {
	background-color: #FFC300 !important;
}
.sdg-8 {
	background-color: #B10240 !important;
}
.sdg-9 {
	background-color: #FF5D00 !important;
}
.sdg-10 {
	background-color: #F50D86 !important;
}
.sdg-11 {
	background-color: #FF8A00 !important;
}
.sdg-12 {
	background-color: #CA8A03 !important;
}
.sdg-13 {
	background-color: #2B772B !important;
}
.sdg-14 {
	background-color: #0098DF !important;
}
.sdg-15 {
	background-color: #00B91C !important;
}
.sdg-16 {
	background-color: #0069A2 !important;
}
.sdg-17 {
	background-color: #1C336A !important;
}