#hero {
  position: relative;
}
#hero .contact {
  position: absolute;
  top: 30%;
  left: 38%;
  z-index: 66;
}
.more {
  position: absolute;
  position: absolute;
    top: 48%;
    left: 60%;
}
.more img {
  width: 20px;
  margin-right: 10px;
}
#hero .more p {
  color: #c3ccff;
  font-weight: 700;
}
.method {
  color: #fff;
}

@media screen and (max-width: 980px) {
  #hero .contact {
    position: static;
    
    text-align: center;
    color: #fff;
    margin-top: 35%;
  }
  .more {
    
    position: static;
    text-align: left;
    margin: 0 auto;
  }
  .more p{
    text-align: center;
  }
  .box1,.box2 {
    width: 220px;
    margin: 0 auto;
  }
  .box2 {
    margin-top: 20px;
  }
  #hero .carousel-item::before {
    background-color: transparent;
  }
}