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

.welcome-box-wrap {
width:84%;
height:auto;
margin: 0px auto;
position:relative;
white-space:normal;
border-radius: 6px;
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;

}

.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:3;

}



.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-HOLD {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 1;
mix-blend-mode: color-burn;
filter:blur(6px);
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/DNA colorburn Mobile.png');
z-index:2;
}

/*.bkg-kdc-light  {
background: rgba(61, 82, 102, 1);
 height:100%;
  left: 0px;
  top: 0px;
  width: 100%;
  mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
  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*/



/*MOBILE START OF HEADER*/
header {
display: flex;
width: 100%;
height: 60px;
align-items: flex-start;
background-color: transparent;
flex-direction: row;
justify-content: center;
top: 0px;
position: fixed;
z-index:5000;
}



.banner-bkg {
top:0px;
left:0px;
width: 100%;
height: 60px;
position: absolute;
background: var(--white-80, rgba(255, 255, 255, 1.0));
box-shadow: 0px 2px 4px 0px rgba(23, 25, 26, 0.0);
z-index:5001;

}

.logo-wrap {
position: absolute;
width: 100%;
height: 60px;
top:0px;
left:0px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
z-index:5002;

}

.logo {
width: 50px;
height: 50px;
margin: 5px auto;
background: url("images/OIC Logo 4 wide.png");
background-size:contain;
z-index:5003;
}

.logo-text-wrap {
position: absolute;
width: 100%;
height: 60px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
z-index:5004;

}


.logo-text {
width: 190px;
height: 36px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 4px;
margin: 12px auto;
z-index:5005;
}

.logo-link-wrap {
width:100%;
max-height:60px;
position:absolute;
top:0px;
left:0px;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
z-index:5006;
}

.logo-link {
height:50px;
width: 190px;
margin: 5px auto;
z-index:5000;
}




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

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

.back-button {
width: 30px;
height: 30px;
position:absolute;
left: 10px;
top: 15px;
}

.icon {
max-height:30px;
max-width: 30px;		
}


.menu-close-layer {
position:absolute;
left:0px;
top:0px;
width:100%;
height:60px;
z-index:5200;
}



/*MOBILE DROPDOWN STARTS HERE*/
.menu-dropdown-closed {
position:absolute;
right:0px;
top:0px;
width:60px;
height:60px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
overflow:hidden;
z-index:5300;
}

.menu-dropdown-open {
position:absolute;
right:0px;
top:0px;
width:280px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
filter: drop-shadow(2px 2px 4px rgba(23, 25, 26, 0.20));
z-index:5100;
}

.dropdown-upper {
width:60px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items:center;

}

.menu-dropdown-open .dropdown-upper {
width:60px;
height:60px;
padding-left:220px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items:center;

}


.menu-dropdown-closed .menu-wrap {
position:absolute;
right:0px;
top:0px;
width:60px;
height:60px;
}

.menu-dropdown-open .menu-wrap {
position:absolute;
right:0px;
top:0px;
width:60px;
height:60px;
background-color: rgba(243, 247, 255, 1);
border-radius:6px 0px 0px 0px;
}


.menu-dropdown-closed .menu {
margin: 15px;
height: 30px;
width:30px;
background: url("images/Menu Icon 30.png");
background-size: contain; 
}

.menu-dropdown-open .menu {
margin: 15px;
height: 30px;
width:30px;
background: url("images/Close Menu.png");
background-size: contain;
}


.menu-dropdown-closed .dropdown-lower {
display:none;
}

.menu-dropdown-open  .dropdown-lower {
width:100%;
background-color: rgba(243, 247, 255, 1);
border-radius:6px 0px 0px 6px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
gap:8px;
padding:20px 0px;
}

.menu-dropdown-closed .menu-divider-wrap {
display:none;
}

.menu-dropdown-open .menu-divider-wrap {
width:100%;
height:16px;
display:flex;
flex-direction:row;
justify-content: center;
align-items: center;

}

.menu-dropdown-closed .menu-divider {
display:none;
}


.menu-dropdown-open .menu-divider {
width:64%;
height:10px;
margin:auto;
border-bottom: solid 2px rgba(126, 137, 252, 0.5);
}


.sub-list-closed {
width: 280px;
height:40px;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content: space-around;
align-items: flex-start;
}


.sub-list-open {
width: 280px;
display:flex;
flex-direction:column;
justify-content: space-around;
align-items: flex-start;
}


.sub-list-upper {
width: 100%;
height:40px;
display:flex;
flex-direction:row;
justify-content: space-between;
align-items: center;
}



.menu-dropdown-closed .menu-list {
display:none;
}

.menu-dropdown-closed .menu-list-static {
display:none;
}

.menu-dropdown-closed .menu-list-hold {
display:none;
}


.menu-dropdown-open .menu-list {
width:200px;
height:50px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
}



.menu-dropdown-open .menu-list:hover {
width:200px;
height:50px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
background-color: rgba(231, 233, 253, 1);
} 

.menu-dropdown-open .menu-list-static {
/* change width back to 180 with adding STPP pages
width: 180px;*/
width:240px;
height:40px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
/* change width back to 80 with adding STPP pages
padding-right:80px;*/
padding-right:20px;
}


.menu-dropdown-open .menu-list-static:hover {
/* change width back to 180 with adding STPP pages
width: 180px;*/
width:240px;
height:40px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
background-color: rgba(231, 233, 253, 1);
padding-left:20px;
/* change width back to 80 with adding STPP pages
padding-right:80px;*/
padding-right:20px;
} 


.menu-dropdown-open .menu-list-hold {
/* change width back to 180 with adding STPP pages
width: 180px;*/
width:240px;
height:40px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
/* change width back to 80 with adding STPP pages
padding-right:80px;*/
padding-right:20px;
}


.menu-dropdown-open .menu-list-hold:hover {
/* change width back to 180 with adding STPP pages
width: 180px;*/
width:240px;
height:40px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
background-color: rgba(231, 233, 253, 1);
/* change width back to 80 with adding STPP pages
padding-right:80px;*/
padding-right:20px;
} 


