:root {
  --Deep-blue: #002a64;
  --Dark-blue: #0d50b4;
  --Accent-blue: #036bfd;
  --Accent-blue-light: #4b89f5;
  --Secondary-blue-light: #ddeafd;
  --Secondary-blue-light-dark: #c6d2e3;
  --Very-light-blue-bg: #f7faff;
  --Black: #131313;
  --Black-32: hsl(0deg 0% 7% / 32%);
  --black-1000: #000;
  --Gray-1: #858585;
  --Gray-2: #b5b5b5;
  --Gray-3: #e6e6e6;
  --Gray-4: #f0f0f6;
  --Gray-5: #d9d9d9;
  --Gray-416: rgb(245 245 247 / 16%);
  --White: #fff;
  --White-80: hsl(0deg 0% 100% / 80%);
  --White-64: hsl(0deg 0% 100% / 64%);
  --White-16: hsl(0deg 0% 100% / 16%);
  --Red: #ff2e00;
  --title-font: 'ALSGorizont';
  --main-font: 'ALSHauss';
  --z-dropdown: 2;
  --z-header: 10;
  --background-color: #fff;
  --text-color: var(--black-1000);
  --header-link-color: var(--black-1000);
  --text-color-inverted: var(--White);
  --input-bg: var(--White);
  --tab-bg: var(--Gray-4);
  --tab-bg-hover: var(--Secondary-blue-light);
  --tab-text: var(--Gray-1);
  --tab-text-hover: var(--Accent-blue);
  --dropdown-bg: var(--Gray-4);
  --dropdown-list-bg: var(--Gray-4);
  --menu-color: var(--Deep-blue);
  --slider-btn-bcg: rgb(240 240 246 / 60%);
  --slider-btn-hover: var(--Gray-4);
  --slider-btn-dis: rgb(245 245 247 / 16%);
  --pad-outer: 64px;
  --pad-inner: 40px;
  --pad-text: 32px;
  --logo-color: var(--Deep-blue);
  --header-bcg: var(--White);
  --header-logo-color: var(--White);
  --footer-top-bcg: var(--White);
  --footer-bg: var(--White);
  --footer-icon-bg: var(--Black);
  --to-top-btn: var(--Gray-4);
}