@font-face {
  font-family: "Figtree";
  src: url("assets/figtree.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("assets/inter-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("assets/inter-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("assets/inter-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
}

:root {
  color-scheme: light;
}

html {
  background: #fff;
  scroll-behavior: smooth;
}

body {
  background: #fff;
  min-width: 320px;
}

#main {
  min-height: 100vh;
  overflow: clip;
}

.page-loader {
  align-items: center;
  color: #5f5f69;
  display: flex;
  font: 500 14px/1.4 "Figtree", sans-serif;
  justify-content: center;
  min-height: 100vh;
}

.skip-link {
  background: #161525;
  border-radius: 0 0 8px 0;
  color: #fff;
  font: 600 14px/1 "Figtree", sans-serif;
  left: 0;
  padding: 12px 16px;
  position: fixed;
  top: 0;
  transform: translateY(-120%);
  transition: transform 160ms ease;
  z-index: 10000;
}

.skip-link:focus {
  transform: translateY(0);
}

.svg-definitions {
  height: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 0;
}

:where(a, button, input, summary, [role="button"]):focus-visible {
  outline: 3px solid rgba(40, 133, 167, 0.58);
  outline-offset: 3px;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

[data-framer-name="Singel Icon Box"][role="tab"] {
  cursor: pointer;
}

[data-framer-name="Singel Icon Box"][aria-selected="true"] {
  cursor: default;
}

[data-framer-name="Content & Icon"][role="button"] {
  cursor: pointer;
}

[data-framer-name="Content & Icon"] [data-framer-name="Icon"] > div,
[data-framer-name="Burger"] [data-framer-name="Top"],
[data-framer-name="Burger"] [data-framer-name="Mid"],
[data-framer-name="Burger"] [data-framer-name="Bottom"],
[data-framer-name="X"] [data-framer-name="Top"],
[data-framer-name="X"] [data-framer-name="Mid"],
[data-framer-name="X"] [data-framer-name="Bottom"] {
  transition: transform 480ms cubic-bezier(.2, .8, .2, 1), opacity 320ms ease;
}

.coded-nav-menu {
  background: #fff;
  border: 1px solid #161525;
  border-radius: 12px;
  box-shadow: 0 4px 0 #161525;
  display: flex;
  flex-direction: column;
  gap: 12px;
  left: 0;
  opacity: 0;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 80px;
  transform: translateY(-12px);
  transition: opacity 350ms cubic-bezier(.2, .8, .2, 1), transform 500ms cubic-bezier(.2, .8, .2, 1);
  visibility: hidden;
  z-index: 80;
}

.coded-nav-menu.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.coded-nav-menu a {
  color: #161525;
  font: 500 16px/1.7 "Figtree", sans-serif;
  text-decoration: none;
  transition: color 300ms ease;
}

.coded-nav-menu a:hover,
.coded-nav-menu a:focus-visible {
  color: rgba(90, 69, 254, 0.8);
}

[data-framer-name="Header Button Primary"] {
  transition: background-color 350ms ease, color 350ms ease;
}

[data-framer-name="Header Button Primary"]:hover {
  background-color: #161525 !important;
}

[data-framer-name="Menu Normal"] .framer-text,
[data-framer-name="Footer Section"] a .framer-text {
  transition: color 350ms ease;
}

[data-framer-name="Menu Normal"]:hover .framer-text {
  color: rgba(90, 69, 254, 0.8) !important;
}

@media (max-width: 991.98px) {
  [data-framer-name="Header"] {
    position: relative;
    z-index: 100;
  }

  .coded-nav-menu {
    left: 0;
    right: 0;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .coded-nav-menu {
    top: 85px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}