.KDC-list-text {

width:120px;
color: var(--icon-blue-brightness-28-bright, #112C47);
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 100% */
font-variant: small-caps;
letter-spacing: 2px;
}


.lower-list-text {
width:120px;
color: var(--icon-blue-brightness-28-bright, #112C47);
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 100% */
font-variant: small-caps;
letter-spacing: 2px;
}

.arrow-wrap {
height:40px;
width:60px;
display:flex;
flex-direction:column;
justify-content: center;
align-items:center;
}

.sub-list-closed .open-close-menu {
height:24px;
width:24px;
background: url("images/Open Menu.png");
background-size:contain;
margin:auto 36px auto 0px;
}


.sub-list-open .open-close-menu {
height:24px;
width:24px;
background: url("images/Close Menu.png");
background-size:contain;
margin:auto 36px auto 0px;
}


.sub-list-closed .sub-list-lower {
display:none;

}
.sub-list-open .sub-list-lower {
margin-left: 30px;
background-color: rgba(243, 247, 255, 1);
display:flex;
flex-direction:column;
justify-content: space-around;
align-items:flex-start;
gap:4px;
}

.sub-list-closed .sub-list-item {
display:none;
}

.sub-list-open .sub-list-item {
width: 260px;
height:32px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:6px;
padding-left:10px;
}

.sub-list-open .sub-list-item:hover {
width: 260px;
height:32px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:6px;
background-color: rgba(231, 233, 253, 1);
padding-left:10px;
}


.sub-list-open .sub-list-text {
color: rgba(41, 31, 51, 1);
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px;
font-variant: small-caps;
letter-spacing: 0.8px;
}

.right-arrow {
width:18px;
height:18px;
background: url("images/Right Arrow.png");
background-size: contain;
margin:auto;
}

.Contact-icon {
height:30px;
width:30px;
background: url("images/Contact Icon.png");
background-size:contain;
margin:auto;
}

.About-icon {
height:30px;
width:30px;
background: url("images/About Icon.png");
background-size: contain;
margin:auto;
}

/*NAV HIDE*/

.know-header {
display:none;
}

.know-closed {
display:none;
}
.know-open {
display:none;
}

.about-header {
display:none;
}


.disc-closed {
display:none;
}


.disc-open {
display:none;
}


.contact-header {
display:none;
}


.create-closed {
display:none;
}


.create-open {
display:none;
}



.about-header {
display:none;
}


.about-closed {
display:none;
}


.about-open {
display:none;
}



/*NAV HIDE ENDS*/

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

}


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

}


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


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

}


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

}


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

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

}


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


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

}

.nav-icon {
width: 30px;
height: 30px;
position: absolute;
left: 0px;
}

.about-icon {
background: url("/images/About Icon.png"), lightgray 50% / cover no-repeat;
width:30px;
height: 30px;

}

.contact {
display: flex;
flex-direction:row;
align-items: center;
gap: 5px;
position: absolute;
right: 0px;
width: 134px;
}

	
.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:60px;
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content: flex-start;
overflow-y:auto;
}



.action-cards {
display: flex;
width:308px;
height: 64px;
flex-direction:row;
justify-content: flex-start;
gap: 10px;
margin: 28px auto 0px auto;
white-space: normal;

}


.ac-card-wrap {
width:96px;
height: 64px;
border-radius: 6px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}

.acbox {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;

}

.ac-colorburn {
width:96px;
height:64px;
border-radius: 6px;
background-color: rgba(178, 217, 255, 0.3);
  -webkit-backdrop-filter: blur(600px);
  backdrop-filter: blur(600px);
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
z-index:3;
}

.ac-glass {
width:96px;
height:64px;
position:absolute;
border-radius: 6px;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.35) 0%,
    rgba(255, 255, 255, 0.4) 7%,
    rgba(255, 255, 255, 0.45) 15%,
    rgba(255, 255, 255, 0.4) 25%,
    rgba(255, 255, 255, 0.45) 31%,
    rgba(255, 255, 255, 0.4) 37%,
    rgba(255, 255, 255, 0.35) 49%,
    rgba(255, 255, 255, 0.3) 57%,
    rgba(255, 255, 255, 0.35) 68%,
    rgba(255, 255, 255, 0.4) 79%,
    rgba(255, 255, 255, 0.35) 87%,
    rgba(255, 255, 255, 0.3) 100%
);
mix-blend-mode:hard-light;

z-index:3;

}


.ac-sel-light {
width:100%;
height:100%;
	border-radius:6px;
position:relative;
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%
);
box-shadow: 3px 3px 6px rgba(15, 20, 26, 0.0);
flex-direction: row;
justify-content: center;
align-items: center;

z-index:4;
}

.ac-des-colorburn {
width:96px;
height:64px;
border-radius: 6px;
background-color: rgba(178, 217, 255, 0.2);
mix-blend-mode: soft-light;
position:absolute;
isolation:isolate;
z-index:3;
}

.ac-des-light {
width:100%;
height: 100%;
border-radius: 6px;
background: rgba(255, 255, 255, 0.24);
box-shadow: 2px 2px 4px 0px rgba(15, 20, 26, 0.10);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position:relative;
	z-index:4;
}

.ac-des-light:hover {
width:100%;
height: 100%;
border-radius: 6px;
background: rgba(255, 255, 255, 0.44);
box-shadow: 3px 3px 6px 0px rgba(15, 20, 26, 0.10);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
z-index:4;
}





.ac-content {
position:relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content:flex-start;
gap:2px;
margin: 8px auto;
}

.actxt-sel-light {
color: rgba(41, 31, 51, 1);
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 150% */
font-variant: small-caps;
letter-spacing: 1.6px;	
}

.actxt-des-light {
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 150% */
font-variant: small-caps;
letter-spacing: 1.6px;


}

.ac-des-light:hover .actxt-des-light {
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 150% */
font-variant: small-caps;
letter-spacing: 1.6px;

}



.STPP-content-wrap {
width:86%;
height:80%;
border-radius: 6px;
white-space: normal;
margin:40px 0px 70px 0px;
padding:0px 0px 0px 0px;
}	



.STPP-content-box {
width:100%;
border-radius: 6px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:center;
top:0px;
padding:0px 0px 0px 0px;
white-space: normal;
position:relative;
}




.STPP-tab-wrap {
display: flex;
flex-direction:row;
width: 100%;
height: 60px;
justify-content: flex-start;
align-items: flex-start;
position:absolute;
}

.STPP-tab-bkg {
width:46%;
height: 60px;
border-radius: 6px 6px 0px 0px;
background-color: rgba(138, 214, 229, 0.4);
/*background-color: rgba(56, 101, 216, 0.3);*/
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
z-index:4;
}


.bob {
border-right: solid 2px;
border-left: solid 2px; 
border-color: rgba(41, 31, 51, 1);
}


.bor {
border-right: solid 2px;
border-color: rgba(41, 31, 51, 1);
}

.bol {
border-left: solid 2px;
border-color: rgba(41, 31, 51, 1);
}

.rul {
border-radius:6px 0px 0px 0px;
}

.rur {
border-radius:0px 6px 0px 0px;
}


.rub {
border-radius:6px 6px 0px 0px;
}

.rul-text {
border-radius:6px 0px 6px 6px;
}

.rur-text {
border-radius:0px 6px 6px 6px;
}


.rub-text {
border-radius:6px 6px 6px 6px;
}


.STPP-tab-hold {
width: 46%;
height:60px;
position:relative;
}


