@charset "UTF-8";


@media (max-width : 639px ){



.content-box-wrap {
width:82%;
min-width:300px;
border-radius: 6px;
white-space: normal;
position:relative;
	background-color: rgba(255, 255, 255, 0.01);
margin:36px 0px 80px 0px;
z-index:3;
}	

.content-box-colorburn {
width:100%;
height: 100%;
border-radius: 6px;
background: rgba(31, 92, 153, 0.2);
mix-blend-mode:color-burn;
white-space: normal;
isolation: isolate;
position:absolute;
z-index:3;
}

.content-box-glass {
width:100%;
height: 100%;
border-radius: 6px;
background: rgba(255, 255, 255, 0.1);
white-space: normal;
isolation: isolate;
position:absolute;
z-index:4;
}



.content-box-2 {
width:100%;
height:100%;
border-radius: 6px;
display:flex;
flex-direction:column;
justify-content: flex-start;
gap:14px;
align-items:center;
top:0px;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.5) 7%,
    rgba(255, 255, 255, 0.4) 15%,
    rgba(255, 255, 255, 0.4) 25%,
    rgba(255, 255, 255, 0.5) 31%,
    rgba(255, 255, 255, 0.4) 37%,
    rgba(255, 255, 255, 0.2) 49%,
    rgba(255, 255, 255, 0.3) 57%,
    rgba(255, 255, 255, 0.4) 68%,
    rgba(255, 255, 255, 0.2) 79%,
    rgba(255, 255, 255, 0.3) 87%,
    rgba(255, 255, 255, 0.2) 100%
);

white-space: normal;
position:relative;
z-index:5;
}

.smaller-content-box {
width:80%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
margin: 0px auto 40px auto;
gap:24px;
}



.KDC-Content-header {
display:flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 6px;
height:30px;
margin:30px auto 0px auto;
}

.KDC-content-header-icon {
width: 30px;
height: 30px;
}


.KDC-content-header-txt {
height:30px;
display:flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.KDC-content-header-txt h1{
color: var(--purple-default, #291F33);
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 125% */
font-variant: small-caps;
letter-spacing: 2.4px;
margin:auto 0px;
}


.text {
width:100%;
display:flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap:4px;
}


.text p{
color: rgba(22, 24, 26, 1);
font-family: Raleway;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 216.667% */
letter-spacing: 1.92px;
}

	
	
.STPP-KDC-view-frame {
width:100%;
min-height: 690px;
max-height:690px;
white-space:nowrap;
overflow-x:hidden;
margin: 0px;
background-color: rgba(255, 255, 255, 0.01);
z-index:6;
}


.STPP-KDC-scroll-bkg {
width:100%;
min-height: 690px;
max-height:690px;
border-radius: 6px 6px 0px 0px;	
background-color: rgba(138, 184, 229, 0.4);
mix-blend-mode: color-burn;
position:absolute;
left:0px;
isolation:isolate;
z-index:7;
}


.STPP-KDC-scroll-frame {
min-height: 690px;
max-height:690px;
border-radius:6px;
display:flex;
flex-direction:column;
justify-content:flex-start;
white-space: nowrap;
overflow-x:auto;
position:relative;
background-color: rgba(138, 184, 229, 0.1);
z-index:8;
}


.STPP-KDC-wrap {
background-color: rgba(255, 255, 255, 0.01);

}


#Science:default {
width:100%;
min-height: 60px;
max-height:60px;
border-radius:6px 6px 0px 0px;
background-color: rgba(255, 255,255, 0.1);
}



#Science:target {
width:100%;
min-height: 510px;
max-height:510px;
/*Change height when "read more" button added back in!
min-height: 480px;
max-height:480px;*/
border-radius:6px 6px 0px 0px;

}

#Tech:default {
width:100%;
min-height: 60px;
max-height:60px;
border-radius:0px;
background-color: rgba(255, 255,255, 0.1);
}

#Tech:target {
width:100%;
min-height: 510px;
max-height:510px;
border-radius:0px;
}

#Products:default {
width:100%;
min-height: 60px;
max-height:60px;
border-radius:0px;
background-color: rgba(255, 255,255, 0.1);
}

#Products:target {
width:100%;
min-height: 510px;
max-height:510px;
border-radius:0px;
}


#People:default {
width:100%;
min-height: 60px;
max-height:60px;
border-radius:0px 0px 6px 6px;
background-color: rgba(255, 255,255, 0.1);
}


