.block-etablissements.vertical .wrapper {
  flex-direction: column;
}
.block-etablissements.vertical .wrapper .swiper-control-container {
  margin-inline-start: auto;
  margin-block-start: var(--size-12);
}
.block-etablissements.horizontal .wrapper .swiper {
  height: 630px;
}
.block-etablissements.horizontal .wrapper .swiper .swiper-wrapper {
  height: 574px;
}
.block-etablissements.horizontal .wrapper .swiper .swiper-control-container {
  margin-top: var(--size-10);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .block-etablissements.horizontal .wrapper {
    flex-direction: column;
    gap: var(--size-40);
  }
}
.block-etablissements #etablissements-content {
  height: 630px;
  overflow: auto;
}
.block-etablissements .input-search-container {
  display: flex;
  gap: var(--size-8);
  background-color: var(--bc-color-blanc);
  border-radius: var(--border-radius-medium);
  border: var(--size-1) solid var(--bc-color-gris-50);
  padding-block: var(--size-8);
  padding-right: var(--size-16);
  padding-left: var(--size-20);
  margin-block-start: var(--size-0) !important;
  margin-inline-start: var(--size-0) !important;
  margin-inline-end: var(--size-0) !important;
}
.block-etablissements .input-search-container .input-search-etablissement {
  height: 40px;
  width: 100%;
  border: none;
}
@media screen and (max-width: 525px) {
  .block-etablissements .filter-content {
    flex-direction: column;
  }
}
.block-etablissements .map #mapContainer {
  width: 100%;
  height: 630px;
  border-radius: var(--border-radius-small);
  z-index: var(--z-index-abover);
}
@media screen and (max-width: 720px) {
  .block-etablissements .map {
    height: 327px;
  }
  .block-etablissements .map #mapContainer {
    height: 327px;
  }
  .block-etablissements #etablissement-content {
    flex-direction: column;
    gap: var(--size-40);
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  .block-etablissements.vertical .wrapper .swiper-control-container {
    margin-inline: auto;
  }
  .block-etablissements.horizontal .wrapper .swiper {
    height: auto;
  }
  .block-etablissements.horizontal .wrapper .swiper .swiper-wrapper {
    height: auto;
  }
}/*# sourceMappingURL=block-etablissements.css.map */