*[_ngcontent-ng-c2036829572] {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

app-root[_ngcontent-ng-c2036829572] {
  display: block;
  width: 100%;
  height: 100%
}

body[_ngcontent-ng-c2036829572] {
  font-family: Arial,sans-serif;
  background-color: #f4f4f4;
  color: #333;
  line-height: 1.6;
  margin: 0 !important;
  padding: 0 !important
}

.container[_ngcontent-ng-c2036829572] {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px
}

.header[_ngcontent-ng-c2036829572] {
  background-color: #4caf50;
  color: #fff;
  padding: 15px 0
}

  .header[_ngcontent-ng-c2036829572] .container[_ngcontent-ng-c2036829572] {
      display: flex;
      justify-content: space-between;
      align-items: center
  }

.logo[_ngcontent-ng-c2036829572] img[_ngcontent-ng-c2036829572] {
  height: 40px
}

.menu-toggle[_ngcontent-ng-c2036829572] {
  font-size: 1.5rem;
  cursor: pointer;
  display: none
}

nav[_ngcontent-ng-c2036829572] {
  display: flex
}

  nav[_ngcontent-ng-c2036829572] ul[_ngcontent-ng-c2036829572] {
      list-style: none;
      display: flex;
      gap: 20px
  }

      nav[_ngcontent-ng-c2036829572] ul[_ngcontent-ng-c2036829572] li[_ngcontent-ng-c2036829572] a[_ngcontent-ng-c2036829572] {
          color: #fff;
          text-decoration: none;
          font-size: 1rem
      }

          nav[_ngcontent-ng-c2036829572] ul[_ngcontent-ng-c2036829572] li[_ngcontent-ng-c2036829572] a[_ngcontent-ng-c2036829572]:hover {
              text-decoration: underline
          }

@media (max-width: 768px) {
  .header[_ngcontent-ng-c2036829572] .container[_ngcontent-ng-c2036829572] {
      flex-wrap: wrap
  }

  .menu-toggle[_ngcontent-ng-c2036829572] {
      display: block
  }

  nav[_ngcontent-ng-c2036829572] {
      display: none;
      width: 100%
  }

  nav.open[_ngcontent-ng-c2036829572] {
      display: block;
      margin-top: 15px
  }

  nav[_ngcontent-ng-c2036829572] ul[_ngcontent-ng-c2036829572] {
      flex-direction: column;
      gap: 10px;
      align-items: center
  }

      nav[_ngcontent-ng-c2036829572] ul[_ngcontent-ng-c2036829572] li[_ngcontent-ng-c2036829572] a[_ngcontent-ng-c2036829572] {
          font-size: 1.1rem
      }
}

.banner[_ngcontent-ng-c2036829572] {
  background: url("../img/banner.jpg") no-repeat center center;
  background-size: cover;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  position: relative
}

.banner-content[_ngcontent-ng-c2036829572] {
  background-color: #00000080;
  padding: 20px;
  border-radius: 8px;
  color: #fff !important
}

.banner[_ngcontent-ng-c2036829572] h1[_ngcontent-ng-c2036829572] {
  font-size: 2.5rem;
  margin-bottom: 10px;
  color: #fff !important
}

.banner[_ngcontent-ng-c2036829572] p[_ngcontent-ng-c2036829572] {
  font-size: 1.2rem;
  color: #fff !important
}

.work360[_ngcontent-ng-c2036829572] {
  background-color: #fff;
  padding: 60px 0;
  text-align: center
}

  .work360[_ngcontent-ng-c2036829572] h2[_ngcontent-ng-c2036829572] {
      font-size: 2.5rem;
      margin-bottom: 20px
  }

  .work360[_ngcontent-ng-c2036829572] p[_ngcontent-ng-c2036829572] {
      font-size: 1.2rem;
      margin-bottom: 30px
  }

.cta-button[_ngcontent-ng-c2036829572] {
  background-color: #4caf50;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 25px;
  font-size: 1.1rem;
  transition: background-color .3s ease
}

  .cta-button[_ngcontent-ng-c2036829572]:hover {
      background-color: #388e3c
  }

.customer-section[_ngcontent-ng-c2036829572] {
  width: 100%;
  padding: 50px 0;
  background-color: #f8f8f8;
  text-align: center
}

.customer-title[_ngcontent-ng-c2036829572] {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px
}

.customer-grid[_ngcontent-ng-c2036829572] {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto
}

  .customer-grid[_ngcontent-ng-c2036829572] img[_ngcontent-ng-c2036829572] {
      width: 22%;
      height: auto;
      object-fit: cover;
      border-radius: 10px;
      transition: transform .3s ease
  }

      .customer-grid[_ngcontent-ng-c2036829572] img[_ngcontent-ng-c2036829572]:hover {
          transform: scale(1.05)
      }

@media (max-width: 768px) {
  .customer-grid[_ngcontent-ng-c2036829572] {
      flex-direction: column;
      align-items: center
  }

      .customer-grid[_ngcontent-ng-c2036829572] img[_ngcontent-ng-c2036829572] {
          width: 90%;
          max-width: 400px
      }
}

.partners[_ngcontent-ng-c2036829572] {
  text-align: center;
  padding: 50px 0
}

.partner-content[_ngcontent-ng-c2036829572] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px
}

