#first-animation {
  opacity: 0;
}

.rotated-text-line {
  z-index: 2;
  margin-top: -70%;
}

#homepage-intro-block .horizontal-design-line {
  transform: rotate(90deg);
  width: 23.25em;
  left: -9em;
}

.vertical-textline {
  writing-mode: vertical-rl;
  transform: scale(-1);
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #homepage-intro-block .horizontal-design-line {
    width: 30em;
    left: -10em;
  }

  .rotated-text-line {
    margin-top: -50%;
  }
}

@media screen and (min-width: 1240px) {
  #homepage-intro-block .horizontal-design-line {
    width: 30em;
    left: -7.5em;
  }

  .rotated-text-line {
    margin-top: -20%;
  }
}


.homepage-intro-background-overlay {
  background: linear-gradient(0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 65.61%, rgba(0, 0, 0, 0.9) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}

.homepage-intro-content-main-section {
  bottom: -7.0625em;
  padding-top: 7.3125em;
}

.homepage-intro-images-section img {
  object-fit: cover;
}

.homepage-intro-images-section img:first-child {
  width: 18.25em;
}

.homepage-intro-images-section img:last-child {
  width: 15.875em;
}

@media (min-width: 1240px) {
  .homepage-intro-description-section {
    padding-inline-start: 5.875em;
  }
}

@media (min-width: 905px) {
  .homepage-intro-description-section {
    padding-inline-start: 2.5em;
  }
}

@media (min-width: 905px) and (max-width: 1239px) {
  .homepage-intro-heading-section-content {
    padding-bottom: 15.4375em !important;
  }
}

@media (min-width: 600px) and (max-width: 904px) {
  .homepage-intro-heading-section-content {
    padding-bottom: 14.0625em !important;
  }
}

@media (min-width: 600px) and (max-width: 1239px) {

  .homepage-intro-images-section img:first-child,
  .homepage-intro-images-section img:last-child {
    height: 420px;
  }
}

@media (max-width: 1240px) {
  .homepage-intro-images-section img:first-child {
    max-width: 298px;
  }

  .homepage-intro-images-section img:last-child {
    max-width: 200px;
  }

  .homepage-intro-description-section {
    margin-bottom: 3.5em;
  }

  .homepage-intro-content-main-section {
    padding-top: 2.4375em;
  }
}

@media (max-width: 904px) {
  .homepage-intro-description-section {
    padding-inline-start: 0;
    justify-content: end;
  }

  .homepage-intro-content-main-section {
    bottom: -6.625em;
    padding-top: 2.875em;
  }

  .homepage-intro-description-section-paragraph {
    max-width: 440px;
  }
}

@media (max-width: 600px) {
  .homepage-intro-content-main-section {
    bottom: -3.0625em;
    padding-top: 5.9375em;
  }

  .homepage-intro-images-section img:first-child {
    max-width: 200px;
  }

  .homepage-intro-images-section img:last-child {
    max-width: 120px;
  }

  .homepage-intro-description-section {
    margin-bottom: 2.625em;
  }

  .homepage-intro-description-section-paragraph {
    max-width: 300px;
  }

  .homepage-intro-images-section img:first-child,
  .homepage-intro-images-section img:last-child {
    height: 300px;
  }
}

@media (max-width: 320px) {
  .homepage-intro-content-main-section {
    bottom: -5.75em;
    padding-top: 3.25em;
  }

  .homepage-intro-images-section img:first-child {
    max-width: 142px;
  }

  .homepage-intro-images-section {
    gap: 0.75em !important;
  }
}