.section-schedule-filters {

  z-index: 10;

  margin-bottom: 1.6rem
}

.section-schedule-filters .doc-section-inner {

  display: flex;

  flex-direction: column;

  justify-content: space-between
}

.section-schedule-filters-container {

  display: flex;

  flex-direction: column;

  gap: 1.6rem
}

.show-filters {

  margin-top: 1.6rem;

  display: flex
}

@media (min-width: 640px) {

  .container {

    max-width: 640px
  }

  .\!container {

    max-width: 640px !important
  }
}

@media (min-width: 768px) {

  .container {

    max-width: 768px
  }

  .\!container {

    max-width: 768px !important
  }
}

@media (min-width: 1024px) {

  .container {

    max-width: 1024px
  }

  .\!container {

    max-width: 1024px !important
  }

  .gap-grid {

    gap: 2.4rem
  }

  .section-schedule-filters {

    margin-bottom: 2.4rem
  }

  .section-schedule-filters .doc-section-inner {

    gap: 2.4rem
  }

  @media (min-width: 1024px) {

    .section-schedule-filters .doc-section-inner {

      gap: 2.4rem
    }
  }

  .section-schedule-filters .doc-section-inner {

    display: grid;

    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .section-schedule-filters .doc-section-inner {

    gap: 2.4rem
  }

  .section-schedule-filters-container {

    grid-column: span 7 / span 7;

    grid-column-start: 1;

    grid-row-start: 1;

    flex-direction: row
  }
}

@media (min-width: 1280px) {

  .container {

    max-width: 1280px
  }

  .\!container {

    max-width: 1280px !important
  }
}

@media (min-width: 1536px) {

  .container {

    max-width: 1536px
  }

  .\!container {

    max-width: 1536px !important
  }
}

@media (min-width: 1800px) {

  .container {

    max-width: 1800px
  }

  .\!container {

    max-width: 1800px !important
  }
}