/* hero stylesheet */

.home-section-1 {
  position: relative;
  margin: 90px 0 120px 0;
}

.home-section-1,
.home-section-1 .homepage-blob1 {
  min-height: 700px;
  max-height: 700px;
  height: 100%;
  /* width: 100%; */
}

.home-section-1 .homepage-blob1 {
  top: -60px;
  right: -500px;
}

.home-section-1 .homepage-blob1 canvas {
  opacity: 0;
  transform: scale(0.9);
  transform-origin: center;
  transition: ease opacity 4s, ease transform 5s;
}

.show-blob .homepage-blob1 canvas {
  transform: scale(1);
  opacity: 0.7;
  transition: ease opacity 4s, ease transform 5s;
}

.home-section-1 h1 {
  position: relative;
  margin: 60px 0 10px;
}

.home-section-1 .line-anim {
  margin-left: 25px;
  height: 105px;
}

.home-section-1 p {
  max-width: 500px;
  margin-top: 14px;
}

.home-section-1 .section-links a {
  margin-right: 30px;
}

.home-section-1 .section-links a:last-child {
  margin-right: 0;
}

@media (min-width: 992px) and (max-width: 1366px) {
  .home-section-1 h2 {
    max-width: 480px;
  }

  .home-section-1 .line-anim {
    height: 70px;
  }

  .home-section-1 .show-blob .inner-blob {
    opacity: 0.6 !important;
  }

  .home-section-1 .section-links a {
    margin-bottom: 28px;
    display: block;
  }
}

/* for mobile only */
@media (max-width: 991px) {
  .home-section-1 {
    margin: 110px 0 0;
    min-height: auto;
  }

  .home-section-1 .line-anim {
    height: 80px;
  }

  .home-section-1 .homepage-blob1 {
    top: -220px;
    right: -370px;
    transform: scale(0.65);
    min-width: 700px;
  }

  .hero-section-content p {
    margin-top: 12px;
  }

  .home-section-1 .inner-blob {
    animation: none;
    transform: translate(0%, -50%) scale(0.1) rotate(110deg);
  }

  .home-section-1 .show-blob .inner-blob {
    opacity: 0.85;
    /* transform: translate(0%, -50%) scale(1) rotate(110deg);
        transition: transform 5s ease; */
  }

  .home-section-1 .section-links a {
    margin-bottom: 28px;
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home-section-1 .homepage-blob1 {
    top: -140px;
    transform: scale(0.7);
  }
}