:root {
  --color-black: #000;
  --color-grey: #00000080;
  --color-grey-300: #ccc;
  --color-grey-500: rgba(0, 0, 0, .5);
  --color-grey-200: rgba(0, 0, 0, .2);
  --color-dark: #3b3a3b;
  --color-white: #fff;
  --color-white-800: rgba(255, 255, 255, .8);
  --color-white-500: rgba(255, 255, 255, .5);
  --a-color_text: var(--color-dark);
  --color-red: #d12929;
  --color-green: #0de0a2;
  --color-intro: #2a3b40;
  --color-card: #343942;
  --color-card_hover: #2f4a4b;
  --color-grey-bg: #eceeed;
  --color-services: rgb(27 32 39 / 60%);
  --color-bg-section: #2b3442;
  --color-whatsapp: #12ff00;
  --color-telegram: #0096da;
  --color-viber: #893baf;
}

.s-cases {
  margin: 0 0 2.5rem;
}

.s-cases__title {
  text-align: center;
  margin: 0 0 1.25rem;
}

.s-cases__list {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr;
  margin: 0 0 1.25rem;
}

.s-cases__more {
  display: block;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .s-cases {
    margin: 0 0 3.75rem;
  }

  .s-cases__title {
    margin: 0 0 2.5rem;
  }

  .s-cases__list {
    grid-gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 2.5rem;
  }
}

@media (min-width: 1200px) {
  .s-cases__list {
    grid-gap: 2.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
/*# sourceMappingURL=maps/cases.css.map */