.service-shape-two {
  position: absolute;
  bottom: 0%;
  right: 0;
}

.hero-3 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}


/*************************/

.linear-wipe {
  background: linear-gradient(to right, #F3734C 20%, #FF0 40%, #FF0 60%, #F3734C 80%);
  background-size: 200% auto;
  
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  animation: shine 1s linear infinite;
  @keyframes shine {
    to {
      background-position: 200% center;
    }
  }
}


@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 0.2;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 0.2;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}


.contact-section .shape-1 {
  position: absolute;
  top: 20%;
  left: 0;
  animation: rounded 5s linear infinite;
}

.contact-section .shape-2 {
  position: absolute;
  top: 0%;
  right: 10px;
}

.news-section-3 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 92px;
}

.news-section-3 .right-shape {
  position: absolute;
  right: 0;
  top: 80%;
}

.news-section-3 .bee-shape {
  position: absolute;
  right: 5%;
  top: 80%;
  transform: translateY(-50%);
}