#People:target {
width:100%;
min-height: 510px;
max-height:510px;
border-radius:0px 0px 6px 6px;
background-color: rgba(255, 255,255, 0.01);
}


.STPP-KDC-bkg {	
display:none;
width:100%;
border-radius: 0px 0px 0px 0px;	
background-color: rgba(31, 92, 153, 0.4);
mix-blend-mode: color-burn;
position:absolute;
left:0px;
isolation:isolate;
z-index:7;
/*box-shadow:-10px -10px 30px rgba(93, 85, 104, 0.04) inset;*/
}


.STPP-KDC-box {
width:100%;
border-radius: 0px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
white-space:normal;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.5) 7%,
    rgba(255, 255, 255, 0.4) 15%,
    rgba(255, 255, 255, 0.4) 25%,
    rgba(255, 255, 255, 0.5) 31%,
    rgba(255, 255, 255, 0.4) 37%,
    rgba(255, 255, 255, 0.2) 49%,
    rgba(255, 255, 255, 0.3) 57%,
    rgba(255, 255, 255, 0.4) 68%,
    rgba(255, 255, 255, 0.2) 79%,
    rgba(255, 255, 255, 0.3) 87%,
    rgba(255, 255, 255, 0.2) 100%
);
mix-blend-mode:luminosity;
/*background-color: rgba(138, 184, 229, 0.1);*/
z-index:8;
top:0px;
}

.STPP-KDC-header {
width:100%;
min-height: 60px;
display:flex;
border-radius: 0px 0px 0px 0px;
flex-direction:row;
align-items:center;
justify-content:center;
position:relative;
gap:6px;
background: rgba(93, 85, 104, 0.1);
z-index:9;
box-shadow:0px -20px 40px rgba(93, 85, 104, 0.1) inset;
	}

/*.STPP-KDC-header:hover {
width:100%;
min-height: 60px;
display:flex;
border-radius: 0px 0px 0px 0px;
flex-direction:row;
align-items:center;
justify-content:center;
position:relative;
gap:6px;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.14) 0%,
    rgba(255, 255, 255, 0.05) 7%,
    rgba(255, 255, 255, 0.14) 15%,
    rgba(255, 255, 255, 0.14) 25%,
    rgba(255, 255, 255, 0.05) 31%,
    rgba(255, 255, 255, 0.16) 37%,
    rgba(255, 255, 255, 0.18) 49%,
    rgba(255, 255, 255, 0.1) 57%,
    rgba(255, 255, 255, 0.16) 68%,
    rgba(255, 255, 255, 0.15) 79%,
    rgba(255, 255, 255, 0.1) 87%,
    rgba(255, 255, 255, 0.2) 100%
);
z-index:9;
box-shadow:0px -20px 40px rgba(93, 85, 104, 0.1) inset;

}*/


.STPP-KDC-header-colorburn {
width:100%;
height: 60px;
border-radius: 0px 0px 0px 0px;
background-color: rgba(138, 184, 229, 0.4);
/*background-color: rgba(56, 101, 216, 0.3);*/
mix-blend-mode: color-burn;
position:absolute;
left:0px;
top:0px;
isolation:isolate;
z-index:10;
}

.STPP-KDC-header-colorburn:hover {
width:100%;
height: 60px;
border-radius: 0px 0px 0px 0px;
background-color: rgba(138, 184, 229, 0.6);
/*background-color: rgba(56, 101, 216, 0.3);*/
mix-blend-mode: color-burn;
position:absolute;
left:0px;
top:0px;
isolation:isolate;
z-index:10;
}

.STPP-KDC-header-bkg {
width:100%;
height: 60px;
border-radius: 6px 6px 0px 0px;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.14) 0%,
    rgba(255, 255, 255, 0.05) 7%,
    rgba(255, 255, 255, 0.14) 15%,
    rgba(255, 255, 255, 0.14) 25%,
    rgba(255, 255, 255, 0.05) 31%,
    rgba(255, 255, 255, 0.16) 37%,
    rgba(255, 255, 255, 0.18) 49%,
    rgba(255, 255, 255, 0.1) 57%,
    rgba(255, 255, 255, 0.16) 68%,
    rgba(255, 255, 255, 0.15) 79%,
    rgba(255, 255, 255, 0.1) 87%,
    rgba(255, 255, 255, 0.2) 100%
);
position:absolute;
left:0px;
top:0px;
z-index:11;			
}


