@charset "utf-8";
/* CSS Document */
.cluster-title {
background-color: #004f6e;
color: white;
text-align: center;
padding: 1rem;
font-size: clamp(1.4rem, 2vw, 2rem);
margin-bottom: 2rem;
}

.cluster-grid {display: flex;flex-wrap: wrap;justify-content: space-between;}

.cluster-box-1 {
background: linear-gradient(to right, #57BBB6, #D1E6E5);
padding: 10px;
min-height: 155px;
}

.cluster-box-2 {
background: linear-gradient(to right, #9DCCA2, #DEECDD);
padding: 10px;
min-height: 155px;
}

.cluster-box-3 {
background: linear-gradient(to right, #588987, #CBD5D5);
padding: 10px;
min-height: 155px;
}	

.cluster-box-nobg {
min-height: 155px;
padding: 10px;
}

div.digital h4 {
background-color: #57BBB6;
font-size: clamp(1.4rem, 2vw, 1.8rem);
margin: 0;
font-weight: 700;
color: white;
padding: 10px;
}

div.oks h4 {
background-color: #9DCCA2;
font-size: clamp(1.4rem, 2vw, 1.8rem);
margin: 0;
font-weight: 700;
color: white;
padding: 10px;
}

div.cloud h4 {
background-color: #A3B8B8;
font-size: clamp(1.4rem, 2vw, 1.8rem);
margin: 0;
font-weight: 700;
color: white;
padding: 10px;
}

.play-win-cont {
background-color: #F0EFEF;
}

.play-win-head {
background: linear-gradient(to right, #002F40, #F0EFEF);
color: #FFFFFF;
font-weight: 700;
font-size: clamp(1.4rem, 2vw, 1.8rem);
padding: 10px;
}

.play-win-box {
padding: 15px;	
}

.playwin-cont {
background-color: #F0EFEF;
}

.playwin-head {
background: linear-gradient(to right, #002F40, #F0EFEF);
color: #FFFFFF;
font-weight: 700;
font-size: clamp(1.4rem, 2vw, 1.8rem);
padding: 10px;
}

.playwin-box {
padding: 15px;	
}

p.cluster-big-par {
font-size: clamp(1.5rem, calc(1.5 / 100 * 100vw), 2.5rem);
color: linear-gradient(to right, #002F40, #2E607D);
}

.case-study-cont {
background-color: #F0EFEF;
}

.case-study-head {
background: linear-gradient(to right, #72BCB9, #A6C9A9);
padding: 10px;
}

.case-study-head h4 {
color: #FFFFFF;
font-size: clamp(1.4rem, 2vw, 1.8rem);
margin: 0;
}

.case-study-content {
padding: 15px;
background-color: #F0EFEF;
}

ul.cluster-list {
margin: 0;
padding: 0;
list-style-type: none;
padding-left: 0;
font-weight: 700;
}

ul.cluster-list li {
font-size: clamp(1.2rem, calc(1.2 / 100 * 100vw), 1.6rem);
line-height: 1.6;
font-weight: 700;
margin-bottom: 0.5rem;
color: #316381; 	
}

ul.cluster-list li big{
font-size: clamp(1.5rem, calc(1.2 / 100 * 100vw), 2rem);
line-height: 1.8;
color: #316381; 	
}

.arrows {
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background: linear-gradient(to top right, #72BCB9, #A6C9A9);
border-radius: 50%;
font-size: 25px;
color: #333;
margin-right: 10px;
padding-bottom: 5px;
}

span.arrow-up::before {
content: "\2191";
}

span.arrow-down::before {
content: "\2193";
}	

ul.next-phase-list {
margin: 0;
padding: 0;
list-style-type: disc;
padding-left: 15px;
color: #fff;
}

ul.next-phase-list li {
font-size: clamp(1.2rem, calc(1.2 / 100 * 100vw), 1.6rem);
line-height: 1.6;
font-weight: 400;
margin-bottom: 0.5rem;
color: #fff;
}

ul.next-phase-list li::marker {
color: #fff;
}	

.next-phase-box {
background-color: #9DCCA2;
padding: 15px;
margin-top: 30px;
margin-bottom: 30px;
}	

.switch-white {
color: #FFFFFF!important;
}

.key-tbl-header {
background-color: #124256;
color: #FFFFFF;
font-weight: 700;
}


.creation {
	border:1px solid #306080; 
	background:#EEECEC; 
	border-radius:10px; 
	padding:60px 20px 20px 20px; 
	margin-bottom:60px; 
	position:relative;
}

.creation .header {
	background:#326381;
	padding:10px;
	position:absolute;
	left:20px;
	top:0px;
	color:#fff;
	border-radius:0 0 10px 10px;
	background: linear-gradient(90deg, rgba(114, 150, 149, 1) 0%, rgba(107, 143, 149, 1) 33%, rgba(92, 129, 145, 1) 100%);
	font-size:18px;
}

.training-summary {
	border:0px;
}

.summary-header {
	display:flex;
	background:linear-gradient(to right,#004c5f,#0d6584);
	color:#fff;
	text-align:center;
}

.summary-title {
	flex:1;
	padding:15px;
	font-weight:700;
	font-size:18px;
}

.summary-values {
	display:flex;
	text-align:center;
	border-bottom:1px solid #000;
}

.investment,.employees {
	flex:1;
	padding:25px;
	font-size:18px;
	font-weight:700;
	color:#3d7c99;
}

.investment span {
	font-size:25px;
	font-weight:500;
}

.training-focus {
	text-align:center;
	padding:20px 10px;
}

.training-focus h3 {
	margin:0;
	font-size:18px;
	color:#285b73;
}

.training-focus p {
	margin:10px 0 0;
	font-size:16px;
	color:#555;
}

.growth-header-1 {
	background-color: #2C5D79; 
	padding: 15px;
}

.growth-header-2 {
	background-color: #4FA5A9; 
	padding: 15px;
}

.growth-header-3 {
	background-color: #86C4A8; 
	padding: 15px;
}

.growth-header-4 {
	padding: 15px;
}

.growth-header-1 strong {
	font-size: 22px;
}

.growth-header-2 strong {
	font-size: 22px;
}

.growth-header-3 strong {
	font-size: 22px;
}

.growth-header-4 strong {
	font-size: 22px;
}


.pathway-header {
	padding: 15px;
	font-size: clamp(1.2rem, calc(1.2 / 100 * 100vw), 1.6rem); 
}

.pathway-head {
    display: flex;
    gap: 10px;
    padding: 15px;
    min-height: 106px;
}

.pathway-head h2 {
    font-size: clamp(1.3rem, calc(1.3 / 100 * 100vw), 1.5rem);
    font-weight: 700;
    color: #FFFFFF !important;
}

.pathway-head-turq h2{
	color: #57BBB6!important;
}

.pathway-1 {
	background-color: #2C5D79!important;
}

.pathway-2 {
	background-color: #4EA4A8!important;
}

.pathway-3 {
	background-color: #85C4A9!important;
}

.pathway-content {
	padding: 15px;
}



ul.list li ul.indented-list {
  list-style: none;
  margin: 0;
  padding-left: 0px;
}

ul.list li ul.indented-list li::before {
  content: "»";
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
  font-weight: 600;
  background: none !important;
  width: auto;
  height: auto;
  border-radius: 0;
}

strong.tbl-head {
	color: #63BAB8;
	font-size: 16px;
	font-weight: 700;
}



.rem-tbl .finheadblue {
	background-color: #1F4E66;
	color: #FFFFFF;
	font-weight: 800;
}

.rem-tbl th {
    background: content-box;
    color: #1F4E66 !important;
    font-weight: 800;
}

.finthinlineblue {
	border-bottom: 1px solid #1F4E66; 
}

tr.finthinlineblue td, tr.finthinlineblue th{
	border-bottom: 1px solid #1F4E66; 
}









@media (max-width:1080px){
.creation .row {flex-wrap:wrap;}
.creation .row .col-50 {flex-basis:100%;}
}











.case-pill {
    position: absolute;
    top: 0px;
    left: 25px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .2px;
    font-size: 14px;
    padding: 10px 16px 10px 12px;
    border-radius: 0 0 15px 15px;
    background: linear-gradient(90deg, #7FBEBA 0%, #76BCB7 50%, #B2E2C4 100%);
}