@charset "utf-8";
/* CSS Document */
:root{
	--white_bg:#eeeeee;
	--pure_white_bg:#fff;
	--bg_light:#aaa;
	--cluster_blue:#16b1ff;
	--cluster_blue_dark:#0380be;
	--cluster_blue_light:#51c4fd;
	--menu_bottom:rgba(0,0,1,0);
	--active_menu_hover:#505050 ;
	--menu_active_text:#505050;
	--menu_active_bottom:#aaaaaa;
	--ft_bg:#111;
	--text_black:#000;
	--pure_text_black:#000;
	--header:14px;
	--header_weight:400px;
	--header_font:Inter,sans-serif;
	--header-heavy:700px;
	--big:26px;
	--title:16px;
	--light_grey:#888;
}
body{
	background: var(--pure_white_bg);
	text-align: justify;
	height: 100%;
	font-family: var(--header_font);
	width: 100vw!important;
	overflow-x: hidden!important;
	overflow-y:auto;
}

html{
	min-height:100%;
	scroll-behavior: smooth;
	overflow-x: hidden!important;
}

*{
	padding:0;
	margin: 0;
	box-sizing: border-box;
}
.logo{
	width:25px;
	height:25px;
	margin-left:50px;
	margin-top:-5px;
}
.brand-name{
	color:var(--cluster_blue);
	margin-left:10px;
	font-size:18px;
	font-weight:bold;
 
   background-color: #2EB5FB;;
  color: transparent;
  text-shadow: 2px 2px 3px rgba(255,255,255,0.2);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}
.menu:hover{
	color:var(--cluster_blue)!important;
	border-bottom:3px solid var(--cluster_blue);
	
}
.menu{
	display:table-cell!important;
	vertical-align: middle!important;
	margin-left:0px;
	border-bottom:3px solid var(--menu_bottom);
	padding-left:20px!important;
	padding-right:20px!important;
	height:50px !important;
	
	color:var(--text_black)!important;
	font-size: var(--header);
	font-weight: var(--header_weight);
	font-family: var(--header_font);
	line-height: 22px;
	
}
.menubar{
	padding:0px !important;
	background:var(--pure_white_bg);
	
	width:100%!important;
	border-bottom:1px solid var(--white_bg);
	
	
}
.menu-first{
	margin-left:80px;
}
.menu-active:hover{
	color:var(--pure_text_black)!important;
}
.menu-active{
	border-bottom:3px solid var(--menu_active_bottom) !important;
	color:var(--text_black) !important;

}
.wrapper{

	min-height: 100vh!important;
	width: 100vw!important;

    overflow-x: hidden;
	
}
section{
	border:none;

}
.ft-class{
	min-height:300px;
	width: 100vw!important;
	background:var(--ft_bg);
	border-top: 3px solid #aaa;
}
.contacts{
	display:flex;
	flex-direction: row;
	width:100%;
	gap:50px;
	flex-wrap: wrap;
	justify-content: left;
	margin-top: 25px;
	padding:25px;
	
}
.social{
	

	width:auto;
	
}
.header{
	color:var(--bg_light)!important;
}
.social-icons{
	margin-top:10px;
	display: flex;
	gap:25px;
}
.social-icons > svg {
	width:25px;
	height:25px;
	color:var(--cluster_blue_light)!important;
}
.social-icons > a {
	width:25px;
	height:25px;
	color:var(--cluster_blue_light)!important;
}