.intro[_ngcontent-ng-c2036829572] {
  flex: 1 1 48%;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  font-size: 18px;
  line-height: 1.6;
  box-shadow: 0 2px 8px #0000000d
}

.partner-logos[_ngcontent-ng-c2036829572] {
  flex: 1 1 48%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center
}

  .partner-logos[_ngcontent-ng-c2036829572] img[_ngcontent-ng-c2036829572] {
      width: 100%;
      object-fit: contain;
      border-radius: 8px;
      box-shadow: 0 2px 6px #0000001a
  }

@media (max-width: 768px) {
  .partner-content[_ngcontent-ng-c2036829572] {
      flex-direction: column;
      align-items: center
  }

  .intro[_ngcontent-ng-c2036829572], .partner-logos[_ngcontent-ng-c2036829572] {
      flex: 1 1 100%;
      width: 100%
  }

      .partner-logos[_ngcontent-ng-c2036829572] img[_ngcontent-ng-c2036829572] {
          width: 90%
      }
}

.candidates[_ngcontent-ng-c2036829572] {
  background-color: #f4f4f4;
  padding: 60px 0;
  text-align: center
}

  .candidates[_ngcontent-ng-c2036829572] p[_ngcontent-ng-c2036829572] {
      font-size: 1.2rem;
      margin-bottom: 30px
  }

.signup[_ngcontent-ng-c2036829572] {
  padding: 40px 0;
  background-color: #f9f9f9
}

  .signup[_ngcontent-ng-c2036829572] h2[_ngcontent-ng-c2036829572] {
      text-align: center;
      margin-bottom: 30px
  }

.signup-content[_ngcontent-ng-c2036829572] {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px
}

.signup-info[_ngcontent-ng-c2036829572], .signup-form[_ngcontent-ng-c2036829572] {
  flex: 1 1 48%;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px #0000000d
}

  .signup-info[_ngcontent-ng-c2036829572] h3[_ngcontent-ng-c2036829572] {
      margin-bottom: 15px;
      color: #007bff
  }

  .signup-info[_ngcontent-ng-c2036829572] ul[_ngcontent-ng-c2036829572] {
      padding-left: 20px;
      margin-top: 10px
  }

  .signup-info[_ngcontent-ng-c2036829572] li[_ngcontent-ng-c2036829572] {
      margin-bottom: 8px
  }

.signup-form[_ngcontent-ng-c2036829572] {
  display: flex;
  flex-direction: column;
  gap: 15px
}

  .signup-form[_ngcontent-ng-c2036829572] input[_ngcontent-ng-c2036829572], .signup-form[_ngcontent-ng-c2036829572] select[_ngcontent-ng-c2036829572] {
      padding: 10px;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 4px
  }

  .signup-form[_ngcontent-ng-c2036829572] button[_ngcontent-ng-c2036829572] {
      padding: 12px;
      background-color: #007bff;
      color: #fff;
      border: none;
      font-size: 16px;
      border-radius: 4px;
      cursor: pointer
  }

      .signup-form[_ngcontent-ng-c2036829572] button[_ngcontent-ng-c2036829572]:hover {
          background-color: #0056b3
      }

