/* Container */
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 375px) {
  .container {
    max-width: 375px;
  }
}
@media (min-width: 425px) {
  .container {
    max-width: 425px;
  }
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
@media (min-width: 2000px) {
  .container {
    max-width: 2000px;
  }
}

/* Dropdown */
.dropdown {
  left: 0px;
  margin-top: 0.5rem;
  display: none;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(28 25 44 / var(--tw-bg-opacity));
  padding: 0.75rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
@media (min-width: 1024px) {
  .dropdown {
    visibility: hidden;
    position: absolute;
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 208px;
    --tw-translate-y: 2.5rem;
    -webkit-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));
            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));
    opacity: 0;
  }
  .group:hover .dropdown {
    visibility: visible;
    --tw-translate-y: 0.75rem;
    -webkit-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));
            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));
    opacity: 1;
  }
}

/* Utility Classes */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.-bottom-25 {
  bottom: -6.25rem;
}
.-top-30 {
  top: -7.5rem;
}
.-top-\[112\%\] {
  top: -112%;
}
.-top-\[128\%\] {
  top: -128%;
}
.-top-\[16\%\] {
  top: -16%;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-12 {
  bottom: 3rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-20 {
  bottom: 5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-7 {
  bottom: 1.75rem;
}
.bottom-8 {
  bottom: 2rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-6 {
  left: 1.5rem;
}
.left-auto {
  left: auto;
}
.right-0 {
  right: 0px;
}
.right-1\/2 {
  right: 50%;
}
.right-8 {
  right: 2rem;
}
.right-9 {
  right: 2.25rem;
}
.right-\[14\%\] {
  right: 14%;
}
.right-\[16\%\] {
  right: 16%;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-18 {
  top: 4.5rem;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-20 {
  top: 5rem;
}
.top-25 {
  top: 6.25rem;
}
.top-9 {
  top: 2.25rem;
}
.top-\[16\%\] {
  top: 16%;
}
.top-\[17\%\] {
  top: 17%;
}
.-z-1 {
  z-index: -1;
}
.-z-10 {
  z-index: -10;
}
.z-1 {
  z-index: 1;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-999 {
  z-index: 999;
}
.z-9999 {
  z-index: 9999;
}
.-mx-28 {
  margin-left: -7rem;
  margin-right: -7rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-my-55 {
  margin-top: -13.75rem;
  margin-bottom: -13.75rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.my-7\.5 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.-mt-24 {
  margin-top: -6rem;
}
.-mt-7 {
  margin-top: -1.75rem;
}
.-mt-7\.5 {
  margin-top: -1.875rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-12\.5 {
  margin-bottom: 3.125rem;
}
.mb-13 {
  margin-bottom: 3.25rem;
}
.mb-13\.5 {
  margin-bottom: 3.375rem;
}
.mb-15 {
  margin-bottom: 3.75rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-17 {
  margin-bottom: 4.25rem;
}
.mb-17\.5 {
  margin-bottom: 4.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-4\.5 {
  margin-bottom: 1.125rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-5\.5 {
  margin-bottom: 1.375rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-7\.5 {
  margin-bottom: 1.875rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-8\.5 {
  margin-bottom: 2.125rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-9\.5 {
  margin-bottom: 2.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mt-17 {
  margin-top: 4.25rem;
}
.mt-17\.5 {
  margin-top: 4.375rem;
}
.mt-25 {
  margin-top: 6.25rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-5\.5 {
  margin-top: 1.375rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.\!h-0 {
  height: 0px !important;
}
.\!h-auto {
  height: auto !important;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-27 {
  height: 6.75rem;
}
.h-27\.5 {
  height: 6.875rem;
}
.h-3 {
  height: 0.75rem;
}
.h-32 {
  height: 8rem;
}
.h-5 {
  height: 1.25rem;
}
.h-5\.5 {
  height: 1.375rem;
}
.h-50 {
  height: 12.5rem;
}
.h-60 {
  height: 15rem;
}
.h-9 {
  height: 2.25rem;
}
.h-9\.5 {
  height: 2.375rem;
}
.h-\[1\.24px\] {
  height: 1.24px;
}
.h-\[1046px\] {
  height: 1046px;
}
.h-\[1282px\] {
  height: 1282px;
}
.h-\[13px\] {
  height: 13px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[2\.47px\] {
  height: 2.47px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[3\.71px\] {
  height: 3.71px;
}
.h-\[37px\] {
  height: 37px;
}
.h-\[4\.99px\] {
  height: 4.99px;
}
.h-\[6\.19px\] {
  height: 6.19px;
}
.h-\[7\.42px\] {
  height: 7.42px;
}
.h-\[8\.66px\] {
  height: 8.66px;
}
.h-\[830px\] {
  height: 830px;
}
.h-\[9\.90px\] {
  height: 9.90px;
}
.h-full {
  height: 100%;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[855px\] {
  max-height: 855px;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0px;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1\/2 {
  width: 50%;
}
.w-10 {
  width: 2.5rem;
}
.w-22 {
  width: 5.5rem;
}
.w-22\.5 {
  width: 5.625rem;
}
.w-27 {
  width: 6.75rem;
}
.w-27\.5 {
  width: 6.875rem;
}
.w-3 {
  width: 0.75rem;
}
.w-32 {
  width: 8rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\.5 {
  width: 1.375rem;
}
.w-9 {
  width: 2.25rem;
}
.w-9\.5 {
  width: 2.375rem;
}
.w-\[1px\] {
  width: 1px;
}
.w-full {
  width: 90%;
}
.max-w-50 {
  max-width: 12.5rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[1046px\] {
  max-width: 1046px;
}
.max-w-\[1104px\] {
  max-width: 1104px;
}
.max-w-\[1170px\] {
  max-width: 1170px;
}
.max-w-\[1222px\] {
  max-width: 1222px;
}
.max-w-\[1282px\] {
  max-width: 1282px;
}
.max-w-\[128px\] {
  max-width: 128px;
}
.max-w-\[292px\] {
  max-width: 292px;
}
.max-w-\[352px\] {
  max-width: 352px;
}
.max-w-\[395px\] {
  max-width: 395px;
}
.max-w-\[428px\] {
  max-width: 428px;
}
.max-w-\[477px\] {
  max-width: 477px;
}
.max-w-\[482px\] {
  max-width: 482px;
}
.max-w-\[48px\] {
  max-width: 48px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[50px\] {
  max-width: 50px;
}
.max-w-\[534px\] {
  max-width: 534px;
}
.max-w-\[570px\] {
  max-width: 570px;
}
.max-w-\[571px\] {
  max-width: 571px;
}
.max-w-\[579px\] {
  max-width: 579px;
}
.max-w-\[597px\] {
  max-width: 597px;
}
.max-w-\[690px\] {
  max-width: 690px;
}
.max-w-\[714px\] {
  max-width: 714px;
}
.max-w-\[770px\] {
  max-width: 770px;
}
.max-w-\[80px\] {
  max-width: 80px;
}
.max-w-\[830px\] {
  max-width: 830px;
}
.max-w-\[870px\] {
  max-width: 870px;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-none {
  max-width: none;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  -webkit-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));
          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));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  -webkit-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));
          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));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  -webkit-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));
          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));
}
.translate-y-4 {
  --tw-translate-y: 1rem;
  -webkit-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));
          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));
}
.rotate-180 {
  --tw-rotate: 180deg;
  -webkit-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));
          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));
}
.rotate-45 {
  --tw-rotate: 45deg;
  -webkit-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));
          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));
}
.rotate-90 {
  --tw-rotate: 90deg;
  -webkit-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));
          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));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  -webkit-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));
          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));
}
.transform {
  -webkit-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));
          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));
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.resize {
  resize: both;
}
.scroll-mt-17 {
  scroll-margin-top: 4.25rem;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-11 {
  gap: 2.75rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-4\.5 {
  gap: 1.125rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-7\.5 {
  gap: 1.875rem;
}
.gap-x-7 {
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}
.gap-x-7\.5 {
  -moz-column-gap: 1.875rem;
       column-gap: 1.875rem;
}
.gap-y-12 {
  row-gap: 3rem;
}
.gap-y-12\.5 {
  row-gap: 3.125rem;
}
.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-y-7\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[19px\] {
  border-radius: 19px;
}
.rounded-\[25px\] {
  border-radius: 25px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-purple {
  --tw-border-opacity: 1;
  border-color: rgb(134 70 244 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/\[0\.12\] {
  border-color: rgb(255 255 255 / 0.12);
}
.border-white\/\[0\.15\] {
  border-color: rgb(255 255 255 / 0.15);
}
.bg-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(3 0 20 / var(--tw-bg-opacity));
}
.bg-dark\/70 {
  background-color: rgb(3 0 20 / 0.7);
}
.bg-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(134 70 244 / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/\[0\.04\] {
  background-color: rgb(255 255 255 / 0.04);
}
.bg-white\/\[0\.05\] {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/\[0\.07\] {
  background-color: rgb(255 255 255 / 0.07);
}
.bg-white\/\[0\.12\] {
  background-color: rgb(255 255 255 / 0.12);
}
.bg-gradient-to-b {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
  background-image: -webkit-gradient(linear, right top, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#A073EE\] {
  --tw-gradient-from: #A073EE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(160 115 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-dark {
  --tw-gradient-from: #030014 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 0 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-dark\/0 {
  --tw-gradient-from: rgb(3 0 20 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 0 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/0 {
  --tw-gradient-from: rgb(255 255 255 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-white\/20 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#6E25ED\] {
  --tw-gradient-to: #6E25ED var(--tw-gradient-to-position);
}
.to-dark {
  --tw-gradient-to: #030014 var(--tw-gradient-to-position);
}
.to-dark\/100 {
  --tw-gradient-to: rgb(3 0 20 / 1) var(--tw-gradient-to-position);
}
.to-white\/0 {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
}
.fill-current {
  fill: currentColor;
}
.fill-white {
  fill: #FFFFFF;
}
.p-10 {
  padding: 2.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-7\.5 {
  padding: 1.875rem;
}
.\!py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-4\.5 {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-17 {
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}
.py-17\.5 {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}
.py-19 {
  padding-top: 4.75rem;
  padding-bottom: 4.75rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-11 {
  padding-bottom: 2.75rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-17 {
  padding-bottom: 4.25rem;
}
.pb-17\.5 {
  padding-bottom: 4.375rem;
}
.pb-18 {
  padding-bottom: 4.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-14 {
  padding-left: 3.5rem;
}
.pl-14\.5 {
  padding-left: 3.625rem;
}
.pl-17 {
  padding-left: 4.25rem;
}
.pl-17\.5 {
  padding-left: 4.375rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-22 {
  padding-right: 5.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-12\.5 {
  padding-top: 3.125rem;
}
.pt-17 {
  padding-top: 4.25rem;
}
.pt-17\.5 {
  padding-top: 4.375rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-22 {
  padding-top: 5.5rem;
}
.pt-22\.5 {
  padding-top: 5.625rem;
}
.pt-25 {
  padding-top: 6.25rem;
}
.pt-30 {
  padding-top: 7.5rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pt-35 {
  padding-top: 8.75rem;
}
.text-center {
  text-align: center;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[34px\] {
  font-size: 34px;
}
.text-custom-1 {
  font-size: 45px;
  line-height: 55px;
}
.text-heading-2 {
  font-size: 48px;
  line-height: 58px;
}
.text-heading-3 {
  font-size: 40px;
  line-height: 48px;
}
.text-heading-4 {
  font-size: 30px;
  line-height: 38px;
}
.text-heading-5 {
  font-size: 28px;
  line-height: 40px;
}
.text-heading-6 {
  font-size: 24px;
  line-height: 30px;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.leading-\[28px\] {
  line-height: 28px;
}
.leading-\[45px\] {
  line-height: 45px;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-purple {
  --tw-text-opacity: 1;
  color: rgb(134 70 244 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-button {
  --tw-shadow: inset 0px -6px 15px rgba(156, 178, 255, 0.25), inset 0px 6px 15px rgba(229, 156, 255, 0.25);
  --tw-shadow-colored: inset 0px -6px 15px var(--tw-shadow-color), inset 0px 6px 15px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-video {
  --tw-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.25) inset, 0px 26px 50px 0px rgba(18, 9, 36, 0.10);
  --tw-shadow-colored: inset 0px -3px 10px 0px var(--tw-shadow-color), 0px 26px 50px 0px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.blur {
  --tw-blur: blur(8px);
  -webkit-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);
          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);
}
.backdrop-blur-\[5px\] {
  --tw-backdrop-blur: blur(5px);
  -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);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -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);
}
.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-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-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
.transition-all {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
.transition-opacity {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
.transition-transform {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
.delay-150 {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.delay-200 {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.delay-300 {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
.delay-500 {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.delay-\[0\] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.duration-100 {
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}
.duration-200 {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.duration-300 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.duration-500 {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.\!ease-linear {
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
.ease-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.ease-out {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* Component Specific Styles */
.button-border-gradient {
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.1)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.button-border-gradient:hover {
  --tw-bg-opacity: 0;
}
.button-border-gradient:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: -webkit-gradient(
      linear,
      left top, right top,
      color-stop(0.01%, rgba(229, 156, 255, 0.45)),
      color-stop(50.01%, rgba(186, 156, 255, 0.45)),
      to(rgba(156, 178, 255, 0.45))
    );
    background: linear-gradient(
      90deg,
      rgba(229, 156, 255, 0.45) 0.01%,
      rgba(186, 156, 255, 0.45) 50.01%,
      rgba(156, 178, 255, 0.45) 100%
    );
  }
.hero-subtitle-text {
    background: -webkit-linear-gradient(
        90deg,
        #e59cff 0.01%,
        #ba9cff 50.01%,
        #9cb2ff 100%
      ),
      -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
.hero-button-gradient {
    -webkit-box-shadow: 0px -3px 10px 0px #00000040 inset;
            box-shadow: 0px -3px 10px 0px #00000040 inset;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-11.11%, #a073ee), to(#6e25ed));
    background: linear-gradient(180deg, #a073ee -11.11%, #6e25ed 100%);
  }
.hero-subtitle-gradient {
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.05)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.05) 0%,
      rgba(255, 255, 255, 0) 100%
    );
    -webkit-transition: 0.45s cubic-bezier(0.6, 0.6, 0, 1) -webkit-box-shadow;
    transition: 0.45s cubic-bezier(0.6, 0.6, 0, 1) -webkit-box-shadow;
    transition: 0.45s cubic-bezier(0.6, 0.6, 0, 1) box-shadow;
    transition: 0.45s cubic-bezier(0.6, 0.6, 0, 1) box-shadow, 0.45s cubic-bezier(0.6, 0.6, 0, 1) -webkit-box-shadow;
  }
.hero-subtitle-gradient:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.11)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.11) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.hero-circle-gradient:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0)),
      to(rgba(255, 255, 255, 0.08))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.08) 100%
    );
  }
.features-row-border {
    background: -webkit-gradient(
      linear,
      right top, left top,
      from(rgba(255, 255, 255, 0)),
      color-stop(49.48%, rgba(255, 255, 255, 0.12)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.12) 49.48%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.features-bg {
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0)),
      to(rgba(255, 255, 255, 0.05))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.05) 100%
    );
    -webkit-transition: 0.45s cubic-bezier(0.6, 0.6, 0, 1) opacity;
    transition: 0.45s cubic-bezier(0.6, 0.6, 0, 1) opacity;
  }
.icon-border {
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.0288)),
      color-stop(50%, rgba(255, 255, 255, 0.06)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.0288) 0%,
      rgba(255, 255, 255, 0.06) 50%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.icon-border:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.06)),
      color-stop(50.52%, rgba(255, 255, 255, 0.15)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.06) 0%,
      rgba(255, 255, 255, 0.15) 50.52%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.nav-gradient {
    background-image: -webkit-gradient(
      linear,
      left top, left bottom,
      color-stop(10.51%, rgba(255, 255, 255, 0.09)),
      to(rgba(255, 255, 255, 0))
    );
    background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.09) 10.51%,
      rgba(255, 255, 255, 0) 100%
    );
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 50px;
  }
.nav-gradient::before {
    content: '';
    background-image: -webkit-gradient(
      linear,
      left top, right top,
      color-stop(2.56%, rgba(255, 255, 255, 0)),
      color-stop(51.48%, rgba(255, 255, 255, 0.4)),
      color-stop(97.44%, rgba(255, 255, 255, 0))
    );
    background-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 2.56%,
      rgba(255, 255, 255, 0.4) 51.48%,
      rgba(255, 255, 255, 0) 97.44%
    );
    height: 1px;
    position: absolute;
    left: 50%;
    top: 0px;
    width: 50%;
    --tw-translate-x: -50%;
    -webkit-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));
            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));
  }
.features-box-border:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: linear-gradient(
      106.24deg,
      rgba(255, 255, 255, 0.15) -0.68%,
      rgba(255, 255, 255, 0) 98.03%
    );
  }
.features-button-gradient {
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.1)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.features-button-gradient:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: -webkit-gradient(
      linear,
      left top, right top,
      color-stop(0.01%, rgba(229, 156, 255, 0.45)),
      color-stop(50.01%, rgba(186, 156, 255, 0.45)),
      to(rgba(156, 178, 255, 0.45))
    );
    background: linear-gradient(
      90deg,
      rgba(229, 156, 255, 0.45) 0.01%,
      rgba(186, 156, 255, 0.45) 50.01%,
      rgba(156, 178, 255, 0.45) 100%
    );
  }
.pricing-grid {
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0)),
      to(rgba(255, 255, 255, 0.06))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.06) 100%
    );
    opacity: 0.3;
  }
.pricing-grid-border {
    border-left: 1px solid;
    border-right: 1px solid;
    border-image-source: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0.075) 0%,
      rgba(255, 255, 255, 0) 100%
    );
    border-image-slice: 1;
  }
.pricing-circle:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.3)),
      color-stop(28.19%, rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 0) 28.19%
    );
  }
