@charset "UTF-8";


a {
text-decoration: none;
	
}
html {
height:100%;
width:100%;
}
 
body {
margin:0px;
width:100%;  
height:100%;
display:flex;
overflow:hidden;
}

@media (max-width : 639px ){

/*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, rgba(81, 86, 92, 1));
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, rgba(81, 86, 92, 1));
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(250, 252, 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(250, 252, 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(229, 242, 255, 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(229, 242, 255, 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(229, 242, 255, 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, rgba(25, 33, 41, 1));
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, rgba(25, 33, 41, 1));
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(250, 252, 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(229, 242, 255, 1);
padding-left:10px;
}


.sub-list-open .sub-list-text {
color: rgba(25, 33, 41, 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;
}

	
	}






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


/*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, rgba(81, 86, 92, 1));
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, rgba(81, 86, 92, 1));
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(250, 252, 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(250, 252, 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(229, 242, 255, 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(229, 242, 255, 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(229, 242, 255, 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, rgba(25, 33, 41, 1));
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, rgba(25, 33, 41, 1));
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(250, 252, 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(229, 242, 255, 1);
padding-left:10px;
}


.sub-list-open .sub-list-text {
color: rgba(25, 33, 41, 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*/


}







@media (min-width: 1280px){

/*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, rgba(81, 86, 92, 1));
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, rgba(81, 86, 92, 1));
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(31, 41, 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(221, 228, 235, 1);
}

.nav-tab:hover .nav-lower{
position:relative;
width:100%;
height:6px;
background-color: rgba(194, 224, 255, 1);
}


.nav-tab:active .nav-lower{
position:relative;
width:100%;
height:6px;
background-color: rgba(194, 224, 255, 1);
}


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

}

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

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


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

}

.about-open .nav-txt {
font-weight: 700;
color:rgba(25, 33, 41, 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(25, 33, 41, 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(25, 33, 41, 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(25, 33, 41, 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(25, 33, 41, 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(250, 252, 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(250, 252, 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(229, 242, 255, 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(229, 242, 255, 1);
} 






.KDC-list-text {
/* change width back to 220 with adding STPP pages
width:200px;*/
width:160px;
color: var(--icon-blue-brightness-28-bright, rgba(25, 33, 41, 1));
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(250, 252, 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(229, 242, 255, 1);
padding-left:10px;
}


.sub-list-open .sub-list-text {
color: rgba(25, 33, 41, 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*/
}