/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
    }
  }
}

html, body {
  will-change: auto;
  font-family: Inter, Arial, Helvetica, sans-serif;
}

html {
  scroll-behavior: smooth;
  background-color: var(--color-gray-70, #f8f8f9);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
}

*, p {
  margin: var(--spacing-0, 0px);
  padding: var(--spacing-0, 0px);
  box-sizing: border-box;
}

.FeatureSectionText {
  text-align: center;
  --tw-font-weight: var(--font-weight-medium, 500);
  width: 100%;
  font-weight: var(--font-weight-medium, 500);
}

@media (min-width: 767.98px) {
  .FeatureSectionText {
    text-align: left;
  }
}

.CtaButtonSection {
  justify-content: center;
  gap: var(--spacing-125, 10px);
  width: 100%;
  padding-inline: var(--spacing-100, 8px);
  padding-block: var(--spacing-150, 12px);
  display: flex;
}

@media (min-width: 991.98px) {
  .CtaButtonSection {
    padding-inline: var(--spacing-450, 36px);
    padding-top: var(--spacing-150, 12px);
    padding-bottom: var(--spacing-225, 18px);
  }
}

.GeneralBorderRadius {
  border-radius: var(--radius-xl, .75rem);
  overflow: hidden;
}

@media (min-width: 629.98px) {
  .GeneralBorderRadius {
    border-radius: 18px;
  }
}

@media (min-width: 991.98px) {
  .GeneralBorderRadius {
    border-radius: var(--radius-3xl, 1.5rem);
  }
}

.CustomBadgeInTable {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-green-500, #00af58);
  border-radius: 6px;
  padding-inline: var(--spacing-80, 7px) !important;
  padding-block: var(--spacing-40, 3px) !important;
  --tw-leading: 14px !important;
  --tw-font-weight: var(--font-weight-medium, 500) !important;
  font-size: 12px !important;
  line-height: 14px !important;
  font-weight: var(--font-weight-medium, 500) !important;
  color: var(--color-green-500, #00af58) !important;
}

.TextSectionPadding {
  padding-bottom: var(--spacing-150, 12px);
}

@media (min-width: 767.98px) {
  .TextSectionPadding {
    padding-block: var(--spacing-225, 18px);
  }
}

.ImageSectionMargin {
  margin-block: var(--spacing-150, 12px);
}

@media (min-width: 991.98px) {
  .ImageSectionMargin {
    margin-block: var(--spacing-225, 18px);
  }
}

.GeneralSectionPadding {
  padding-block: var(--spacing-150, 12px);
}

@media (min-width: 991.98px) {
  .GeneralSectionPadding {
    padding-block: var(--spacing-225, 18px);
  }
}

.GeneralBannerPadding {
  padding-block: var(--spacing-300, 24px);
}

@media (min-width: 629.98px) {
  .GeneralBannerPadding {
    padding-inline: var(--spacing-450, 36px);
    padding-block: var(--spacing-450, 36px);
  }
}

@media (min-width: 991.98px) {
  .GeneralBannerPadding {
    padding-inline: 15%;
  }
}

.FlexCenter {
  justify-content: center;
  align-items: center;
  display: flex;
}

.FlexCenterBetween {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.FlexWrap {
  flex-wrap: wrap;
  display: flex;
}

.FlexCol {
  flex-direction: column;
  display: flex;
}

.FlexColCenter {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.FlexCol--responsive {
  flex-direction: column;
  display: flex;
}

@media (min-width: 767.98px) {
  .FlexCol--responsive {
    flex-direction: row;
  }
}

.FlexCol--sm-responsive {
  flex-direction: column;
  display: flex;
}

@media (min-width: 629.98px) {
  .FlexCol--sm-responsive {
    flex-direction: row;
  }
}

.IconDimensions--x-small {
  height: var(--spacing-200, 16px);
  width: var(--spacing-200, 16px);
}

.IconDimensions--small {
  width: 24px;
  height: 24px;
}

.IconDimensions--medium {
  height: var(--spacing-450, 36px);
  width: var(--spacing-450, 36px);
}

.IconDimensions--large {
  width: 48px;
  height: 48px;
}

.LightGradientBackground {
  background-image: linear-gradient(90deg, #dfe2f426 0%, #82848e26 100%), radial-gradient(circle, #003efe1a 57%, #3089ff0a 100%);
}

.BlueGradientBackground {
  border-style: var(--tw-border-style);
  background-color: linear-gradient(90deg, #847fd326 0%, #82848e26 100%), #000fc833;
  --tw-shadow: inset 0px 0px 130px 0px var(--tw-shadow-color, #ffffff26);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(20px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  border-width: 1px;
  border-color: #ffffff26;
}

.TransitionAll {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  will-change: transform, opacity;
  transition-duration: .3s;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}