@font-face {
  font-family: 'Tanker';
  src: url('../fonts/Tanker-Regular.otf') format('opentype');
}

body {
      font-family: 'Syne', sans-serif;
      background-color: #F7F9FF;
    }

    .font-tanker {
      font-family: 'Tanker', cursive;
    }

    .container {
      max-width: 1200px;
      margin: 0;
      gap: 24px;
    }

    .bg-hero {
      background-color: #001E3C;
    }

    .bg-benefits {
      background-color: #F7F9FF;
    }

    .bg-features {
      background-color: #FFFFFF;
    }

    .bg-cta-bottom {
      background-color: #004D40;
    }

    .text-primary {
      color: #001E3C;
    }

    .text-secondary {
      color: #004D40;
    }

    .btn-primary {
      background-color: #004D40;
      color: white;
    }

    .btn-primary:hover {
      background-color: #00382e;
    }

    .subtle {
      color: #41474D;
    }

    ol {
      padding: 0;
    }