@charset "UTF-8";

:root {
  /* Цвета */
  --zero: #000;
  --white: #fff;
  --border: #D5D7D8;
  --error: red;
  --text: #2e2e34;
  --background: #fff;
  --element: #00945d;
  --element-hover: #33a97d;
  --element-black: #17171a;
  --gray: #f2f4f8;
  --gray2: #d0d3da;
  --gray3: #fafafa;
  --gray4: #ebebeb;
  --gray5: #a1a7b5;
  --gray6: #bcbcbc;
  --dark: #081a3e;
  /* Отсутпы и размеры */
  /* Страница */
  --header-height: 82px;
  --container-width: 1240px;
  --container-space: 80px;
  /* Блоки */
  --section-space: 60px;
  /* Тексты */
  --paragraph-space: 20px;
  --list-space: 32px;
  /* Гапы */
  --gap: 32px;
  --gap-small: 16px;
  --gap-minimum: 8px;
  --gap-new: 20px;
  --gap-big: 40px;
  --gap-large: 60px;
  /* Радиус */
  --border_radius: 4px;
  --border_radius_2: 8px;
  --border_radius_3: 16px;
  --border_radius_4: 12px;
  --border_radius_5: 40px;
  --border_radius_6: 80px;
  /* Анимация */
  --animate: 0.4s;
  /* Размеры шрифтов */
  /* Тексты */
  --paragraph-size: 20px;
  --small-text-size: 14px;
  --big-text-size: 24px;
  --large-text-size: 54px;
}

@media (max-width: 1359px) {
  :root {
    --paragraph-size: 18px;
    --container-space: 40px;
    --header-height: 70px;
    --section-space: 80px;
    --large-text-size: 48px;
    --big-text-size: 20px;
  }
}

@media (max-width: 1023px) {
  :root {
    --container-space: 32px;
    --gap: 24px;
    --header-height: 60px;
    --section-space: 64px;
    --gap-small: 12px;
    --gap-new: 16px;
    --gap-big: 32px;
    --gap-large: 40px;
    --large-text-size: 28px;
    --border_radius_5: 32px;
    --border_radius_6: 64px;
  }
}

@media (max-width: 599px) {
  :root {
    --paragraph-size: 16px;
    --container-space: 16px;
    --gap: 16px;
    --header-height: 56px;
    --paragraph-space: 8px;
    --section-space: 56px;
    --gap-small: 8px;
    --gap-minimum: 4px;
    --gap-new: 12px;
    --gap-big: 16px;
    --gap-large: 24px;
    --large-text-size: 24px;
    --big-text-size: 16px;
    --border_radius_5: 24px;
    --border_radius_6: 32px;
  }
}