section.block.block-hero-events {
  --scroll-ajust: 4000;
  --scroll-offset: max(1,calc(1 + var(--scrollPosition,1)/var(--scroll-ajust,1)));
  --position-radial-gradient-left: calc(96.21% * var(--scroll-offset));
  --position-radial-gradient-top: calc(108.44% * var(--scroll-offset));
  transition: 0.3s ease-in-out;
  transition-property: background;
  background: radial-gradient(96.21% 108.44% at 94.34% 113.69%, #16EBF9 2%, #3378FF 32%, rgba(51, 59, 255, 0.54) 63%, rgba(51, 96, 255, 0) 100%);
  margin-top: 0px;
  padding: 0px;
}
section.block.block-hero-events .container {
  padding: var(--spacing-3-xl) 0px;
  position: relative;
  z-index: 2;
}
section.block.block-hero-events .container > .title {
  width: var(--col-10);
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.block.block-hero-events .container > .title {
    width: 100%;
  }
}
section.block.block-hero-events .container > .title h1 span {
  display: block;
}
section.block.block-hero-events .container .text {
  width: var(--col-6);
  margin: auto;
  text-align: center;
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  section.block.block-hero-events .container .text {
    width: 100%;
  }
}
section.block.block-hero-events .container .event-highlighted {
  width: var(--col-8);
  margin: auto;
  margin-top: var(--spacing-2-xl);
}
@media screen and (max-width: 1100px) {
  section.block.block-hero-events .container .event-highlighted {
    width: var(--col-10);
  }
}
@media screen and (max-width: 950px) {
  section.block.block-hero-events .container .event-highlighted {
    width: 100%;
  }
}