@media (max-width: 768px) {
  .signup-content[_ngcontent-ng-c2036829572] {
      flex-direction: column;
      gap: 20px
  }

  .signup-info[_ngcontent-ng-c2036829572], .signup-form[_ngcontent-ng-c2036829572] {
      flex: 1 1 100%;
      width: 100%
  }
}

.footer[_ngcontent-ng-c2036829572] {
  background-color: #333;
  color: #f4f4f4;
  padding: 40px 0;
  font-size: .9rem
}

  .footer[_ngcontent-ng-c2036829572] a[_ngcontent-ng-c2036829572] {
      color: #fff;
      text-decoration: none
  }

      .footer[_ngcontent-ng-c2036829572] a[_ngcontent-ng-c2036829572]:hover {
          text-decoration: underline
      }

  .footer[_ngcontent-ng-c2036829572] .container[_ngcontent-ng-c2036829572] {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
      padding: 0 15px
  }

.footer-info[_ngcontent-ng-c2036829572] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

  .footer-info[_ngcontent-ng-c2036829572] > div[_ngcontent-ng-c2036829572] {
      flex: 1 1 300px;
      margin: 10px
  }

  .footer-info[_ngcontent-ng-c2036829572] h3[_ngcontent-ng-c2036829572] {
      margin-bottom: 10px;
      color: #fff
  }

  .footer-info[_ngcontent-ng-c2036829572] p[_ngcontent-ng-c2036829572] {
      color: #fff
  }

.footer-copy[_ngcontent-ng-c2036829572] p[_ngcontent-ng-c2036829572] {
  text-align: justify;
  margin-top: 20px;
  margin-bottom: -30px !important;
  border-top: 1px solid #555;
  padding-top: 10px;
  color: #fff
}

@media (max-width: 768px) {
  .footer-info[_ngcontent-ng-c2036829572] {
      flex-direction: column;
      text-align: center
  }

      .footer-info[_ngcontent-ng-c2036829572] > div[_ngcontent-ng-c2036829572] {
          margin: 20px 0
      }
}

.app-download-section[_ngcontent-ng-c2036829572] {
  margin-top: 40px;
  text-align: center
}

  .app-download-section[_ngcontent-ng-c2036829572] h3[_ngcontent-ng-c2036829572] {
      font-size: 1.2rem;
      margin-bottom: 20px
  }

.app-download-wrapper[_ngcontent-ng-c2036829572] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px
}

.qr-block[_ngcontent-ng-c2036829572] {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 140px
}

.qr-image[_ngcontent-ng-c2036829572] {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #fff;
  object-fit: contain;
  margin-bottom: 10px
}

.store-button[_ngcontent-ng-c2036829572] {
  width: 140px;
  height: auto;
  transition: transform .3s
}

  .store-button[_ngcontent-ng-c2036829572]:hover {
      transform: scale(1.05)
  }

@media (max-width: 600px) {
  .qr-block[_ngcontent-ng-c2036829572] {
      max-width: 100%
  }

  .qr-image[_ngcontent-ng-c2036829572] {
      width: 80px;
      height: 80px
  }

  .store-button[_ngcontent-ng-c2036829572] {
      width: 120px
  }
}



