.global-page,
.global-page * {
  box-sizing: border-box;
}
.global-page {
  background: #000000;
  height: 4853px;
  position: relative;
  overflow: hidden;
}
.bg {
  position: absolute;
  inset: 0;
}
.gradient-grid {
  width: 1958px;
  height: 1958px;
  position: static;
}
.ellipse-5 {
  background: #9652c9;
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(216, 223, 230, 0.3);
  border-width: 1px;
  width: 1958px;
  height: 1958px;
  position: absolute;
  left: calc(50% - 980px);
  top: 645.46px;
  filter: blur(160px);
}
.ellipse-4 {
  background: #f4eefa;
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(216, 223, 230, 0.3);
  border-width: 1px;
  width: 1114px;
  height: 1114px;
  position: absolute;
  left: calc(50% - 558px);
  top: 801.46px;
  filter: blur(145px);
}
.gradient {
  width: 1199.84px;
  height: 1019px;
  position: static;
}
.ellipse-52 {
  background: rgba(150, 82, 201, 0.1);
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(216, 223, 230, 0.3);
  border-width: 1px;
  width: 1199.84px;
  height: 1019px;
  position: absolute;
  left: calc(50% - 1071px);
  top: 3636px;
  filter: blur(160px);
}
.ellipse-42 {
  background: rgba(244, 238, 250, 0.1);
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(216, 223, 230, 0.3);
  border-width: 1px;
  width: 683.11px;
  height: 580.15px;
  position: absolute;
  left: calc(50% - 812.63px);
  top: 3717.45px;
  filter: blur(145px);
}
.gradient2 {
  width: 796px;
  height: 613px;
  position: static;
}
.ellipse-53 {
  background: rgba(150, 82, 201, 0.2);
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(216, 223, 230, 0.3);
  border-width: 1px;
  width: 796px;
  height: 613px;
  position: absolute;
  left: calc(50% - 362px);
  top: 4163px;
  filter: blur(160px);
}
.ellipse-43 {
  background: rgba(244, 238, 250, 0.3);
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(216, 223, 230, 0.3);
  border-width: 1px;
  width: 453.19px;
  height: 349px;
  position: absolute;
  left: calc(50% - 190.59px);
  top: 4212px;
  filter: blur(145px);
}
.vector {
  width: 225.62%;
  height: 136.99%;
  position: absolute;
  right: -60.14%;
  left: -65.49%;
  bottom: -4.17%;
  top: -32.82%;
  overflow: visible;
  mix-blend-mode: overlay;
}
.hero-text {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 1200px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 241px;
}
.frame-1597883624 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1200px;
  position: relative;
}
.frame-1597883623 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1200px;
  position: relative;
}
.secured-data-with-obfuscate-solutions {
  background: linear-gradient(
    91.16deg,
    rgba(150, 82, 201, 1) 0%,
    rgba(255, 255, 255, 1) 41.667720675468445%,
    rgba(255, 255, 255, 1) 59.445273876190186%,
    rgba(150, 82, 201, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "BbManualMonoProOriginal-Regular", sans-serif;
  font-size: 105px;
  line-height: 110px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.comprehensive-cybersecurity-solutions-for-your-saa-s-and-paa-s-environments {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.download-button {
  background: #000000;
  padding: 10px 12px 10px 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 605px;
  box-shadow: var(
    --sd-button-default-box-shadow,
    0px 0px 0px 1px rgba(70, 79, 96, 0.16),
    0px 1px 1px 0px rgba(0, 0, 0, 0.1)
  );
  overflow: hidden;
}
.button {
  color: #ab75d4;
  text-align: left;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.02em;
  font-weight: 500;
  position: relative;
}
.frame-1597883626 {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 10px;
  padding: 50px;
  display: flex;
  flex-direction: row;
  gap: 200px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 801px;
  backdrop-filter: blur(5px);
}
.key-01 {
  display: flex;
  flex-direction: column;
  gap: 27px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 220px;
  height: 255px;
  position: relative;
}
.top {
  display: flex;
  flex-direction: column;
  gap: 17px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 89px;
  position: relative;
}
.carbon-carbon-for-ibm-product {
  flex-shrink: 0;
  width: 89px;
  height: 89px;
  position: relative;
  overflow: visible;
}
.title {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.asses {
  color: #f4eefa;
  text-align: center;
  font-family: "Roboto-SemiBold", sans-serif;
  font-size: 22px;
  font-weight: 600;
  position: relative;
  flex: 1;
}
.description {
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 96px;
  position: relative;
}
.we-audit-your-current-system-vulnerabilities-and-map-out-potential-risks {
  color: #9da3aa;
  text-align: center;
  font-family: "Roboto-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  width: 200px;
}
.key-2 {
  display: flex;
  flex-direction: column;
  gap: 27px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 220px;
  height: 255px;
  position: relative;
}
.carbon-carbon-for-ibm-product2 {
  flex-shrink: 0;
  width: 89px;
  height: 89px;
  position: relative;
  overflow: visible;
}
.secure {
  color: #f4eefa;
  text-align: center;
  font-family: "Roboto-SemiBold", sans-serif;
  font-size: 22px;
  font-weight: 600;
  position: relative;
  flex: 1;
}
.our-platform-implements-robust-security-measures-tailored-to-your-needs {
  color: #9da3aa;
  text-align: center;
  font-family: "Roboto-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  width: 200px;
}
.key-3 {
  display: flex;
  flex-direction: column;
  gap: 27px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 220px;
  height: 255px;
  position: relative;
}
.carbon-carbon-for-ibm-product3 {
  flex-shrink: 0;
  width: 89px;
  height: 89px;
  position: relative;
  overflow: visible;
}
.monitor {
  color: #f4eefa;
  text-align: center;
  font-family: "Roboto-SemiBold", sans-serif;
  font-size: 22px;
  font-weight: 600;
  position: relative;
  flex: 1;
}
.continuous-monitoring-and-updates-to-ensure-your-systems-stay-secure {
  color: #9da3aa;
  text-align: center;
  font-family: "Roboto-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  width: 200px;
}
.pricing {
  padding: 80px 120px 80px 120px;
  display: flex;
  flex-direction: column;
  gap: 120px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3231px;
}
.frame-788 {
  display: flex;
  flex-direction: column;
  gap: 120px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1200px;
  position: relative;
}
.frame-9 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.pricing-plans {
  color: #ab75d4;
  text-align: center;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 48px;
  line-height: 64px;
  font-weight: 700;
  position: relative;
}
.choose-the-plan-that-best-fits-your-company-s-size-structure-and-operational-needs {
  color: rgba(255, 255, 255, 0.93);
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  width: 871px;
}
.frame-26 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1200px;
  position: relative;
}
.small {
  background: radial-gradient(
      closest-side,
      rgba(255, 254, 254, 0.25) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    linear-gradient(to left, rgba(213, 213, 213, 0.3), rgba(213, 213, 213, 0.3)),
    linear-gradient(to left, rgba(157, 163, 170, 0.2), rgba(157, 163, 170, 0.2));
  border-radius: 24px 0px 0px 24px;
  border-style: solid;
  border-color: #9da3aa;
  border-width: 1px 0px 1px 1px;
  padding: 64px 48px 64px 48px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.price {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 276px;
  position: relative;
}
.plan-name {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.professional-b-2-c {
  color: #ab75d4;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 36px;
  line-height: 49px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.ideal-for-companies-looking-to-get-started-with-automation-and-member-management {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.rectangle-2 {
  background: rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  width: 276px;
  height: 2px;
  position: relative;
}
.frame-92 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-8 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-1-font-family, "Poppins-Regular", sans-serif);
  font-size: var(--body-1-font-size, 24px);
  line-height: var(--body-1-line-height, 32px);
  letter-spacing: var(--body-1-letter-spacing, -0.01em);
  font-weight: var(--body-1-font-weight, 400);
  position: relative;
}
._28-000-mo {
  text-align: left;
  position: relative;
}
._28-000-mo-span {
  color: #ffffff;
  font-family: var(--headline-3-font-family, "DmSans-Bold", sans-serif);
  font-size: var(--headline-3-font-size, 40px);
  line-height: var(--headline-3-line-height, 48px);
  letter-spacing: var(--headline-3-letter-spacing, -0.01em);
  font-weight: var(--headline-3-font-weight, 700);
}
._28-000-mo-span2 {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.up-to-5-users-full-access-to {
  color: #ffffff;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: relative;
}
.up-to-5-users-full-access-to-span {
  font-family: "Poppins-Medium", sans-serif;
  font-weight: 500;
}
.up-to-5-users-full-access-to-span2 {
  font-family: "Poppins-Bold", sans-serif;
  font-weight: 700;
}
.core-features {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 277px;
  position: relative;
}
.pricing-elements-feature-li {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.check {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.generic-analytics {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  width: 244px;
}
.check2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.generic-machine-learning-models {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  width: 244px;
}
.medium {
  background: radial-gradient(
      closest-side,
      rgba(171, 117, 212, 0.22) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    linear-gradient(to left, rgba(171, 117, 212, 0.2), rgba(171, 117, 212, 0.2)),
    linear-gradient(
      to left,
      rgba(210, 210, 210, 0.12),
      rgba(210, 210, 210, 0.12)
    );
  border-radius: 20px;
  border-width: 5px;
  border-style: solid;
  border-image: linear-gradient(
    201.29deg,
    rgba(171, 117, 212, 1) 0%,
    rgba(171, 117, 212, 0.1) 100%
  );
  border-image-slice: 1;
  padding: 96px 48px 96px 48px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  box-shadow: 0px 60px 80px -40px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  backdrop-filter: blur(20px);
}
.plan-name2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-10 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-29 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.business-b-2-c {
  color: #ab75d4;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 36px;
  line-height: 49px;
  font-weight: 700;
  position: relative;
}
.label {
  background: #ab75d4;
  padding: 8px 8px 6px 8px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.popular {
  color: #fcfcfd;
  text-align: left;
  font-family: var(--hairline-2-font-family, "Poppins-Bold", sans-serif);
  font-size: var(--hairline-2-font-size, 12px);
  line-height: var(--hairline-2-line-height, 12px);
  font-weight: var(--hairline-2-font-weight, 700);
  text-transform: uppercase;
  position: relative;
}
.perfect-for-companies-expanding-their-operations-and-needing-more-analytical-insight {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.price2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div2 {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-1-font-family, "Poppins-Bold", sans-serif);
  font-size: var(--body-1-font-size, 24px);
  line-height: var(--body-1-line-height, 32px);
  letter-spacing: var(--body-1-letter-spacing, -0.01em);
  font-weight: var(--body-1-font-weight, 700);
  position: relative;
}
._56-000-mo {
  text-align: left;
  position: relative;
}
._56-000-mo-span {
  color: #ffffff;
  font-family: var(--headline-3-font-family, "DmSans-Bold", sans-serif);
  font-size: var(--headline-3-font-size, 40px);
  line-height: var(--headline-3-line-height, 48px);
  letter-spacing: var(--headline-3-letter-spacing, -0.01em);
  font-weight: var(--headline-3-font-weight, 700);
}
._56-000-mo-span2 {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.up-to-10-users-full-access-to {
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: relative;
}
.up-to-10-users-full-access-to-span {
  font-family: "Poppins-Medium", sans-serif;
  font-weight: 500;
}
.up-to-10-users-full-access-to-span2 {
  font-family: "Poppins-Bold", sans-serif;
  font-weight: 700;
}
.core-features2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 278px;
  position: relative;
}
.check3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.includes-all-features-from-professional-plan {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  width: 244px;
}
.check4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.advance-analytics {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  width: 244px;
}
.check5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.advance-machine-learning-models {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  width: 244px;
}
.enterprise {
  background: radial-gradient(
      closest-side,
      rgba(255, 254, 254, 0.25) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    linear-gradient(to left, rgba(213, 213, 213, 0.3), rgba(213, 213, 213, 0.3)),
    linear-gradient(to left, rgba(157, 163, 170, 0.2), rgba(157, 163, 170, 0.2));
  border-radius: 0px 24px 24px 0px;
  border-style: solid;
  border-color: #9da3aa;
  border-width: 1px 1px 1px 0px;
  padding: 64px 48px 64px 48px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.enterprise-b-2-b {
  color: #ab75d4;
  text-align: left;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 36px;
  line-height: 49px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.for-large-scale-companies-that-require-advanced-insights-integrations-and-scalability {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-93 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 84px;
  position: relative;
}
.contact-us-for-a-quotation {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: relative;
}
.pricing-elements-feature-li2 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.check6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.all-features-from-profressional-and-business-plans {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  width: 244px;
}
.check7 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.gen-ai {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  width: 244px;
}
.how-it-works {
  background: #000000;
  border-radius: 20px;
  padding: 80px 120px 80px 120px;
  display: flex;
  flex-direction: column;
  gap: 120px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1312px;
  overflow: hidden;
}
.why-choose-obfuscate {
  color: #ab75d4;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 48px;
  line-height: 64px;
  font-weight: 700;
  position: relative;
}
.our-platform-is-designed-to-safeguard-your-saa-s-and-paa-s-environments-from-every-angle-discover-the-powerful-benefits-of-partnering-with-us-for-your-cybersecurity-needs {
  color: var(--label-primary, #ececec);
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  width: 840px;
}
.framing {
  padding: 5px 0px 5px 0px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  row-gap: 89px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex-shrink: 0;
  width: 1200px;
  position: relative;
}
.tx {
  background: linear-gradient(
    96.79deg,
    rgba(171, 117, 212, 1) 0%,
    rgba(171, 117, 212, 1) 0.009999999747378752%,
    rgba(90, 90, 90, 0) 49.47916567325592%,
    rgba(171, 117, 212, 1) 100%
  );
  border-radius: 16px;
  border-width: 5px;
  border-style: solid;
  border-image: linear-gradient(
    180deg,
    rgba(171, 117, 212, 1) 0%,
    rgba(60, 33, 80, 1) 100%
  );
  border-image-slice: 1;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 301.5px;
  height: 400px;
  position: relative;
  overflow: hidden;
  backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
}
.tx2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.easily-accessible {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.users-can-access-the-application-anywhere-and-anytime-through-their-browsers-it-enables-them-to-operate-in-their-pc-mobile-or-tablet-devices {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.pad-01 {
  flex-shrink: 0;
  width: 380px;
  height: 299px;
  position: relative;
}
.tx3 {
  background: linear-gradient(
    96.79deg,
    rgba(171, 117, 212, 1) 0%,
    rgba(171, 117, 212, 1) 0.009999999747378752%,
    rgba(90, 90, 90, 0) 49.47916567325592%,
    rgba(171, 117, 212, 1) 100%
  );
  border-radius: 16px;
  padding: 64px 56px 32px 56px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  width: 380px;
  position: absolute;
  left: 0px;
  top: 40px;
  overflow: hidden;
  backdrop-filter: var(--background-blur-backdrop-filter, blur(25px));
}
.tx4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.low-upfront-cost {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "BbManualMonoProOriginal-Medium", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.our-saa-s-applications-operated-in-a-subscription-or-pay-as-you-go-model-it-helps-reduce-upfront-cost-for-maintaining-hardware-and-software {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: var(
    --main-text-p1-400-font-family,
    "Poppins-Regular",
    sans-serif
  );
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.ic-frame {
  background: var(--bg-dark, #171717);
  border-radius: 40px;
  border-style: solid;
  border-color: #ab75d4;
  border-width: 1px;
  width: 80px;
  height: 80px;
  position: absolute;
  left: calc(50% - 39px);
  top: 0px;
  overflow: hidden;
}
.ic-02 {
  width: 75px;
  height: 75px;
  position: absolute;
  left: 4px;
  top: 1px;
}
.vector2 {
  opacity: 0.1;
  width: 75.9%;
  height: 75.9%;
  position: absolute;
  right: 13.63%;
  left: 10.47%;
  bottom: 9.71%;
  top: 14.39%;
  overflow: visible;
}
.vector-stroke {
  width: 48.42%;
  height: 47.11%;
  position: absolute;
  right: 51.58%;
  left: 0%;
  bottom: 0.55%;
  top: 52.34%;
  overflow: visible;
}
.vector-stroke2 {
  width: 47.11%;
  height: 48.42%;
  position: absolute;
  right: 4.47%;
  left: 48.42%;
  bottom: 47.66%;
  top: 3.93%;
  overflow: visible;
}
.group {
  width: 81.57%;
  height: 81.82%;
  position: absolute;
  right: -70.69%;
  left: 89.12%;
  bottom: 7%;
  top: 11.18%;
  transform: translate(-61.37px, 0px);
  overflow: visible;
}
.vector3 {
  width: 17.01%;
  height: 32.71%;
  position: absolute;
  right: 43.73%;
  left: 39.26%;
  bottom: 34.57%;
  top: 32.71%;
  overflow: visible;
}
.vector4 {
  width: 56.27%;
  height: 53.65%;
  position: absolute;
  right: 24.1%;
  left: 19.63%;
  bottom: 24.1%;
  top: 22.25%;
  overflow: visible;
}
.automatic-updates-and-maintenance-no-additional-cost {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.we-handle-all-updates-bug-fixes-maintenance-automatically-ensuring-all-our-clients-access-to-the-latest-features-and-security-patches {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.scalability-and-flexibility {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.our-applications-and-platforms-can-scale-automatically-based-on-the-demands-by-our-clients {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.pad-3 {
  flex-shrink: 0;
  width: 380px;
  height: 400px;
  position: relative;
}
.reduced-it-overheads {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: "BbManualMonoProOriginal-Medium", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.companies-can-operate-without-an-internal-it-team-or-if-they-have-an-existing-one-the-team-can-focus-more-on-other-strategic-tasks-our-applications-will-not-require-internal-specialised-it-team-to-operate {
  color: var(--white, #ffffff);
  text-align: center;
  font-family: var(
    --main-text-p1-400-font-family,
    "Poppins-Regular",
    sans-serif
  );
  font-size: var(--main-text-p1-400-font-size, 16px);
  line-height: var(--main-text-p1-400-line-height, 23px);
  font-weight: var(--main-text-p1-400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.ic-01 {
  width: 75px;
  height: 75px;
  position: absolute;
  left: 3px;
  top: 2px;
}
.group-47 {
  width: 95.52%;
  height: 95.52%;
  position: absolute;
  right: 2.57%;
  left: 1.91%;
  bottom: 2.57%;
  top: 1.91%;
  overflow: visible;
}
.security-and-compliance {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.we-implement-robust-security-and-comply-with-industry-standards-we-provide-our-clients-with-our-identity-and-management-access-that-complies-with-the-global-standards-for-managing-user-credentials {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.data-analytics-machine-learning-and-generative-ai {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.we-offer-our-clients-access-to-our-data-platform-to-help-them-with-their-data-journey-this-offering-will-be-included-in-our-tier-based-offerings {
  color: #f4eefa;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.footer {
  width: 1440px;
  height: 383px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 4470px;
}
.rectangle {
  background: #000508;
  border-radius: 12px 12px 0px 0px;
  border-style: solid;
  border-color: #141414;
  border-width: 1px;
  width: 100%;
  height: 383px;
  position: absolute;
  right: 0%;
  left: 0%;
  top: 0px;
}
.footer-frame {
  display: flex;
  flex-direction: row;
  gap: 191px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 105px;
}
.left {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.logo-side {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.logo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 346px;
  position: relative;
  overflow: hidden;
}
.logo2 {
  align-self: stretch;
  flex-shrink: 0;
  height: 55px;
  position: relative;
}
.logotype-white-ver-2 {
  width: 44.51%;
  height: 100%;
  position: absolute;
  right: 55.49%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  object-fit: cover;
}
._2024 {
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div3 {
  color: #848895;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 27.3px;
  font-weight: 400;
  position: relative;
  width: 17px;
}
._20242 {
  color: #848895;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 27.3px;
  font-weight: 400;
  position: relative;
}
.obfuscate-solutions-inc-all-rights-reserved {
  color: #848895;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 27.3px;
  font-weight: 400;
  position: relative;
}
.right {
  padding: 5px 0px 5px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 135px;
  position: relative;
}
.obfuscate {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 18.72px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  flex: 1;
}
.down {
  padding: 5px 0px 5px 0px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.about {
  color: #848895;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 15px;
  line-height: 27.3px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.services {
  color: #848895;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 15px;
  line-height: 27.3px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.products {
  color: #848895;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 27.3px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.pricing2 {
  color: #848895;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 27.3px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.side-content {
  padding: 5px 0px 5px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 135px;
  position: relative;
}
.secure-your-data-now {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 18.72px;
  font-weight: 400;
  position: relative;
  width: 135px;
}
.contact-us {
  color: #848895;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 15px;
  line-height: 27.3px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.nav-bar {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 1440px;
  position: absolute;
  left: calc(50% - 721px);
  top: 5px;
}
.header-navigation-expand {
  background: rgba(0, 0, 0, 0.9);
  align-self: stretch;
  flex-shrink: 0;
  height: 80px;
  position: relative;
  backdrop-filter: blur(7.5px);
}
.divider {
  margin-top: -1px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px 0 0 0;
  width: 1440px;
  height: 0px;
  position: absolute;
  left: 0px;
  top: 80px;
}
.frame-nav {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 1082px;
  height: 68px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 12px;
}
.logo-with-company-name {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 96px;
  position: relative;
}
.logotype-white-ver-22 {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  object-fit: cover;
}
.right-pos {
  display: flex;
  flex-direction: row;
  gap: 130px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.nav-item {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 68px;
  position: relative;
}
.nav-option {
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 59px;
  position: relative;
}
.nav-content {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}
.hover-line {
  opacity: 0;
  flex: 1;
  width: 7px;
  height: auto;
  position: relative;
  overflow: visible;
}
.hover-line2 {
  opacity: 0;
  flex: 1;
  width: 7px;
  height: auto;
  position: relative;
  overflow: visible;
}
.hover-line3 {
  opacity: 0;
  flex: 1;
  width: 7px;
  height: auto;
  position: relative;
  overflow: visible;
}
.hover-line4 {
  opacity: 0;
  flex: 1;
  width: 7px;
  height: auto;
  position: relative;
  overflow: visible;
}
.hover-line5 {
  opacity: 0;
  flex: 1;
  width: 7px;
  height: auto;
  position: relative;
  overflow: visible;
}
.button-login-and-request-demo {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 52px;
  position: relative;
}
.expand-hover-options {
  padding: 0px 5px 0px 5px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 30px;
  position: relative;
}
.expand-hover-content {
  color: #ab75d4;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.download-button2 {
  background: #ab75d4;
  padding: 6px 12px 6px 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 40px;
  position: relative;
  box-shadow: 0px 0px 0px 1px rgba(171, 117, 212, 1),
    0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.button2 {
  color: #000000;
  text-align: left;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  font-weight: 500;
  position: relative;
}