.email > svg {
	color:var(--bg_light);
	display:inline;
}
.email{
display: inline;
}
.contact{
	display: inline;
	color:var(--bg_light)!important;
	
}
.email >*{
display: inline;
}
.copy{
	color:var(--bg_light)!important;
	width:100%;
	margin-top:100px;
	text-align: center;
}
.banner{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:100%!important;
	height:400px;
	background:linear-gradient(#2EB5FB,#2EB5FB,#2EB5FB,#2ED7FB);
}
.content{
	display: flex;
	flex-direction: row;
	justify-content:left;
	gap:25px;
	flex-wrap: wrap;
	color:var(--pure_text_black);
}
.heading{
	font-weight: bold;
	font-family: var(--header_font);
	color:var(--pure_text_black);
	
}
.col-d{
	max-width: 300px;
	width:400px;
	max-width:400px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 25px;
	padding-left:10px;
	
}
.col-d3{
	max-width: 300px;
	width:400px;
	max-width:500px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 25px;
	padding-left:10px;
	
}
.cont-down{
	
	display: flex;
	flex-direction: column;
	
}
.cont-link:hover{
	color:var(--cluster_blue_dark)!important;
}
.cont-link{
	color:var(--cluster_blue)!important;
	cursor: pointer;
}
.cont-link3:hover{
	text-decoration: underline;
}
.cont-link3{
	color:var(--cluster_blue)!important;
	cursor: pointer;
	margin-top: 5px;
	font-size: 14px;
}
.cont-link2:hover{
	background:var(--cluster_blue_light)!important;
}
.cont-link2{
	font-size:18px;
	color:var(--pure_white_bg)!important;
	cursor: pointer;
	margin-top: 25px;
	border-radius: 6px;
	display: block;
	text-align: center;
	padding:15px; 
	background: var(--cluster_blue)!important;
}
.col-d1{
	max-width: 800px;
	width:400px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 25px;
	padding-left:10px;
	
}
.col-d2{
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	padding: 25px;
	padding-left:10px;
	
}
.heading2{
	font-size: var(--big);
	color:var(--text_black);
	font-weight: bold;
	margin-top: 22px;
}
.heading3{
	font-size: var(--title);
	color:var(--text_black);
	font-weight:700;
	margin-top: 25px;
}
.members{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-grow: 1;
}
.member{
	min-width:150px;
	max-width: 150px;
	margin-top: 25px;
	display: flex;
	flex-direction:column;
	padding:5px;
	border-radius: 8px;
	text-align: center;
	padding-bottom:none;
}
.profile{
	width:100px;
	height:100px;
	background-size: center;
	border-radius:100%;
	background-color: var(--light_grey)!important;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-size: auto 100% !important;
	background-repeat:no-repeat!important;
	border:2px solid var(--cluster_blue_light);
}
.details2{
	font-size:14px;
	color:var(--cluster_blue_dark);
}
.profile-icon{
	
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 5px;
	margin-top: 5px;
	border-radius: 0 0px 8px 8px;
	
	bottom: 0px;
}
.profile-icon > svg{
	color:var(--cluster_blue_dark);
	width:16px;
	height: 16px;
	cursor: pointer;
	
}
.details{
	overflow:hidden;
}
.img-overflow> img{
	z-index: -1;
	width: 100%;
	height: auto;
	border-radius: 8px 8px 8px 8px;
	-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.img-overflow> img:hover{
	transform: scale(1.2);
}

a:hover{
	text-decoration: none;
}
a{
text-decoration: none;
}
.img-overflow{
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 3px 3px 3px #ddd;
}
.email-form{
display:flex;
flex-direction: column;
border:1px solid var(--cluster_blue_dark);
background:#fff;
padding:25px;
min-width:300px;
max-width: 500px;
border-radius: 8px;
flex-grow: 1;
margin-bottom: 100px;
}
.email-form >*{
	padding:10px;
	border-radius: 8px;
	border:1px solid var(--cluster_blue_light);
}
.email-input{
margin-bottom: 25px;

}
.email-input:focus{
	outline:none;
}
.email-msg:focus{
	outline:none;
}
.email-msg{
	min-height: 200px;
	margin-bottom: 25px;
}
.email-button:hover{
	background:var(--cluster_blue_light);
}
.email-button{
	color:var(--pure_white_bg);
	 background: var(--cluster_blue);
}
.front-banner{
    width: 100%;
    height: 400px;
    max-height: 500px;
    overflow: hidden;
    margin-block:25px;
    border-radius: 0px 24px 0px 24px;
}
.front-banner > img{
    width:100%;
    height:auto;
}