[_nghost-ng-c2036829572] {
  --bright-blue: oklch(51.01% .274 263.83);
  --electric-violet: oklch(53.18% .28 296.97);
  --french-violet: oklch(47.66% .246 305.88);
  --vivid-pink: oklch(69.02% .277 332.77);
  --hot-red: oklch(61.42% .238 15.34);
  --orange-red: oklch(63.32% .24 31.68);
  --gray-900: oklch(19.37% .006 300.98);
  --gray-700: oklch(36.98% .014 302.71);
  --gray-400: oklch(70.9% .015 304.04);
  --red-to-pink-to-purple-vertical-gradient: linear-gradient(180deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100%);
  --red-to-pink-to-purple-horizontal-gradient: linear-gradient(90deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100%);
  --pill-accent: var(--bright-blue);
  font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

h1[_ngcontent-ng-c2036829572] {
  font-size: 3.125rem;
  color: var(--gray-900);
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -.125rem;
  margin: 0;
  font-family: Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol
}

p[_ngcontent-ng-c2036829572] {
  margin: 0;
  color: var(--gray-700)
}

main[_ngcontent-ng-c2036829572] {
  width: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  box-sizing: inherit;
  position: relative
}

.angular-logo[_ngcontent-ng-c2036829572] {
  max-width: 9.2rem
}

.content[_ngcontent-ng-c2036829572] {
  display: flex;
  justify-content: space-around;
  width: 100%;
  max-width: 700px;
  margin-bottom: 3rem
}

  .content[_ngcontent-ng-c2036829572] h1[_ngcontent-ng-c2036829572] {
      margin-top: 1.75rem
  }

  .content[_ngcontent-ng-c2036829572] p[_ngcontent-ng-c2036829572] {
      margin-top: 1.5rem
  }

.divider[_ngcontent-ng-c2036829572] {
  width: 1px;
  background: var(--red-to-pink-to-purple-vertical-gradient);
  margin-inline: .5rem
}

.pill-group[_ngcontent-ng-c2036829572] {
  display: flex;
  flex-direction: column;
  align-items: start;
  flex-wrap: wrap;
  gap: 1.25rem
}

.pill[_ngcontent-ng-c2036829572] {
  display: flex;
  align-items: center;
  --pill-accent: var(--bright-blue);
  background: color-mix(in srgb,var(--pill-accent) 5%,transparent);
  color: var(--pill-accent);
  padding-inline: .75rem;
  padding-block: .375rem;
  border-radius: 2.75rem;
  border: 0;
  transition: background .3s ease;
  font-family: var(--inter-font);
  font-size: .875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -.00875rem;
  text-decoration: none
}

  .pill[_ngcontent-ng-c2036829572]:hover {
      background: color-mix(in srgb,var(--pill-accent) 15%,transparent)
  }

.pill-group[_ngcontent-ng-c2036829572] .pill[_ngcontent-ng-c2036829572]:nth-child(6n+1) {
  --pill-accent: var(--bright-blue)
}

.pill-group[_ngcontent-ng-c2036829572] .pill[_ngcontent-ng-c2036829572]:nth-child(6n+2) {
  --pill-accent: var(--french-violet)
}

.pill-group[_ngcontent-ng-c2036829572] .pill[_ngcontent-ng-c2036829572]:nth-child(6n+3), .pill-group[_ngcontent-ng-c2036829572] .pill[_ngcontent-ng-c2036829572]:nth-child(6n+4), .pill-group[_ngcontent-ng-c2036829572] .pill[_ngcontent-ng-c2036829572]:nth-child(6n+5) {
  --pill-accent: var(--hot-red)
}

.pill-group[_ngcontent-ng-c2036829572] svg[_ngcontent-ng-c2036829572] {
  margin-inline-start: .25rem
}

.social-links[_ngcontent-ng-c2036829572] {
  display: flex;
  align-items: center;
  gap: .73rem;
  margin-top: 1.5rem
}

  .social-links[_ngcontent-ng-c2036829572] path[_ngcontent-ng-c2036829572] {
      transition: fill .3s ease;
      fill: var(--gray-400)
  }

  .social-links[_ngcontent-ng-c2036829572] a[_ngcontent-ng-c2036829572]:hover svg[_ngcontent-ng-c2036829572] path[_ngcontent-ng-c2036829572] {
      fill: var(--gray-900)
  }

@media screen and (max-width: 650px) {
  .content[_ngcontent-ng-c2036829572] {
      flex-direction: column;
      width: max-content
  }

  .divider[_ngcontent-ng-c2036829572] {
      height: 1px;
      width: 100%;
      background: var(--red-to-pink-to-purple-horizontal-gradient);
      margin-block: 1.5rem
  }
}