.hero-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  position: relative;
  overflow: hidden;
}
.hero-header__bg {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  overflow: hidden;
}
.hero-header__img {
  position: absolute;
  right: 24px;
  bottom: 0;
  max-width: 41%;
}

.hero-header-txt {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.hero-header-txt__title {
  margin: 0;
  padding: 0;
}

.hero-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero-btn__subtxt {
  text-align: center;
}

.hero-header-img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top center;
     object-position: top center;
  aspect-ratio: 1/1.2;
  pointer-events: none;
}

@media (max-width: 1024px) {
  .hero-header__img {
    margin-top: 32px;
    position: relative;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .hero-header-txt {
    justify-content: center;
    align-items: center;
  }
  .hero-header-txt__title, .hero-header-txt__text {
    text-align: center;
  }
  .hero-header-img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
}