.STPP-KDC-header-content {
position: absolute;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin:0px auto;	
gap: 0px;
}

.STPP-KDC-icon {
width: 30px;
height: 30px;
}

.STPP-KDC-headertext h2{
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 150% */
font-variant: small-caps;
letter-spacing: 2.4px;
}

.STPP-KDC-TxtReadWrap {
width:86%;
min-height:450px;
max-height:450px;
border-radius: 6px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
white-space:normal;
}


.STPP-KDC-txt-box {
display: flex;
flex-direction: column;
align-items: center;
align-content: flex-start;
width: calc(100% - 40px);
height:450px;
overflow:auto;
padding:0px 20px;
}

.STPP-KDC-txttop {
color: rgba(41, 31, 51, 1);
align-content: center;
/* Heading/3 */
font-family: Raleway;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 150% */
letter-spacing: 1.92px;
padding-top:10px;
}

.STPP-KDC-txt p{
margin-top:20px;
color: #291F33;
font-family: Raleway;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 214.286% */
letter-spacing: 2.24px;
}
	
	
.Read-more-wrap {
position:relative;
width: 160px;
height: 40px;
margin:20px auto 40px auto;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

}

.Read-more-bkg {
position:absolute;
width: 160px;
height: 40px;
border-radius: 6px;	
display:flex;
flex-direction:column;
justify-content:flex-start;
background-color: rgba(138, 184, 229, 0.1);
box-shadow: 0px 2px 3px 0px rgba(4, 4, 80, 0.35);
z-index:12;
margin: auto;

}	

.Read-more-wrap:hover .Read-more-bkg {
position:absolute;
width: 160px;
height: 40px;
border-radius: 6px;	
display:flex;
flex-direction:column;
justify-content:flex-start;
background-color: rgba(138, 184, 229, 0.01);
box-shadow: 0px 2px 3px 0px rgba(4, 4, 80, 0.35);
z-index:12;
margin: auto;
}	


.Read-more-colorburn {
width: 160px;
height: 40px;
border-radius: 6px;
background-color: rgba(138, 184, 229, 0.4);
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
margin: auto;
z-index:13;
}


.Read-more-wrap:hover .Read-more-colorburn {
width: 160px;
height: 40px;
border-radius: 6px;
background-color: rgba(138, 184, 229, 0.4);
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
margin: auto;
z-index:13;
}


.Read-more-button {
position:relative;
margin: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: rgba(138, 184, 229, 0.1);
width: 160px;
height: 40px;
border-radius: 6px;
gap:3px;

z-index:14;
}

.Read-more-wrap:hover .Read-more-button {
margin: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: rgba(138, 184, 229, 0.06);
width: 160px;
height: 40px;
border-radius: 6px;

gap:3px;
z-index:14;
}

.Read-more-content {
display: flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap: 3px;
width:122px;
height: 24px;
}

.Read-more {
color: rgba(41, 31, 51, 1);
text-align: center;

/* Action/Regular */
font-family: Raleway;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
font-variant: small-caps;
letter-spacing: 1.92px;
}

.Read-more-arrow {
	height: 16px;
	width: 16px;
	background-image: url('images/Right Arrow.png');
	background-size: contain;
}

	}





@media (min-width: 640px) and (max-width:1279px) {
	

.content-box-wrap {
width:86%;
border-radius: 6px;
white-space: normal;
position:relative;
background-color: rgba(255, 255, 255, 0.01);
margin:12px 0px 80px 0px;
padding:0px 0px 2px 0px;
z-index:3;
}	


.content-box-colorburn {
width:100%;
height: 100%;
border-radius: 6px;
background: rgba(31, 92, 153, 0.2);
mix-blend-mode:color-burn;
white-space: normal;
isolation: isolate;
position:absolute;
z-index:3;
}

.content-box-glass {
width:100%;
height: 100%;
border-radius: 6px;
background: rgba(255, 255, 255, 0.1);
white-space: normal;
isolation: isolate;
position:absolute;
z-index:4;
}



.content-box-2 {
width:100%;
height:100%;
border-radius: 6px;
display:flex;
flex-direction:column;
justify-content: flex-start;
gap:14px;
align-items:center;
top:0px;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.5) 7%,
    rgba(255, 255, 255, 0.4) 15%,
    rgba(255, 255, 255, 0.4) 25%,
    rgba(255, 255, 255, 0.5) 31%,
    rgba(255, 255, 255, 0.4) 37%,
    rgba(255, 255, 255, 0.2) 49%,
    rgba(255, 255, 255, 0.3) 57%,
    rgba(255, 255, 255, 0.4) 68%,
    rgba(255, 255, 255, 0.2) 79%,
    rgba(255, 255, 255, 0.3) 87%,
    rgba(255, 255, 255, 0.2) 100%
);
white-space: normal;
position:relative;
z-index:5;
}



