@charset "UTF-8";



@font-face {
font-family: Raleway;
src: url("assets/Raleway-Thin.ttf");
font-weight: 100;
}

@font-face {
font-family: Raleway;
src: url("assets/Raleway-ExtraLight.ttf");
font-weight: 200;
}

@font-face {
font-family: Raleway;
src: url("assets/Raleway-Light.ttf");
font-weight: 300;
}

@font-face {
font-family: Raleway;
src: url("assets/Raleway-Regular.ttf");
font-weight: 400;
}

@font-face {
font-family: Raleway;
src: url("assets/Raleway-Medium.ttf");
font-weight: 500;
}


@font-face {
font-family: Raleway;
src: url("assets/Raleway-SemiBold.ttf");
font-weight: 600;
}

@font-face {
font-family: Raleway;
src: url("assets/Raleway-Bold.ttf");
font-weight: 700;
}

@font-face {
font-family: Raleway;
src: url("assets/Raleway-ExtraBold.ttf");
font-weight: 800;
}

@font-face {
font-family: Raleway;
src: url("assets/Raleway-Black.ttf");
font-weight: 900;
}

a {
text-decoration:none;
}
.bkg-kdc-luminosity {
background: linear-gradient(
    90deg,
    rgba(20, 23, 26, 1) 0%,
    rgba(122, 138, 153, 1) 3%,
    rgba(184, 207, 230, 1) 11%,
    rgba(163, 184, 204, 1) 18%,
    rgba(122, 138, 153, 1) 38%,
    rgba(122, 138, 153, 1) 51%,
    rgba(122, 138, 153, 1) 88%,
    rgba(92, 103, 115, 1) 95%,
    rgba(82, 92, 102, 1) 100%);

mix-blend-mode:luminosity;
  height:100%;
  left: 0px;
  top: 0px;
  width: 100%;
  border: none;
  position:absolute;
  isolation:isolate;
  z-index:1;
}

.bkg-kdc-colorburn {
background: linear-gradient(
    90deg,
    rgba(20, 23, 26, 0.2) 0%,
    rgba(122, 138, 153, 0.2) 3%,
    rgba(184, 207, 230, 0.3) 11%,
    rgba(163, 184, 204, 0.3) 18%,
    rgba(122, 138, 153, 0.3) 38%,
    rgba(122, 138, 153, 0.3) 51%,
    rgba(122, 138, 153, 0.3) 88%,
    rgba(92, 103, 115, 0.3) 95%,
    rgba(82, 92, 102, 0.3) 100%);

mix-blend-mode:color-burn;
  height:100%;
  left: 0px;
  top: 0px;
  width: 100%;
  border: none;
  position:absolute;
  isolation:isolate;
  z-index:1;
}

.bkg-kdc-dark {
	background: rgba(0, 38, 77, 0.4);
  height:100%;
  left: 0px;
  top: 0px;
  width: 100%;
  border: none;
mix-blend-mode: multiply;
white-space: normal;
isolation: isolate;
position:absolute;
  z-index:2;
}


.welcome-box-wrap {
width:84%;
height:auto;
margin: 0px auto;
position:relative;
white-space:normal;
border-radius: 2px;
background-color: rgba(126, 137, 252, 0.0);
box-shadow: 2px 2px 4px 0px rgba(41, 31, 51, 0.0);
z-index:3;
}



.welcome-text {
width: 100%;
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:center;
gap:40px;
}

.welcome-text p{
width:84%;
margin:0px auto;
color: rgba(22, 24, 26, 1);
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 222.222% */
letter-spacing: 3.2px;
}


html {
height:100%;
width:100%;
}
 
body {
margin:0px;
width:100%;  
height:100%;
display:flex;
overflow:hidden;
}


.bkg-solid {
  background: linear-gradient(
    90deg,
    rgba(116, 179, 242, 0.8) 0%,
    rgba(116, 179, 242, 0.8) 100%
  	),
  	rgba(255, 255, 255, 1);

  /*background-color: rgba(204, 153, 255, 0.4);*/
  height:100%;
  left: 0px;
  top: 0px;
  width: 100%;
  border: none;
  position:absolute;
  z-index:0;

}