.STPP-tab-des {
display: flex;
position:relative;
width: 18%;
height: 54px;
justify-content: center;
align-items: center;
margin-top:6px;
background: rgba(255, 255, 255, 0.44);
z-index:5;
}	

.STPP-tab-des:hover {
display: flex;
position:relative;
width: 18%;
height: 54px;
justify-content: center;
align-items: center;
margin-top:6px;
background: rgba(231, 233, 253, 0.1);
z-index:5;
}



.total-wrap {
width: 100%;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
}

.total-tab-wrap {
width:100%;
height:60px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;

}

.sel-tab-wrap {
width:46%;
height:60px;
}


.one-tab-hold {
width: 18%;
}

.two-tab-hold {
width: 36%;
}

.three-tab-hold {
width: 54%;
}





.STPP-tab-sel {
display: flex;
position:relative;
width: 100%;
height: 60px;
border-radius:2px 2px 0px 0px;
justify-content: center;
align-items: center;
background-color: rgba(129, 122, 204, 0.2);
z-index:5;
}


.STPP-tab-content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin:auto;	
gap: 2px;
}



.STPP-icon {
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 {
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;
}


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

.STPP-des-text {
display:none;
}

.STPP-text-wrap {
display: flex;
flex-direction:row;
width: 100%;
height: 100%;
justify-content: center;
align-items: flex-start;
border-radius:0px 0px 6px 6px;
}

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


.STPP-text-bkg {
display: flex;
width:100%;
padding:60px auto;
flex-direction:row;
justify-content: center;
align-items: center;
background-color: rgba(138, 214, 229, 0.1);
z-index:5;
}



.STPP-text-box {
display: flex;
width:83.33%;
margin:60px auto;
flex-direction:row;
justify-content: center;
align-items: center;
}







.STPP-text {
width:100%;
height: auto;
margin: 0px auto;
position:inherit;
color: rgba(22, 24, 26, 1);
font-family: Raleway;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 222.222% */
letter-spacing: 2.88px;
}


.coming-soon {
display:flex;
flex-direction:row;
justify-content: center;
align-items:flex-start;
white-space: normal;
position:relative;
z-index:5004;
}

.coming-soon p{
width:80%;
padding-top:80px;
color: rgba(41, 31, 51, 0);
align-content: center;
text-align:center;
font-family: Raleway;
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height:32px;
text-transform:uppercase;
letter-spacing: 2.4px;
}


	}





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

.bkg-kdc-HOLD {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 1;
mix-blend-mode: color-burn;
filter:blur(6px);
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/DNA colorburn.png');
z-index:2;
}
	
/*.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 BKG END/

/*TABLET START OF HEADER*/

header {
display: flex;
width: 100%;
height: 80px;
top: 0px;
position: fixed;

flex-direction:row;
justify-content:center;
align-items: center;
z-index:5000;
}


.banner-bkg {
width:100%;
height:80px;
position:absolute;
background-color:rgba(255, 255, 255, 1.0);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0);
top:0px;
left:0px;
z-index:5001;
}

.logo-wrap {
width:100%;
height:80px;
position:absolute;
top:0px;
right:0px;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
z-index:5002;
}


.logo {
width:66px;
height:66px;
margin:7px auto;
background: url("images/OIC Logo 4 wide.png");
background-size:contain;
}


.logo-text-wrap {
width:100%;
max-height:80px;
position:absolute;
top:0px;
left:0px;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
z-index:5004;
}

.logo-text {
height:52px;
width: 295px;
margin: 14px auto;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:center;
gap:4px;
}


.logo-link-wrap {
width:100%;
max-height:80px;
position:absolute;
top:0px;
left:0px;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
z-index:5006;
}

.logo-link {
height:66px;
width: 295px;
margin: 7px auto;
}


