.optima-sustainable-procurement{
	--optima-sp-dark:#0C675F;
	--optima-sp-lime:#CCD518;
	--optima-sp-lime-soft:#DDEB4E;
	--optima-sp-lime-alt:#D1E52E;
	--optima-sp-white:#FFFFFF;

	width:100%;
	max-width:900px;
	margin:0 auto;
	padding:20px;
	font-family:"Instrument Sans",Arial,sans-serif;
	color:var(--optima-sp-dark);
}

.optima-sustainable-procurement__svg{
	width:100%;
	height:auto;
	display:block;
	overflow:visible;
}

.optima-sp__outer-base{
	fill:var(--optima-sp-lime-soft);
	stroke:none;
}

.optima-sp__outer-outline{
	fill:none;
	stroke:var(--optima-sp-dark);
	stroke-width:10;
}

.optima-sp__outer-segment{
	stroke:none;
}

.optima-sp__outer-segment--a{
	fill:var(--optima-sp-lime-soft);
}

.optima-sp__outer-segment--b{
	fill:var(--optima-sp-lime-alt);
}

.optima-sp__outer-dividers line{
	stroke:#fff;
	stroke-width:7;
}

.optima-sp__inner-base{
	fill:#fff;
	stroke:none;
}

.optima-sp__inner-outline{
	fill:none;
	stroke:var(--optima-sp-dark);
	stroke-width:10;
}

.optima-sp__inner-sector{
	fill:#fff;
	stroke:none;
}

.optima-sp__sector-dividers line{
	stroke:var(--optima-sp-dark);
	stroke-width:9;
}

.optima-sp__core{
	fill:var(--optima-sp-lime);
	stroke:var(--optima-sp-dark);
	stroke-width:10;
}

.optima-sp__item text{
	fill:var(--optima-sp-dark);
	font-family:"Instrument Sans",Arial,sans-serif;
	font-size:21px;
	font-weight:650;
}

.optima-sp__sector-title{
	fill:var(--optima-sp-dark);
	font-family:"Instrument Sans",Arial,sans-serif;
	font-size:32px;
	font-weight:800;
}

.optima-sp__core-title{
	fill:var(--optima-sp-dark);
	font-family:"Instrument Sans",Arial,sans-serif;
	font-size:27px;
	font-weight:800;
}

.optima-sustainable-procurement image{
	pointer-events:none;
}

@media(max-width:1024px){
	.optima-sustainable-procurement{
		max-width:760px;
		padding:16px;
	}
}

@media (max-width:640px){

	.optima-sustainable-procurement{
		padding:8px 0;
		overflow-x:auto;
		display:flex;
		justify-content:center;
	}

	.optima-sustainable-procurement__svg{
		display:block;
		width:350px !important;
		min-width:350px !important;
		margin:0 auto;
		flex-shrink:0;
	}
}