:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 7 Free";
  --fa-font-light: normal 300 1em/1 "Font Awesome 7 Pro";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 7 Pro";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 7 Duotone";
  --fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 7 Duotone";
  --fa-font-duotone-light: normal 300 1em/1 "Font Awesome 7 Duotone";
  --fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 7 Duotone";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 7 Brands";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-sharp-duotone-regular: normal 400 1em/1
    "Font Awesome 7 Sharp Duotone";
  --fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-slab-regular: normal 400 1em/1 "Font Awesome 7 Slab";
  --fa-font-slab-press-regular: normal 400 1em/1 "Font Awesome 7 Slab Press";
  --fa-font-whiteboard-semibold: normal 600 1em/1 "Font Awesome 7 Whiteboard";
  --fa-font-thumbprint-light: normal 300 1em/1 "Font Awesome 7 Thumbprint";
  --fa-font-notdog-solid: normal 900 1em/1 "Font Awesome 7 Notdog";
  --fa-font-notdog-duo-solid: normal 900 1em/1 "Font Awesome 7 Notdog Duo";
  --fa-font-etch-solid: normal 900 1em/1 "Font Awesome 7 Etch";
  --fa-font-jelly-regular: normal 400 1em/1 "Font Awesome 7 Jelly";
  --fa-font-jelly-fill-regular: normal 400 1em/1 "Font Awesome 7 Jelly Fill";
  --fa-font-jelly-duo-regular: normal 400 1em/1 "Font Awesome 7 Jelly Duo";
  --fa-font-chisel-regular: normal 400 1em/1 "Font Awesome 7 Chisel";
  --fa-font-utility-semibold: normal 600 1em/1 "Font Awesome 7 Utility";
  --fa-font-utility-duo-semibold: normal 600 1em/1 "Font Awesome 7 Utility Duo";
  --fa-font-utility-fill-semibold: normal 600 1em/1
    "Font Awesome 7 Utility Fill";
}

.svg-inline--fa {
  box-sizing: content-box;
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
  width: var(--fa-width, 1.25em);
}
.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}
.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}
.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285714em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}
.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}
.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}
.svg-inline--fa.fa-pull-left,
.svg-inline--fa .fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin, 0.3em);
}
.svg-inline--fa.fa-pull-right,
.svg-inline--fa .fa-pull-end {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, 0.3em);
}
.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  inset-block-start: 0.25em; /* syncing vertical alignment with Web Font rendering */
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: var(--fa-width, 1.25em);
}
.fa-layers .svg-inline--fa {
  inset: 0;
  margin: auto;
  position: absolute;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-counter-scale, 0.25));
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top left;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: calc(
    10 / 16 * 1em
  ); /* converts a 10px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(
    1 / 10 * 1em
  ); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc(
    (6 / 10 - 0.375) * 1em
  ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xs {
  font-size: calc(
    12 / 16 * 1em
  ); /* converts a 12px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(
    1 / 12 * 1em
  ); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc(
    (6 / 12 - 0.375) * 1em
  ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-sm {
  font-size: calc(
    14 / 16 * 1em
  ); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(
    1 / 14 * 1em
  ); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc(
    (6 / 14 - 0.375) * 1em
  ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-lg {
  font-size: calc(
    20 / 16 * 1em
  ); /* converts a 20px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(
    1 / 20 * 1em
  ); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc(
    (6 / 20 - 0.375) * 1em
  ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xl {
  font-size: calc(
    24 / 16 * 1em
  ); /* converts a 24px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(
    1 / 24 * 1em
  ); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc(
    (6 / 24 - 0.375) * 1em
  ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-2xl {
  font-size: calc(
    32 / 16 * 1em
  ); /* converts a 32px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(
    1 / 32 * 1em
  ); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc(
    (6 / 32 - 0.375) * 1em
  ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-width-auto {
  --fa-width: auto;
}

.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-inline-start: var(--fa-li-margin, 2.5em);
  padding-inline-start: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

/* Heads Up: Bordered Icons will not be supported in the future!
  - This feature will be deprecated in the next major release of Font Awesome (v8)!
  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
*/
/* Notes:
* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
* --@{v.$css-prefix}-border-padding =
  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
*/
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.0625em);
  box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, 0.1875em 0.25em);
}