.smaller-content-box {
width:83.33%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
margin: 0px auto 40px auto;
gap:40px;
}


.KDC-Content-header {
display:flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 6px;
max-height:40px;
margin:40px auto 0px auto;
}

.KDC-content-header-icon {
width: 40px;
height: 40px;
}

.KDC-content-header-txt {
height:40px; 
display:flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.KDC-content-header-txt h1{
color: var(--purple-default, #291F33);
font-family: Raleway;
font-size: 28px;
font-style: normal;
font-weight: 800;
line-height: 28px;
font-variant: small-caps;
letter-spacing: 2.8px;

}


.text {
width:100%;
display:flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap:14px;
}

.text p{
color: rgba(22, 24, 26, 1);
text-align: left;
font-family: Raleway;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 222.222% */
letter-spacing: 2.88px;
}

.STPP-KDC-view-frame {
width:100%;
min-height:580px;
max-height:580px;
white-space:nowrap;
overflow:hidden;
margin: 0px;
}

.STPP-KDC-scroll-bkg {

min-height: 540px;
max-height:540px;
border-radius: 6px 6px 0px 0px;	
background-color: rgba(138, 184, 229, 0.4);
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
z-index:7;
}

.STPP-KDC-scroll-frame {
min-height: 540px;
max-height:540px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:40px;
white-space: nowrap;
overflow-x:auto;
overflow-y:hidden;
position:relative;
left:0px;
}


.STPP-KDC-wrap {
min-width: 360px;
/*Change height when "read more" button added back in!
min-height: 540px;
max-height:540px;*/
min-height: 520px;
max-height:520px;
border-radius:6px;
position:relative;
background-color: rgba(255, 255, 255, 0.1);
z-index:6;
/*box-shadow:10px 0px 30px rgba(93, 85, 104, 0.04) inset;*/
}

.STPP-KDC-bkg {	
min-width: 360px;
/*Change height when "read more" button added back in!
min-height: 540px;
max-height:540px;*/
min-height: 520px;
max-height:520px;
border-radius: 6px;
background-color: rgba(31, 92, 153, 0.4);
mix-blend-mode: color-burn;
position:absolute;
left:0px;
top:0px;
isolation:isolate;
z-index:7;
/*box-shadow:-10px -10px 30px rgba(93, 85, 104, 0.04) inset;*/
}




.STPP-KDC-box {
min-width: 360px;
/*Change height when "read more" button added back in!
min-height: 540px;
max-height:540px;*/
min-height: 520px;
max-height:520px;
border-radius: 6px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
gap:14px;
white-space:normal;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.5) 7%,
    rgba(255, 255, 255, 0.4) 15%,
    rgba(255, 255, 255, 0.4) 25%,
    rgba(255, 255, 255, 0.5) 31%,
    rgba(255, 255, 255, 0.4) 37%,
    rgba(255, 255, 255, 0.2) 49%,
    rgba(255, 255, 255, 0.3) 57%,
    rgba(255, 255, 255, 0.4) 68%,
    rgba(255, 255, 255, 0.2) 79%,
    rgba(255, 255, 255, 0.3) 87%,
    rgba(255, 255, 255, 0.2) 100%
);
mix-blend-mode:luminosity;
z-index:8;
}




.STPP-KDC-header {
width: 360px;
min-height: 80px;
display:flex;
border-radius: 6px 6px 0px 0px;
flex-direction:row;
align-items:center;
justify-content:center;
position:relative;
gap:6px;
background: rgba(93, 85, 104, 0.01);
z-index:9;
box-shadow:0px -20px 40px rgba(93, 85, 104, 0.1) inset;

}


.STPP-KDC-header-colorburn {
min-width: 360px;
height: 80px;
border-radius: 6px 6px 0px 0px;
background-color: rgba(138, 184, 229, 0.4);
/*background-color: rgba(56, 101, 216, 0.3);*/
mix-blend-mode: color-burn;
position:absolute;
left:0px;
top:0px;
isolation:isolate;
z-index:10;
}

