.hero .container {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.hero__headline {
  display: grid;
  gap: 20px;
}
.hero .slider {
  position: relative;
}
.hero .slider .slider-navigation {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  right: 20px;
}
.hero .slider .slider-navigation__button {
  display: none;
}
.hero__image {
  width: 100%;
  height: 42vh;
  object-fit: cover;
  border-radius: var(--radius-rounded-2xl);
}
.hero .list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);
}
.hero .list__icon {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: clamp(2.5rem, 2rem + 2.5vw, 5rem);
  height: clamp(2.5rem, 2rem + 2.5vw, 5rem);
  border-radius: 10px;
  color: var(--color-neutral-88);
  background: var(--color-neutral-96);
}
.hero .list__icon [fill] {
  fill: currentColor;
}
.hero .list__icon [stroke] {
  stroke: currentColor;
}
.hero .list__icon svg,
.hero .list__icon img {
  width: clamp(1.75rem, 1.6rem + 0.75vw, 2.5rem);
  height: clamp(1.75rem, 1.6rem + 0.75vw, 2.5rem);
}
.hero .list__item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px;
  border: 1px solid var(--color-neutral-88);
  border-radius: var(--radius-rounded-2xl);
  font-family: inherit;
  font-weight: 500;
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  line-height: 1.1;
  color: var(--color-black-12);
}

/*# sourceMappingURL=block.css.map */