.logo-wrap-welcome {
position: absolute;
width: 100%;
height: 140px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.logo-welcome {
width: 120px;
height: 120px;
margin: 20px auto 0px auto;
background-image: url("images/OIC Logo 3 Wide.png");
background-size:contain;

}

.logo-text-wrap-welcome {
position: absolute;
width: 100%;
height: 80px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
top:40px;
}


.logo-text-welcome {
width: 436px;
height: 76px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 4px;
margin: 2px auto;
}

.logo-text-lg-welcome {
color: var(--purple-75-opacity, #5D5566);
font-family: Raleway;
font-size: 48px;
font-style: normal;
font-weight: 200;
line-height: 48px;
letter-spacing: 10.56px;}

.logo-text-sm-welcome {
bottom: 0px;
color: var(--purple-75-opacity, #5D5566);
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 100% */
letter-spacing: 5.04px;
font-variant: small-caps;
}

.page-view-welcome {
position:absolute;
width:100%;
height: calc(100% - 140px);
display:flex;
flex-direction:row;
justify-content: center;
white-space: nowrap;
top: 140px;
}

@media (max-width : 639px ){




.bkg-kdc-light  {
background: conic-gradient(
    from 240deg at -10% 110%,
rgba(172, 200, 226, 0.6) 122deg,
rgba(215, 231, 247, 0.7) 128deg,
rgba(169, 208, 247, 0.7) 132deg,
rgba(184, 209, 233, 0.7) 134deg,
rgba(163, 198, 233, 0.6) 148deg,
rgba(131, 157, 185, 0.6) 168deg,
rgba(159, 185, 209, 0.6) 176deg,
rgba(199, 227, 253, 0.6) 187deg,
rgba(163, 198, 233, 0.4) 194deg,
rgba(105, 128, 151, 0.4) 200deg,
rgba(149, 200, 251, 0.4) 202deg

);
 height:100%;
  left: 0px;
  top: 0px;
  width: 100%;
  border: none;
  position:fixed;
  z-index:1;
}



/*MOBILE BKG START*/

.bkg-watermark-science {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.6;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/Watermark Science Mobile.png');

}


.bkg-watermark-tech {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.5;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position: absolute;	
background-size: cover;
background: url('images/Watermark Tech Mobile.png');

}

.bkg-watermark-products {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.6;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/Watermark Products Mobile.png');

}

.bkg-watermark-people {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.6;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position:absolute;
background-size: cover;
background: url('images/Watermark People Mobile.png');

}


/*MOBILE BKG END*/

	
.page-wrap {
width:100%;
max-height:100%;
}

.page-view {
position:absolute;
width:100%;
max-height:87%;
display:flex;
flex-direction:row;
justify-content: center;
white-space: nowrap;
top: 62px;
}


.page-scroll {
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content: flex-start;
overflow-y:auto;
}

.page-scroll-about {
padding-top:20px;
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content: flex-start;
overflow-y:auto;
}



.Science-dark-icon {
background: url("images/Science Dark 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Tech-dark-icon {
background: url("images/Technology Dark 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Products-dark-icon {
background: url("images/Product Dark 40.png");
background-size: contain;
width:30px;
height:30px;
}

.People-dark-icon {
background: url("images/People Dark 40.png");
background-size: contain;
width:30px;
height: 30px;
}


Science-default-icon {
background: url("images/Science Default 30.png");
background-size: contain;
width:30px;
height: 30px;
}

.Tech-default-icon {
background: url("images/Technology Default 30.png");
background-size: contain;
width:30px;
height: 30px;
}

.Products-default-icon {
background: url("images/Product Default 30.png");
background-size: contain;
width:30px;
height: 30px;
}

.People-default-icon {
background: url("images/People Default 30.png");
background-size: contain;
width:30px;
height: 30px;
}

.Science-default-icon-small {
background: url("images/Science Default 30.png");
background-size: contain;
width:24px;
height: 24px;
}

.Tech-default-icon-small {
background: url("images/Technology Default 30.png");
background-size: contain;
width:24px;
height: 24px;
}

.Products-default-icon-small {
background: url("images/Product Default 30.png");
background-size: contain;
width:24px;
height: 24px;
}

.People-default-icon-small {
background: url("images/People Default 30.png");
background-size: contain;
width:24px;
height: 24px;
}




.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-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-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-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;
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:0px;
}


.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;
}


	}





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

.bkg-kdc-light  {
background: conic-gradient(
    from 240deg at -10% 110%,
rgba(172, 200, 226, 0.6) 122deg,
rgba(215, 231, 247, 0.7) 128deg,
rgba(169, 208, 247, 0.7) 132deg,
rgba(184, 209, 233, 0.7) 134deg,
rgba(163, 198, 233, 0.6) 148deg,
rgba(131, 157, 185, 0.6) 168deg,
rgba(159, 185, 209, 0.6) 176deg,
rgba(199, 227, 253, 0.6) 187deg,
rgba(163, 198, 233, 0.4) 194deg,
rgba(105, 128, 151, 0.4) 200deg,
rgba(149, 200, 251, 0.4) 202deg

);
 height:100%;
  left: 0px;
  top: 0px;
  width: 100%;
  border: none;
  position:fixed;
  z-index:1;
}


/*TABLET BKG START*/
.bkg-watermark-science {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.6;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/Watermark Science.png');

}


.bkg-watermark-tech {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.5;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position: absolute;	
background-size: cover;
background: url('images/Watermark tech.png');

}

.bkg-watermark-products {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.6;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/Watermark Products.png');

}

.bkg-watermark-people {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.6;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/Watermark People New.png');

}

	

/*TABLET PAGE CONTENT START*/

.page-view {
position:absolute;
width:100%;
height: calc(100% - 82px);
display:flex;
flex-direction:row;
justify-content: center;
white-space: nowrap;
top: 82px;
overflow-y:auto;
}


.page-scroll {
width:86%;
min-height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content: flex-start;
gap:64px;
overflow-y:auto;
position:relative;
}

.page-scroll-about {
padding-top:40px;
width:86%;
display:flex;
flex-direction:column;
align-items:center;
justify-content: flex-start;
gap:64px;
overflow-y:auto;
position:relative;
}



/*TABLET ACTION CARDS START*/


.Science-dark-icon {
background: url("images/Science Dark 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Tech-dark-icon {
background: url("images/Technology Dark 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Products-dark-icon {
background: url("images/Product Dark 40.png");
background-size: contain;
width:30px;
height:30px;
}

.People-dark-icon {
background: url("images/People Dark 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Science-default-icon {
background: url("images/Science Default 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Tech-default-icon {
background: url("images/Technology Default 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Products-default-icon {
background: url("images/Product Default 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.People-default-icon {
background: url("images/People Default 40.png");
background-size: contain;
width:30px;
height: 30px;
}


.Science-white-icon {
background: url("images/Science White 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Tech-white-icon {
background: url("images/Technology White 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Products-white-icon {
background: url("images/Product White 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.People-white-icon {
background: url("images/People White 40.png");
background-size: contain;
width:30px;
height: 30px;
}


.Science-dark-icon {
background: url("images/Science Dark 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Tech-dark-icon {
background: url("images/Technology Dark 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Products-dark-icon {
background: url("images/Product Dark 40.png");
background-size: contain;
width:30px;
height:30px;
}

.People-dark-icon {
background: url("images/People Dark 40.png");
background-size: contain;
width:30px;
height: 30px;
}

.Science-default-icon-small {
background: url("images/Science Default 30.png");
background-size: contain;
width:24px;
height: 24px;
}

.Tech-default-icon-small {
background: url("images/Technology Default 30.png");
background-size: contain;
width:24px;
height: 24px;
}

.Products-default-icon-small {
background: url("images/Product Default 30.png");
background-size: contain;
width:24px;
height: 24px;
}

.People-default-icon-small {
background: url("images/People Default 30.png");
background-size: contain;
width:24px;
height: 24px;
}



.content-box-wrap {
width:86%;
border-radius: 6px;
white-space: normal;
position:relative;
background-color: rgba(255, 255, 255, 0.01);
margin:42px 0px 80px 0px;
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-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-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:20px;
}



.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:0px;
}

.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;
}




	}



/*TABLET BOX CONTENT END*/



@media (min-width: 1280px){



.bkg-kdc-light  {
background: conic-gradient(
    from 240deg at 0% 120%,
rgba(172, 200, 226, 0.6) 122deg,
rgba(215, 231, 247, 0.7) 128deg,
rgba(169, 208, 247, 0.7) 132deg,
rgba(184, 209, 233, 0.7) 134deg,
rgba(163, 198, 233, 0.6) 148deg,
rgba(131, 157, 185, 0.6) 168deg,
rgba(159, 185, 209, 0.6) 176deg,
rgba(199, 227, 253, 0.6) 187deg,
rgba(163, 198, 233, 0.4) 194deg,
rgba(105, 128, 151, 0.4) 200deg,
rgba(149, 200, 251, 0.4) 202deg

);
 height:100%;
  left: 0px;
  top: 0px;
  width: 100%;
  border: none;
  position:fixed;
  z-index:1;
}



/*DESKTOP BKG START*/

.bkg-watermark-science {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.6;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/Watermark Science.png');

}


.bkg-watermark-tech {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.5;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position: absolute;	
background-size: cover;
background: url('images/Watermark tech.png');

}

.bkg-watermark-products {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.6;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/Watermark Products.png');

}

.bkg-watermark-people {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 0.6;
mix-blend-mode: soft-light;
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/Watermark People New.png');

}
	
	
	
/*DESKTOP BKG END*/

.page-view {
position:absolute;
width:100%;
height: calc(100% - 94px);
display:flex;
flex-direction:column;
align-items: center;
white-space: nowrap;
margin-top: 94px;
overflow-y:auto;
}





.page-scroll {
width:83.33%;
min-height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content: flex-start;
gap:64px;
overflow-y:auto;
position:relative;
}


.page-scroll-about {
width:100%;
min-height:100%;
padding-top:60px;
display:flex;
flex-direction:column;
align-items:center;
justify-content: flex-start;
gap:64px;
overflow-y:auto;
position:relative;
}


/*DESKTOP ACTION CARDS START*/



/*.content-box-colorburn {
width:100%;
height: 100%;
border-radius: 2px;
background-color: rgba(138, 214, 229, 0.4);
mix-blend-mode: color-burn;
white-space: normal;
isolation: isolate;
position:absolute;
padding:68px auto 0px auto;
z-index:3;
}*/



.Science-dark-icon {
background: url("images/Science Dark 40.png");
background-size: contain;
width:40px;
height: 40px;
}


.STPP-tab-des:hover .Science-dark-icon {
background: url("images/Science Dark 40.png");
background-size: contain;
width:40px;
height: 40px;
filter: drop-shadow(2px 2px 3px 0px rgba(41, 31, 51, 0.70));
}


.Tech-dark-icon {
background: url("images/Technology Dark 40.png");
background-size: contain;
width:40px;
height: 40px;
}


.STPP-tab-des:hover .Tech-dark-icon {
background: url("images/Technology Dark 40.png");
background-size: contain;
width:40px;
height: 40px;
filter: drop-shadow(2px 2px 3px 0px rgba(41, 31, 51, 0.70));
}

.Products-dark-icon {
background: url("images/Product Dark 40.png");
background-size: contain;
width:40px;
height: 40px;
}


.STPP-tab-des:hover .Products-dark-icon {
background: url("images/Product Dark 40.png");
background-size: contain;
width:40px;
height: 40px;
filter: drop-shadow(2px 2px 3px 0px rgba(41, 31, 51, 0.70));
}

.People-dark-icon {
background: url("images/People Dark 40.png");
background-size: contain;
width:40px;
height: 40px;
}


.STPP-tab-des:hover .People-dark-icon {
background: url("images/People Dark 40.png");
background-size: contain;
width:40px;
height: 40px;
filter: drop-shadow(2px 2px 3px 0px rgba(41, 31, 51, 0.70));
}

.Science-default-icon {
background: url("images/Science White 40.png");
background-size: contain;
width:40px;
height: 40px;
}

.Tech-default-icon {
background: url("images/Technology White 40.png");
background-size: contain;
width:40px;
height: 40px;
}

.Products-default-icon {
background: url("images/Product White 40.png");
background-size: contain;
width:40px;
height: 40px;
}

.People-default-icon {
background: url("images/People White 40.png");
background-size: contain;
width:40px;
height: 40px;
}



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

.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;
}




	}

/*DESKTOP BOX CONTENT END*/