.STPP-KDC-header-bkg {
min-width: 360px;
height: 80px;
border-radius: 6px 6px 0px 0px;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.0) 3%,
    rgba(255, 255, 255, 0.2) 7%,
    rgba(255, 255, 255, 0.1) 10%,
    rgba(255, 255, 255, 0.0) 18%,
    rgba(255, 255, 255, 0.2) 25%,
    rgba(255, 255, 255, 0.4) 31%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.0) 49%,
    rgba(255, 255, 255, 0.1) 57%,
    rgba(255, 255, 255, 0.2) 68%,
    rgba(255, 255, 255, 0.4) 79%,
    rgba(255, 255, 255, 0.1) 87%,
    rgba(255, 255, 255, 0.0) 100%
);
mix-blend-mode:hard-light;
position:absolute;
left:0px;
top:0px;
z-index:11;			
}


.STPP-KDC-header-content {
position: absolute;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin:0px auto;	
gap: 4px;
}

.STPP-KDC-icon {
width: 40px;
height: 40px;
}

.STPP-KDC-headertext h2{
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 150% */
font-variant: small-caps;
letter-spacing: 2.4px;
}

.STPP-KDC-TxtReadWrap {
width:320px;
min-height: 360px;
max-height:360px;
/*Change height when "read more" button added back in!
min-height: 420px;
max-height:420px;*/
border-radius: 2px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
white-space:normal;
}


.STPP-KDC-txt-box {
display: flex;
flex-direction: column;
align-items: center;
align-content: flex-start;
height:360px;
padding:0px 20px 60px 20px;
}

.STPP-KDC-txttop {
color: rgba(41, 31, 51, 1);
align-content: center;
/* Heading/3 */
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 150% */
letter-spacing: 1.92px;
padding-top:10px;
}

.STPP-KDC-txt p{
margin-top:20px;
color: #291F33;
text-align: left;
font-family: Raleway;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 214.286% */
letter-spacing: 2.24px;

}
	
	
.Read-more-wrap {
position:relative;
width: 200px;
height: 40px;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
margin:0px auto 20px auto;

}

.Read-more-bkg {
position:absolute;
width: 200px;
height: 40px;
border-radius: 2px;	
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
background-color: rgba(138, 184, 229, 0.1);
box-shadow: 0px 2px 3px 0px rgba(4, 4, 80, 0.35);
z-index:12;

}	

.Read-more-wrap:hover Read-more-bkg {
position:absolute;
width: 200px;
height: 40px;
border-radius: 2px;	
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
background-color: rgba(205, 228, 255, 0.01);
box-shadow: 0px 2px 3px 0px rgba(4, 4, 80, 0.35);
z-index:12;

}


.Read-more-colorburn {
width: 200px;
height: 40px;
border-radius: 2px;
background-color: rgba(138, 184, 229, 0.4);
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;

z-index:13;
}

.Read-more-wrap:hover .Read-more-colorburn {
width: 200px;
height: 40px;
border-radius: 2px;
background-color: rgba(56, 101, 216, 0.6);
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
margin: 0px auto;
z-index:13;
}



.Read-more-button {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: rgba(138, 184, 229, 0.1);
width: 200px;
height: 40px;
border-radius: 6px;
gap:3px;
z-index:14;
}

.Read-more-wrap:hover .Read-more-button {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: rgba(138, 184, 229, 0.06);
width: 200px;
height: 40px;
border-radius: 6px;
gap:3px;
z-index:14;
}



.Read-more-content {
display: flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap: 3px;
width:140px;
height: 24px;
}

.Read-more {
color:rgba(41, 31, 51, 1);
text-align: center;

/* Action/Regular */
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
font-variant: small-caps;
letter-spacing: 1.92px;
}

.Read-more-arrow {
	height: 20px;
	width: 20px;
	background-image: url('images/Right Arrow.png');
	background-size: contain;
}

	}