.logo-text-lg {
color: var(--purple-75-opacity, #5D5566);
font-family: Raleway;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 100% */
letter-spacing: 6.6px;
}

.logo-text-sm {
color: var(--purple-75-opacity, #5D5566);
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 100% */
letter-spacing: 3.52px;
font-variant: small-caps;

}


.know-header {
display:none;
}

.know-closed {
display:none;
}
.know-open {
display:none;
}

.about-header {
display:none;
}


.disc-closed {
display:none;
}


.disc-open {
display:none;
}


.contact-header {
display:none;
}


.create-closed {
display:none;
}


.create-open {
display:none;
}



.about-header {
display:none;
}


.about-closed {
display:none;
}


.about-open {
display:none;
}




/*TABLET DROPDOWN STARTS HERE*/


.menu-close-layer {
position:absolute;
left:0px;
top:0px;
width:100%;
height:80px;
z-index:5200;
}



.menu-dropdown-closed {
position:absolute;
right:0px;
top:0px;
width:82px;
height:80px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
overflow:hidden;
z-index:5300;
}

.menu-dropdown-open {
position:absolute;
right:0px;
top:0px;
/* change width back to 360 with adding STPP pages
width: 360px;*/
width:320px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
filter: drop-shadow(-2px 2px 4px rgba(23, 25, 26, 0.20));
z-index:5100;
}


.dropdown-upper {
width:82px;
height:80px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items:center;

}

.menu-dropdown-open .dropdown-upper {
width:82px;
height:80px;
padding-left:238px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items:center;

}


.menu-dropdown-closed .menu-wrap {
position:absolute;
right:0px;
top:0px;
width:82px;
height:80px;
}

.menu-dropdown-open .menu-wrap {
position:absolute;
right:0px;
top:0px;
width:82px;
height:80px;
background-color: rgba(243, 247, 255, 1);
border-radius:6px 0px 0px 0px;
}


.menu-dropdown-closed .menu {
margin: 25px 26px;
height: 30px;
width:30px;
background: url("images/Menu Icon 30.png");
background-size: contain; 
}

.menu-dropdown-open .menu {
margin: 25px 26px;
height: 30px;
width:30px;
background: url("images/Close Menu.png");
background-size:contain;
}


.menu-dropdown-closed .dropdown-lower {
display:none;
}

.menu-dropdown-open  .dropdown-lower {
width:100%;
background-color: rgba(243, 247, 255, 1);
border-radius:6px 0px 0px 6px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
gap:14px;
padding:20px 0px;
}



.menu-dropdown-closed .menu-divider-wrap {
display:none;
}

.menu-dropdown-open .menu-divider-wrap {
width:100%;
height:30px;
display:flex;
flex-direction:row;
justify-content: center;
align-items: center;

}

.menu-dropdown-closed .menu-divider {
display:none;
}


.menu-dropdown-open .menu-divider {
width:64%;
height:20px;
margin:auto;
border-bottom: solid 2px rgba(126, 137, 252, 0.6);

}




.sub-list-closed {
width: 100%;
height:60px;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content: space-around;
align-items: flex-start;
}


.sub-list-open {
width: 100%;
display:flex;
flex-direction:column;
justify-content: space-around;
align-items: flex-start;
}


.sub-list-upper {
width: 100%;
height:60px;
display:flex;
flex-direction:row;
justify-content: space-between;
align-items: center;
}



.menu-dropdown-closed .menu-list {
display:none;
}

.menu-dropdown-closed .menu-list-static {
display:none;
}

.menu-dropdown-closed .menu-list-hold {
display:none;
}



.menu-dropdown-open .menu-list {
width: 260px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
}



.menu-dropdown-open .menu-list:hover {
width: 260px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
background-color: rgba(231, 233, 253, 1);
} 

.menu-dropdown-open .menu-list-static {
/* change width back to 220 with adding STPP pages
width:220px;*/
width: 280px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
padding-right:20px;
}


.menu-dropdown-open .menu-list-static:hover {
/* change width back to 220 with adding STPP pages
width:220px;*/
width: 280px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
background-color: rgba(231, 233, 253, 1);
padding-left:20px;
padding-right:20px;
} 

.menu-dropdown-open .menu-list-hold {
/* change width back to 220 with adding STPP pages
width:220px;*/
width: 280px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
padding-right:20px;
}


.menu-dropdown-open .menu-list-hold:hover {
/* change width back to 220 with adding STPP pages
width:220px;*/
width: 280px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
background-color: rgba(231, 233, 253, 1);
padding-left:20px;
padding-right:20px;
} 

.KDC-list-text {
/* change width back to 220 with adding STPP pages
width:200px;*/
width:160px;
color: var(--icon-blue-brightness-28-bright, #112C47);
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 100% */
font-variant: small-caps;
letter-spacing: 2.4px;
}


.lower-list-text {
width:150px;
color: var(--icon-blue-brightness-28-bright, #112C47);
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 100% */
font-variant: small-caps;
letter-spacing: 2.4px;
}

.arrow-wrap {
height:60px;
width:60px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.sub-list-closed .open-close-menu {
height:24px;
width:24px;
background: url("images/Open Menu.png");
background-size:contain;
margin:auto 36px auto 0px;
}


.sub-list-open .open-close-menu {
height:24px;
width:24px;
background: url("images/Close Menu.png");
background-size:contain;
margin:auto 36px auto 0px;
}


.sub-list-closed .sub-list-lower {
display:none;

}
.sub-list-open .sub-list-lower {
margin-left: 30px;
margin-right:20px;
background-color: rgba(243, 247, 255, 1);
display:flex;
flex-direction:column;
justify-content: space-around;
align-items:flex-start;
gap:4px;
}

.sub-list-closed .sub-list-item {
display:none;
}

.sub-list-open .sub-list-item {
width:300px;
height:40px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:6px;
padding-left:10px;
}

.sub-list-open .sub-list-item:hover {
width:300px;
height:40px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:6px;
background-color: rgba(231, 233, 253, 1);
padding-left:10px;
}


.sub-list-open .sub-list-text {
color: rgba(41, 31, 51, 1);
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 20px;
font-variant: small-caps;
letter-spacing: 1.2px;
}

.right-arrow {
width:20px;
height:20px;
background: url("images/Right Arrow.png");
background-size: contain;
margin:auto;
}

.Contact-icon {
height:30px;
width:30px;
background: url("images/Contact Icon.png");
background-size: contain;
margin:auto;
}

.About-icon {
height:30px;
width:30px;
background: url("images/About Icon.png");
background-size: contain;
margin:auto;
}


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


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


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


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


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


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


/*TABLET DROPDOWN ENDS HERE*/


.about-icon {
background: url("/images/About Icon.png"), lightgray 50% / cover no-repeat;
width:30px;
height: 30px;

}

.icon {
max-height:40px;
max-width: 40px;		
}


/*END OF HEADER*/

/*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:100%;
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:100px;
width:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content: flex-start;
gap:64px;
overflow-y:auto;
position:relative;
}



/*TABLET ACTION CARDS START*/

.action-cards {
display: flex;
width:530px;
height: 108px;
flex-direction:row;
padding-bottom: 0px;
justify-content: flex-start;
gap: 22px;
margin: 40px auto 0px auto;
white-space: normal;
}

.ac-card-wrap {
width:162px;
height: 108px;
border-radius: 6px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;

}

.ac-colorburn {
width:162px;
height:108px;
border-radius: 6px;
background-color: rgba(178, 217, 255, 0.3);
  -webkit-backdrop-filter: blur(600px);
  backdrop-filter: blur(600px);
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
z-index:3;
}

.ac-glass {
width:162px;
height:108px;
position:absolute;
border-radius: 6px;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.35) 0%,
    rgba(255, 255, 255, 0.4) 7%,
    rgba(255, 255, 255, 0.45) 15%,
    rgba(255, 255, 255, 0.4) 25%,
    rgba(255, 255, 255, 0.45) 31%,
    rgba(255, 255, 255, 0.4) 37%,
    rgba(255, 255, 255, 0.35) 49%,
    rgba(255, 255, 255, 0.3) 57%,
    rgba(255, 255, 255, 0.35) 68%,
    rgba(255, 255, 255, 0.4) 79%,
    rgba(255, 255, 255, 0.35) 87%,
    rgba(255, 255, 255, 0.3) 100%
);
mix-blend-mode:hard-light;

z-index:3;

}


.ac-sel-light {
width:100%;
height:100%;
position:relative;
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%
);display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
z-index:4;
}

.ac-des-colorburn {
width:162px;
height:108px;
border-radius: 6px;
background-color: rgba(178, 217, 255, 0.2);
mix-blend-mode: soft-light;
position:absolute;
isolation:isolate;
z-index:3;
}

.ac-des-light {
width:162px;
height: 100%;
position:relative;
border-radius: 6px;
background: rgba(255, 255, 255, 0.24);
box-shadow: 2px 2px 4px 0px rgba(15, 20, 26, 0.10);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
z-index:4;
}


.ac-des-light:hover {
width:162px;
height: 100%;
border-radius: 6px;
background: rgba(255, 255, 255, 0.44);
box-shadow: 3px 3px 6px 0px rgba(15, 20, 26, 0.10);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
z-index:4;
}

.actxt-sel-light {
color: rgba(41, 31, 51, 1);
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 33px; /* 128.571% */
font-variant: small-caps;
letter-spacing: 2.2px;
}

/*.ac-sel-light:hover .icon {
width:44px;
}*/




.ac-content {
position:relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content:flex-start;
gap:2px;
margin: auto;
}
	
	
	

.actxt-sel-light {
color: rgba(41, 31, 51, 1);
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 800;
line-height: 33px; /* 128.571% */
font-variant: small-caps;
letter-spacing: 2.2px;
}

.ac-des-light:hover .actxt-des-light {
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 33px; /* 128.571% */
font-variant: small-caps;
letter-spacing: 2.2px;

}


.actxt-des-light {
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 800;
line-height: 33px; /* 128.571% */
font-variant: small-caps;
letter-spacing: 2.2px;

}


/*TABLET ACTION CARDS END*/



/*TABLET BOX CONTENT START*/


.STPP-content-wrap {
width:100%;
height:80%;
border-radius: 6px;
white-space: normal;
margin:0px 0px 70px 0px;
padding:0px 0px 0px 0px;
}	





.STPP-content-box {
width:100%;
border-radius: 6px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:center;
top:0px;
/*background-color:transparent;
background-color: rgba(173, 153, 255, 0.3);*/
padding:0px 0px 0px 0px;
white-space: normal;
position:relative;
}




.STPP-tab-wrap {
display: flex;
flex-direction:row;
width: 100%;
height: 72px;
justify-content: flex-start;
align-items: flex-start;
position:absolute;
}

.STPP-tab-bkg {
width:28%;
height: 72px;
border-radius: 6px 6px 0px 0px;
background-color: rgba(138, 214, 229, 0.4);
/*background-color: rgba(56, 101, 216, 0.3);*/
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
z-index:4;
}


.bob {
border-right: solid 2px;
border-left: solid 2px; 
border-color: rgba(41, 31, 51, 1);
}


.bor {
border-right: solid 2px;
border-color: rgba(41, 31, 51, 1);
}

.bol {
border-left: solid 2px;
border-color: rgba(41, 31, 51, 1);
}

.rul {
border-radius:6px 0px 0px 0px;
}

.rur {
border-radius:0px 6px 0px 0px;
}


.rub {
border-radius:6px 6px 0px 0px;
}

.rul-text {
border-radius:6px 0px 6px 6px;
}

.rur-text {
border-radius:0px 6px 6px 6px;
}


.rub-text {
border-radius:6px 6px 6px 6px;
}


.STPP-tab-hold {
width: 28%;
position:relative;
}


.STPP-tab-des {
display: flex;
position:relative;
width: 24%;
height: 66px;
justify-content: center;
align-items: center;
margin-top:6px;
background: rgba(255, 255, 255, 0.44);
z-index:5;
}	

.STPP-tab-des:hover {
display: flex;
position:relative;
width: 24%;
height: 66px;
justify-content: center;
align-items: center;
margin-top:6px;
background: rgba(231, 233, 253, 0.1);
z-index:5;
}



.total-wrap {
width: 100%;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
}

.total-tab-wrap {
width:100%;
height:72px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;

}

.sel-tab-wrap {
width:28%;
height:72px;
}


.one-tab-hold {
width: 24%;
}

.two-tab-hold {
width: 48%;
}

.three-tab-hold {
width: 72%;
}


.STPP-tab-sel {
display: flex;
position:relative;
width: 100%;
height: 72px;
border-radius:6px 6px 0px 0px;
justify-content: center;
align-items: center;
background-color: rgba(138, 214, 229, 0.1);
z-index:5;
}





.STPP-tab-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin:auto;	
gap: 2px;
}



.STPP-icon {
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 {
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;
}


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

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

.STPP-tab-des:hover .STPP-des-text {
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: 18px; /* 150% */
font-variant: small-caps;
letter-spacing: .72px;
}

.STPP-text-wrap {
display: flex;
flex-direction:row;
width: 100%;
height: 100%;
justify-content: center;
align-items: flex-start;
border-radius:0px 0px 6px 6px;
}

.STPP-text-colorburn {
width:100%;
height: calc(100% - 72px);
border-radius: 0px 0px 6px 6px;
background-color: rgba(138, 214, 229, 0.4);
/*background-color: rgba(56, 101, 216, 0.3);*/
mix-blend-mode: color-burn;
position:absolute;
left:0px;
top:72px;
isolation:isolate;
z-index:4;
}


.STPP-text-bkg {
display: flex;
width:100%;
padding:60px auto;
flex-direction:row;
justify-content: center;
align-items: center;
background-color: rgba(138, 214, 229, 0.1);
z-index:5;
}



.STPP-text-box {
display: flex;
width:83.33%;
margin:60px auto;
flex-direction:row;
justify-content: center;
align-items: center;
}







.STPP-text {
width:100%;
height: auto;
margin: 0px auto;
position:inherit;
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;
}

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




.coming-soon {
display:flex;
flex-direction:row;
justify-content: center;
align-items:flex-start;
white-space: normal;
position:relative;
z-index:5004;
}

.coming-soon p{
width:60%;
padding-top:140px;
color: rgba(41, 31, 51, 0);
align-content: center;
text-align:center;
font-family: Raleway;
font-size: 36px;
font-style: normal;
font-weight: 300;
line-height:36px;
text-transform:uppercase;
letter-spacing: 2.4px;
}


	}



/*TABLET BOX CONTENT END*/



@media (min-width: 1280px){

.bkg-kdc-HOLD {
width:100%;
height:100%;
top:0px;
left:0px;
opacity: 1;
mix-blend-mode: color-burn;
filter:blur(6px);
white-space: normal;
isolation: isolate;
position:absolute;
background-size: 100% 100%;
background: url('images/DNA colorburn.png');
z-index:2;
}
/*.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*/

/*DESKTOP HEADER START*/

header {
display: flex;
width: 100%;
height: 92px;
top: 0px;
position: fixed;

flex-direction:row;
justify-content:center;
align-items: center;
z-index:5000;

}	

.banner-bkg {
width:100%;
height:92px;
position:absolute;
isolation:isolate;
background-color:rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0);
top:0px;
left:0px;
z-index:5001;
}

.logo-wrap {
width:100%;
max-height:92px;
position:absolute;
top:0px;
left:0px;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
z-index:5002;
}

.logo {
height:74px;
width: 74px;
margin: 9px auto;
background: url("images/OIC Logo 4 wide.png");
background-size:contain;

}

.logo-text-wrap {
width:100%;
max-height:92px;
position:absolute;
top:0px;
left:0px;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
z-index:5004;
}



.logo-text {
height:64px;
width: 332px;
margin: 14px auto;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:center;
gap:4px;
}

.logo-link-wrap {
width:100%;
max-height:92px;
position:absolute;
top:0px;
left:0px;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
z-index:5006;
}

.logo-link {
height:74px;
width: 332px;
margin: 9px auto;
}

.logo-text-lg {
color: var(--purple-75-opacity, #5D5566);
font-family: Raleway;
font-size: 36px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 100% */
letter-spacing: 7.92px;
}

.logo-text-sm {
color: var(--purple-75-opacity, #5D5566);
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 100% */
letter-spacing: 3.96px;
text-transform: uppercase;
}


/*DESKTOP HEADER END*/

/* NAV DROPDOWN*/



.know-header {
position:absolute;
width:82px;
height:56px;
right:306px;
top:36px;
}

.know-closed {
display:none;
}

.know-open {
position:absolute;
width:210px;
right:178px;
height:222px;
top:92px;
overflow:visible;
filter: drop-shadow(1px 1px 2px rgba(41, 31, 51, 0.7));
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
z-index:5100;
}

.about-header {
position:absolute;
width:88px;
right:212px;
height:54px;
top:38px;
z-index:5201;
}

.contact-header {
position:absolute;
width:102px;
right:86px;
height:54px;
top:38px;
z-index:5201;
}


.nav-tab {
width:100%;
height:100%;
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}

.nav-upper {
position:relative;
width:100%;
height:2px;
background-color: rgba(207, 229, 251, 1);
}


.nav-tab:hover .nav-upper {
position:relative;
width:100%;
height:2px;
background-color: rgba(126, 137, 252, 0.6);
}


.nav-tab:active .nav-upper {
position:relative;
width:100%;
height:2px;
background-color: rgba(126, 137, 252, 0.6);
}



.nav-txt-wrap {
position:relative;
width:100%;
height:48px;
display:flex;
justify-content: center;
align-items: center;

}


.nav-lower{
position:relative;
width:100%;
height:6px;
background-color: rgba(207, 229, 251, 1);
}

.nav-tab:hover .nav-lower{
position:relative;
width:100%;
height:6px;
background-color: rgba(126, 137, 252, 0.6);
}


.nav-tab:active .nav-lower{
position:relative;
width:100%;
height:6px;
background-color: rgba(126, 137, 252, 0.6);
}


.nav-txt {
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 24px;
font-variant: small-caps;
color:rgba(41, 31, 51, 0.8);

}

.nav-tab:hover .nav-txt {
font-weight: 700;
color:rgba(41, 31, 51, 1);
}

.nav-tab:active .nav-txt {
font-weight: 700;
color:rgba(41, 31, 51, 1);
}


.about-closed:hover .nav-txt {
font-weight: 700;
color:rgba(41, 31, 51, 1);

}

.about-open .nav-txt {
font-weight: 700;
color:rgba(41, 31, 51, 1);

}



.nav-tab .about-icon-dropdown {
background: url("images/About Icon.png");
width:24px;
height: 24px;
background-size:contain;

}

.nav-tab:hover .about-icon-dropdown {
background: url("images/About Icon Hover.png");
width:24px;
height: 24px;
background-size:contain;

}


.know-closed .kd-lower {
position:relative;
height:6px;
width:100%;
background-color: rgba(207, 229, 251, 1);
}

.disc-closed .kd-lower {
position:relative;
height:6px;
width:100%;
background-color: rgba(207, 229, 251, 1);
}

.know-open .kd-lower {
height:222px;
width:210px;
background-color:rgba(235, 244, 253, 1);
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items: flex-start;
gap:10px;
overflow:visible;
border-radius: 0px 0px 6px 6px;
padding:10px 0px 6px 0px;
}

.disc-open .kd-lower {
height:222px;
width:210px;
background-color:rgba(235, 244, 253, 1);
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items: flex-start;
gap:10px;
overflow:visible;
border-radius: 0px 0px 6px 6px;
padding:10px 0px 6px 0px;
}


.create-open .kd-lower {
height:222px;
width:210px;
background-color:rgba(235, 244, 253, 1);
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items: flex-start;
gap:10px;
overflow:visible;
border-radius: 0px 0px 6px 6px;
padding:10px 0px 6px 0px;
}




.about-open .about-lower {
height:116px;
width:168px;
background-color:rgba(235, 244, 253, 1);
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items: flex-start;
gap:10px;
overflow:visible;
border-radius: 6px 0px 6px 6px;
padding:10px 0px 6px 0px;

}


.dropdown-item {
display:none;
}

.know-open .dropdown-item {
width: calc(100% - 20px);
padding:10px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
height: 24px;
gap:4px;
}

.know-open .dropdown-item:hover {
background-color: rgba(207, 229, 251, 1);
}

.disc-open .dropdown-item {
width: calc(100% - 20px);
padding:10px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
height: 24px;
gap:4px;
}

.disc-open .dropdown-item:hover {
background-color: rgba(207, 229, 251, 1);
}

.create-open .dropdown-item {
width: calc(100% - 20px);
padding:10px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
height: 24px;
gap:4px;
}

.create-open .dropdown-item:hover {
background-color: rgba(207, 229, 251, 1);
}

.about-open .dropdown-item {
width: calc(100% - 20px);
padding:10px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
height: 24px;
gap:4px;
}

.about-open .dropdown-item:hover {
background-color: rgba(207, 229, 251, 1);
}


.know-open .dropdown-text {
color: rgba(41, 31, 51, 1);
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 100% */
font-variant: small-caps;
width:138px;
padding:1px 0px;
}

.disc-open .dropdown-text {
color: rgba(41, 31, 51, 1);
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 100% */
font-variant: small-caps;
width:138px;
padding:1px 0px;
}

.create-open .dropdown-text {
color: rgba(41, 31, 51, 1);
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 100% */
font-variant: small-caps;
width:138px;
padding:1px 0px;
}


.about-open .dropdown-text {
color: rgba(41, 31, 51, 1);
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 100% */
font-variant: small-caps;
width:138px;
padding:1px 0px;
}

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



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

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

}

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


.right-arrow-dropdown {
width:20px;
height:20px;
background: url("images/Right Arrow.png");
background-size: contain;
background-repeat:no-repeat;
padding:2px 0px; 
}





/*NAV DROPDOWN END*/

/*DESKTOP MENU DROPDOWN START*/

.menu-close-layer {
position:absolute;
left:0px;
top:0px;
width:100%;
height:92px;
z-index:5200;

}



.menu-dropdown-closed {
position:absolute;
right:6px;
top:0px;
width:66px;
height:92px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
overflow:hidden;
z-index:5300;
}

.menu-dropdown-open {
position:absolute;
right:6px;
top:0px;
/* change width back to 360 with adding STPP pages
width:360px;*/
width: 320px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
filter: drop-shadow(3px 3px 6px rgba(23, 25, 26, 0.20));
z-index:5120;
}

.dropdown-upper {
width:66px;
min-height:60px;
padding-top:32px;
display:flex;
flex-direction:row;
justify-content: center;
align-items:center;

}

.menu-dropdown-open .dropdown-upper {
width:66px;
min-height:60px;
padding-top:32px;
padding-left:254px;
display:flex;
flex-direction:row;
justify-content: center;
align-items:center;
}

.menu-dropdown-closed .menu-wrap {
position:absolute;
right:0px;
width:66px;
height:60px;
}
	
.menu-dropdown-open .menu-wrap {
position:absolute;
right:0px;
width:66px;
height:60px;
background-color: rgba(243, 247, 255, 1);
border-radius:6px 6px 0px 0px;

}

.menu-dropdown-closed .menu {
margin: 18px 18px 12px 18px;
height: 30px;
width:30px;
background: url("images/Menu Icon 30.png");
background-size: contain; 
}

.menu-dropdown-open .menu {
margin: 15px 18px 15px 18px;
height: 30px;
width:30px;
background: url("images/Close Menu.png");
background-size: contain; 
}







.menu-dropdown-closed .dropdown-lower {
display:none;
}




.menu-dropdown-open  .dropdown-lower {
width:100%;
background-color: rgba(243, 247, 255, 1);
border-radius:6px 0px 6px 6px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
gap:14px;
padding:20px 0px;
}


.menu-divider-wrap {
display:none;
}


.menu-divider {
display:none;
}






.sub-list-closed {
width: 100%;
height:60px;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content: space-around;
align-items: flex-start;
}


.sub-list-open {
width: 100%;
display:flex;
flex-direction:column;
justify-content: space-around;
align-items: flex-start;
}


.sub-list-upper {
width: 100%;
height:60px;
display:flex;
flex-direction:row;
justify-content: space-between;
align-items: center;
}



.menu-dropdown-closed .menu-list {
display:none;
}


.menu-list-static {
display:none;
}


.menu-dropdown-closed .menu-list-hold {
display:none;
}

.menu-dropdown-open .menu-list-hold {
/* change width back to 220 with adding STPP pages
width:220px;*/
width: 280px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
padding-right:20px;
}


.menu-dropdown-open .menu-list-hold:hover {
/* change width back to 220 with adding STPP pages
width:220px;*/
width: 280px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
background-color: rgba(231, 233, 253, 1);
padding-left:20px;
padding-right:20px;
} 

.menu-dropdown-closed .menu-list {
display:none;
}

.menu-list-static {
display:none;
}


.menu-dropdown-open .menu-list {
width: 260px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
}



.menu-dropdown-open .menu-list:hover {
width: 260px;
height:60px;
display:flex;
flex-direction:row;
justify-content: flex-start;
align-items: center;
gap:10px;
padding-left:20px;
background-color: rgba(231, 233, 253, 1);
} 






.KDC-list-text {
/* change width back to 220 with adding STPP pages
width:200px;*/
width:160px;
color: var(--icon-blue-brightness-28-bright, #112C47);
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 100% */
font-variant: small-caps;
letter-spacing: 2.4px;
}


.lower-list-text {
display:none;
}

.arrow-wrap {
height:60px;
width:60px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
}

.sub-list-closed .open-close-menu {
height:24px;
width:24px;
background: url("images/Open Menu.png");
background-size:contain;
margin:auto 36px auto 0px;
}


.sub-list-open .open-close-menu {
height:24px;
width:24px;
background: url("images/Close Menu.png");
background-size:contain;
margin:auto 36px auto 0px;
}


.sub-list-closed .sub-list-lower {
display:none;

}
.sub-list-open .sub-list-lower {
margin-left: 30px;
margin-right:20px;
background-color: rgba(243, 247, 255, 1);
display:flex;
flex-direction:column;
justify-content: space-around;
align-items:flex-start;
gap:4px;
}

.sub-list-closed .sub-list-item {
display:none;
}

.sub-list-open .sub-list-item {
width:300px;
height:40px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:6px;
padding-left:10px;
}

.sub-list-open .sub-list-item:hover {
width:300px;
height:40px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:6px;
background-color: rgba(231, 233, 253, 1);
padding-left:10px;
}


.sub-list-open .sub-list-text {
color: rgba(41, 31, 51, 1);
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 20px;
font-variant: small-caps;
letter-spacing: 1.2px;
}

.right-arrow {
width:20px;
height:20px;
background: url("images/Right Arrow.png");
background-size: contain;
margin:auto;
}




.Contact-icon {
height:30px;
width:30px;
background: url("images/Contact Icon.png");
background-size: contain;
margin:auto;
}

.About-icon {
height:30px;
width:30px;
background: url("images/About Icon.png");
background-size: contain;
margin:auto;
}


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


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


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

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


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


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


.ac-card-wrap:hover .Know-white-icon {
height:44px;
width:44px;
background: url("images/Know White 40.png");
background-size: contain;
background-repeat: no-repeat;
}


.ac-card-wrap:hover .Discover-white-icon {
height:44px;
width:44px;
background: url("images/Discover White 40.png");
background-size: contain;
background-repeat: no-repeat;
}


.ac-card-wrap:hover .Create-white-icon { 
height:44px;
width:44px;
background: url("images/Create White 40.png");
background-size: contain;
background-repeat: no-repeat;

}

/*DESKTOP DROPDOWN ENDS HERE*/





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




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

}


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

}

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

.icon {
max-height:40px;
max-width: 40px;		
}


/*DESKTOP HEADER 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:100%;
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:120px;
display:flex;
flex-direction:column;
align-items:center;
justify-content: flex-start;
gap:64px;
overflow-y:auto;
position:relative;
}


/*DESKTOP ACTION CARDS START*/







			
.action-cards {
display: flex;
width:656px;
height: 136px;
flex-direction:row;
padding-bottom: 0px;
justify-content: flex-start;
gap: 22px;
margin: 40px auto 0px auto;
white-space: normal;
}

.ac-card-wrap {
width:204px;
height: 136px;
position:relative;
border-radius: 6px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}




/*.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(
    90deg, 
rgba(22, 22, 22, 0.1) 0%,
rgba(115, 115, 115, 0.1) 1%,
rgba(255, 255, 255, 0.3) 4%,
rgba(255, 255, 255, 0.1) 8%,
rgba(240, 240, 240, 0.1) 40%,
rgba(220, 220, 220, 0.1) 90%,
rgba(43, 43, 43, 0.1) 98%,
rgba(22, 22, 22, 0.1) 100%

);
box-shadow: 10px 10px 20px rgba(15, 20, 26, 0.3);
padding:20px 0px 44px 0px;
white-space: normal;
position:relative;
z-index:4;
}*/

.ac-colorburn {
width:204px;
height:136px;
border-radius: 6px;
background-color: rgba(31, 92, 153, 0.4);
  -webkit-backdrop-filter: blur(600px);
  backdrop-filter: blur(600px);
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
z-index:3;
}

.ac-glass {
width:204px;
height:136px;
position:absolute;
border-radius: 6px;
background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.35) 0%,
    rgba(255, 255, 255, 0.4) 7%,
    rgba(255, 255, 255, 0.45) 15%,
    rgba(255, 255, 255, 0.4) 25%,
    rgba(255, 255, 255, 0.45) 31%,
    rgba(255, 255, 255, 0.4) 37%,
    rgba(255, 255, 255, 0.35) 49%,
    rgba(255, 255, 255, 0.3) 57%,
    rgba(255, 255, 255, 0.35) 68%,
    rgba(255, 255, 255, 0.4) 79%,
    rgba(255, 255, 255, 0.35) 87%,
    rgba(255, 255, 255, 0.3) 100%
);
mix-blend-mode:hard-light;

