.purple-gradient-text {
  background: linear-gradient(90deg, #8972ff 16.02%, #d1c8ff 114.06%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.input-gradient-box-outer {
  background: radial-gradient(
    101.78% 190.99% at 37.06% -14.58%,
    rgba(255, 255, 255, 0.06) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  box-sizing: border-box;
  position: relative;
  border-radius: 6px;
  backdrop-filter: blur(21px);
}

.input-gradient-box-outer::before {
  content: '';
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid;
  border-radius: 7px;

  background:
    radial-gradient(
        106.37% 282.8% at -3.82% -3.12%,
        rgba(21, 21, 21, 0.6) 0%,
        rgba(21, 21, 21, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        131.07% 260.49% at 0% 0%,
        #6b4eff 0%,
        rgba(107, 78, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        98.54% 262.92% at 1.46% 0%,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.input-gradient-box-outer:focus-within::before {
  padding: 2px;
  border: 2px solid;
  background:
    radial-gradient(
        106.37% 282.8% at -3.82% -3.12%,
        rgba(21, 21, 21, 0.1) 0%,
        rgba(21, 21, 21, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        131.07% 260.49% at 0% 0%,
        rgba(107, 78, 255, 0.8) 0%,
        rgba(107, 78, 255, 0.6) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        98.54% 262.92% at 1.46% 0%,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
}

.study-type-gradient {
  position: relative;
  background: linear-gradient(
    91.45deg,
    rgba(55, 52, 69, 0.12) 1.51%,
    rgba(55, 52, 69, 0.135) 97.47%
  );
}

.light-purple-gradient {
  position: relative;
  background: linear-gradient(
    14.78deg,
    rgba(55, 52, 69, 0.136) 3.84%,
    rgba(55, 52, 69, 0.368) 103.86%
  );
}

.light-purple-gradient::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    164.98deg,
    #373445 -10.78%,
    rgba(55, 52, 69, 0) 130.84%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.dropdown-gradient {
  position: relative;
  background: linear-gradient(23.79deg, #120f24 13.95%, #120f24 85.18%);
}

.dropdown-gradient::before {
  content: '';
  position: absolute;
  width: 100%;
  inset: 0;
  padding: 1px;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    164.98deg,
    #373445 -10.78%,
    rgb(55, 52, 69) 130.84%
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.form-radio {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid rgb(196 181 253);
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  position: relative;
}

.form-radio:checked {
  background-color: transparent;
  border-color: rgb(196 181 253);
}

.form-radio:checked::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgb(196 181 253);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-radio:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(196 181 253 / 0.3); /* violet-500 with opacity */
}

.section-heading,
.secondary-section-heading {
  background: linear-gradient(
    181.83deg,
    #ffffff 1.55%,
    rgba(255, 255, 255, 0.75) 98.45%
  );

  font-size: 2.25rem;
  font-weight: 600;
  line-height: 3.125rem;
  text-align: center;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.primary-button {
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  width: 100%;
  height: 44px;
  color: #ffffff;
  position: relative;
  background: linear-gradient(270deg, #6b4eff 0%, #5533ff 100%);
}

.secondary-button {
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  width: 100%;
  height: 44px;
  color: #ffffff;
  position: relative;
  background: radial-gradient(
    89.36% 183.33% at 37.06% -14.58%,
    rgba(255, 255, 255, 0.112) 0%,
    rgba(255, 255, 255, 0.024) 100%
  );
}

.per-response-btn {
  background: linear-gradient(
    14.78deg,
    rgba(55, 52, 69, 0.66) 3.84%,
    rgba(55, 52, 69, 0.79) 103.86%
  );
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  font-size: 14px;
  font-weight: 600;
  color: #e8e7ec;
}

.secondary-button::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;

  background:
    radial-gradient(
      106.37% 282.8% at -3.82% -3.12%,
      rgba(21, 21, 21, 0.6) 0%,
      rgba(21, 21, 21, 0) 100%
    ),
    radial-gradient(
      131.07% 260.49% at 0% 0%,
      #6b4eff 0%,
      rgba(107, 78, 255, 0) 100%
    ),
    radial-gradient(
      98.54% 262.92% at 1.46% 0%,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.other-plan {
  background: radial-gradient(
    89.36% 183.33% at 37.06% -14.58%,
    rgba(255, 255, 255, 0.056) 0%,
    rgba(255, 255, 255, 0.012) 100%
  );
  position: relative;
}

.other-plan::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;

  background:
    radial-gradient(
        106.37% 282.8% at -3.82% -3.12%,
        rgba(21, 21, 21, 0.6) 0%,
        rgba(21, 21, 21, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        131.07% 260.49% at 0% 0%,
        #6b4eff 0%,
        rgba(107, 78, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        98.54% 262.92% at 1.46% 0%,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.essential-plan {
  background: radial-gradient(
    89.36% 183.33% at 37.06% -14.58%,
    rgba(255, 255, 255, 0.1275) 0%,
    rgba(255, 255, 255, 0.045) 100%
  );

  box-shadow: 0px 2px 16px 0px #b2a3ff45;

  position: relative;
}

.essential-plan::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  z-index: -1;

  background:
    radial-gradient(
        106.37% 282.8% at -3.82% -3.12%,
        rgba(21, 21, 21, 0.6) 0%,
        rgba(21, 21, 21, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        131.07% 260.49% at 0% 0%,
        #6b4eff 0%,
        rgba(107, 78, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        98.54% 262.92% at 1.46% 0%,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.gradient-icon-wrapper {
  background: radial-gradient(
      108.62% 296.06% at 0% 1.97%,
      rgba(255, 255, 255, 0.1218) 0%,
      rgba(255, 255, 255, 0.0696) 100%
    )
    /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}

.gradient-icon-wrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;

  background:
    radial-gradient(
        98.54% 262.92% at 0% 0%,
        #151515 0%,
        rgba(21, 21, 21, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        100% 266.82% at 0% 2.79%,
        #6b4eff 0%,
        rgba(107, 78, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        98.54% 262.92% at 1.46% 0%,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.seperator {
  height: 1px;
  width: 100%;
  position: relative;
}

.credit-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  color: #8e8a9a;
  border: 1px solid;
  border-radius: 6px;
  border: 2px solid rgba(55, 52, 69, 0.89);
  cursor: pointer;
}

.credit-button[data-state='active'] {
  color: #e8e7ec;
  border: 2px solid #6b4eff;
}

.offering-point {
  color: #b8b4c5;
  -webkit-text-decoration: underline dotted #b8b4c5;
  text-decoration: underline dotted #b8b4c5;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

.seperator::before {
  content: '';
  position: absolute;
  inset: 0;
  padding-top: 1px;
  border-radius: inherit;

  background:
    radial-gradient(
        106.37% 282.8% at -3.82% -3.12%,
        rgba(21, 21, 21, 0.6) 0%,
        rgba(21, 21, 21, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        131.07% 260.49% at 0% 0%,
        #6b4eff 0%,
        rgba(107, 78, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        98.54% 262.92% at 1.46% 0%,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.comparison-tab-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  color: #8e8a9a;
  background: radial-gradient(
    108.62% 296.06% at 0% 1.97%,
    rgba(255, 255, 255, 0.084) 0%,
    rgba(255, 255, 255, 0.048) 100%
  );
  border-radius: 24px;
  cursor: pointer;
  position: relative;
}

.comparison-tab-button::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;

  background:
    radial-gradient(
      98.54% 262.92% at 0% 0%,
      #151515 0%,
      rgba(21, 21, 21, 0) 100%
    ),
    radial-gradient(
      98.54% 262.92% at 1.46% 0%,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.comparison-tab-button[data-state='active'] {
  color: #8972ff;
}

.comparison-tab-button[data-state='active']::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;

  background:
    radial-gradient(
      98.54% 262.92% at 0% 0%,
      #151515 0%,
      rgba(21, 21, 21, 0) 100%
    ),
    radial-gradient(
      100% 266.82% at 0% 2.79%,
      #6b4eff 0%,
      rgba(107, 78, 255, 0) 100%
    ),
    radial-gradient(
      98.54% 262.92% at 1.46% 0%,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.comparison-tablet-wrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  border-radius: inherit;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  background: linear-gradient(
    176.14deg,
    rgba(101, 98, 112, 0.59) 43.09%,
    rgba(101, 98, 112, 0.47) 97.81%
  );
}

.comparison-tablet-selector {
  background: radial-gradient(
    108.62% 296.06% at 0% 1.97%,
    rgba(255, 255, 255, 0.084) 0%,
    rgba(255, 255, 255, 0.048) 100%
  );
}
.comparison-tablet-selector::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background:
    radial-gradient(
      98.54% 262.92% at 0% 0%,
      #151515 0%,
      rgba(21, 21, 21, 0) 100%
    ),
    radial-gradient(
      100% 266.82% at 0% 2.79%,
      #6b4eff 0%,
      rgba(107, 78, 255, 0) 100%
    ),
    radial-gradient(
      98.54% 262.92% at 1.46% 0%,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.accordion .accordion-item[aria-expanded='true'] .accordion-content {
  max-height: 100vh;
}

.accordion .accordion-item[aria-expanded='false'] .accordion-content {
  max-height: 0;
}

.accordion .accordion-item[aria-expanded='true'] .accordion-icon {
  transform: rotate(45deg);
  color: white;
}

.accordion .accordion-item[aria-expanded='true'] .accordion-content {
  transition: all 3000ms cubic-bezier(0.33, 0.76, 0.59, 1);
}
.accordion
  .accordion-item[aria-expanded='true']
  .accordion-content#how-does-the-credit-system-work {
  transition: all 1500ms cubic-bezier(0.33, 0.76, 0.59, 1);
}
.accordion
  .accordion-item[aria-expanded='true']
  .accordion-content#how-does-the-pricing-work {
  transition: all 2000ms cubic-bezier(0.33, 0.76, 0.59, 1);
}

.accordion .accordion-item[aria-expanded='false'] .accordion-content {
  transition: all 400ms cubic-bezier(0.33, 0.76, 0.59, 1);
}

.faq-action-icon {
  background: radial-gradient(
    108.62% 296.06% at 0% 1.97%,
    rgba(255, 255, 255, 0.1218) 0%,
    rgba(255, 255, 255, 0.0696) 100%
  );
  position: relative;
}

.faq-action-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background:
    radial-gradient(
        100% 266.82% at 0% 2.79%,
        #6b4eff 0%,
        rgba(107, 78, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        98.54% 262.92% at 0% 0%,
        #151515 0%,
        rgba(21, 21, 21, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

#mobile-tablet-plan-cta {
  transition: bottom 0.3s ease-in-out;
}

@media screen and (max-width: 1023px) {
  #plan-comparisons[data-plan='PayAsYouGo'] .pay-as-you-go-value {
    display: flex;
  }

  #plan-comparisons[data-plan='PayAsYouGo'] .essential-value {
    display: none;
  }

  #plan-comparisons[data-plan='PayAsYouGo'] .enterprise-plan-value {
    display: none;
  }

  #plan-comparisons[data-plan='PayAsYouGo'] #mt-payAsYouGo-plan-btn {
    display: flex;
  }

  #plan-comparisons[data-plan='PayAsYouGo'] #mt-essential-plan-btn {
    display: none;
  }

  #plan-comparisons[data-plan='PayAsYouGo'] #mt-enterprise-plan-btn {
    display: none;
  }

  #plan-comparisons[data-plan='Essential'] .pay-as-you-go-value {
    display: none;
  }

  #plan-comparisons[data-plan='Essential'] .essential-value {
    display: flex;
  }

  #plan-comparisons[data-plan='Essential'] .enterprise-plan-value {
    display: none;
  }

  #plan-comparisons[data-plan='Essential'] #mt-payAsYouGo-plan-btn {
    display: none;
  }

  #plan-comparisons[data-plan='Essential'] #mt-essential-plan-btn {
    display: flex;
  }

  #plan-comparisons[data-plan='Essential'] #mt-enterprise-plan-btn {
    display: none;
  }

  #plan-comparisons[data-plan='Enterprise'] .pay-as-you-go-value {
    display: none;
  }

  #plan-comparisons[data-plan='Enterprise'] .essential-value {
    display: none;
  }

  #plan-comparisons[data-plan='Enterprise'] .enterprise-plan-value {
    display: flex;
  }

  #plan-comparisons[data-plan='Enterprise'] #mt-payAsYouGo-plan-btn {
    display: none;
  }

  #plan-comparisons[data-plan='Enterprise'] #mt-essential-plan-btn {
    display: none;
  }

  #plan-comparisons[data-plan='Enterprise'] #mt-enterprise-plan-btn {
    display: flex;
  }
}

.comparison-points-wrapper {
  margin-top: 5rem;
}
.comparison-points-wrapper:first-child {
  margin-top: 0;
}

.credit-button .check-icon {
  display: none;
}

.credit-button[data-state='active'] .check-icon {
  display: inline-block !important;
}
/* ////////////////////////// */

.team-case-study-card {
  position: relative;
  background: radial-gradient(
    89.36% 183.33% at 37.06% -14.58%,
    rgba(255, 255, 255, 0.084) 0%,
    rgba(255, 255, 255, 0.018) 100%
  );
}

.team-case-study-card::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background:
    radial-gradient(
      106.37% 282.8% at -3.82% -3.12%,
      rgba(21, 21, 21, 0.6) 0%,
      rgba(21, 21, 21, 0) 100%
    ),
    radial-gradient(
      131.07% 260.49% at 0% 0%,
      #6b4eff 0%,
      rgba(107, 78, 255, 0) 100%
    ),
    radial-gradient(
      98.54% 262.92% at 1.46% 0%,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.team-case-study-button {
  background: linear-gradient(
    14.78deg,
    rgba(55, 52, 69, 0.45) 3.84%,
    #373445 103.86%
  );
  position: relative;
  width: 7.5rem;
  height: 2rem;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #8972ff;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  border-radius: 28px;
}

.team-case-study-button::before {
  content: '';
  position: absolute;
  width: 100%;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(
    164.98deg,
    #373445 -10.78%,
    rgba(55, 52, 69, 0.01) 130.84%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.powered-company {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.purple-gradient-outer {
  background: radial-gradient(
    101.78% 190.99% at 37.06% -14.58%,
    rgba(255, 255, 255, 0.11) 0%,
    rgba(255, 255, 255, 0.02) 100%
  );
  backdrop-filter: blur(21px);
}

.purple-gradient-outer::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;

  background:
    radial-gradient(
        106.37% 282.8% at -3.82% -3.12%,
        rgba(21, 21, 21, 0.6) 0%,
        rgba(21, 21, 21, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        131.07% 260.49% at 0% 0%,
        #6b4eff 0%,
        rgba(107, 78, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        98.54% 262.92% at 1.46% 0%,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.att-svg-icon {
  height: 44px;
  width: auto;
}

.meta-svg-icon {
  height: 23px;
  width: auto;
}

.metagenics-svg-icon {
  height: 24px;
  width: auto;
}

.disney-svg-icon {
  height: 40px;
  width: auto;
}

.pinterest-svg-icon {
  width: 50px;
  height: 50px;
}

.neom-svg-icon {
  width: 64px;
  height: 64px;
}

.credit-usage-box {
  position: relative;
  background: radial-gradient(
    89.36% 183.33% at 37.06% -14.58%,
    rgba(255, 255, 255, 0.028) 0%,
    rgba(255, 255, 255, 0.006) 100%
  );
}

.credit-usage-box::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background:
    radial-gradient(
      106.37% 282.8% at -3.82% -3.12%,
      rgba(21, 21, 21, 0.6) 0%,
      rgba(21, 21, 21, 0) 100%
    ),
    radial-gradient(
      131.07% 260.49% at 0% 0%,
      #6b4eff 0%,
      rgba(107, 78, 255, 0) 100%
    ),
    radial-gradient(
      98.54% 262.92% at 1.46% 0%,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

@media screen and (min-width: 640px) {
  .section-heading {
    font-size: 3rem;
    line-height: 4rem;
  }

  .secondary-section-heading {
    font-size: 2.75rem;
    line-height: 3.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .section-heading {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
  .secondary-section-heading {
    font-size: 3rem;
    line-height: 4rem;
  }

  .team-case-study-card:hover {
    box-shadow: 0px 2px 22px 0px rgba(178, 163, 255, 0.27);
  }

  .team-case-study-card:hover .team-case-study-button {
    color: #f3f3f6;
  }
}

@media screen and (min-width: 1280px) {
  .secondary-section-heading {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

.table-gradient-border {
  border-bottom: 1px solid #6c4eff59;
}
/* 
.table-gradient-border::before {
  content: '';
  position: absolute;
  inset: 0;
  min-height: 1px;
  width: 100%;
  top: 100%;
  border-radius: inherit;
  background:
    radial-gradient(
        106.37% 282.8% at -3.82% -3.12%,
        rgba(21, 21, 21, 0.6) 0%,
        rgba(21, 21, 21, 0) 100%
      ),
    radial-gradient(
        131.07% 260.49% at 0% 0%,
        #6b4eff 0%,
        rgba(107, 78, 255, 0) 100%
      ),
    radial-gradient(
        98.54% 262.92% at 1.46% 0%,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
} */

/* ///////////// */

.tooltip-container {
  position: relative;
  display: inline-block;
}

.tooltip-content-wrapper {
  padding-left: 16px;
  display: none;
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.tooltip-content {
  border-radius: 6px;
  background: linear-gradient(
    14.78deg,
    rgba(34, 32, 42, 0.45) 3.84%,
    rgba(55, 52, 69, 0.66) 103.86%
  ) !important;
  color: #e8e7ec;
  min-width: 260px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  text-align: start;
  padding: 12px 18px;
}

.tooltip-container.active .tooltip-content-wrapper {
  display: block;
}

.tooltip-container.active .offering-point {
  color: #f3f3f6;
  -webkit-text-decoration: underline dotted #f3f3f6;
  text-decoration: underline dotted #f3f3f6;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

@media screen and (max-width: 639px) {
  .tooltip-container.active .tooltip-content-wrapper {
    top: 0;
    transform: translateY(calc(-100% - 12px));
    left: 0;
  }
}

.slider-container {
  width: 100%;
  position: relative;
}

.slider-track-container {
  position: relative;
  width: 100%;
  height: 7px;
}

.value-bubble {
  position: absolute;
  top: 0;
  background: #2a2f38;
  border-radius: 8px;
  color: white;
  padding: 2px 8px;
  top: -30px;
  font-size: 12px;
  font-weight: 600;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  z-index: 3;
}

.base-track {
  position: absolute;
  width: 100%;
  height: 7px;
  top: 5px;
  background: #373445;
  border-radius: 4px;
  left: 0;
  z-index: 1;
}

.range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 7px;
  background: transparent;
  outline: none;
  margin: 0;
  border: none;
  position: relative;
  z-index: 3;
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 50%;
  border: 4px solid red;
  cursor: pointer;
  border: none;
  margin-top: -8px;
  position: relative;
  z-index: 3;
}

.range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: white;
  border: 4px solid red;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  position: relative;
  z-index: 3;
}

.range::-moz-range-track {
  background: transparent;
  height: 7px;
  border-radius: 4px;
  border: none;
}

.track-fill {
  position: absolute;
  height: 7px;
  background: #6b5eff;
  border-radius: 4px;
  top: 5px;
  left: 0;
  pointer-events: none;
  z-index: 3;
}
.market-breakpoint {
  position: absolute;
  height: 7px;
  width: 3px;
  background: #201c31;
  top: 5px;
  pointer-events: none;
  z-index: 2;
}

#essential-plan[data-plan='essential'] #essential-header {
  display: flex;
}

#essential-plan[data-plan='essential'] #pay-as-you-go-header {
  display: none;
}

#essential-plan[data-plan='pay-as-you-go'] #essential-header {
  display: none;
}

#essential-plan[data-plan='pay-as-you-go'] #pay-as-you-go-header {
  display: flex;
}

#essential-plan[data-plan='pay-as-you-go'] #pay-as-you-go-offerings {
  display: block;
}

#essential-plan[data-plan='pay-as-you-go'] #essential-offerings {
  display: none;
}

#essential-plan[data-plan='essential'] #essential-plan-description {
  display: block;
}

#essential-plan[data-plan='essential'] #pay-as-you-go-description {
  display: none;
}

#essential-plan[data-plan='pay-as-you-go'] #essential-plan-description {
  display: none;
}

#essential-plan[data-plan='essential'] #pay-as-you-go-offerings {
  display: none;
}

#essential-plan[data-plan='essential'] #essential-offerings {
  display: block;
}

#essential-plan[data-plan='pay-as-you-go'] #pay-as-you-go-description {
  display: block;
}

#essential-plan[data-plan='essential'] #essential-ctas {
  display: flex;
}

#essential-plan[data-plan='essential'] #pay-as-you-go-ctas {
  display: none;
}

#essential-plan[data-plan='pay-as-you-go'] #essential-ctas {
  display: none;
}

#essential-plan[data-plan='pay-as-you-go'] #pay-as-you-go-ctas {
  display: flex;
}

.purple-active-border {
  border: 2px solid #8972ff;
}

/* Hide number input spinners */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}

.error-state::before {
  border-color: #e72b16 !important;
}

.error-state input {
  color: #e72b16 !important;
}

button.error-state {
  border: 1px solid #e72b16 !important;
}

.dropdown-error-message {
  color: #e72b16;
  font-size: 0.75rem;
  line-height: 1;
}