@media (min-width: 1280px){




.content-box-wrap {
margin-top:70px;
width:83.33%;
border-radius: 6px;
white-space: normal;
position:relative;
margin:70px 0px 140px 0px;
	
background-color: rgba(255, 255, 255, 0.01);



}	



.content-box-colorburn {
width:100%;
height: 100%;
border-radius: 6px;
background: rgba(31, 92, 153, 0.2);
mix-blend-mode:color-burn;
white-space: normal;
isolation: isolate;
position:absolute;
z-index:3;
}

.content-box-glass {
width:100%;
height: 100%;
border-radius: 6px;
background: rgba(255,255,255,0.1);


white-space: normal;
isolation: isolate;
position:absolute;
z-index:4;
}



.content-box-2 {
width:100%;
height:100%;
border-radius: 6px;
display:flex;
flex-direction:column;
justify-content: flex-start;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.5) 7%,
    rgba(255, 255, 255, 0.4) 15%,
    rgba(255, 255, 255, 0.4) 25%,
    rgba(255, 255, 255, 0.5) 31%,
    rgba(255, 255, 255, 0.4) 37%,
    rgba(255, 255, 255, 0.2) 49%,
    rgba(255, 255, 255, 0.3) 57%,
    rgba(255, 255, 255, 0.4) 68%,
    rgba(255, 255, 255, 0.2) 79%,
    rgba(255, 255, 255, 0.3) 87%,
    rgba(255, 255, 255, 0.2) 100%
);
gap:14px;
align-items:center;
top:0px;
white-space: normal;
position:relative;
z-index:5;
}


.smaller-content-box {
width:83.33%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
margin: 0px auto 40px auto;
gap:40px;
}



.KDC-Content-header {
display:flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 6px;
height:40px;
margin:40px auto 0px auto;
}

.KDC-content-header-icon {
width: 40px;
height: 40px;
}


.KDC-content-header-txt {
height:40px; 
display:flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}


.KDC-content-header-txt h1{
top: 2px;
color: var(--purple-default, #291F33);
font-family: Raleway;
font-size: 28px;
font-style: normal;
font-weight: 800;
line-height: 28px; /* 128.571% */
font-variant: small-caps;
letter-spacing: 2.8px;

}



.text {
width:100%;
display:flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap:20px;
}

.text p{
color: rgba(22, 24, 26, 1);
font-family: Raleway;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 222.222% */
letter-spacing: 2.88px;
}

.STPP-KDC-view-frame {
width:100%;
height: 620px;
white-space:nowrap;
overflow-x:hidden;
margin: 0px auto;
}


STPP-KDC-scroll-bkg {

width:100%;
height: 100%;

z-index:7;
}

.STPP-KDC-scroll-frame {
height:620px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:40px;
white-space: nowrap;
overflow-x:auto;
position:relative;
}


.STPP-KDC-wrap {
min-width: 360px;
min-height: 540px;
max-height:540px;
border-radius:6px;
position:relative;
/*	background-image: url("images/STPP-KDC all.png");*/
/*background: linear-gradient(
	160deg, 
	rgba(205, 228, 255, 0.16) 10%,
	rgba(255, 255, 255, 0.1) 26%,
	rgba(255, 255, 255, 0.2) 68%,
	rgba(157, 200, 255, 0.16) 82%,
	rgba(157, 200, 255, 0.21) 100%
	);*/
	
background-color: rgba(255, 255, 255, 0.1);
z-index:6;
/*box-shadow:10px 0px 30px rgba(93, 85, 104, 0.04) inset;*/
}

.STPP-KDC-bkg {	
min-width: 360px;
min-height: 540px;
max-height:540px;
border-radius: 6px;
background-color: rgba(31, 92, 153, 0.4);
mix-blend-mode: color-burn;
position:absolute;
left:0px;
top:0px;
isolation:isolate;
z-index:7;
/*box-shadow:-10px -10px 30px rgba(93, 85, 104, 0.04) inset;*/
}




.STPP-KDC-box {
min-width: 360px;
max-height: 540px;
min-height: 540px;
border-radius: 6px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
white-space:normal;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.5) 7%,
    rgba(255, 255, 255, 0.4) 15%,
    rgba(255, 255, 255, 0.4) 25%,
    rgba(255, 255, 255, 0.5) 31%,
    rgba(255, 255, 255, 0.4) 37%,
    rgba(255, 255, 255, 0.2) 49%,
    rgba(255, 255, 255, 0.3) 57%,
    rgba(255, 255, 255, 0.4) 68%,
    rgba(255, 255, 255, 0.2) 79%,
    rgba(255, 255, 255, 0.3) 87%,
    rgba(255, 255, 255, 0.2) 100%
);
mix-blend-mode:luminosity;
z-index:8;
}




