.header.svelte-yxxzsk .header__content {
  position: relative;
  z-index: 99;
}
.hero-content.svelte-yxxzsk.svelte-yxxzsk {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--spacing-large);
  width: 100%;
  margin-top: var(--spacing-large-2);
}
.hero-left-block.svelte-yxxzsk.svelte-yxxzsk {
  max-width: 650px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-large);
}
.news-section-title.svelte-yxxzsk.svelte-yxxzsk {
  margin-top: var(--spacing-large);
  margin-bottom: var(--spacing-large-2);
}
.news-grid.svelte-yxxzsk.svelte-yxxzsk {
  --gap: var(--spacing-large);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
}
@media (max-width: 800px) {
  .news-grid.svelte-yxxzsk.svelte-yxxzsk {
    grid-template-columns: 1fr;
  }
}
.news-item.svelte-yxxzsk.svelte-yxxzsk {
  --height: 300px;
  --text-color: var(--dark-color);
  display: flex;
  height: var(--height);
  flex-direction: column;
  flex-shrink: 1;
  border: 1px solid var(--light-hover-color);
  border-radius: var(--border-radius-larger);
  padding: var(--spacing-large);
  background-color: transparent;
  transition: var(--transition-duration) background-color,
    var(--transition-duration) border-color;
  text-decoration: none;
}
.news-item.svelte-yxxzsk.svelte-yxxzsk:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.news-item__text-wrapper.svelte-yxxzsk.svelte-yxxzsk {
  display: flex;
  flex-direction: column;
  max-height: 210px;
  overflow: hidden;
}
.news-item__title.svelte-yxxzsk.svelte-yxxzsk {
  color: var(--text-color);
  margin-bottom: var(--spacing-tiny);
  transition: var(--transition-duration) color;
}
.news-item.svelte-yxxzsk:hover .news-item__title.svelte-yxxzsk {
  color: var(--light-color);
}
.news-item__short_text.svelte-yxxzsk.svelte-yxxzsk {
  color: var(--text-color);
  opacity: 0.7;
  transition: var(--transition-duration) color;
}
.news-item.svelte-yxxzsk:hover .news-item__short_text.svelte-yxxzsk {
  color: var(--light-color);
}
.news-item__date.svelte-yxxzsk.svelte-yxxzsk {
  color: var(--text-color);
  opacity: 0.8;
  margin-top: auto;
  transition: var(--transition-duration) color;
}
.news-item.svelte-yxxzsk:hover .news-item__date.svelte-yxxzsk {
  color: var(--light-color);
}