.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right,
.fa-pull-end {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.28, 0.84, 0.42, 1)
  );
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation: none !important;
    transition: none !important;
  }
}
@keyframes fa-beat {
  0%,
  90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
  }
  30% {
    transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%,
  100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%,
  24% {
    transform: rotate(-18deg);
  }
  12%,
  28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%,
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.svg-inline--fa.fa-inverse {
  fill: var(--fa-inverse, #fff);
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.svg-inline--fa.fa-stack-1x {
  --fa-width: 1.25em;
  height: 1em;
  width: var(--fa-width);
}
.svg-inline--fa.fa-stack-2x {
  --fa-width: 2.5em;
  height: 2em;
  width: var(--fa-width);
}

.fa-stack-1x,
.fa-stack-2x {
  inset: 0;
  margin: auto;
  position: absolute;
  z-index: var(--fa-stack-z-index, auto);
}

.card-hover.jsx-c81fca0eb6e485df:hover {
  -webkit-transform: translatey(-10px);
  -moz-transform: translatey(-10px);
  -ms-transform: translatey(-10px);
  -o-transform: translatey(-10px);
  transform: translatey(-10px);
  -webkit-box-shadow: 0 15px 40px rgba(108, 26, 252, 0.15) !important;
  -moz-box-shadow: 0 15px 40px rgba(108, 26, 252, 0.15) !important;
  box-shadow: 0 15px 40px rgba(108, 26, 252, 0.15) !important;
  border-color: rgba(108, 26, 252, 0.3) !important;
}
.hover-title.jsx-c81fca0eb6e485df:hover {
  color: #6c1afc !important;
}

.u-style-1 {
  border-radius: 8px;
}
.u-style-2 {
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
.u-style-3 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.u-style-4 {
  font-size: 12px;
}
.u-style-5 {
  position: relative;
}
.u-style-6 {
  cursor: pointer;
}
.u-style-7 {
  width: 24px;
  height: 18px;
  object-fit: cover;
  border-radius: 2px;
}
.u-style-8 {
  min-width: 150px;
  padding: 8px 4px;
}
.u-style-9 {
  margin: 0px;
}
.u-style-10 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid rgb(241, 241, 241);
}
.u-style-11 {
  width: 24px;
  height: 18px;
  object-fit: cover;
  border-radius: 2px;
}
.u-style-12 {
  font-size: 14px;
  font-weight: 400;
}
.u-style-13 {
  margin: 0;
}
.u-style-14 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
}
.u-style-15 {
  font-size: 14px;
  font-weight: 400;
}
.u-style-16 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: none;
}
.u-style-17 {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.u-style-18 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.u-style-19 {
  max-height: 40px;
}
.u-style-20 {
  cursor: pointer;
  padding: 8px 12px;
  background: rgba(108, 26, 252, 0.1);
  border-radius: 8px;
}
.u-style-21 {
  min-width: 150px;
  padding: 8px 4px;
  right: 0;
  left: auto;
}
.u-style-22 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
}
.u-style-23 {
  display: none;
}
.u-style-24 {
  font-size: 14px;
  margin-bottom: 8px;
}
.u-style-25 {
  width: 100%;
  height: 100%;
}
.hero3-split-line {
  display: block;
  text-align: start;
  position: relative;
}
.u-style-31 {
  background-color: #f9fafb;
  padding: 120px 0;
}
.u-style-32 {
  top: 10%;
  left: -5%;
  width: 600px;
  height: 600px;
  background: radial-gradient(
    circle,
    rgba(236, 4, 251, 0.08) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  z-index: 0;
  pointer-events: none;
}
.u-style-33 {
  bottom: 10%;
  right: -5%;
  width: 500px;
  height: 500px;
  background: radial-gradient(
    circle,
    rgba(82, 89, 235, 0.08) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  z-index: 0;
  pointer-events: none;
}
.u-style-34 {
  top: 40%;
  right: 20%;
  width: 300px;
  height: 300px;
  background: radial-gradient(
    circle,
    rgba(52, 199, 89, 0.06) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  z-index: 0;
  pointer-events: none;
}
.u-style-35 {
  z-index: 1;
}
.u-style-36 {
  color: #6c1afc;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  display: inline-block;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
  padding: 8px 20px;
  border-radius: 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}
.u-style-37 {
  font-size: 42px;
  font-weight: 800;
  font-family: var(--at-4b2b-sora);
  background: linear-gradient(135deg, #07000e 20%, #6c1afc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
.u-style-38 {
  font-size: 18px;
  color: #5f5d61;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}
.u-style-39 {
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.8);
  transition: all 0.4s ease;
  z-index: 1;
}
.u-style-40 {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #ec04fb 0%, #5259eb 100%);
  color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.u-style-41 {
  font-family: var(--at-4b2b-sora);
  background: linear-gradient(135deg, #ec04fb 0%, #5259eb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
  font-size: 20px;
}
.u-style-42 {
  font-size: 15px;
  line-height: 1.6;
  opacity: 0.9;
}
.u-style-43 {
  top: -20px;
  right: -20px;
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #ec04fb 0%, #5259eb 100%);
  opacity: 0.08;
  border-radius: 50%;
  z-index: -1;
  filter: blur(20px);
}
.u-style-44 {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #ff6f05 0%, #ff31ab 100%);
  color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.u-style-45 {
  font-family: var(--at-4b2b-sora);
  background: linear-gradient(135deg, #ff6f05 0%, #ff31ab 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
  font-size: 20px;
}
.u-style-46 {
  top: -20px;
  right: -20px;
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #ff6f05 0%, #ff31ab 100%);
  opacity: 0.08;
  border-radius: 50%;
  z-index: -1;
  filter: blur(20px);
}
.u-style-47 {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #5259eb 0%, #0fafd9 100%);
  color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.u-style-48 {
  font-family: var(--at-4b2b-sora);
  background: linear-gradient(135deg, #5259eb 0%, #0fafd9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
  font-size: 20px;
}
.u-style-49 {
  top: -20px;
  right: -20px;
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #5259eb 0%, #0fafd9 100%);
  opacity: 0.08;
  border-radius: 50%;
  z-index: -1;
  filter: blur(20px);
}
.u-style-50 {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #0fafd9 0%, #34c759 100%);
  color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.u-style-51 {
  font-family: var(--at-4b2b-sora);
  background: linear-gradient(135deg, #0fafd9 0%, #34c759 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
  font-size: 20px;
}
.u-style-52 {
  top: -20px;
  right: -20px;
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #0fafd9 0%, #34c759 100%);
  opacity: 0.08;
  border-radius: 50%;
  z-index: -1;
  filter: blur(20px);
}
.u-style-53 {
  top: 10%;
  left: 5%;
  z-index: 0;
}
.u-style-54 {
  bottom: 10%;
  right: 5%;
  z-index: 0;
}
.u-style-55 {
  position: relative;
  z-index: 2;
}
.u-style-56 {
  display: block;
  text-align: center;
  position: relative;
}
.u-style-57 {
  position: relative;
  display: inline-block;
}
.u-style-58 {
  position: relative;
  display: inline-block;
  translate: none;
  rotate: none;
  scale: none;
  transform: translate(-10px);
  opacity: 0.3;
}
.u-style-59 {
  color: #34c759;
}
.u-style-60 {
  transition: all 0.4s ease;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
}
.u-style-61 {
  width: 40px;
  height: 40px;
  background-color: #34c759;
  transition: all 0.3s ease;
  transform: rotate(90deg);
}
.u-style-62 {
  max-height: 150px;
  opacity: 1;
  overflow: hidden;
  transition: all 0.5s ease;
}
.u-style-63 {
  transition: all 0.4s ease;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(12px);
}
.u-style-64 {
  width: 40px;
  height: 40px;
  background-color: #f0f0f0;
  transition: all 0.3s ease;
  transform: rotate(0);
}
.u-style-65 {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}
.u-style-66 {
  background-image: url("/images/faq-bg.webp");
}
.u-style-67 {
  display: block;
  text-align: center;
  position: relative;
}
.u-style-68 {
  visibility: hidden;
  animation-name: none;
}
.u-style-69 {
  background-color: #f9fafb;
}
.u-style-70 {
  max-width: 1200px;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  overflow: hidden;
  transition: all 0.4s ease;
}
.u-style-71 {
  opacity: 0.6;
}
.u-style-72 {
  z-index: 2;
}
.u-style-73 {
  transition: color 0.2s;
}
.u-style-74 {
  width: 6px;
  height: 6px;
}
.u-style-75 {
  color: #ff4c13;
}
.u-style-76 {
  background-color: #fff;
}
.u-style-77 {
  z-index: 0;
}
.u-style-78 {
  top: 10%;
  left: -5%;
  width: 500px;
  height: 500px;
  background: radial-gradient(
    circle,
    rgba(108, 26, 252, 0.08) 0%,
    rgba(255, 255, 255, 0) 70%
  );
}
.u-style-79 {
  bottom: 10%;
  right: -5%;
  width: 600px;
  height: 600px;
  background: radial-gradient(
    circle,
    rgba(236, 4, 251, 0.08) 0%,
    rgba(255, 255, 255, 0) 70%
  );
}
.u-style-80 {
  top: 40%;
  left: 40%;
  width: 800px;
  height: 800px;
  background: radial-gradient(
    circle,
    rgba(108, 26, 252, 0.03) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  transform: translate(-50%, -50%);
}
.u-style-81 {
  background: #6c1afc;
  border-color: #6c1afc;
  box-shadow: 0 4px 15px rgba(108, 26, 252, 0.3);
}
.u-style-82 {
  transition: all 0.4s ease;
  top: 0;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 24px;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
}
.u-style-83 {
  height: 220px;
  border-radius: 24px 24px 0 0;
}
.u-style-84 {
  object-fit: cover;
  transition: transform 0.5s ease;
}
.u-style-85 {
  font-size: 0.75rem;
  background: rgba(108, 26, 252, 0.1);
  color: #6c1afc;
  border: 1px solid rgba(108, 26, 252, 0.1);
}
.u-style-86 {
  line-height: 1.6;
}
.u-style-87 {
  border-color: rgba(0, 0, 0, 0.05);
}
.u-style-88 {
  width: 32px;
  height: 32px;
  font-size: 12px;
  background: #6c1afc;
}
.u-style-89 {
  font-size: 0.75rem;
}
.u-style-90 {
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #0a1628;
}
.u-style-91 {
  max-width: 60px;
}
.u-style-92 {
  width: 40px;
  height: 40px;
}
.u-style-93 {
  transition: color 0.3s;
}
.u-style-94 {
  position: absolute;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgb(120, 202, 164) !important;
}
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}

/* Header Login & Separator */
.header-sep {
  height: 24px;
  width: 1px;
  background-color: #e0e0e0;
  margin: 0 16px;
}

.header-login-btn {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  text-decoration: none;
  transition: all 0.3s ease;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
}

.header-login-btn .icon-span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c1afc;
}

.header-login-btn:hover {
  color: #6c1afc;
  background-color: rgba(108, 26, 252, 0.05);
}





.pixel-arrow-icon {
  width: 26px;
  height: 26px;
  fill: #654fed;
}


/* Resources Dropdown Styling */
.resource-dropdown-col h5 {
  text-align: left;
  padding-left: 20px;
  font-weight: 600;
  color: #000 !important;
}

.resource-dropdown-col .dropdown-list-item a {
  display: flex !important;
  align-items: flex-start; /* Align items to the start */
  transition: transform 0.3s ease;
  justify-content: flex-start;
  flex-direction: column; /* Force description to the next line */
}

/* Container for the link text to separate it from the optional description if we add structure later, 
   but since the description is a sibling div in the HTML, we target that sibling. */

/* Style the "::" pseudo-element */
.resource-dropdown-col .dropdown-list-item a .item-title:before {
  content: "::";
  margin-right: 6px;
  color: #000; /* Use black or a specific color */
  font-weight: bold;
  font-size: 10px; /* Smaller dots */
  display: inline-block;
  vertical-align: middle; /* Align with text */
  position: relative;
  top: -2px; /* Lifted slightly as requested */
}

/* Remove previous before on a tag to use the one on span for better control */
.resource-dropdown-col .dropdown-list-item a:before {
  content: none; 
}

/* Hover effect */
.resource-dropdown-col .dropdown-list-item a:hover {
  transform: translateX(5px);
}

/* Reduce spacing between list items especially with separator - override layout.css */
.resource-dropdown-col .dropdown-list-item {
    margin-bottom: 3px !important; /* Reduced visual spacing between items */
    padding-bottom: 0 !important; /* No space above border - override layout.css */
    border-bottom: none !important; /* Remove default border */
    position: relative;
}

/* Force border separator higher with negative margin */
.resource-dropdown-col .dropdown-list-item::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e5e7eb;
    margin-top: -20px; /* Pull the line up closer to description */
}

/* More specific override to ensure it takes precedence */
.dropdown-menu-v2 .resource-dropdown-col .dropdown-list-item {
    padding-bottom: 0 !important;
    margin-bottom: 3px !important;
}

/* Ensure the last item has no border/margin issues */
.resource-dropdown-col .dropdown-list-item:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Description style */
.resource-dropdown-col .dropdown-list-item a .dropdown-desc {
  width: 100%;
  font-size: 12px;
  color: #666;
  margin-left: 20px; /* Indent to align with text */
  margin-top: 0px; /* Remove top margin */
  line-height: 1.3; /* Tighter line height */
  font-weight: normal;
  margin-bottom: -2px; /* Pull closer to the border */
  white-space: normal !important; /* Allow wrapping */
  max-width: none !important; /* Remove width restriction */
}

/* Business Ecosystem Dropdown Styling */
[data-dropdown="business-ecosystem"] .dropdown-list-item a {
  display: flex !important;
  align-items: flex-start;
  transition: transform 0.3s ease;
  justify-content: flex-start;
  flex-direction: column;
}

[data-dropdown="business-ecosystem"] .dropdown-list-item a .item-title:before {
  content: "::";
  margin-right: 6px;
  color: currentColor;
  font-weight: bold;
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

[data-dropdown="business-ecosystem"] .dropdown-list-item a:hover {
  transform: translateX(5px);
}

[data-dropdown="business-ecosystem"] .dropdown-list-item a .dropdown-desc {
  width: 100%;
  font-size: 12px;
  color: #666;
  margin-left: 20px;
  margin-top: 0px;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: -2px;
  white-space: normal !important;
  max-width: none !important;
}

[data-dropdown="business-ecosystem"] .dropdown-list-item {
  margin-bottom: 3px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  position: relative;
}

[data-dropdown="business-ecosystem"] .dropdown-list-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e5e7eb;
  margin-top: -20px;
}

[data-dropdown="business-ecosystem"] .dropdown-list-item:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Solutions Dropdown Styling */
[data-dropdown="solutions"] .dropdown-list-item a {
  display: flex !important;
  align-items: flex-start;
  transition: transform 0.3s ease;
  justify-content: flex-start;
  flex-direction: column;
}

[data-dropdown="solutions"] .dropdown-list-item a .item-title:before {
  content: "::";
  margin-right: 6px;
  color: currentColor;
  font-weight: bold;
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

[data-dropdown="solutions"] .dropdown-list-item a:hover {
  transform: translateX(5px);
}

[data-dropdown="solutions"] .dropdown-list-item a .dropdown-desc {
  width: 100%;
  font-size: 12px;
  color: #666;
  margin-left: 20px;
  margin-top: 0px;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: -2px;
  white-space: normal !important;
  max-width: none !important;
}

[data-dropdown="solutions"] .dropdown-list-item {
  margin-bottom: 3px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  position: relative;
}

[data-dropdown="solutions"] .dropdown-list-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e5e7eb;
  margin-top: -20px;
}

[data-dropdown="solutions"] .dropdown-list-item:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Navbar + Dropdown readability fixes (4softerp / unified header) */
.at-header-section:is(.header_style_three) .ecosystem-global-primary-navigation-structure > .ecosystem-navigation-list-items-container > .menu-item > a {
  font-family: var(--at-4b2b-sora), sans-serif !important;
  font-weight: 500;
}

.at-header-section:is(.header_style_three) .dropdown-menu-v2.ecosystem-navigation-mega-menu-panel-wrapper {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow: 0 20px 48px rgba(2, 6, 23, 0.18) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 10px;
  z-index: 1200;
}

.at-header-section:is(.header_style_three) [data-dropdown="business-ecosystem"] > .dropdown-menu-v2 {
  width: min(1200px, calc(100vw - 72px)) !important;
}

.at-header-section:is(.header_style_three) [data-dropdown="resource"] > .dropdown-menu-v2,
.at-header-section:is(.header_style_three) [data-dropdown="solutions"] > .dropdown-menu-v2 {
  width: min(980px, calc(100vw - 72px)) !important;
}

.at-header-section:is(.header_style_three) .dropdown-menu-v2 .dropdown-cols {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 18px;
}

.at-header-section:is(.header_style_three) .dropdown-menu-v2 .dropdown-header h5 {
  color: #0f172a !important;
  font-family: var(--at-4b2b-sora), sans-serif !important;
  font-weight: 700;
}

.at-header-section:is(.header_style_three) .dropdown-menu-v2 .dropdown-desc {
  color: #475569 !important;
  font-family: var(--at-4b2b-sora), sans-serif !important;
  font-weight: 500;
}

.at-header-section:is(.header_style_three) .dropdown-menu-v2 .dropdown-list-item .item-title {
  color: #111827 !important;
  font-family: var(--at-4b2b-sora), sans-serif !important;
  font-weight: 600;
}