z-index:3;

}


.ac-sel-light {
width:100%;
height:100%;
border-radius:6px;
position:relative;
background: rgba(255, 255, 255, 0.3);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
z-index:4;
}


.ac-des-colorburn {
width:100%;
height:100%;
border-radius: 6px;
background-color: rgba(178, 217, 255, 0.2);
mix-blend-mode: soft-light;
position:absolute;
isolation:isolate;
z-index:3;
}



.ac-des-light {
width:100%;
height: 100%;
position:relative;
border-radius: 6px;
background: rgba(255, 255, 255, 0.4);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
z-index:4;
}


.ac-des-light:hover {
width:100%;
height: 100%;
border-radius: 6px;
background: rgba(255, 255, 255, 0.24);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
	z-index:4;
}







.ac-content {
position:relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content:flex-start;
gap:2px;
margin: auto;

}
	
	
	

.actxt-sel-light {
color: rgba(41, 31, 51, 1);
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;
}

.ac-des-light:hover .actxt-des-light {
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: 30px; /* 128.571% */
font-variant: small-caps;
letter-spacing: 2.8px;

}


.actxt-des-light {
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 128.571% */
font-variant: small-caps;
letter-spacing: 2.8px;

}

/*DESKTOP ACTION CARDS END*/

/*DESKTOP BOX CONTENT START*/

