:root {
  --swiper-theme-color: var(--stb-dark-gray) !important;
  --swiper-navigation-size: 32px !important
}

/* Hero */
#hero {
  /* padding-top: 100px; */
  /* padding-bottom: 100px; */
}

#hero .hero__container {
  display: flex;
  align-items: center;
  gap: 80px;
  padding: 0 var(--stb-space);
  min-height: 60vh;
}

#hero .hero-info a {
  width: fit-content;
  border: 1px solid black;
}

#hero .hero-img {
  flex: 1;
  display: flex;
  justify-content: center;
  min-width: 450px;
}

/* Section divider */

#hero .section-divider {
  margin-top: 40px;
}



@media screen and (max-width: 1024px) {

  /* Hero */
  #hero .hero__container {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  #hero .hero-info h1,
  #hero .hero-info p {
    text-align: center;
  }

  #hero .hero-info p {
    text-wrap: balance;
  }

  #hero .hero-info a {
    margin-inline: auto;
  }

  #hero .hero-img {
    max-width: 420px;
    min-width: unset;
  }
}