:root {
  --color-big-text: #fff;
  --shadow-big-text: 0px 24px 24px rgba(0, 8, 84, 0.1);
  --color-bg: #fff;
  --color-text: #262B45;
  --fill-icon: #555555;
  --accent-color: #DB6A26;
  --color-title: #586667;
  --bg-img-menu: url('../images/images/svg/white_bg.svg');
  --color-title-steps-one: #CFCFCF;
  --color-title-steps-two: #586667;
  --background-slide: #fff;
  --shadow-slide: 0px 24px 24px rgba(0, 8, 84, 0.1);
  --fill-icon-october: #586667;
  --fill-icon: #586667;
  --color-date: #707070;
  --color-form: #586667;
  --color-footer: #707070;
  --box-shadow-header-stiky: 0 0.125rem 0.25rem rgba(0,0,0,.075);
  --color-nav-prev: rgba(88, 102, 103,.5);
  --color-nav-next: rgba(88, 102, 103,1);
    --color-bg-letter:#fff;
}

body.dark {
  --color-big-text: #09090A;
  --shadow-big-text: 0px 24px 24px #000000;
  --color-bg: #0E0E10;
  --color-text: #CBCBCB;
  --fill-icon: #F4F4F4;
  --color-title: #ffffff;
  --bg-img-menu: url('../images/images/svg/black_bg.svg');
  --color-title-steps-one: #D8D8D8;
  --color-title-steps-two: #ffffff;
  --background-slide: #1D1D20;
  --shadow-slide: 0px 24px 24px rgba(0, 8, 84, 0);
  --fill-icon-october: #717173;
  --color-date: #BEBEBE;
  --color-form: #fff;
  --color-footer: #BEBEBE;
  --box-shadow-header-stiky: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.4);
  --color-nav-prev: rgba(255, 255, 255,.5);
  --color-nav-next: rgba(255, 255, 255,1);
  --color-bg-letter:#141417;
   
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Klein',sans-serif;
  font-weight: normal;
  color: var(--color-text);
  background-color: var(--color-bg);
  overflow-x: hidden;
  margin-right: 0;
}


.visually-hidden {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    z-index: -999;
    top: 10px!important;
    left: 7px!important;
}