.STPP-content-wrap {
width:100%;
height:80%;
border-radius: 6px;
white-space: normal;
margin:0px 0px 70px 0px;
padding:0px 0px 0px 0px;
}	



.STPP-content-box {
width: 100%;
border-radius: 6px;
margin-right:6px;
display:flex;
flex-direction:column;
justify-content: flex-start;
align-items:flex-start;
top:0px;
padding:0px 0px 0px 0px;
white-space: normal;
position:relative;
}




.STPP-tab-wrap {
display: flex;
flex-direction:row;
position:absolute;
width: 100%;
margin-right:6px;
height: 86px;
justify-content: flex-start;
align-items: flex-start;
}

.STPP-tab-bkg {
width: 28%;
height: 86px;
border-radius: 6px 6px 0px 0px;
background-color: rgba(138, 214, 229, 0.4);
/*background-color: rgba(56, 101, 216, 0.3);*/
mix-blend-mode: color-burn;
position:absolute;
isolation:isolate;
z-index:4;
}



.bob {
border-right: solid 2px;
border-left: solid 2px; 
border-color: rgba(41, 31, 51, 1);
}


.bor {
border-right: solid 2px;
border-color: rgba(41, 31, 51, 1);
}

.bol {
border-left: solid 2px;
border-color: rgba(41, 31, 51, 1);
}

