:root {
  --primary-color-rgb: 0, 164, 209;
  --primary-color: rgb(0, 164, 209);
  --lighter-primary-color: rgb(0, 128, 163);
  --darker-primary-color: rgb(0, 128, 163);

  --main-border-color: rgb(156 163 175);
  --secondary-border-color: rgb(232, 231, 228);
  --background-color: rgb(249 250 251);
}

.main_body {
  background-color: var(--background-color);
}

.topbar {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px var(--secondary-border-color);
}

.topbar_subcontainer {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.nav_container {
  position: relative;
  z-index: 50;
  display: flex;
  justify-content: space-between;
}

.nav_subcontainer {
  display: flex;
  align-items: center;
}

.logoContainer {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

.logoText {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  display: none;
}

@media (min-width: 768px) {
  .logoText {
    display: inline;
  }
}

.thing_svg {
  height: 2rem;
  width: auto;
}

.topbar_logo_image {
  height: 2rem;
  width: auto;
}

.main_links_container {
  display: none;
}

.main_links {
  font-weight: 500;

  display: inline-block;

  padding-left: 0.25rem;
  padding-right: 0.25rem;

  padding-top: 0.25rem;
  padding-bottom: 0.25rem;

  font-size: 1rem;
  line-height: 1.75rem;

  color: rgb(51 65 85/1);
}

.main_links:hover {
  color: rgb(15 23 42/1);
}

.login_container {
  display: flex;

  align-items: center;

  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.login_sub_container {
  display: none;
}

.register_link {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 9999px;

  padding-top: 0.5rem;
  padding-bottom: 0.5rem;

  padding-left: 1rem;
  padding-right: 1rem;

  font-size: 0.875rem;
  line-height: 1.5rem;

  font-weight: 600;

  background-color: var(--primary-color);

  color: rgb(255 255 255/1);
}

.register_link:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.register_link:focus-visible {
  outline-width: 2px;

  outline-offset: 2px;

  outline-color: #2563eb;
}

.register_link:hover {
  color: rgb(241 245 249/1);

  background-color: var(--darker-primary-color);
}

.register_link:active {
  background-color: var(--darker-primary-color);

  color: rgb(219 234 254/1);
}

.mobile_container {
  margin-right: -0.25rem;
}

.mobile_togle_nav {
  position: relative;

  z-index: 10;

  display: flex;

  height: 2rem;

  width: 2rem;

  align-items: center;

  justify-content: center;

  outline: 2px solid transparent;
  outline-offset: 2px;
}

.ui-not-focus-visible\:outline-none:focus:where(
    :not([data-headlessui-focus-visible] .ui-not-focus-visible\:outline-none)
  ) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.mobile_svg_button {
  height: 0.875rem;

  width: 0.875rem;

  overflow: visible;

  stroke: #334155;
}

.hamburger_x_path {
  transform-origin: center;

  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.hamburger_x_selected {
  transform-origin: center;

  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;

  --tw-scale-x: 0.9;
  --tw-scale-y: 0.9;

  opacity: 0;
}

.mobile_sub_object {
  display: none;
}

.mobile_sub_object_responsive {
  position: fixed;
  top: 60px;
  left: 1px;
  width: 100%;
  padding: 0;
  background-color: white;
  border-bottom: solid 1px var(--main-border-color);
  display: flex;
  flex-direction: column;
}

.mobile_links {
  font-weight: 500;

  display: inline-block;

  padding-left: 0.25rem;
  padding-right: 0.25rem;

  padding-top: 0.5rem;
  padding-bottom: 0.5rem;

  font-size: 1rem;
  line-height: 1.75rem;

  color: rgb(51 65 85/1);

  border-top: solid 1px var(--main-border-color);
}

@media (min-width: 640px) {
  .topbar_subcontainer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  .nav_subcontainer {
    -moz-column-gap: 3rem;
    column-gap: 3rem;
  }

  .main_links_container {
    display: flex;

    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .login_container {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .login_sub_container {
    display: block;
  }

  .mobile_container {
    display: none;
  }
}

@media (min-width: 1024px) {
  .topbar_subcontainer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.PMHGGRHGOKTTQGN {
  /*yne*/
  position: relative;
  /*yng*/
  isolation: isolate;
  /*yoc*/
  overflow: hidden;
  /*yon*/
  background-color: #fff;
}

.CATVBRUILUFGEOG {
  /*ynd*/
  position: absolute;
  /*ynf*/
  inset: 0;
  /*ynh*/
  z-index: calc(10 * -1);
  /*ynr*/
  width: 100%;
  height: 100%;
  /*yoq*/
  -webkit-mask-image: radial-gradient(100% 100% at 100% 0, #fff, #0000);
  mask-image: radial-gradient(100% 100% at 100% 0, #fff, #0000);
  /*yor*/
  stroke: oklch(92.8% 0.006 264.531);
}

.MMPQXTRUJJTFBBC {
  /*ynj*/
  margin-inline: auto;
  /*ynw*/
  max-width: 80rem;
  /*yow*/
  padding-inline: 1.5rem;
  /*yoz*/
  padding-top: 2.5rem;
  /*ypa*/
  padding-bottom: 6rem;
}

@media (min-width: 40rem) {
  .MMPQXTRUJJTFBBC {
    /*yqk*/
    padding-bottom: 8rem;
  }
}

@media (min-width: 64rem) {
  .MMPQXTRUJJTFBBC {
    /*yqt*/
    display: flex;
  }
}

@media (min-width: 64rem) {
  .MMPQXTRUJJTFBBC {
    /*yqz*/
    padding-inline: 2rem;
  }
}

@media (min-width: 64rem) {
  .MMPQXTRUJJTFBBC {
    /*yra*/
    padding-block: 10rem;
  }
}

.SZMOKQWYXAUMBAQ {
  /*ynj*/
  margin-inline: auto;
  /*ynu*/
  max-width: 42rem;
}

@media (min-width: 64rem) {
  .SZMOKQWYXAUMBAQ {
    /*yqo*/
    margin-inline: 0;
  }
}

@media (min-width: 64rem) {
  .SZMOKQWYXAUMBAQ {
    /*yqw*/
    flex-shrink: 0;
  }
}

@media (min-width: 64rem) {
  .SZMOKQWYXAUMBAQ {
    /*yrb*/
    padding-top: 2rem;
  }
}

.CWSRZDOPUVLOBOR {
  /*yns*/
  height: 2.75rem;
}

.JIGKKEBZLRHMTSP {
  /*ynn*/
  margin-top: 6rem;
}

@media (min-width: 40rem) {
  .JIGKKEBZLRHMTSP {
    /*yqi*/
    margin-top: 8rem;
  }
}

@media (min-width: 64rem) {
  .JIGKKEBZLRHMTSP {
    /*yqq*/
    margin-top: 4rem;
  }
}

.EMMJORHFELUHFXI {
  /*ynp*/
  display: inline-flex;
}

:where(.EMMJORHFELUHFXI > :not(:last-child)) {
  margin-inline-end: calc(calc(0.25rem * 6));
}

.WPOPTNQKJSEQUWB {
  /*yod*/
  border-radius: 3.40282e38px;
  /*yoj*/
  background-color: oklch(96.2% 0.018 272.314);
  /*you*/
  padding-inline: 0.75rem;
  /*yox*/
  padding-block: 0.25rem;
  /*ype*/
  font-size: 0.875rem;
  line-height: 1.5rem;
  /*ypg*/
  --tw-font-weight: 600;
  font-weight: 600;
  /*ypp*/
  color: var(--primary-color);
  /*ypu*/
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  /*ypx*/
  --tw-ring-color: oklab(51.1% 0.0317755 -0.260066/0.2);
  /*ypz*/
  --tw-ring-inset: inset;
}

.TZAFOYZXGCHVUKM {
  /*ynp*/
  display: inline-flex;
  /*yny*/
  align-items: center;
  /*ype*/
  font-size: 0.875rem;
  line-height: 1.5rem;
  /*ypf*/
  --tw-font-weight: 500;
  font-weight: 500;
  /*ypm*/
  color: oklch(44.6% 0.03 256.802);
}

:where(.TZAFOYZXGCHVUKM > :not(:last-child)) {
  margin-inline-end: calc(0.25rem * 2);
}

.QJXLNYEEWDLGJTP {
  /*ynq*/
  width: 1.25rem;
  height: 1.25rem;
  /*ypk*/
  color: oklch(70.7% 0.022 261.325);
}

.SFYUCEGTSMLSEIZ {
  /*ynl*/
  margin-top: 2.5rem;
  /*ypb*/
  font-size: 3rem;
  line-height: var(--tw-leading, 1);
  /*ypg*/
  --tw-font-weight: 600;
  font-weight: 600;
  /*yph*/
  --tw-tracking: -0.025em;
  letter-spacing: -0.025em;
  /*ypi*/
  text-wrap: pretty;
  /*ypn*/
  color: oklch(21% 0.034 264.665);
}

@media (min-width: 40rem) {
  .SFYUCEGTSMLSEIZ {
    /*yql*/
    font-size: 4.5rem;
    line-height: var(--tw-leading, 1);
  }
}

.WQELYGQHZKHXYSS {
  /*ynk*/
  margin-top: 2rem;
  /*ypc*/
  font-size: 1.125rem;
  line-height: var(--tw-leading, calc(1.75 / 1.125));
  /*ypf*/
  --tw-font-weight: 500;
  font-weight: 500;
  /*ypi*/
  text-wrap: pretty;
  /*ypl*/
  color: oklch(55.1% 0.027 264.364);
}

@media (min-width: 40rem) {
  .WQELYGQHZKHXYSS {
    /*yqm*/
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.OMUERVZBMUWOMLZ {
  /*ynl*/
  margin-top: 2.5rem;
  /*yno*/
  display: flex;
  /*yny*/
  align-items: center;
  /*ynz*/
  column-gap: 1.5rem;
}

.UYGJFROBKWYUZDD {
  /*yoe*/
  border-radius: 0.375rem;
  /*yom*/
  background-color: var(--primary-color);
  /*yov*/
  padding-inline: 0.875rem;
  /*yoy*/
  padding-block: 0.625rem;
  /*ypd*/
  font-size: 0.875rem;
  line-height: var(--tw-leading, calc(1.25 / 0.875));
  /*ypg*/
  --tw-font-weight: 600;
  font-weight: 600;
  /*ypq*/
  color: #fff;
  /*ypt*/
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.UYGJFROBKWYUZDD:focus-visible {
  /*yqd*/
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
  /*yqe*/
  outline-offset: 2px;
  /*yqg*/
  outline-color: oklch(51.1% 0.262 276.966);
}

@media (hover: hover) {
  .UYGJFROBKWYUZDD:hover {
    /*yqc*/
    background-color: var(--darker-primary-color);
  }
}

.XYSZDSAPAIISNVF {
  /*ype*/
  font-size: 0.875rem;
  line-height: 1.5rem;
  /*ypg*/
  --tw-font-weight: 600;
  font-weight: 600;
  /*ypn*/
  color: oklch(21% 0.034 264.665);
}

.SHINUHDZWWAGYXR {
  /*ynj*/
  margin-inline: auto;
  /*ynm*/
  margin-top: 4rem;
  /*yno*/
  display: flex;
  /*ynu*/
  max-width: 42rem;
}

@media (min-width: 40rem) {
  .SHINUHDZWWAGYXR {
    /*yqh*/
    margin-top: 6rem;
  }
}

@media (min-width: 64rem) {
  .SHINUHDZWWAGYXR {
    /*yqp*/
    margin-top: 0;
  }
}

@media (min-width: 64rem) {
  .SHINUHDZWWAGYXR {
    /*yqr*/
    margin-right: 0;
  }
}

@media (min-width: 64rem) {
  .SHINUHDZWWAGYXR {
    /*yqs*/
    margin-left: 2.5rem;
  }
}

@media (min-width: 64rem) {
  .SHINUHDZWWAGYXR {
    /*yqu*/
    max-width: none;
  }
}

@media (min-width: 64rem) {
  .SHINUHDZWWAGYXR {
    /*yqv*/
    flex: none;
  }
}

@media (min-width: 80rem) {
  .SHINUHDZWWAGYXR {
    /*yrc*/
    margin-left: 8rem;
  }
}

.BQTAEZBKMTDNGWP {
  /*ynv*/
  max-width: 48rem;
  /*ynx*/
  flex: none;
}

@media (min-width: 40rem) {
  .BQTAEZBKMTDNGWP {
    /*yqj*/
    max-width: 64rem;
  }
}

@media (min-width: 64rem) {
  .BQTAEZBKMTDNGWP {
    /*yqu*/
    max-width: none;
  }
}

.EJRWODNRPRKFRMF {
  /*yni*/
  margin: -0.5rem;
  /*yof*/
  border-radius: 0.75rem;
  /*yoi*/
  background-color: oklab(21% -0.00316127 -0.0338527/0.05);
  /*yot*/
  padding: 0.5rem;
  /*ypu*/
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  /*ypv*/
  --tw-ring-color: oklab(21% -0.00316127 -0.0338527/0.1);
  /*ypz*/
  --tw-ring-inset: inset;
}

@media (min-width: 64rem) {
  .EJRWODNRPRKFRMF {
    /*yqn*/
    margin: -1rem;
  }
}

@media (min-width: 64rem) {
  .EJRWODNRPRKFRMF {
    /*yqx*/
    border-radius: 1rem;
  }
}

@media (min-width: 64rem) {
  .EJRWODNRPRKFRMF {
    /*yqy*/
    padding: 1rem;
  }
}

.TIMOTBNMVDIVTVZ {
  /*ynt*/
  width: 76rem;
  /*yoe*/
  border-radius: 0.375rem;
  /*yog*/
  background-color: oklch(98.5% 0.002 247.839);
  /*yps*/
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),
    0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  /*ypu*/
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  /*ypv*/
  --tw-ring-color: oklab(21% -0.00316127 -0.0338527/0.1);
}
.cta2-container {
  background-color: var(--primary-color);
}

.cta2-subcontainer {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.cta2-title-container {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
}

.cta2-header {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: rgb(17 24 39);
}

.cta2-logos-container {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

@media (min-width: 640px) {
  .cta2-subcontainer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .cta2-header {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .cta2-subcontainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .cta2-logos-container {
    margin-top: 0px;
    flex-shrink: 0;
  }
}

.cta2-item-image-wrapper {
  height: 3.5rem;
  width: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;

  background-color: rgb(255 255 255 / 1);

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);

  --tw-ring-color: rgb(17 24 39 / 0.1);
  border-radius: 0.5rem;
}

.cta2-item-image {
  height: 2.5rem;
  width: 2.5rem;
  flex: none;
  border-radius: 0.5rem;
  background-color: rgb(255 255 255 / 1);
  -o-object-fit: cover;
  object-fit: cover;
}
.feature1-section-container {
  background-color: rgb(255 255 255);
}

.feature1-container {
  padding-bottom: 2rem;
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  text-align: center;
}

.feature1-title {
  margin-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  letter-spacing: -0.025em;
  font-weight: 800;
  color: rgb(17 24 39/1);
}

.feature1-subtitle {
  color: rgb(107 114 128/1);
}

.icon-container {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.icon-container > :not([hidden]) ~ :not([hidden]) {
  margin-top: 2rem;
}

.icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  width: 6rem;
  height: 6rem;
  border-radius: 0.5rem;
}

.icon-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: rgb(17 24 39/1);
}

.icon-description {
  margin-bottom: 1rem;
  color: rgb(107 114 128/1);
}

.icon-wrapper1 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  width: 6rem;
  height: 6rem;
}

.icon1 {
  margin-left: auto;
  margin-right: auto;
  width: 4rem;
  height: 4rem;
  color: var(--primary-color);
}

.icon2 {
  margin-left: auto;
  margin-right: auto;
  width: 4rem;
  height: 4rem;
  color: var(--primary-color);
}

.link-text {
  text-align: center;

  .link {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    text-decoration: underline;

    .link-icon {
      margin-left: 0.25rem;
      width: 1.25rem;
      height: 1.25rem;
    }
  }
}
@media (min-width: 640px) {
  .feature1-container {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }

  .feature1-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 768px) {
  .icon-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
  }

  .icon-container > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
    margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
  }
}

@media (min-width: 1024px) {
  .feature1-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .feature1-subtitle {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .icon-container {
    margin-top: 4rem;
  }
}
.get-started-today-section {
  position: relative;

  overflow: hidden;

  background-color: var(--primary-color);

  padding-top: 8rem;
  padding-bottom: 8rem;
}

.get-started-today-img {
  position: absolute;

  left: 50%;

  top: 50%;

  max-width: none;

  --tw-translate-x: -50%;

  --tw-translate-y: -50%;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  color: transparent;
}

.get-started-outer-container {
  margin-left: auto;
  margin-right: auto;

  max-width: 80rem;

  position: relative;

  padding-left: 1rem;
  padding-right: 1rem;
}
.get-started-text-container {
  margin-left: auto;
  margin-right: auto;

  max-width: 32rem;

  text-align: center;
}

.get-started-title {
  font-family: var(--font-lexend);

  font-size: 2rem;
  line-height: 2.5rem;

  letter-spacing: -0.025em;

  color: rgb(255 255 255/1);
}

.get-started-desc {
  margin-top: 1rem;

  font-size: 1.125rem;
  line-height: 2rem;

  letter-spacing: -0.025em;

  color: rgb(255 255 255/1);
}

.get-started-btn {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 9999px;

  padding-top: 0.5rem;
  padding-bottom: 0.5rem;

  padding-left: 1rem;
  padding-right: 1rem;

  font-size: 0.875rem;
  line-height: 1.5rem;

  font-weight: 600;

  margin-top: 2.5rem;

  background-color: rgb(255 255 255/1);

  color: rgb(15 23 42/1);
}

.get-started-btn:hover {
  background-color: rgb(239 246 255/1);
}

.get-started-btn:focus-visible {
  outline-width: 2px;

  outline-offset: 2px;

  outline-color: #fff;
}

.get-started-btn:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.get-started-btn:active {
  background-color: rgb(191 219 254 / 1);

  color: rgb(71 85 105 / 1);
}

@media (min-width: 640px) {
  .get-started-outer-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .get-started-title {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 1024px) {
  .get-started-outer-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.integration-card-section {
  background-color: rgb(255 255 255 / 1);
}

.integration-card-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.integration-card-list-container {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  row-gap: 2rem;
}

.card-item {
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(229 231 235);
}

.card-item-header-container {
  flex-direction: column;
  -moz-row-gap: 1rem;
  row-gap: 1rem;
  display: flex;
  border-bottom-width: 1px;
  border-color: rgb(17 24 39 / 0.05);
  background-color: rgb(249 250 251);
  padding: 1rem;
}

.card-item-header-images-container {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.card-item-image-wrapper {
  height: 3.5rem;
  width: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(255 255 255);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(17 24 39 / 0.1);
  border-radius: 0.5rem;
}

.card-item-image {
  height: 2.5rem;
  width: 2.5rem;
  flex: none;
  border-radius: 0.5rem;
  background-color: rgb(255 255 255);
  -o-object-fit: cover;
  object-fit: cover;
}

.card-item-title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  color: rgb(17 24 39);
}

.card-item-cta-container {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;

  padding-left: 1.5rem;
  padding-right: 1.5rem;

  padding-top: 1rem;
  padding-bottom: 1rem;

  font-size: 0.875rem;
  line-height: 1.25rem;

  line-height: 1.5rem;
}

.card-item-cta-container > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));

  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}

.card-item-cta-sub-container {
  display: flex;

  justify-content: space-between;

  -moz-column-gap: 1rem;
  column-gap: 1rem;

  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 640px) {
  .integration-card-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .integration-card-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .integration-card-list-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280) {
  .integration-card-list-container {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
}

.features3-title-header-container {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  max-width: 42rem;
  gap: 1rem;
  text-align: center;
}

.features3-heading {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  line-height: 1.75rem;
  color: var(--primary-color);
}

.features3-sub-title {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: rgb(17 24 39);
}

.features3-description {
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 2rem;
  color: rgb(75 85 99);
}

.faq {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.faq-main {
  margin-left: auto;
  margin-right: auto;

  max-width: 80rem;

  padding-left: 1rem;
  padding-right: 1rem;

  position: relative;
}

.faq-section {
  margin-left: auto;
  margin-right: auto;
  max-width: 40rem;
}

.faq-sec-col {
  display: flex;

  flex-direction: column;

  row-gap: 2rem;
}

.faq-title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: rgb(15 23 42 / 1);
}

.faq-desc {
  margin-top: 11rem;
  font-size: 1.125rem;
  line-height: 2rem;
  letter-spacing: -0.025em;

  color: rgb(51 65 85 / 1);
}

.faq-sub-section {
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
  display: grid;
  max-width: 40rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}

.faq-col-title {
  font-size: 1.125rem;
  line-height: 2rem;
  line-height: 1.75rem;
  color: rgb(15 23 42 / 1);
}

.faq-col-para {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: rgb(51 65 85 / 1);
}
@media (min-width: 640px) {
  .faq {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .faq-main {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .faq-title {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}

@media (min-width: 1024px) {
  .faq-main {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .faq-section {
    margin-left: 0;
    margin-right: 0;
  }
  .faq-sub-section {
    max-width: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.VJLOPCRWLPRCCIL {
  /*bg-primary*/
  background-color: var(--primary-color);
  /*py-12*/
  padding-top: 3rem;
  padding-bottom: 3rem;
  /*text-primary-foreground*/
  color: hsl(0 0% 100%);
}

.NWUPVBWWDOAHUAZ {
  /*container*/
  width: 100%;
  /*mx-auto*/
  margin-left: auto;
  margin-right: auto;
  /*px-4*/
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1400px) {
  .NWUPVBWWDOAHUAZ {
    /*container*/
    max-width: 1400px;
  }
}

.KYZYBEKNUQAUTGB {
  /*gap-8*/
  gap: 2rem;
  /*grid*/
  display: grid;
  /*grid-cols-1*/
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .KYZYBEKNUQAUTGB {
    /*md:grid-cols-4*/
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.NMUEHKBJJCWPWWE {
}

/* Classes not found for NMUEHKBJJCWPWWE*/
/* space-y-4 */
.QCAFBSSVDXEYKRP {
  /*flex*/
  display: flex;
  /*items-center*/
  align-items: center;
}

/* Classes not found for QCAFBSSVDXEYKRP*/
/* space-x-2 */
.XQRSRLTZZDWWEYZ {
  /*brightness-0*/
  --tw-brightness: brightness(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
  /*h-8*/
  height: 2rem;
  /*invert*/
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
  /*w-8*/
  width: 2rem;
}

.MKOVLGBGYHBZJPG {
  /*font-bold*/
  font-weight: 700;
  /*text-2xl*/
  font-size: 1.5rem;
  line-height: 2rem;
}

.SMJEFPSFPMHVLUK {
}

.QLAHSVBMQFHAAHD {
  /*font-semibold*/
  font-weight: 600;
  /*mb-4*/
  margin-bottom: 1rem;
}

.NUPWNDXBAPXZAEB {
}

/* Classes not found for NUPWNDXBAPXZAEB*/
/* space-y-2 */
.KOFHJUIHDUHBRZD {
  /*transition-colors*/
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.KOFHJUIHDUHBRZD:hover {
  /*hover:text-primary-foreground*/
  color: hsl(0 0% 100%);
}

.JTTPBRJAEAMRDIE {
  /*border-t*/
  border-top-width: 1px;
  /*mt-8*/
  margin-top: 2rem;
  /*pt-8*/
  padding-top: 2rem;
  /*text-center*/
  text-align: center;
}