/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 13 2026 | 06:07:55 */
/* ===================================================== */
/* Oxygen Ukraine: рівна сітка для Досягнень і Цінностей */
/* ===================================================== */

/* Общая сетка */
html body section#statistics .row.justify-content-center,
html body section#values .row.justify-content-center {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 90px !important;
  row-gap: 90px !important;

  align-items: start !important;
  justify-items: center !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Убираем Bootstrap-поведение колонок */
html body section#statistics .advant__item,
html body section#values .advant__item {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;

  display: block !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Общая карточка */
html body section#statistics .advant__card,
html body section#values .advant__card {
  width: 100% !important;
  max-width: 430px !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: grid !important;
  justify-items: center !important;
  align-items: start !important;

  text-align: center !important;

  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ===================================================== */
/* НАШІ ДОСЯГНЕННЯ                                       */
/* ===================================================== */

html body section#statistics .advant__card {
  grid-template-rows: 108px 86px auto !important;
}

/* Иконка достижения */
html body section#statistics .advant__icon,
html body section#statistics .advant__icon.mb-3 {
  width: 96px !important;
  height: 96px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body section#statistics .advant__icon img {
  width: 86px !important;
  height: 86px !important;
  max-width: 86px !important;
  max-height: 86px !important;

  object-fit: contain !important;
  display: block !important;
}

/* Заголовки карточек «Наші досягнення» */
html body section#statistics .partners__name,
html body section#statistics .partners__name.mb-3 {
  width: 100% !important;
  max-width: 430px !important;
  height: auto !important;
  min-height: 86px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 30px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;

  text-align: center !important;
  color: #3559e0 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Текст достижения */
html body section#statistics .partners__text {
  width: 100% !important;
  max-width: 430px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: 21px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;

  text-align: center !important;
  color: #222222 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* ===================================================== */
/* НАШІ ЦІННОСТІ                                         */
/* ===================================================== */

html body section#values .advant__card {
  grid-template-rows: 108px 86px auto !important;
}

/* Иконка ценности */
html body section#values .advant__icon,
html body section#values .advant__icon.mb-3 {
  width: 96px !important;
  height: 96px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body section#values .advant__icon img {
  width: 86px !important;
  height: 86px !important;
  max-width: 86px !important;
  max-height: 86px !important;

  object-fit: contain !important;
  display: block !important;
}

/* Заголовки карточек «Наші цінності» */
html body section#values .partners__name,
html body section#values .partners__name.mb-3 {
  width: 100% !important;
  max-width: 430px !important;
  height: auto !important;
  min-height: 86px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 25px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;

  text-align: center !important;
  color: #3559e0 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Текст ценности */
html body section#values .partners__text {
  width: 100% !important;
  max-width: 430px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: 21px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;

  text-align: center !important;
  color: #222222 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Убираем отступы внутри текста */
html body section#statistics .partners__text p,
html body section#values .partners__text p {
  margin: 0 !important;
  padding: 0 !important;
}

/* ===================================================== */
/* Планшет                                               */
/* ===================================================== */

@media screen and (max-width: 991px) {
  html body section#statistics .row.justify-content-center,
  html body section#values .row.justify-content-center {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 50px !important;
    row-gap: 70px !important;
  }

  html body section#statistics .advant__card,
  html body section#values .advant__card {
    grid-template-rows: 100px 80px auto !important;
  }

  /* Досягнення */
  html body section#statistics .partners__name,
  html body section#statistics .partners__name.mb-3 {
    min-height: 80px !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  /* Цінності */
  html body section#values .partners__name,
  html body section#values .partners__name.mb-3 {
    min-height: 80px !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
  }
}

/* ===================================================== */
/* Мобильная версия                                      */
/* ===================================================== */

@media screen and (max-width: 576px) {
  html body section#statistics .row.justify-content-center,
  html body section#values .row.justify-content-center {
    grid-template-columns: 1fr !important;
    row-gap: 45px !important;
  }

  html body section#statistics .advant__card,
  html body section#values .advant__card {
    grid-template-rows: 90px auto auto !important;
    max-width: 100% !important;
  }

  /* Досягнення */
  html body section#statistics .partners__name,
  html body section#statistics .partners__name.mb-3 {
    height: auto !important;
    min-height: 0 !important;

    margin-bottom: 14px !important;

    font-size: 25px !important;
    line-height: 1.15 !important;
  }

  /* Цінності */
  html body section#values .partners__name,
  html body section#values .partners__name.mb-3 {
    height: auto !important;
    min-height: 0 !important;

    margin-bottom: 14px !important;

    font-size: 23px !important;
    line-height: 1.25 !important;
  }

  html body section#statistics .partners__text,
  html body section#values .partners__text {
    max-width: 340px !important;
    font-size: 18px !important;
  }
}