.rul {
border-radius:6px 0px 0px 0px;
}

.rur {
border-radius:0px 6px 0px 0px;
}


.rub {
border-radius:6px 6px 0px 0px;
}

.rul-text {
border-radius:6px 0px 6px 6px;
}

.rur-text {
border-radius:0px 6px 6px 6px;
}


.rub-text {
border-radius:6px;
}


.STPP-tab-hold {
width: 28%;
position:relative;
}




.STPP-tab-des {
display: flex;
position:relative;
width: 24%;
height: 80px;
justify-content: center;
align-items: center;
margin-top:6px;
background-color:rgba(255, 255, 255, 0.44);
z-index:5;
}	

.STPP-tab-des:hover {
display: flex;
position:relative;
width: 24%;
height: 80px;
justify-content: center;
align-items: center;
margin-top:6px;
background: rgba(231, 233, 253, 0.1);
z-index:5;
}

.total-wrap {
width: 100%;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
margin-right:6px;
/*filter: drop-shadow(2px 2px 3px rgba(41, 31, 51, 0.60));*/
}

.total-tab-wrap {
width:100%;
height:86px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
margin-right:6px;
}

.sel-tab-wrap {
width:28%;
height:86px;
}

.one-tab-hold {
width:24%;
}

.two-tab-hold {
width:48%;
}