.pricing-item-border:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: linear-gradient(
      47deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.pricing-gradient-text {
    background: -webkit-linear-gradient(
        0deg,
        #e59cff 0.01%,
        #ba9cff 50.01%,
        #9cb2ff 100%
      ),
      -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
.pricing-gradient-divider {
    background: -webkit-gradient(
      linear,
      right top, left top,
      from(rgba(255, 255, 255, 0)),
      color-stop(49.48%, rgba(255, 255, 255, 0.12)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.12) 49.48%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.pricing-button-gradient {
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.1)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.pricing-button-gradient:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background-image: -webkit-gradient(
      linear,
      left top, right top,
      color-stop(0.01%, #e59cff),
      color-stop(50.01%, #ba9cff),
      to(#9cb2ff)
    );
    background-image: linear-gradient(
      90deg,
      #e59cff 0.01%,
      #ba9cff 50.01%,
      #9cb2ff 100%
    );
  }
.pricing-button-gradient:hover:before {
    background-image: linear-gradient(251.09deg, #701efc 5.04%, #cbb3f3 96.95%);
  }

/* Pricing Card Responsiveness */
@media (max-width: 639px) {
  .pricing-section .flex-wrap > div {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .pricing-section .flex-wrap {
    gap: 1.5rem; /* Adjust gap for smaller screens */
  }
}

.user-border-gradient:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.1)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0) 100%
    );
}
.user-divider:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: -webkit-gradient(
      linear,
      right top, left top,
      from(rgba(255, 255, 255, 0)),
      color-stop(49.48%, rgba(255, 255, 255, 0.12)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.12) 49.48%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.form-box-gradient {
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.04)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.04) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.form-box-gradient:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(255, 255, 255, 0.12)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.cta-box-gradient:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: -webkit-gradient(
      linear,
      left bottom, left top,
      from(rgba(255, 255, 255, 0.18)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.18) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.footer-divider-gradient {
    background: -webkit-gradient(
      linear,
      right top, left top,
      from(rgba(255, 255, 255, 0)),
      color-stop(49.48%, rgba(255, 255, 255, 0.12)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.12) 49.48%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.footer-bg-gradient {
    background: -webkit-gradient(
      linear,
      left bottom, left top,
      from(rgba(255, 255, 255, 0.1)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.about-divider-gradient {
    background: -webkit-gradient(
      linear,
      right top, left top,
      from(rgba(255, 255, 255, 0)),
      color-stop(49.48%, rgba(255, 255, 255, 0.15)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.15) 49.48%,
      rgba(255, 255, 255, 0) 100%
    );
  }
.team-img-gradient:before {
  background-color: rgb(255 255 255 / 0.2);
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 5px !important;
    z-index: 1 !important;
}

/* Third-party libraries CSS */
#supportCheckbox:checked ~ div span {
  opacity: 1;
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0px;
}

.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}

.before\:h-\[1px\]::before {
  content: var(--tw-content);
  height: 1px;
}

.before\:w-full::before {
  content: var(--tw-content);
  width: 100%;
}

.before\:features-row-border::before {
    content: var(--tw-content);
    background: -webkit-gradient(
      linear,
      right top, left top,
      from(rgba(255, 255, 255, 0)),
      color-stop(49.48%, rgba(255, 255, 255, 0.12)),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.12) 49.48%,
      rgba(255, 255, 255, 0) 100%
    );
  }

.hover\:border-purple:hover {
  --tw-border-opacity: 1;
  border-color: rgb(134 70 244 / var(--tw-border-opacity));
}

.hover\:border-white\/25:hover {
  border-color: rgb(255 255 255 / 0.25);
}

.hover\:bg-purple:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(134 70 244 / var(--tw-bg-opacity));
}

.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-opacity-75:hover {
  --tw-text-opacity: 0.75;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:shadow-button:hover {
  --tw-shadow: inset 0px -6px 15px rgba(156, 178, 255, 0.25), inset 0px 6px 15px rgba(229, 156, 255, 0.25);
  --tw-shadow-colored: inset 0px -6px 15px var(--tw-shadow-color), inset 0px 6px 15px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-none:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:button-gradient-hover:hover {
    -webkit-box-shadow: inset 0px -6px 17px rgba(156, 178, 255, 0.3),
      inset 0px 6px 17px rgba(229, 156, 255, 0.3);
            box-shadow: inset 0px -6px 17px rgba(156, 178, 255, 0.3),
      inset 0px 6px 17px rgba(229, 156, 255, 0.3);
  }

.hover\:hero-subtitle-hover:hover {
    -webkit-box-shadow: inset 0 -7px 11px #a48fff3d;
            box-shadow: inset 0 -7px 11px #a48fff3d;
  }

.hover\:nav-gradient:hover {
    background-image: -webkit-gradient(
      linear,
      left top, left bottom,
      color-stop(10.51%, rgba(255, 255, 255, 0.09)),
      to(rgba(255, 255, 255, 0))
    );
    background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.09) 10.51%,
      rgba(255, 255, 255, 0) 100%
    );
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 50px;
  }

.hover\:nav-gradient:hover::before {
    content: '';
    background-image: -webkit-gradient(
      linear,
      left top, right top,
      color-stop(2.56%, rgba(255, 255, 255, 0)),
      color-stop(51.48%, rgba(255, 255, 255, 0.4)),
      color-stop(97.44%, rgba(255, 255, 255, 0))
    );
    background-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 2.56%,
      rgba(255, 255, 255, 0.4) 51.48%,
      rgba(255, 255, 255, 0) 97.44%
    );
    height: 1px;
    position: absolute;
    left: 50%;
    top: 0px;
    width: 50%;
    --tw-translate-x: -50%;
    -webkit-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));
            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));
  }

.focus\:border-purple:focus {
  --tw-border-opacity: 1;
  border-color: rgb(134 70 244 / var(--tw-border-opacity));
}

.focus-visible\:shadow-none:focus-visible {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  -webkit-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));
          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));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:before\:gradient-3::before {
    content: var(--tw-content);
    background-image: linear-gradient(251.09deg, #701efc 5.04%, #cbb3f3 96.95%);
  }

@media (min-width: 640px) {

  .sm\:-top-\[107\%\] {
    top: -107%;
  }

  .sm\:-top-\[93\%\] {
    top: -93%;
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .sm\:block {
    display: block;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .sm\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:pl-21 {
    padding-left: 5.25rem;
  }

  .sm\:pr-20 {
    padding-right: 5rem;
  }

  .sm\:pt-22 {
    padding-top: 5.5rem;
  }

  .sm\:pt-22\.5 {
    padding-top: 5.625rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}

@media (min-width: 768px) {

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:pt-40 {
    padding-top: 10rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {

  .lg\:visible {
    visibility: visible;
  }

  .lg\:left-1\/4 {
    left: 25%;
  }

  .lg\:right-\[8\.3\%\] {
    right: 8.3%;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:-translate-x-1\/3 {
    --tw-translate-x: -33.333333%;
    -webkit-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));
            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));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lg\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .lg\:gap-17 {
    gap: 4.25rem;
  }

  .lg\:gap-17\.5 {
    gap: 4.375rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:\!py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .lg\:\!py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-27 {
    padding-left: 6.75rem;
    padding-right: 6.75rem;
  }

  .lg\:px-27\.5 {
    padding-left: 6.875rem;
    padding-right: 6.875rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-22 {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .lg\:py-22\.5 {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
  }

  .lg\:py-25 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .lg\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .lg\:pb-22 {
    padding-bottom: 5.5rem;
  }

  .lg\:pb-22\.5 {
    padding-bottom: 5.625rem;
  }

  .lg\:pb-25 {
    padding-bottom: 6.25rem;
  }

  .lg\:pt-22 {
    padding-top: 5.5rem;
  }

  .lg\:pt-22\.5 {
    padding-top: 5.625rem;
  }

  .lg\:pt-25 {
    padding-top: 6.25rem;
  }

  .lg\:pt-27 {
    padding-top: 6.75rem;
  }

  .lg\:pt-27\.5 {
    padding-top: 6.875rem;
  }

  .lg\:pt-35 {
    padding-top: 8.75rem;
  }
}

@media (min-width: 1280px) {

  .xl\:-top-\[62\%\] {
    top: -62%;
  }

  .xl\:-top-\[73\%\] {
    top: -73%;
  }

  .xl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xl\:block {
    display: block;
  }

  .xl\:w-4\/5 {
    width: 80%;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:p-15 {
    padding: 3.75rem;
  }

  .xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:px-13 {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }

  .xl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:py-15 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .xl\:py-27 {
    padding-top: 6.75rem;
    padding-bottom: 6.75rem;
  }

  .xl\:py-27\.5 {
    padding-top: 6.875rem;
    padding-bottom: 6.875rem;
  }

  .xl\:pb-27 {
    padding-bottom: 6.75rem;
  }

  .xl\:pb-27\.5 {
    padding-bottom: 6.875rem;
  }

  .xl\:pb-30 {
    padding-bottom: 7.5rem;
  }

  .xl\:pt-27 {
    padding-top: 6.75rem;
  }

  .xl\:pt-27\.5 {
    padding-top: 6.875rem;
  }

  .xl\:pt-32 {
    padding-top: 8rem;
  }

  .xl\:pt-32\.5 {
    padding-top: 8.125rem;
  }

  .xl\:pt-40 {
    padding-top: 10rem;
  }

  .xl\:pt-45 {
    padding-top: 11.25rem;
  }

  .xl\:text-heading-1 {
    font-size: 60px;
    line-height: 72px;
  }

  .xl\:text-heading-2 {
    font-size: 48px;
    line-height: 58px;
  }
}

@media (min-width: 1536px) {

  .\32xl\:pb-\[150px\] {
    padding-bottom: 150px;
  }

  .\32xl\:pt-45 {
    padding-top: 11.25rem;
  }
}

/* Swiper Styles */
.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px,0,0);
          transform: translate3d(0px,0,0);
}
.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.swiper-slide, swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

/* Custom Swiper Styles for Client Logos */
.client-logo-slide {
  width: auto !important; /* Allow slide to size based on content */
  height: 100px; /* Fixed height for all slides */
  display: flex;
  align-items: center;
  justify-content: center;
}

.client-logo-slide img {
  max-width: 150px; /* Max width for images */
  max-height: 80px; /* Max height for images */
  width: auto;
  height: auto;
  object-fit: contain; /* Ensure images fit within bounds without cropping */
  filter: grayscale(100%) brightness(200%); /* Example: make logos grayscale and brighter */
  transition: all 0.3s ease-in-out;
}

.client-logo-slide img:hover {
  filter: grayscale(0%) brightness(100%); /* Color on hover */
}

.swiper-slide-invisible-blank {
  opacity: 0;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0,0,0,.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}
@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Media Queries for Mobile Responsiveness */
@media (min-width: 640px) {

  .sm\:-top-\[107\%\] {
    top: -107%;
  }

  .sm\:-top-\[93\%\] {
    top: -93%;
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .sm\:block {
    display: block;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .sm\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:pl-21 {
    padding-left: 5.25rem;
  }

  .sm\:pr-20 {
    padding-right: 5rem;
  }

  .sm\:pt-22 {
    padding-top: 5.5rem;
  }

  .sm\:pt-22\.5 {
    padding-top: 5.625rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}

@media (min-width: 768px) {

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:pt-40 {
    padding-top: 10rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {

  .lg\:visible {
    visibility: visible;
  }

  .lg\:left-1\/4 {
    left: 25%;
  }

  .lg\:right-\[8\.3\%\] {
    right: 8.3%;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-3\/4 {
    width: 100%;
  }

  .lg\:-translate-x-1\/3 {
    --tw-translate-x: -33.333333%;
    -webkit-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));
            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));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lg\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .lg\:gap-17 {
    gap: 4.25rem;
  }

  .lg\:gap-17\.5 {
    gap: 4.375rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:\!py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .lg\:\!py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-27 {
    padding-left: 6.75rem;
    padding-right: 6.75rem;
  }

  .lg\:px-27\.5 {
    padding-left: 6.875rem;
    padding-right: 6.875rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-22 {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .lg\:py-22\.5 {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
  }

  .lg\:py-25 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .lg\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .lg\:pb-22 {
    padding-bottom: 5.5rem;
  }

  .lg\:pb-22\.5 {
    padding-bottom: 5.625rem;
  }

  .lg\:pb-25 {
    padding-bottom: 6.25rem;
  }

  .lg\:pt-22 {
    padding-top: 5.5rem;
  }

  .lg\:pt-22\.5 {
    padding-top: 5.625rem;
  }

  .lg\:pt-25 {
    padding-top: 6.25rem;
  }

  .lg\:pt-27 {
    padding-top: 6.75rem;
  }

  .lg\:pt-27\.5 {
    padding-top: 6.875rem;
  }

  .lg\:pt-35 {
    padding-top: 8.75rem;
  }
}

@media (min-width: 1280px) {

  .xl\:-top-\[62\%\] {
    top: -62%;
  }

  .xl\:-top-\[73\%\] {
    top: -73%;
  }

  .xl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xl\:block {
    display: block;
  }

  .xl\:w-4\/5 {
    width: 80%;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:p-15 {
    padding: 3.75rem;
  }

  .xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:px-13 {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }

  .xl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:py-15 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .xl\:py-27 {
    padding-top: 6.75rem;
    padding-bottom: 6.75rem;
  }

  .xl\:py-27\.5 {
    padding-top: 6.875rem;
    padding-bottom: 6.875rem;
  }

  .xl\:pb-27 {
    padding-bottom: 6.75rem;
  }

  .xl\:pb-27\.5 {
    padding-bottom: 6.875rem;
  }

  .xl\:pb-30 {
    padding-bottom: 7.5rem;
  }

  .xl\:pt-27 {
    padding-top: 6.75rem;
  }

  .xl\:pt-27\.5 {
    padding-top: 6.875rem;
  }

  .xl\:pt-32 {
    padding-top: 8rem;
  }

  .xl\:pt-32\.5 {
    padding-top: 8.125rem;
  }

  .xl\:pt-40 {
    padding-top: 10rem;
  }

  .xl\:pt-45 {
    padding-top: 11.25rem;
  }

  .xl\:text-heading-1 {
    font-size: 60px;
    line-height: 72px;
  }

  .xl\:text-heading-2 {
    font-size: 48px;
    line-height: 58px;
  }
}

@media (min-width: 1536px) {

  .\32xl\:pb-\[150px\] {
    padding-bottom: 150px;
  }

  .\32xl\:pt-45 {
    padding-top: 11.25rem;
  }
}

/* Swiper Styles */
.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px,0,0);
          transform: translate3d(0px,0,0);
}
.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.swiper-slide, swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

/* Custom Swiper Styles for Client Logos */
.client-logo-slide {
  width: auto !important; /* Allow slide to size based on content */
  height: 100px; /* Fixed height for all slides */
  display: flex;
  align-items: center;
  justify-content: center;
}

.client-logo-slide img {
  max-width: 150px; /* Max width for images */
  max-height: 80px; /* Max height for images */
  width: auto;
  height: auto;
  object-fit: contain; /* Ensure images fit within bounds without cropping */
  filter: grayscale(100%) brightness(200%); /* Example: make logos grayscale and brighter */
  transition: all 0.3s ease-in-out;
}

.client-logo-slide img:hover {
  filter: grayscale(0%) brightness(100%); /* Color on hover */
}

.swiper-slide-invisible-blank {
  opacity: 0;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0,0,0,.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}
@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}