body {
position: relative;
height: 100%;
background: linear-gradient(179.77deg, #00FFD1 0.2%, #1A8DEB 33.36%, #42AAFF 42.68%, #42AAFF 74.18%, #6FEEFF 96.68%);
}

h1 {
  font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-size: 45px;
color: #FFFFFF;
}

h3 {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
}

.btn-custom {
  width: 217px;
height: 65px;
left: 1038px;
top: 502px;

background: #36096D;
border-radius: 50px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 30px;
/* identical to box height */


color: #FFFFFF;
}

h3 {

}

.form-control {
  border: 0;
  border-bottom: 2px solid #36096D;
}

.card {
  border: 2;
  border-radius: 20px;
}

.card-title {
  font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 49px;
}

.bg-light {
  background-color: transparent !important;
}

.container {
  padding-top: 70px;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.bubbles {
position: absolute;
width: 100%;
height: 711px;
top: 0px;

background: url(../images/bub.png);
}

.whale {
  position: absolute;
width: 60%;
height: 20%;

top: 0%;

background: url(../images/whale.png);
opacity: 0.5;

}

.vector {
position: absolute;
width: 100%;
height: 193px;

top: 608px;

background: url(../images/vector1.png);;
}

.box {
  box-sizing: border-box;
width: 280px;
height: 280px;
padding : 20px;
background: linear-gradient(132.03deg, #3DE8FF 6.46%, #FFFFFF 95.49%);
border: 2px solid #36096D;
border-radius: 20px;
margin: 10px;
text-align: center;
}

.who {

font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 96px;
/* identical to box height */

color: #36096D;
}

.who-inner {

font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 27px;
text-align: center;

color: #000000;
}
.who-inner2 {

  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  
  color: #000000;
  }

.page-x {
  background: url(../images/page.png);
}

.clearfix {
  clear: both;
}

.clearfix-s {
  height: 300px;
}
.clearfix-xs {
  height: 100px;
}

.maps {
  background-color: #00E0FF;
}



.box-2 {
  background-color: #476FFF;
}

.vcent {
  text-align: center;

}

.box-4 {
box-sizing: border-box;
width: 100%;
min-height: 100px;
padding: 20px;
background: linear-gradient(132.03deg, #3DE8FF 6.46%, #FFFFFF 95.49%);
border: 2px solid #36096D;
border-radius: 20px;
}

.col-2 img {

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

}

.col-md-4 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.footer {
  background-color: #36096D;
}

.i-sized {
  font-size: 60px;
}