.three-tab-hold {
width:72%;
}


.STPP-tab-sel {
display: flex;
position:relative;
width: 100%;
height: 86px;
border-radius:6px 6px 0px 0px;
justify-content: center;
align-items: center;
background-color: rgba(138, 214, 229, 0.1);
z-index:5;
}





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



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


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


.STPP-tab-text {
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-des-text {
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-tab-des:hover .STPP-des-text {
color: rgba(41, 31, 51, 1);
text-align: center;
font-family: Raleway;
font-size: 26px;
font-style: normal;
font-weight: 800;
line-height: 36px; /* 150% */
font-variant: small-caps;
letter-spacing: 2.4px;
}

.STPP-text-wrap {
display: flex;
flex-direction:row;
width: 100%;
margin-right:6px;
height: 100%;
justify-content: flex-start;
align-items: flex-start;
border-radius:0px 6px 6px 6px;
}

.STPP-text-colorburn {
width: 100%;
height: calc(100% - 86px);
background-color: rgba(138, 214, 229, 0.4);
/*background-color: rgba(56, 101, 216, 0.3);*/
mix-blend-mode: color-burn;
position:absolute;
left:0px;
top:86px;
isolation:isolate;
margin-right:6px;
z-index:4;
border-radius:0px 6px 6px 6px;
}


.STPP-text-bkg {
display: flex;
width: 100%;
padding:60px auto;
flex-direction:row;
justify-content: center;
align-items: center;
background-color: rgba(138, 214, 229, 0.1);
/*box-shadow: 3px 3px 6px 0px rgba(41, 31, 51, 0.70);*/
z-index:5;
border-radius:0px 6px 6px 6px;
}



.STPP-text-box {
display: flex;
width:83.33%;
margin:60px auto;
flex-direction:row;
justify-content: center;
align-items: center;
}







.STPP-text {
width:100%;
height: auto;
margin: 0px auto;
position:inherit;
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;
}





.coming-soon p{
width:400px;
color: rgba(41, 31, 51, 0);
align-content: center;
text-align:center;
font-family: Raleway;
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height:40px;
text-transform:uppercase;
letter-spacing: 2.4px;
}






/*DESKTOP BOX CONTENT END*/

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


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

}

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

}

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

}
	
}