.optima-procurement-transformation{
	--optima-pt-teal:#005c5a;
	--optima-pt-teal-dark:#004c4b;
	--optima-pt-teal-line:#00716d;
	--optima-pt-lime:#cbd400;
	--optima-pt-lime-dark:#b7be00;
	--optima-pt-text:#141414;
	--optima-pt-shadow:0 10px 24px rgba(0,0,0,.10);

	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0 0 16px;
	background:radial-gradient(circle at 50% 45%,#fff 0,#fff 58%,#fbfbfb 100%);
	color:var(--optima-pt-text);
	font-family:"Instrument Sans",Arial,sans-serif;
	overflow:visible;
}

.optima-procurement-transformation *,
.optima-procurement-transformation *::before,
.optima-procurement-transformation *::after{
	box-sizing:border-box;
}

.optima-procurement-transformation__canvas{
	display:grid;
	grid-template-columns:360px 390px 360px;
	grid-template-areas:
		"diagnostic center right"
		"diagnostic strategy right"
		"value value value";
	gap:28px 30px;
	align-items:start;
}

.optima-procurement-transformation__panel{
	position:relative;
	overflow:hidden;
	border:1.6px solid var(--optima-pt-teal-line);
	border-radius:0 0 12px 12px;
	background:linear-gradient(145deg,#fbfefe,#f7fffe);
}

.optima-procurement-transformation__head,
.optima-procurement-transformation__lime-head{
	min-height:64px;
	display:flex;
	align-items:center;
	color:#fff;
	font-weight:800;
}

.optima-procurement-transformation__head{
	background:linear-gradient(135deg,#004b4a,#00635e);
}

.optima-procurement-transformation__number{
	width:58px;
	min-height:64px;
	display:grid;
	place-items:center;
	border-right:1.4px solid rgba(255,255,255,.65);
	font-size:38px;
}

.optima-procurement-transformation__head-title{
	padding-left:22px;
	font-size:22px;
	line-height:1.05;
}

.optima-procurement-transformation__head-icon{
	width:38px;
	height:38px;
	margin-left:auto;
	margin-right:18px;
	display:grid;
	place-items:center;
	flex:0 0 auto;
}

.optima-procurement-transformation__head-icon img,
.optima-procurement-transformation__subicon img,
.optima-procurement-transformation__strategy-icon img,
.optima-procurement-transformation__star img,
.optima-procurement-transformation__gear img{
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
	filter:brightness(0) invert(1);
}

.optima-procurement-transformation__content{
	padding:30px 30px 28px;
}

.optima-procurement-transformation ul{
	margin:0;
	padding-left:23px;
}

.optima-procurement-transformation li{
	line-height:1.28;
}

.optima-procurement-transformation__panel li{
	margin-bottom:18px;
	font-size:16.5px;
}

.optima-procurement-transformation__panel li:last-child{
	margin-bottom:0;
}

.optima-procurement-transformation__diagnostic{
	grid-area:diagnostic;
	min-height:640px;
	border-radius:10px 10px 12px 12px;
}

.optima-procurement-transformation__diagnostic::after{
	content:"";
	position:absolute;
	top:158px;
	right:-26px;
	width:28px;
	height:54px;
}

.optima-procurement-transformation__report{
	margin-top:70px;
}

.optima-procurement-transformation__subhead{
	min-height:60px;
	display:flex;
	align-items:center;
	background:linear-gradient(135deg,#004b4a,#00635e);
	color:#fff;
	font-size:18px;
	font-weight:800;
}

.optima-procurement-transformation__subicon{
    width:62px;
    height:42px;
    margin-right:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1.4px solid rgba(255,255,255,.65);
}

.optima-procurement-transformation__report .optima-procurement-transformation__content{
	padding-top:28px;
}

.optima-procurement-transformation__plain{
	margin-top:8px;
	margin-left:0;
	list-style:none;
	font-size:16.5px;
}

.optima-procurement-transformation__center{
	grid-area:center;
	position:relative;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	padding-top:24px;
}

.optima-procurement-transformation__circle{
	position:relative;
	width:400px;
	height:400px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border:5px solid #edf3f1;
	border-radius:50%;
	outline:1.4px solid #86a09d;
	background:radial-gradient(circle at 35% 22%,#006964 0,#005b58 45%,#004b49 100%);
	box-shadow:var(--optima-pt-shadow);
	color:#fff;
	text-align:center;
}

.optima-procurement-transformation__circle::after{
	content:"";
	position:absolute;
	bottom:-35px;
	left:50%;
	z-index:-1;
	width:64px;
	height:46px;
	transform:translateX(-50%);
	background:#82c9bd;
	clip-path:polygon(0 0,100% 0,50% 100%);
}

.optima-procurement-transformation__circle-top{
	display:flex;
	align-items:center;
	gap:30px;
	margin-bottom:28px;
}

.optima-procurement-transformation__circle-top > div{
	font-size:16.5px;
	line-height:1.12;
}

.optima-procurement-transformation__divider{
	width:1px;
	height:68px;
	background:rgba(255,255,255,.75);
}

.optima-procurement-transformation__circle-title{
	font-size:31px;
	font-weight:800;
	line-height:1.12;
	letter-spacing:.02em;
}

.optima-procurement-transformation__circle-line{
	width:230px;
	height:2px;
	margin-top:15px;
	background:var(--optima-pt-lime);
}

.optima-procurement-transformation__strategy{
	grid-area:strategy;
	align-self:end;
	margin-top:8px;
	overflow:hidden;
	border:1.6px solid var(--optima-pt-teal-line);
	border-radius:12px;
	background:linear-gradient(145deg,#fcfffd,#f8fffe);
}

.optima-procurement-transformation__strategy-head{
	min-height:70px;
	display:flex;
	align-items:center;
	border-bottom:1.6px solid var(--optima-pt-teal-line);
}

.optima-procurement-transformation__num-teal{
	width:48px;
	height:48px;
	margin-left:20px;
	display:grid;
	place-items:center;
	flex:0 0 auto;
	border-radius:6px;
	background:linear-gradient(135deg,#006c65,#004c4a);
	color:#fff;
	font-size:30px;
	font-weight:800;
}

.optima-procurement-transformation__strategy h3{
	margin:0 0 0 18px;
	color:var(--optima-pt-teal);
	font-size:22px;
	font-weight:800;
	line-height:1.05;
}

.optima-procurement-transformation__strategy-icon{
	width:34px;
	height:34px;
	margin-left:auto;
	margin-right:20px;
}

.optima-procurement-transformation__strategy ul{
	padding:24px 34px 28px 42px;
}

.optima-procurement-transformation__strategy li{
	margin-bottom:12px;
	font-size:14.5px;
	line-height:1.25;
}

.optima-procurement-transformation__strategy li:last-child{
	margin-bottom:0;
}

.optima-procurement-transformation__right-stack{
	grid-area:right;
}

.optima-procurement-transformation__right-stack .optima-procurement-transformation__panel{
	border-color:#d2d200;
	background:linear-gradient(145deg,#fffef8,#fffdf0);
}

.optima-procurement-transformation__lime-head{
	background:linear-gradient(135deg,var(--optima-pt-lime-dark),var(--optima-pt-lime));
}

.optima-procurement-transformation__lime-head .optima-procurement-transformation__head-icon{
	width:38px;
	height:38px;
	margin-left:22px;
	margin-right:20px;
}

.optima-procurement-transformation__lime-head .optima-procurement-transformation__head-title{
	padding-left:0;
}

.optima-procurement-transformation__capability{
	border-radius:10px 10px 0 0;
}

.optima-procurement-transformation__capability::before{
	content:"";
	position:absolute;
	top:137px;
	left:-1px;
	width:28px;
	height:54px;
	transform:translateX(-100%);
	background:var(--optima-pt-lime);
	clip-path:polygon(100% 0,0 50%,100% 100%);
}

.optima-procurement-transformation__capability .optima-procurement-transformation__content{
	padding:30px 42px 32px;
}

.optima-procurement-transformation__skill{
	border-top:0;
	border-radius:0 0 12px 12px;
}

.optima-procurement-transformation__skill .optima-procurement-transformation__subhead{
	min-height:56px;
	background:linear-gradient(135deg,var(--optima-pt-lime-dark),var(--optima-pt-lime));
	font-size:20px;
}

.optima-procurement-transformation__star{
	width:62px;
	height:34px;
	margin-right:8px;
	padding:2px 15px;
}

.optima-procurement-transformation__skill .optima-procurement-transformation__content{
	padding:22px 42px 26px;
}

.optima-procurement-transformation__skill li{
	margin-bottom:15px;
}

.optima-procurement-transformation__skill .optima-procurement-transformation__plain{
	margin-top:4px;
}

.optima-procurement-transformation__connector{
	position:relative;
	height:34px;
}

.optima-procurement-transformation__connector::after{
	content:"";
	position:absolute;
	top:-1px;
	right:18px;
	width:54px;
	height:48px;
	border-right:2px solid #c7bd00;
	transform:skewX(-32deg);
}

.optima-procurement-transformation__implementation{
	border-radius:12px;
}

.optima-procurement-transformation__imp-head{
	min-height:64px;
	display:flex;
	align-items:center;
	border-bottom:1.6px solid #d2d200;
}

.optima-procurement-transformation__num-lime{
	width:60px;
	height:64px;
	display:grid;
	place-items:center;
	flex:0 0 auto;
	border-radius:10px 0 8px 0;
	background:linear-gradient(135deg,var(--optima-pt-lime-dark),var(--optima-pt-lime));
	color:#fff;
	font-size:38px;
	font-weight:800;
}

.optima-procurement-transformation__implementation h3{
	margin:0 0 0 20px;
	color:#b9be00;
	font-size:22px;
	line-height:1.05;
}

.optima-procurement-transformation__gear{
	width:34px;
	height:34px;
	margin-left:auto;
	margin-right:18px;
}

.optima-procurement-transformation__gear img{
	filter:none;
}

.optima-procurement-transformation__implementation .optima-procurement-transformation__content{
	padding:20px 38px 24px;
}

.optima-procurement-transformation__implementation li{
	margin-bottom:11px;
	font-size:15px;
	line-height:1.25;
}

.optima-procurement-transformation__value{
	grid-area:value;
	display:grid;
	grid-template-columns:auto 1fr auto;
	align-items:center;
	gap:22px;
	padding:2px 12px 0;
}

.optima-procurement-transformation__low,
.optima-procurement-transformation__high{
	color:var(--optima-pt-teal-dark);
	font-size:18px;
	font-weight:800;
}

.optima-procurement-transformation__high{
	color:var(--optima-pt-lime-dark);
}

.optima-procurement-transformation__bar{
	position:relative;
	height:42px;
	display:flex;
	align-items:center;
	padding:0 22px;
	border-radius:10px;
	background:linear-gradient(90deg,#005b58 0%,#237d74 45%,#d8d719 100%);
	box-shadow:0 4px 10px rgba(0,0,0,.16);
	color:#fff;
	font-size:17px;
	font-weight:800;
}

.optima-procurement-transformation__bar::before{
	content:"";
	position:absolute;
	right:50px;
	left:210px;
	height:1px;
	background:rgba(255,255,255,.8);
}

.optima-procurement-transformation__bar::after{
	content:"";
	position:absolute;
	right:40px;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:10px solid #fff;
}

@media(max-width:1600px){
	.optima-procurement-transformation{
		max-width:1000px;
		padding:20px 20px 14px;
	}

	.optima-procurement-transformation__canvas{
		grid-template-columns:300px 330px 300px;
		gap:24px 25px;
	}

	.optima-procurement-transformation__diagnostic{
		min-height:570px;
	}

	.optima-procurement-transformation__content{
		padding:25px 24px 24px;
	}

	.optima-procurement-transformation__panel li{
		margin-bottom:15px;
		font-size:14.2px;
	}

	.optima-procurement-transformation__head,
	.optima-procurement-transformation__lime-head{
		min-height:56px;
	}

	.optima-procurement-transformation__number{
		width:50px;
		min-height:56px;
		font-size:32px;
	}

	.optima-procurement-transformation__head-title{
		font-size:19px;
	}

	.optima-procurement-transformation__head-icon{
		width:31px;
		height:31px;
		margin-right:15px;
	}

	.optima-procurement-transformation__report{
		margin-top:50px;
	}

	.optima-procurement-transformation__subhead{
		min-height:54px;
		font-size:16px;
	}

	.optima-procurement-transformation__subicon{
		width:54px;
		height:29px;
		margin-right:18px;
	}

	.optima-procurement-transformation__plain{
		font-size:14.2px;
	}

	.optima-procurement-transformation__circle{
		width:290px;
		height:290px;
	}

	.optima-procurement-transformation__circle::after{
		bottom:-31px;
		width:56px;
		height:41px;
	}

	.optima-procurement-transformation__circle-top{
		gap:24px;
		margin-bottom:23px;
	}

	.optima-procurement-transformation__circle-top > div{
		font-size:14px;
	}

	.optima-procurement-transformation__divider{
		height:56px;
	}

	.optima-procurement-transformation__circle-title{
		font-size:26px;
	}

	.optima-procurement-transformation__circle-line{
		width:195px;
	}

	.optima-procurement-transformation__strategy-head{
		min-height:60px;
	}

	.optima-procurement-transformation__num-teal{
		width:42px;
		height:42px;
		margin-left:16px;
		font-size:25px;
	}

	.optima-procurement-transformation__strategy h3,
	.optima-procurement-transformation__implementation h3{
		font-size:19px;
	}

	.optima-procurement-transformation__strategy-icon{
		width:28px;
		height:28px;
	}

	.optima-procurement-transformation__strategy ul{
		padding:20px 28px 24px 36px;
	}

	.optima-procurement-transformation__strategy li{
		margin-bottom:10px;
		font-size:12.5px;
	}

	.optima-procurement-transformation__lime-head .optima-procurement-transformation__head-icon{
		width:31px;
		height:31px;
		margin-left:18px;
		margin-right:16px;
	}

	.optima-procurement-transformation__capability .optima-procurement-transformation__content{
		padding:25px 32px 28px;
	}

	.optima-procurement-transformation__skill .optima-procurement-transformation__subhead{
		min-height:50px;
		font-size:17px;
	}

	.optima-procurement-transformation__star{
		width:54px;
		height:31px;
	}

	.optima-procurement-transformation__skill .optima-procurement-transformation__content{
		padding:19px 32px 23px;
	}

	.optima-procurement-transformation__imp-head{
		min-height:56px;
	}

	.optima-procurement-transformation__num-lime{
		width:52px;
		height:56px;
		font-size:32px;
	}

	.optima-procurement-transformation__implementation .optima-procurement-transformation__content{
		padding:17px 31px 22px;
	}

	.optima-procurement-transformation__implementation li{
		margin-bottom:9px;
		font-size:13px;
	}

	.optima-procurement-transformation__value{
		gap:18px;
	}

	.optima-procurement-transformation__bar{
		height:38px;
		font-size:15px;
	}

	.optima-procurement-transformation__bar::before{
		left:185px;
	}

	.optima-procurement-transformation__low,
	.optima-procurement-transformation__high{
		font-size:16px;
	}
}

@media(max-width:1050px){
	.optima-procurement-transformation{
		max-width:760px;
		padding:18px;
	}

	.optima-procurement-transformation__canvas{
		grid-template-columns:1fr;
		grid-template-areas:
			"center"
			"diagnostic"
			"strategy"
			"right"
			"value";
		gap:24px;
	}

	.optima-procurement-transformation__diagnostic{
		min-height:0;
	}

	.optima-procurement-transformation__diagnostic::after,
	.optima-procurement-transformation__capability::before,
	.optima-procurement-transformation__connector{
		display:none;
	}

	.optima-procurement-transformation__report{
		margin-top:28px;
	}

	.optima-procurement-transformation__center{
		padding-top:0;
	}

	.optima-procurement-transformation__circle{
		width:340px;
		height:340px;
	}

	.optima-procurement-transformation__circle-title{
		font-size:30px;
	}

	.optima-procurement-transformation__circle-top > div{
		font-size:16px;
	}

	.optima-procurement-transformation__strategy{
		margin-top:0;
	}

	.optima-procurement-transformation__right-stack{
		display:grid;
		gap:0;
	}

	.optima-procurement-transformation__value{
		margin-top:4px;
	}

	.optima-procurement-transformation__panel li{
		font-size:16px;
	}

	.optima-procurement-transformation__strategy li,
	.optima-procurement-transformation__implementation li{
		font-size:15px;
	}

	.optima-procurement-transformation__plain{
		font-size:16px;
	}
}

@media(max-width:620px){
	.optima-procurement-transformation{
		max-width:100%;
		margin:12px auto;
		padding:0;
	}

	.optima-procurement-transformation__canvas{
		gap:18px;
	}

	.optima-procurement-transformation__head-title,
	.optima-procurement-transformation__strategy h3,
	.optima-procurement-transformation__implementation h3{
		font-size:18px;
	}

	.optima-procurement-transformation__number,
	.optima-procurement-transformation__num-lime{
		font-size:30px;
	}

	.optima-procurement-transformation__head,
	.optima-procurement-transformation__number,
	.optima-procurement-transformation__lime-head,
	.optima-procurement-transformation__imp-head{
		min-height:52px;
	}

	.optima-procurement-transformation__number{
		width:48px;
	}

	.optima-procurement-transformation__content{
		padding:24px 22px;
	}

	.optima-procurement-transformation__panel li{
		margin-bottom:13px;
		font-size:15.5px;
	}

	.optima-procurement-transformation__circle{
		width:min(315px,88vw);
		height:min(315px,88vw);
	}

	.optima-procurement-transformation__circle-top{
		gap:18px;
		margin-bottom:20px;
	}

	.optima-procurement-transformation__circle-top > div{
		font-size:13.5px;
	}

	.optima-procurement-transformation__divider{
		height:52px;
	}

	.optima-procurement-transformation__circle-title{
		font-size:25px;
	}

	.optima-procurement-transformation__circle-line{
		width:190px;
	}

	.optima-procurement-transformation__strategy-head{
		min-height:58px;
	}

	.optima-procurement-transformation__num-teal{
		width:40px;
		height:40px;
		margin-left:14px;
		font-size:24px;
	}

	.optima-procurement-transformation__strategy ul{
		padding:20px 25px 24px 34px;
	}

	.optima-procurement-transformation__strategy li,
	.optima-procurement-transformation__implementation li{
		font-size:14.5px;
	}

	.optima-procurement-transformation__value{
		grid-template-columns:1fr;
		gap:8px;
	}

	.optima-procurement-transformation__low,
	.optima-procurement-transformation__high{
		text-align:center;
	}

	.optima-procurement-transformation__bar{
		height:38px;
		justify-content:center;
	}

	.optima-procurement-transformation__bar::before,
	.optima-procurement-transformation__bar::after{
		display:none;
	}
}