.hero{
	min-height: calc(100vh - 3.875rem);
}
.hero .hero__text {
  padding-left: 3rem;
  padding-right: 3.25rem;
}
.hero .hero__text .hero__title {
  width: 38rem;
}
.hero .hero__text .hero__description {
  width: 31.6875rem;
}

.hero .hero__image .image {
  background-image: var(--hero-bg-desktop);
}

.hero__button {
  opacity: 0;
  transform: translateY(20px);
}
.heading .word{
  overflow: visible;
}
.hero .hero__text_above{
  width: 100%;
  margin-bottom: -2rem;
}
.hero svg{
  stroke: var(--dark);
  position: relative;
  top: 0.8rem;
}
.hero .text-left{
  gap: 0.875rem;
}
.hero .button-blog{
  width: 100%;
  gap: 2rem;
}
.hero .button-blog a{
  text-transform: none;
}
.hero .blog-hero-svg svg{
  stroke: white;
  fill: var(--dark);
  top: 0;
  width: 3rem;
  height: 3rem;
}
.hero__image video{
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .hero .hero__image .image {
    background-image: var(--hero-bg-mobile);
  }
	
  .hero .hero__text {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hero__text {
    width: 100%;
    align-items: stretch;
  }

  .hero {
    align-items: center;
    gap: 2rem;
  }

  .hero__title,
  .hero__description {
    width: 100% !important;
  }

  .hero__image {
    order: 1;
    width: 100% !important;
    height: 60vh;
  }

  .hero__image .image {
    background-size: cover;
    background-position: center;
  }

  .hero__text {
    order: 2;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .hero .hero__description {
    color: var(--white-1000);
    width: 100%;
  }
  .hero .hero__button {
	  margin-top: 1.0625rem;
	}
  .hero .text-left{
    padding-left: 5rem;
  }
  .hero .blog-hero-svg svg{
    bottom:0;
    top: 1rem;
  }
  .hero .button-blog{
    gap: 6.125rem;
  }
}