@font-face {
    font-family: 'Mulish';
    src: url(../Assets/fonts/mulish/Mulish-Regular.ttf);
}

@font-face {
    font-family: 'Helvetica';
    src: url(../fonts/helvetica/Helvetica.ttf);
}

@font-face {
    font-family: 'Univers';
    src: url(../fonts/univers/UniversCnRg.ttf);
}

  :root {
      --navy: #026061;
      --navy-2: #0B3D73;
      --navy-3: #0F4B8C;
      --navy-soft: #EAF1F9;
      --navy-mist: #D9E6F5;
      --teal: #f4ac16;
      --teal-dark: #029685;
      --teal-light: #E1FAF5;
      --orange: #f4ac16;
      --orange-light: #FFF1DE;
      --ink: #5d5d5e;
      --ink-soft: #5B6B84;
      --white: #FFFFFF;
      --bg-soft: #F3FAF5;
      --line: rgba(4, 39, 79, 0.10);
      --shadow-navy: 0 24px 50px -20px rgba(0, 0, 0, 0.4);
      --shadow-soft: 0 18px 40px -22px rgba(4, 39, 79, 0.22);
      --shadow-card: 0 2px 10px rgba(4, 39, 79, 0.05), 0 16px 32px -18px rgba(4, 39, 79, 0.13);
      --shadow-pemium: 0 40px 80px -30px rgba(4, 39, 79, 0.35), 0 14px 30px -14px rgba(4, 39, 79, 0.18);
      --r-sm: 12px;
      --r-md: 18px;
      --r-lg: 26px;
      --r-xl: 32px;
      --r-2xl: 40px;
      --r-pill: 999px;
      --wrap: 1240px;
      --fontfamily: 'Helvetica'; 
      --fontMulish : 'Mulish';
  }

  * {
      box-sizing: border-box;
      font-family: var(--fontfamily);
  }

  html {
      scroll-behavior: smooth;
  }

  body {
      margin: 0; 
      font-family: var(--fontfamily);
      color: var(--ink);
      background: white;
      font-size: 16px;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
  }

  img {
      max-width: 100%;
      display: block;
  }

  a {
      color: inherit;
      text-decoration: none;
  }

  ul {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  button {
      font-family: inherit;
      cursor: pointer;
      border: none;
      background: none;
  }

  h1,
  h2,
  h3,
  h4 { 
      font-weight: 800;
      margin: 0;
      color: var(--navy);
      letter-spacing: -0.02em;
  }

  .wrap { 
      padding: 0 8%;
      position: relative;
  }

  section {
      position: relative;
  }

  .blob {
      position: absolute;
      border-radius: 50%;
      filter: blur(80px);
      z-index: 0;
      pointer-events: none;
  }

  @media (prefers-reduced-motion: reduce) {
      * {
          animation-duration: 0.001ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.001ms !important;
          scroll-behavior: auto !important;
      }
  }

  .reveal {
      opacity: 1;
      transform: none;
  }

  .reveal-stagger>* {
      opacity: 1;
      transform: none;
  }