.section-title {
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: bold;
  color: var(--color-text);
}

.events-gird {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap-standard);
  padding: var(--padding-vertical) var(--padding-horizontal);
  width: 100%;
}

@media (min-width: 1600px) {
  .events-gird {
    justify-content: space-between;
  }
}

@media (max-width: 1599px) {
  .events-gird {
    justify-content: space-around;
  }
}