.STPP-KDC-header {
width: 360px;
min-height: 80px;
display:flex;
border-radius: 6px 6px 0px 0px;
flex-direction:row;
align-items:center;
justify-content:center;
position:relative;
gap:6px;
background: rgba(93, 85, 104, 0.1);
	box-shadow:0px -20px 40px rgba(93, 85, 104, 0.1) inset;
z-index:9;

}


.STPP-KDC-header-colorburn {
min-width: 360px;
height: 80px;
border-radius: 6px 6px 0px 0px;
ackground-color: rgba(138, 184, 229, 0.4);
 mix-blend-mode: color-burn;
position:absolute;
left:0px;
top:0px;
isolation:isolate;
z-index:10;
}

.STPP-KDC-header-bkg {
min-width: 360px;
height: 80px;
border-radius: 6px 6px 0px 0px;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.0) 3%,
    rgba(255, 255, 255, 0.2) 7%,
    rgba(255, 255, 255, 0.1) 10%,
    rgba(255, 255, 255, 0.0) 18%,
    rgba(255, 255, 255, 0.2) 25%,
    rgba(255, 255, 255, 0.4) 31%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.0) 49%,
    rgba(255, 255, 255, 0.1) 57%,
    rgba(255, 255, 255, 0.2) 68%,
    rgba(255, 255, 255, 0.4) 79%,
    rgba(255, 255, 255, 0.1) 87%,
    rgba(255, 255, 255, 0.0) 100%
);
mix-blend-mode:hard-light;
position:absolute;
left:0px;
top:0px;
z-index:11;			
}


.STPP-KDC-header-content {
position: absolute;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin:0px auto;	
gap: 4px;
}

.STPP-KDC-icon {
width: 40px;
height: 40px;
}

.STPP-KDC-headertext h2{
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 150% */
font-variant: small-caps;
letter-spacing: 2.4px;
}

.STPP-KDC-TxtReadWrap {
width: 320px;
min-height: 440px;
max-height:440px;
/*Change height when "read more" button added back in!
min-height: 460px;
max-height:460px;*/
border-radius: 6px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
white-space:normal;
}

.STPP-KDC-txt-box {
display: flex;
flex-direction: column;
align-items: center;
align-content: flex-start;
height:440px;
padding:0px 20px;

}

.STPP-KDC-txttop {
color: rgba(41, 31, 51, 1);
align-content: center;
/* Heading/3 */
font-family: Raleway;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 150% */
letter-spacing: 1.92px;
padding-top:10px;
}

.STPP-KDC-txt p{
color: #291F33;
font-family: Raleway;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 214.286% */
letter-spacing: 2.24px;

}
	
	
.Read-more-wrap {
position:relative;
width: 200px;
height: 40px;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
margin:0px auto 40px auto;

}

.Read-more-bkg {
position:absolute;
width: 200px;
height: 40px;
border-radius: 6px;	
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
background-color: rgba(138, 184, 229, 0.1);
box-shadow: 0px 2px 3px 0px rgba(4, 4, 80, 0.35);
z-index:12;

}	


.Read-more-bkg:hover {
position:absolute;
width: 200px;
height: 40px;
border-radius: 6px;	
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
background-color: rgba(138, 184, 229, 0.01);
box-shadow: 0px 2px 3px 0px rgba(4, 4, 80, 0.35);
z-index:12;

}

.Read-more-colorburn {
width: 200px;
height: 40px;
border-radius: 6px;
background-color:rgba(138, 184, 229, 0.4);
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
margin: 0px auto;
z-index:13;
}


.Read-more-colorburn:hover {
width: 200px;
height: 40px;
border-radius: 6px;
background-color: rgba(138, 184, 229, 0.4);
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
margin: 0px auto;
z-index:13;
}

.Read-more-button {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: rgba(138, 184, 229, 0.1);
width: 200px;
height: 40px;
border-radius: 6px;
gap:3px;
z-index:14;
}

.Read-more-button:hover {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: rgba(138, 184, 229, 0.06);
width: 200px;
height: 40px;
border-radius: 6px;
gap:3px;
z-index:14;
}



.Read-more-content {
display: flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap: 3px;
width:140px;
height: 24px;
}

.Read-more {
color:rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
font-variant: small-caps;
letter-spacing: 1.92px;
}

.Read-more-arrow {
	height: 20px;
	width: 20px;
	background-image: url('images/Right Arrow.png');
	background-size: contain;
}

	}