.email,
.call {
  font-size: 1.2rem;
  color: #fff;
}

h2 {
  font-weight: 800;
}
h4 {
  font-weight: 700;
}
.email-l,
.call-l {
  font-size: 1.2rem;
  display: inline;
  color: #fff;
}
.fc {
  margin-top: 30px;
}
.hero-head {
  font-size: 3rem;
  text-align: center;
  font-weight: 800;
}
.bg-theme {
  background-color: #1a60c3 !important;
}

.head {
  color: #2cd3d4;
}

.logo-wrap {
  position: absolute;
  top: 20px;
  left: 15px;
  z-index: 2;
}
.launch-wrap {
  position: absolute;
  top: 25px;
  right: 15px;
  z-index: 2;
}
.hero {
  position: relative;
  width: 100%;
}
.hero-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100px;
  color: #fff;
  width: 60%;
  text-align: center;
}
.bg-g {
  height: 100%;
}
.bg-grid {
  background: #bed8eb;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
}
.grd div {
  height: 100%;
}

.section-gap {
  padding: 75px 0 !important;
}

.icon-11 {
  margin-bottom: 30px;
  width: 60px;
}

.icon-22 {
  margin-bottom: 30px;
  width: 60px;
  height: 60px;
}
.erap-logo {
  position: absolute;
  top: -100px;
  width: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.logo-round {
  width: 200px;
  height: 200px;
}

.flogo-img {
  height: auto;
}

.main-ft {
  margin-top: 150px;
}

footer {
  margin-top: 200px;
  margin-bottom: 0;
}
.down {
  width: 150px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .erap-logo {
    position: relative;
    flex-wrap: wrap;
    top: 0;
  }
  .main-ft {
    margin: 0;
  }
  footer {
    margin-top: 10px;
  }
  .hero-head {
    font-size: 1.4rem;
  }
  .logo-wrap img {
    width: 100px;
  }
  .yet-to-launch {
    width: 100px;
  }
  .hero-text {
    width: 100%;  
    top: 60%;
  }
}