.events-section__header h2 {
  margin: 0;
}
.events-section__inner-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1124px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
}
@media (max-width: 1199px) {
  .events-section__inner-wrapper {
    padding: 0 var(--spacing-l);
  }
}
@media (max-width: 991px) {
  .events-section__inner-wrapper {
    gap: var(--spacing-xs);
  }
}
@media (max-width: 575px) {
  .events-section__inner-wrapper {
    padding: 0 var(--spacing-xs);
    grid-template-columns: 1fr;
    gap: var(--spacing-m);
  }
}
.events-section__events-list {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
}
.events-section__event-item {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-l);
}
@media (max-width: 991px) {
  .events-section__event-item {
    flex-direction: column;
    gap: var(--spacing-xs);
  }
}
.events-section__event-item-date {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex: 0 0 150px;
  width: 150px;
  height: 125px;
  background-color: var(--secondary-light-blue-color);
  border-radius: 5px;
}
@media (max-width: 991px) {
  .events-section__event-item-date {
    flex: auto;
    width: 100%;
    height: auto;
    padding: var(--spacing-2xs) 0;
  }
}
.events-section__event-item-date-month {
  font-size: 16px;
  line-height: 34px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  text-align: center;
  text-transform: uppercase;
}
.events-section__event-item-date-day {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  text-align: center;
}
.events-section__event-item-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
}
.events-section__event-item-content-date {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  padding-left: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0066 0.629056C4.4866 0.625196 0.013469 5.10207 0.00960916 10.6221C0.00574936 16.1421 4.47262 20.6252 9.99261 20.6291C15.5226 20.6329 20.0057 16.1561 20.0096 10.6361C20.0135 5.11605 15.5366 0.632923 10.0066 0.629056ZM10.004 18.6291C5.58401 18.626 2.00652 15.0435 2.00961 10.6235C2.0127 6.20347 5.5952 2.62597 10.0152 2.62906C14.4352 2.63215 18.0127 6.21466 18.0096 10.6347C18.0065 15.0547 14.424 18.6321 10.004 18.6291ZM9.7931 5.62891L9.7331 5.62887C9.3331 5.62859 9.01288 5.94836 9.0126 6.34836L9.0093 11.0684C9.00905 11.4184 9.18882 11.7485 9.4987 11.9287L13.647 14.4216C13.9868 14.6218 14.4269 14.5222 14.6271 14.1823C14.6774 14.1014 14.7109 14.0111 14.7255 13.917C14.7402 13.8228 14.7358 13.7267 14.7125 13.6343C14.6892 13.5419 14.6476 13.4552 14.5901 13.3792C14.5326 13.3032 14.4604 13.2396 14.3778 13.1921L10.5094 10.8894L10.5126 6.34941C10.5129 5.94941 10.1931 5.62919 9.7931 5.62891Z' fill='%23960051'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 21px;
  text-transform: uppercase;
}
.events-section__event-item-content-location {
  position: relative;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  padding-left: 28px;
  text-transform: uppercase;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.661 17.6014C4.81219 15.3385 0.700195 9.854 0.700195 6.77337C0.700195 3.03573 3.7447 0.00585938 7.5004 0.00585938C11.2547 0.00585938 14.3006 3.03573 14.3006 6.77337C14.3006 9.854 10.1567 15.3385 8.3398 17.6014C7.90416 18.1407 7.09664 18.1407 6.661 17.6014ZM7.5004 9.02921C8.75065 9.02921 9.76714 8.01761 9.76714 6.77337C9.76714 5.52914 8.75065 4.51753 7.5004 4.51753C6.25015 4.51753 5.23367 5.52914 5.23367 6.77337C5.23367 8.01761 6.25015 9.02921 7.5004 9.02921Z' fill='%23960051'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 2px center;
}
.events-section__event-item-content-title {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: var(--secondary-blue-color);
}
.events-section__event-item-content-title-link {
  color: var(--secondary-blue-color);
  text-decoration: none;
  transition: -webkit-text-decoration 0.2s var(--bezier-custom);
  transition: text-decoration 0.2s var(--bezier-custom);
  transition: text-decoration 0.2s var(--bezier-custom), -webkit-text-decoration 0.2s var(--bezier-custom);
}
.events-section__event-item-content-title-link:hover, .events-section__event-item-content-title-link:focus, .events-section__event-item-content-title-link:active {
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px !important;
  text-decoration: underline;
}
.events-section__event-item-content-summary {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: var(--primary-gray-300-color);
}
.events-section__event-item-content-cost {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: var(--secondary-blue-color);
}
.events-section__event-item-content-categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xs);
}
.events-section__event-item-content-tag {
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: var(--secondary-blue-color);
  background-color: var(--primary-white-color);
  padding: 5px 10px;
  border-radius: 5px;
}
.events-section__event-item-image {
  position: relative;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  flex: 0 0 256px;
  width: 256px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .events-section__event-item-image {
    flex: auto;
    width: 100%;
    height: auto;
  }
}
.events-section__event-item-image img {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 5px;
}
.events-section .events-notice {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: var(--secondary-blue-color);
}