body {
  scrollbar-width: thin;
  scrollbar-color: var(--cl-blue-1) transparent;
}

section, .offer {
  scroll-margin-top: var(--spacing-40);
}

::-webkit-scrollbar {
  background-color: transparent;
  width: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--cl-white);
  border: 5px;
  border-radius: 5px;
}

:root {
  color-scheme: light;
  accent-color: var(--cl-white-2);
  --fs-default: "Darwin", system-ui, -apple-system, sans-serif;
  --fs-special: "Kapra", system-ui, sans-serif;
  --step--2: clamp(0.6944rem, 0.6893rem + 0.0256vw, 0.72rem);
  --step--1: clamp(0.8331rem, 0.8198rem + 0.0669vw, 0.9rem);
  --step-0: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1588rem + 0.2063vw, 1.4063rem);
  --step-2: clamp(1.44rem, 1.3764rem + 0.3181vw, 1.7581rem);
  --step-3: clamp(1.7281rem, 1.6343rem + 0.4694vw, 2.1975rem);
  --step-4: clamp(2.0738rem, 1.9391rem + 0.6731vw, 2.7469rem);
  --step-5: clamp(2.4881rem, 2.2991rem + 0.945vw, 3.4331rem);
  --step-6: clamp(2.9863rem, 2.7253rem + 1.305vw, 4.2913rem);
  --step-7: clamp(3.5831rem, 3.2269rem + 1.7813vw, 5.3644rem);
  --step-8: clamp(4.3rem, 3.8189rem + 2.4056vw, 6.7056rem);
  --step-9: clamp(5.16rem, 4.5156rem + 3.2219vw, 7.8rem);
  --cl-white: #ffffff;
  --cl-white-1: #F8F9FB;
  --cl-white-2: #E9F0F2;
  --cl-black: #000000;
  --cl-gray-1: #203559;
  --cl-gray-2: #4A4A4A;
  --cl-gray-3: #D3D3D3;
  --cl-gray-4: #ebebeb;
  --cl-gray-5: #F4F4F4;
  --cl-deep-blue-1: #0c214d;
  --cl-blue-0: #191a51;
  --cl-blue-1: #020268;
  --cl-blue-2: #0050A4;
  --cl-blue-3: #A4DDF1;
  --cl-yellow-1: #F9C20A;
  --cl-green-1: #46b450;
  --br-default: 0.5rem;
  --gradient-1: linear-gradient(0deg, rgba(2,2,104,1) 0%, rgba(2,2,104,0) 100%);
  --gradient-2: linear-gradient(0deg, rgba(249,194,9,1) 0%, rgba(249,194,9,0) 100%);
  --shadow-1: 0 var(--spacing-05) var(--spacing-15) rgba(0,0,0,.10),
  0 var(--spacing-02) var(--spacing-05) rgba(0,0,0,.12);
  --shadow-2: 0 var(--spacing-05) var(--spacing-20) rgba(0,0,0,0.15);
  --w-small: 66rem;
  --w-max: 136rem;
  --w-medium: 117rem;
  --var-minwidth-element: 25rem;
  --spacing-02: 0.2rem;
  --spacing-03: 0.3rem;
  --spacing-04: 0.4rem;
  --spacing-05: 0.5rem;
  --spacing-10: 1rem;
  --spacing-15: 1.5rem;
  --spacing-20: 2rem;
  --spacing-25: 2.5rem;
  --spacing-30: 3rem;
  --spacing-35: 3.5rem;
  --spacing-40: 4rem;
  --spacing-45: 4.5rem;
  --spacing-50: 5rem;
  --spacing-60: 6rem;
  --spacing-70: 7rem;
  --spacing-80: 8rem;
  --spacing-90: 9rem;
  --spacing-100: 10rem;
  --spacing-120: 12rem;
  --spacing-150: 15rem;
  --spacing-160: 16rem;
  --spacing-180: 18rem;
  --spacing-200: 20rem;
  --spacing-220: 22rem;
  --spacing-240: 24rem;
  --spacing-250: 25rem;
  --spacing-300: 30rem;
  --spacing-400: 40rem;
}
:root :focus-visible {
  outline-color: var(--cl-white-2);
}
:root ::-moz-selection {
  background-color: var(--cl-white-2);
  color: var(--cl-blue-1);
}
:root ::selection {
  background-color: var(--cl-white-2);
  color: var(--cl-blue-1);
}
:root ::marker {
  color: var(--cl-blue-1);
}
@media (min-width: 992px) {
  :root {
    --var-minwidth-element: 35rem;
  }
}/*# sourceMappingURL=root.css.map */