.layout__locations {
  gap: 8.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.layout__locations.fixed .locations__filter {
  position: fixed;
  top: 6rem;
  width: 100%;
  left: 0;
  padding: 1.5rem 2rem;
  z-index: 100;
  background: #ffffff;
}
@media screen and (min-width: 768px) {
  .layout__locations.fixed .locations__filter {
    top: 7.5rem;
    padding: 1.5rem;
  }
}
.layout__locations.fixed .filter__list {
  width: 106rem;
  max-width: calc(100vw - 2rem);
  margin: 0 auto;
}
.layout__locations .filter__list {
  gap: 0.25rem;
  padding: 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
}
@media screen and (min-width: 768px) {
  .layout__locations .filter__list {
    gap: 1.5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.layout__locations .filter__list .filter__item {
  white-space: nowrap;
}
.layout__locations .filter__list .btn {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .layout__locations .filter__list .btn {
    height: 3rem;
    padding: 1rem;
  }
  .layout__locations .filter__list .btn:hover {
    padding: 1rem 0.75rem;
  }
}
.layout__locations .locations__list {
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .layout__locations .locations__list {
    gap: 6rem 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.layout__locations .locations__item {
  padding: 4.5rem 1.5rem;
  background-color: #e6e7e4;
  -webkit-clip-path: polygon(
    0 -5rem,
    100% -5rem,
    100% calc(100% - 3rem),
    calc(100% - 3rem) 100%,
    0 100%
  );
  clip-path: polygon(
    0 -5rem,
    100% -5rem,
    100% calc(100% - 3rem),
    calc(100% - 3rem) 100%,
    0 100%
  );
  position: relative;
}
.layout__locations .locations__picture {
  position: absolute;
  height: 5.25rem;
  width: auto;
  top: 1rem;
  right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .layout__locations .locations__picture {
    height: 6.25rem;
    top: 0;
  }
}
.layout__locations .locations__picture img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.layout__locations .locations__layout {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.layout__locations .locations__header {
  gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.layout__locations .locations__symbol {
  width: 2rem;
  height: 2rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.layout__locations .locations__symbol .locations__ico {
  width: 100%;
  height: 100%;
}
.layout__locations .locations__main {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.layout__locations .locations__text {
  font-weight: 700;
}
.layout__locations .locations__footer.wysiwyg a {
  color: #5a6c37;
}
.layout__locations .locations__footer.wysiwyg a:before {
  background-color: #5a6c37;
}
