.platform-detailed-child {
  width: 1030.2px;
  height: 1100.3px;
  position: absolute;
  margin: 0 !important;
  top: 379px;
  right: -329.2px;
}
.platform-detailed-item {
  width: 1113.5px;
  height: 1044.3px;
  position: absolute;
  margin: 0 !important;
  top: 379px;
  left: -326px;
  object-fit: contain;
}
.content-child {
  width: 1440px;
  height: 680px;
  position: relative;
  background-color: var(--color-black);
  display: none;
  max-width: 100%;
  z-index: 0;
}
.logo-light-1-icon {
  width: 43px;
  height: 33px;
  position: relative;
  object-fit: cover;
}
.logo-container {
  width: 272px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.5px 0 0;
  box-sizing: border-box;
}
.services {
  text-decoration: none;
  top: 0;
  left: 0;
  line-height: 20px;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  min-width: 61px;
}
.resources {
  min-width: 73px;
}
.case-study,
.contact-us,
.pricing,
.resources {
  text-decoration: none;
  top: 0;
  line-height: 20px;
  font-weight: 700;
  color: inherit;
  display: inline-block;
}
.case-study {
  min-width: 45px;
  white-space: nowrap;
}
.contact-us,
.pricing {
  min-width: 49px;
}
.contact-us {
  min-width: 75px;
  white-space: nowrap;
}
.nav-links {
  margin: 0;
  height: 20px;
  text-align: center;
  display: flex;
  gap: 20px;
  font-size: var(--button-size);
  color: var(--color-white);
  font-family: var(--button);
}
.navbar {
  margin: 0;
  width: 431px;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: var(--padding-3xs) 0 0; */
  box-sizing: border-box;
  max-width: 100%;
}
.request-a-demo,
.sign-in {
  text-decoration: none;
  position: relative;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
}
.sign-in {
  color: inherit;
  min-width: 47px;
  white-space: nowrap;
}
.request-a-demo {
  font-size: var(--button-size);
  font-family: var(--button);
  color: var(--color-white);
  text-align: center;
  min-width: 110px;
}
.demo-wrapper {
  cursor: pointer;
  border: 1.5px solid var(--color-lightsteelblue-200);
  padding: var(--padding-5xs) var(--padding-sm);
  background-color: var(--color-mediumslateblue-100);
  flex: 1;
  border-radius: var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.cta-buttons:hover,
.demo-wrapper:hover {
  background-color: var(--color-dodgerblue);
  border: 1.5px solid var(--color-lightsteelblue-100);
  box-sizing: border-box;
}
.figlobe-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.globe-icon {
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-300);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xs);
}
.demo-button {
  flex: 1;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.auth-buttons,
.demo-button,
.header-parent {
  display: flex;
  flex-direction: row;
}
.auth-buttons {
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
.header-parent {
  top: 16px;
  position: fixed;
  gap: var(--gap-xl);
  max-width: 100%;
  text-align: center;
  font-size: var(--button-size);
  color: var(--color-white);
  font-family: var(--button);
  justify-content: center;
  width: calc(100% - 200px);
  left: 100px;
  z-index: 1000;
}

.ac45a65b12f-1-icon {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}
.frame-child,
.frame-item {
  position: absolute;
  top: 91.9px;
  left: 47.7px;
  width: 263.3px;
  height: 126.8px;
  z-index: 2;
}
.frame-item {
  top: 0;
  left: 0;
  width: 205px;
  height: 210.9px;
  z-index: 3;
}
.vector-parent {
  height: 218.7px;
  width: 311px;
  position: relative;
}
.hero-image {
  width: 970px;
  height: 100%;
  margin: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 149.1px 135px 149px;
  box-sizing: border-box;
}
.one-unified-platform {
  position: relative;
  letter-spacing: 3px;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 600;
}
.one-stop-shop-for {
  margin: 0;
}
.offensive-security-service {
  margin: 0;
  background: linear-gradient(90deg, #68d3f5, #0860ff 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.one-stop-shop-for-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 120%;
  font-weight: 600;
  font-family: inherit;
}
.nightwolf-platform-provides {
  width: 562px;
  position: relative;
  font-size: var(--parapgraph-1-size);
  line-height: 150%;
  font-family: var(--button);
  color: var(--color-silver);
  display: inline-block;
  max-width: 100%;
}
.description {
  text-align: left;
  font-size: var(--heading-1-size);
  color: var(--color-white);
  font-family: var(--heading-4);
}
.description,
.slogan {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  max-width: 100%;
}
.contact-us1 {
  position: relative;
  font-size: var(--button-size);
  line-height: 20px;
  display: inline-block;
  font-family: var(--button);
  color: var(--color-white);
  text-align: center;
  min-width: 75px;
}
.cta-buttons {
  cursor: pointer;
  border: 1.5px solid var(--color-lightsteelblue-200);
  padding: var(--padding-5xs) 43px;
  background-color: var(--color-mediumslateblue-100);
  width: 165px;
  border-radius: var(--br-5xs);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.explore-our-offering {
  position: relative;
  font-size: var(--button-size);
  line-height: 20px;
  font-family: var(--button);
  color: var(--color-white);
  text-align: center;
}
.cta-buttons1 {
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.16);
  padding: var(--padding-5xs) var(--padding-2xl);
  background-color: var(--color-gray-300);
  border-radius: var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.cta-buttons1:hover {
  background-color: rgba(230, 230, 230, 0.06);
  border: 1px solid rgba(230, 230, 230, 0.16);
  box-sizing: border-box;
}
.content,
.cta-buttons-parent,
.main,
.slogan-parent {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.cta-buttons-parent {
  flex-direction: row;
  align-items: center;
  gap: 14px;
}
.content,
.main,
.slogan-parent {
  align-items: flex-start;
}
.slogan-parent {
  width: 610px;
  flex-direction: column;
  gap: var(--gap-21xl);
  z-index: 2;
}
.content,
.main {
  box-sizing: border-box;
}
.content {
  flex: 1;
  background-color: var(--color-black);
  flex-direction: column;
  padding: 172px 100px 192px;
  position: relative;
  gap: 124px;
  z-index: 1;
}
.main {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 42px;
  text-align: center;
  font-size: var(--parapgraph-1-size);
  color: var(--color-mediumslateblue-100);
  font-family: var(--button);
}
.key-feature {
  position: relative;
  letter-spacing: 3px;
  line-height: 150%;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 1;
}
.feature-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-5xl) 0 var(--padding-xl);
}
.offensive-security-engagement {
  background: linear-gradient(90deg, #68d3f5, #0860ff 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.introducing-our-comprehensive-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--heading-1-size);
  line-height: 120%;
  font-weight: 600;
  font-family: var(--heading-4);
  z-index: 1;
  color: var(--color-white);
}
.anticipate-a-proactive {
  width: 604px;
  position: relative;
  line-height: 150%;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 1;
}
.proactive {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  color: var(--color-silver);
}
.feature-content,
.feature-intro,
.proactive {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.feature-intro {
  width: 930px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.feature-content {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  position: relative;
}
.frame-inner {
  width: 298px;
  height: 298px;
  position: relative;
}
.start-testing-faster {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 700;
  font-family: inherit;
}
.security-assessments-are {
  width: 280px;
  position: relative;
  font-size: var(--button-size);
  line-height: 150%;
  font-family: var(--button);
  color: var(--color-silver);
  display: inline-block;
}
.benefit-items,
.frame-container,
.frame-group,
.frame-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.benefit-items {
  align-self: stretch;
  padding: 0 var(--padding-31xl);
  gap: var(--gap-5xs);
}
.frame-container,
.frame-group,
.frame-parent {
  flex: 1;
  min-width: 300px;
  max-width: 100%;
}
.frame-container,
.frame-group {
  z-index: 1;
  margin-left: -30px;
}
.frame-container {
  z-index: 2;
}
.benefits,
.deep-dive {
  color: var(--color-white);
}
.benefits {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
  row-gap: 20px;
  z-index: 1;
  font-size: var(--heading-5-size);
  font-family: var(--heading-4);
}
.deep-dive {
  position: relative;
  font-size: var(--button-size);
  line-height: 20px;
  display: inline-block;
  font-family: var(--button);
  text-align: center;
  min-width: 70px;
}
.get-started-wrapper:hover,
.start-saving-wrapper:hover {
  background-color: var(--color-dodgerblue);
  border: 1.5px solid var(--color-lightsteelblue-100);
  box-sizing: border-box;
}
.deep-dive-button {
  width: 100%;
  display: flex;
  justify-content: center;
  /* padding: 0 var(--padding-xl); */
}
.feature-container,
.features {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.feature-container {
  width: 1140px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 26.5px;
}
.features {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) 62px;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--parapgraph-1-size);
  color: var(--color-mediumslateblue-100);
  font-family: var(--button);
}
.nightwolf {
  background: linear-gradient(90deg, #68d3f5, #0860ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.what-to-expect-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 58px;
  font-weight: 600;
  font-family: inherit;
}
.ellipse-div {
  height: 32px;
  width: 32px;
  position: relative;
  border-radius: 50%;
  background-color: var(--color-mediumslateblue-100);
}
.empty {
  position: relative;
  line-height: 24px;
  display: inline-block;
  min-width: 8px;
  z-index: 1;
}
.ellipse-parent,
.empty-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.empty-wrapper {
  flex-direction: column;
  padding: var(--padding-9xs) 0 0;
  margin-left: -20px;
}
.ellipse-parent {
  flex-direction: row;
  padding: 0 var(--padding-xs) 0 0;
}
.discovery {
  margin: 0;
  height: 24px;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  min-width: 93px;
}
.discovery-wrapper,
.step-details {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.discovery-wrapper {
  flex-direction: column;
  padding: var(--padding-9xs) 0 0;
}
.step-details {
  flex-direction: row;
  gap: var(--gap-base);
}
.we-will-assigns {
  align-self: stretch;
  position: relative;
  font-size: var(--button-size);
  line-height: 150%;
  font-family: var(--button);
  color: var(--color-silver);
  text-align: left;
}
.step-content {
  width: 343px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-93xl);
  min-width: 343px;
  flex-shrink: 0;
  max-width: 100%;
}
.placeholder-child {
  align-self: stretch;
  height: 376px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.component-2,
.placeholder {
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  max-width: 100%;
}
.placeholder {
  height: 228px;
  width: 376px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-11xs);
  min-width: 376px;
}
.component-2 {
  width: 715px;
  border-radius: var(--br-base);
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-700);
  overflow: hidden;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: var(--padding-lg) var(--padding-xl) var(--padding-11xl);
  gap: var(--gap-87xl);
  min-width: 715px;
}
.remediation {
  position: relative;
  line-height: 150%;
  display: inline-block;
  min-width: 12px;
  z-index: 1;
}
.plan-details,
.plan-title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.plan-title {
  flex-direction: column;
  padding: var(--padding-12xs) 0 0;
  margin-left: -22px;
}
.plan-details {
  flex-direction: row;
  padding: 0 var(--padding-3xs) 0 0;
}
.plan {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 150%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  min-width: 40px;
}
.plan-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0;
}
.transformative-fintech-startup {
  width: 343px;
  position: relative;
  font-size: var(--button-size);
  line-height: 150%;
  font-family: var(--button);
  color: var(--color-silver);
  text-align: left;
  display: flex;
  align-items: flex-end;
  max-width: 100%;
}
.component-3-child {
  width: 376px;
  height: 376px;
  position: absolute;
  margin: 0 !important;
  top: -130px;
  right: -130px;
  z-index: 1;
}
.component-3,
.process-steps {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.component-3 {
  width: 505px;
  border-radius: var(--br-base);
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-700);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-lg) var(--padding-xl) var(--padding-11xl);
  position: relative;
  gap: var(--gap-51xl);
  min-width: 505px;
}
.process-steps {
  flex-direction: row;
  justify-content: center;
  gap: var(--gap-xl);
}
.frame-child2 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-mediumslateblue-100);
  width: 100%;
  height: 100%;
}
.b {
  position: absolute;
  top: 1px;
  left: 10px;
  line-height: 150%;
  display: inline-block;
  min-width: 13px;
  z-index: 1;
}
.ellipse-group {
  height: 32px;
  width: 32px;
  position: relative;
}
.assessment,
.empty1 {
  position: relative;
  line-height: 150%;
  display: inline-block;
}
.assessment {
  margin: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  min-width: 116px;
}
.empty1 {
  min-width: 13px;
  z-index: 1;
}
.plan-circle-parent,
.process {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.plan-circle-parent {
  flex-direction: row;
  padding: 0 var(--padding-4xs) 0 0;
}
.process {
  flex-direction: column;
  gap: var(--gap-xl);
  max-width: 100%;
  z-index: 1;
  font-size: var(--heading-5-size);
}
.step-markers {
  height: 138px;
  width: 228px;
  position: absolute;
  margin: 0 !important;
  bottom: 54px;
  left: calc(50% - 114px);
  filter: blur(180px);
  border-radius: 50%;
  background-color: var(--color-mediumslateblue-200);
}
.rectangle-div {
  height: 47px;
  width: 77px;
  position: relative;
  border: 1px solid var(--color-white);
  box-sizing: border-box;
}
.frame-child14,
.frame-child15,
.frame-child16,
.frame-child17,
.frame-child18,
.frame-child19,
.frame-child20,
.frame-child4 {
  height: 47px;
  width: 77px;
  position: relative;
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  margin-left: -1.6px;
}
.frame-child14,
.frame-child15,
.frame-child16,
.frame-child17,
.frame-child18,
.frame-child19,
.frame-child20 {
  z-index: 1;
}
.frame-child15,
.frame-child16,
.frame-child17,
.frame-child18,
.frame-child19,
.frame-child20 {
  z-index: 2;
}
.frame-child16,
.frame-child17,
.frame-child18,
.frame-child19,
.frame-child20 {
  z-index: 3;
}
.frame-child17,
.frame-child18,
.frame-child19,
.frame-child20 {
  z-index: 4;
}
.frame-child18,
.frame-child19,
.frame-child20 {
  z-index: 5;
}
.frame-child19,
.frame-child20 {
  z-index: 6;
}
.frame-child20 {
  z-index: 7;
}
.frame-child28,
.frame-child29,
.frame-child37,
.frame-child38,
.frame-child46,
.frame-child47,
.frame-child55,
.frame-child56 {
  height: 47px;
  width: 77px;
  position: relative;
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  z-index: 8;
  margin-left: -1.6px;
}
.frame-child29,
.frame-child37,
.frame-child38,
.frame-child46,
.frame-child47,
.frame-child55,
.frame-child56 {
  z-index: 9;
}
.frame-child37,
.frame-child38,
.frame-child46,
.frame-child47,
.frame-child55,
.frame-child56 {
  z-index: 10;
}
.frame-child38,
.frame-child46,
.frame-child47,
.frame-child55,
.frame-child56 {
  z-index: 11;
}
.frame-child46,
.frame-child47,
.frame-child55,
.frame-child56 {
  z-index: 12;
}
.frame-child47,
.frame-child55,
.frame-child56 {
  z-index: 13;
}
.frame-child55,
.frame-child56 {
  z-index: 14;
}
.frame-child56 {
  z-index: 15;
}
.rectangle-parent,
.step-markers-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.rectangle-parent {
  width: 684px;
  flex-wrap: wrap;
  opacity: 0.04;
  min-height: 276px;
  max-width: 100%;
}
.step-markers-parent {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: -37px;
}
.remix-iconsfilldevelopmentb {
  height: 21.4px;
  width: 21.4px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.remix-iconsfilldevelopmentb-wrapper {
  border-radius: 4.58px;
  background-color: var(--color-gray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs-2) var(--padding-4xs) var(--padding-3xs-1);
}
.payment-button-is {
  position: relative;
  line-height: 16px;
  font-weight: 500;
}
.thursday-july-11-2024 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-xs-5);
  line-height: 14px;
  color: var(--color-dimgray);
  white-space: nowrap;
}
.payment-button-is-not-working-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-8xs-6);
}
.frame-parent6 {
  width: 252px;
  border-radius: var(--br-3xs);
  background-color: var(--color-gray-200);
  border: 0.8px solid var(--color-gray-700);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) var(--padding-mid) var(--padding-10xs)
    var(--padding-9xs);
  gap: var(--gap-smi-2);
}
.remix-iconsfilldevelopmentb1 {
  height: 24.9px;
  width: 24.9px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.remix-iconsfilldevelopmentb-container {
  width: 46.2px;
  border-radius: 5.33px;
  background-color: var(--color-gray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-2xs-7) var(--padding-3xs) var(--padding-2xs-6);
  box-sizing: border-box;
}
.thursday-july-11-20241 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-sm-3);
  line-height: 16px;
  color: var(--color-dimgray);
  white-space: nowrap;
}
.payment-button-is-not-working-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  gap: var(--gap-7xs-3);
}
.frame-parent7 {
  width: 293px;
  border-radius: var(--br-3xs);
  background-color: var(--color-gray-200);
  border: 0.9px solid var(--color-gray-700);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-9xs) var(--padding-xl) var(--padding-9xs)
    var(--padding-8xs);
  gap: var(--gap-mini-2);
  font-size: var(--font-size-base-1);
}
.frame-child57 {
  height: 64px;
  width: 64px;
  position: relative;
}
.home-page-not {
  position: relative;
  line-height: 120%;
  font-weight: 500;
}
.thursday-july-11-20242 {
  align-self: stretch;
  position: relative;
  font-size: 15px;
  line-height: 120%;
  color: var(--color-dimgray);
  white-space: nowrap;
}
.home-page-not-loading-images-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
  min-width: 151px;
}
.frame-parent8 {
  align-self: stretch;
  border-radius: var(--br-xs);
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-700);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-9xs) 5px var(--padding-9xs) var(--padding-8xs);
  gap: var(--gap-base);
  font-size: 17px;
}
.thursday-july-11-20244 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-xs-5);
  line-height: 120%;
  color: var(--color-dimgray);
  white-space: nowrap;
}
.bug-reports,
.frame-parent5 {
  align-self: stretch;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.bug-reports {
  margin-top: -20px;
  align-items: center;
  gap: var(--gap-5xs);
  z-index: 16;
}
.frame-parent5 {
  height: 276px;
  overflow: hidden;
  align-items: flex-start;
  padding: 0 110px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.real-time-reporting-and-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 120%;
  font-weight: 700;
  font-family: inherit;
}
.the-report-is {
  align-self: stretch;
  position: relative;
  font-size: var(--button-size);
  line-height: 150%;
  font-family: var(--button);
  color: var(--color-silver);
}
.frame-parent4,
.use-case-intro,
.use-case-intro-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.use-case-intro {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-base);
}
.frame-parent4,
.use-case-intro-wrapper {
  box-sizing: border-box;
}
.use-case-intro-wrapper {
  width: 514px;
  flex-direction: row;
  padding: 0 var(--padding-13xl);
  font-size: var(--heading-3-size);
}
.frame-parent4 {
  flex: 1;
  border-radius: var(--br-base);
  background-color: var(--color-gray-200);
  overflow: hidden;
  flex-direction: column;
  padding: 0 0 var(--padding-19xl);
  gap: var(--gap-13xl);
  z-index: 1;
}
.frame-child58 {
  height: 47px;
  flex: 1;
  position: relative;
  border: 1px solid var(--color-white);
  box-sizing: border-box;
}
.rectangle-group {
  align-self: stretch;
  height: 46px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-child69 {
  height: 47px;
  flex: 1;
  position: relative;
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  z-index: 1;
}
.frame-child70,
.frame-child71,
.frame-child72,
.frame-child73,
.frame-child74,
.frame-child75,
.frame-child83 {
  height: 47px;
  flex: 1;
  position: relative;
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  z-index: 2;
}
.frame-child71,
.frame-child72,
.frame-child73,
.frame-child74,
.frame-child75,
.frame-child83 {
  z-index: 3;
}
.frame-child72,
.frame-child73,
.frame-child74,
.frame-child75,
.frame-child83 {
  z-index: 4;
}
.frame-child73,
.frame-child74,
.frame-child75,
.frame-child83 {
  z-index: 5;
}
.frame-child74,
.frame-child75,
.frame-child83 {
  z-index: 6;
}
.frame-child75,
.frame-child83 {
  z-index: 7;
}
.frame-child83 {
  z-index: 8;
}
.frame-child101,
.frame-child102,
.frame-child110,
.frame-child111,
.frame-child84,
.frame-child92,
.frame-child93 {
  height: 47px;
  flex: 1;
  position: relative;
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  z-index: 9;
}
.frame-child101,
.frame-child102,
.frame-child110,
.frame-child111,
.frame-child92,
.frame-child93 {
  z-index: 10;
}
.frame-child101,
.frame-child102,
.frame-child110,
.frame-child111,
.frame-child93 {
  z-index: 11;
}
.frame-child101,
.frame-child102,
.frame-child110,
.frame-child111 {
  z-index: 12;
}
.frame-child102,
.frame-child110,
.frame-child111 {
  z-index: 13;
}
.frame-child110,
.frame-child111 {
  z-index: 14;
}
.frame-child111 {
  z-index: 15;
}
.frame-child112 {
  position: absolute;
  top: 47px;
  left: 145px;
  filter: blur(180px);
  border-radius: 50%;
  background-color: var(--color-mediumslateblue-200);
  width: 228px;
  height: 138px;
  z-index: 16;
}
.frame-child113,
.vector-icon {
  position: absolute;
  top: 36px;
  left: 68px;
  width: 142px;
  height: 62.5px;
  z-index: 17;
}
.frame-child113 {
  top: 134px;
  left: 109.5px;
  width: 127px;
  height: 19px;
}
.frame-child114,
.frame-child115 {
  position: absolute;
  top: 133.8px;
  left: 298px;
  width: 136px;
  height: 23.7px;
  z-index: 17;
}
.frame-child115 {
  top: 59px;
  left: 301px;
  width: 110.5px;
  height: 38.5px;
}
.frame-child116,
.frame-child117,
.frame-child118,
.frame-child119 {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px;
  z-index: 18;
}
.frame-child117,
.frame-child118,
.frame-child119 {
  top: 116px;
  left: 38px;
}
.frame-child118,
.frame-child119 {
  top: 122px;
  left: 434px;
  z-index: 16;
}
.frame-child119 {
  top: 25px;
  left: 411px;
  z-index: 18;
}
.ellipse-container {
  width: 506px;
  height: 194px;
  position: absolute;
  margin: 0 !important;
  top: 37px;
  left: 83px;
}
.frame-parent13 {
  margin-right: -284px;
  width: 684px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  max-width: 590%;
  flex-shrink: 0;
}
.frame-parent13 > .rectangle-group {
  opacity: 0.04;
}
.frame-child120 {
  height: 115px;
  width: 115px;
  position: relative;
  box-shadow: 0 0 30px #000 inset;
  border-radius: var(--br-base);
  background-color: var(--color-mediumslateblue-100);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: none;
}
.logo-light-1-icon1 {
  height: 67px;
  width: 87px;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.group-div {
  align-self: center;
  box-shadow: 0 0 30px #000 inset;
  border-radius: var(--br-base);
  background-color: var(--color-mediumslateblue-100);
  border: 2px solid var(--color-white);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-2xl) var(--padding-sm);
  z-index: 18;
  margin-top: -180px;
}
.frame-parent11,
.frame-parent12,
.frame-wrapper {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-parent12 {
  align-self: stretch;
  height: 276px;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 247px;
}
.frame-parent11,
.frame-wrapper {
  align-items: flex-start;
}
.frame-wrapper {
  width: 514px;
  flex-direction: row;
  padding: 0 var(--padding-13xl);
}
.frame-parent11 {
  flex: 1;
  border-radius: var(--br-base);
  background-color: var(--color-gray-200);
  overflow: hidden;
  flex-direction: column;
  padding: 0 0 var(--padding-19xl);
  gap: var(--gap-13xl);
  z-index: 1;
  font-size: var(--heading-3-size);
}
.frame-parent3 {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--gap-xl);
  text-align: left;
  font-size: var(--font-size-smi);
}
.expectation,
.expectation-content,
.frame-parent3 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.expectation-content {
  width: 1240px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 64px;
}
.expectation {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--heading-1-size);
  color: var(--color-white);
  font-family: var(--heading-4);
}
.whether-you-want {
  align-self: stretch;
  position: relative;
  font-size: var(--parapgraph-1-size);
  line-height: 150%;
  font-family: var(--button);
  color: var(--color-silver);
}
.use-case-parent {
  width: 545px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  max-width: 100%;
}
.image-6347438-icon {
  width: 1308px;
  height: 1030px;
  position: absolute;
  margin: 0 !important;
  bottom: -469px;
  left: -448px;
  object-fit: cover;
  z-index: 1;
}
.application-security-testing {
  margin: 0;
  position: relative;
  font-size: 28px;
  line-height: 42px;
  font-weight: 600;
  font-family: inherit;
  z-index: 2;
}
.cost-saving {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-13xl);
  box-sizing: border-box;
  max-width: 100%;
}
.asset-2-1 {
  height: 405px;
  width: 406px;
  position: absolute;
  margin: 0 !important;
  top: -188px;
  right: -180px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
  z-index: 1;
}
.image-6347437-icon {
  height: 379px;
  width: 519px;
  position: relative;
  border-radius: 0 var(--br-xl) 0 0;
  object-fit: cover;
  display: none;
  max-width: 100%;
}
.image-6347436-icon {
  position: absolute;
  height: 20.69%;
  width: 77.64%;
  top: 39.72%;
  right: 10.83%;
  bottom: 39.58%;
  left: 11.53%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.image-6347436-wrapper {
  height: 72px;
  width: 72px;
  position: relative;
  box-shadow: 0 10px 40px rgba(8, 96, 255, 0.6);
  border-radius: var(--br-xs);
  background-color: var(--color-black);
  border: 1px solid rgba(255, 255, 255, 0.29);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 3;
}
.form-inputs {
  height: 381px;
  flex: 1;
  border-radius: 0 var(--br-xl) 0 0;
  align-items: flex-end;
  padding: var(--padding-5xl) var(--padding-13xl);
  box-sizing: border-box;
  background-image: url(../public/image-6347437@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 100%;
  z-index: 2;
}
.copyright,
.form-image,
.form-inputs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.form-image {
  flex: 1;
  align-items: flex-start;
  position: relative;
  min-width: 337px;
  max-width: 100%;
}
.copyright {
  width: 42px;
  height: 42px;
  border-radius: var(--br-81xl);
  background-color: var(--color-white);
  overflow: hidden;
  flex-shrink: 0;
  align-items: center;
  padding: var(--padding-4xs);
  box-sizing: border-box;
  z-index: 1;
}
/* .footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-5xl);
} */
.form-state,
.image-6347438-parent {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.form-state {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--gap-mid);
}
.image-6347438-parent {
  width: 610px;
  border-radius: var(--br-base);
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-700);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-3xl) var(--padding-11xl) 0 0;
  position: relative;
  gap: var(--gap-16xl);
}
.api-security-testing {
  margin: 0;
  position: relative;
  font-size: 28px;
  line-height: 42px;
  font-weight: 600;
  font-family: inherit;
  flex-shrink: 0;
  z-index: 1;
}
.api-security-testing-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-2xs);
}
.asset-2-11 {
  height: 405px;
  width: 406px;
  position: absolute;
  margin: 0 !important;
  top: -221px;
  right: -109px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
  z-index: 1;
}
.image-6347439-icon {
  height: 406px;
  width: 569px;
  position: relative;
  border-radius: var(--br-5xs);
  object-fit: cover;
  display: none;
  max-width: 100%;
}
.image-6347439-parent,
.remix-iconslinesystemarrow-wrapper {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  flex-shrink: 0;
}
.remix-iconslinesystemarrow-wrapper {
  height: 42px;
  width: 42px;
  border-radius: var(--br-81xl);
  background-color: var(--color-white);
  overflow: hidden;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-4xs);
  z-index: 3;
}
.image-6347439-parent {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-5xs);
  align-items: flex-end;
  justify-content: flex-end;
  padding: 84px var(--padding-xs);
  background-image: url(../public/image-6347439@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 100%;
  z-index: 2;
}
.asset-2-1-parent,
.image-6347438-group {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  max-width: 100%;
}
.asset-2-1-parent {
  align-self: stretch;
  height: 406px;
  flex-direction: row;
}
.image-6347438-group {
  height: 480px;
  width: 610px;
  border-radius: var(--br-base);
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-700);
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-5xl) var(--padding-lgi) var(--padding-395xl)
    var(--padding-xl);
  gap: var(--gap-49xl);
}
.asset-2-12 {
  height: 405px;
  width: 406px;
  position: absolute;
  margin: 0 !important;
  right: -121px;
  bottom: -252px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
  z-index: 1;
}
.cloud-configuration-security {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: 28px;
  line-height: 42px;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 2;
}
.asset-2-1-group,
.frame-wrapper1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.asset-2-1-group {
  flex: 1;
  position: relative;
}
.frame-wrapper1 {
  align-self: stretch;
  padding: 0 var(--padding-2xs);
  box-sizing: border-box;
  flex-shrink: 0;
}
.image-6347439-icon1 {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-5xs);
  max-height: 100%;
  width: 569px;
  object-fit: cover;
  z-index: 2;
}
.remix-iconslinesystemarrow-container {
  position: absolute;
  top: 280px;
  left: 515px;
  border-radius: var(--br-81xl);
  background-color: var(--color-white);
  width: 42px;
  height: 42px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-4xs);
  box-sizing: border-box;
  z-index: 3;
}
.image-6347438-container,
.image-6347439-group {
  width: 59px;
  height: 406px;
  position: relative;
  flex-shrink: 0;
}
.image-6347438-container {
  height: 480px;
  width: 610px;
  border-radius: var(--br-base);
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-700);
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-5xl) var(--padding-xl) var(--padding-395xl);
  gap: var(--gap-49xl);
  max-width: 100%;
}
.company-logos,
.gallery-items,
.image-6347438-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.company-logos {
  width: 1340px;
  overflow-x: hidden;
  flex-direction: row;
  gap: var(--gap-xl);
  max-width: 109%;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--heading-4-size);
}
.gallery-items {
  width: 1240px;
  flex-direction: column;
  gap: var(--gap-21xl);
  opacity: 0.8;
  max-width: 100%;
}
.company-logo-icon {
  height: 37.7px;
  width: 75.5px;
  position: absolute;
  margin: 0 !important;
  top: 36.1px;
  left: -47.7px;
}
.company-logo-icon1 {
  align-self: stretch;
  height: 37.7px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.terms-of-service,
.terms-of-service1,
.terms-of-service2 {
  width: 131.7px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-lgi) 0 0;
  box-sizing: border-box;
}
.terms-of-service1,
.terms-of-service2 {
  width: 122.6px;
  padding: 0 var(--padding-3xl) 0 0;
}
.terms-of-service2 {
  width: 114.4px;
  padding: 0 var(--padding-5xs) 0 0;
}
.company-logo-icon4 {
  align-self: stretch;
  width: 129px;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 38px;
}
.terms-of-service3 {
  width: 139.9px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-mid) 0 0;
  box-sizing: border-box;
}
.company-logo-icon6 {
  align-self: stretch;
  width: 94.4px;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 38px;
}
.company-logo-icon7 {
  height: 35px;
  width: 102.1px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 17.5px);
  right: -61.1px;
  overflow: hidden;
  flex-shrink: 0;
}
.privacy-policy-child {
  height: 110px;
  width: 1440px;
  position: relative;
  background: linear-gradient(
    90deg,
    #0a0a0a,
    rgba(10, 10, 10, 0) 30%,
    rgba(10, 10, 10, 0) 70%,
    #0a0a0a
  );
  display: none;
  max-width: 100%;
  z-index: 8;
}
.gallery-container,
.privacy-policy {
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
}
/* .privacy-policy {
  width: 1240px;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 36.1px var(--padding-104xl) 36.2px 114px;
  position: relative;
  gap: var(--gap-xl);
} */
.gallery-container {
  align-self: stretch;
  background: linear-gradient(180deg, #0f0f11 61.81%, rgba(15, 15, 17, 0));
  border-top: 1px solid #1f1f23;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 78px var(--padding-xl) var(--padding-61xl);
  gap: var(--gap-13xl);
  z-index: 1;
}
.frame-child121 {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.smart-cost-saving-strateries {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 58px;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  max-width: 640px;
  z-index: 1;
}
.frame-child122 {
  height: 298px;
  width: 298px;
  position: absolute;
  margin: 0 !important;
  top: -225px;
  left: calc(50% - 149px);
  z-index: 2;
}
.smart-cost-saving-strateries-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  max-width: 100%;
}
.our-platform-empowers {
  flex: 1;
  position: relative;
  line-height: 150%;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.frame-parent15,
.our-platform-empowers-you-to-o-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.our-platform-empowers-you-to-o-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 70px;
  box-sizing: border-box;
  font-size: var(--parapgraph-1-size);
  color: var(--color-silver);
  font-family: var(--button);
}
.frame-parent15 {
  width: 640px;
  flex-direction: column;
  gap: var(--gap-xs);
}
.start-saving {
  position: relative;
  font-size: var(--button-size);
  line-height: 20px;
  display: inline-block;
  font-family: var(--button);
  color: var(--color-white);
  text-align: center;
  min-width: 83px;
}
.frame-wrapper2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 640px;
  justify-content: center;
  max-width: 100%;
}
.frame-child123 {
  width: 280px;
  height: 280px;
  position: absolute;
  margin: 0 !important;
  bottom: -200px;
  left: calc(50% - 140px);
  z-index: 3;
}
.frame-parent14 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 354px var(--padding-xl) 224px;
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-21xl);
  max-width: 100%;
  z-index: 2;
}
.use-case-gallery,
.use-case-gallery-inner {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.use-case-gallery-inner {
  flex-direction: row;
  padding: 0 var(--padding-61xl);
  box-sizing: border-box;
  /* margin-top: -120px; */
}
.use-case-gallery {
  flex-direction: column;
  text-align: center;
  font-size: var(--heading-1-size);
  color: var(--color-white);
  font-family: var(--heading-4);
}
.image-6347440-icon {
  position: absolute;
  top: -342px;
  width: 100%;
  height: 764px;
  object-fit: contain;
}
.before-we-start-container,
.get-in-touch {
  align-self: stretch;
  position: relative;
  text-align: center;
}
.get-in-touch {
  margin: 0;
  font-size: var(--heading-1-size);
  line-height: 52px;
  font-weight: 600;
  font-family: var(--heading-4);
  color: var(--color-white);
}
.before-we-start-container {
  font-size: var(--parapgraph-1-size);
  line-height: 150%;
  font-family: var(--button);
  color: var(--color-silver);
}
.get-in-touch-parent {
  width: 547px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-xs);
  max-width: 100%;
}
.div,
.first-name {
  position: relative;
  font-size: var(--button-size);
  line-height: 20px;
  font-family: var(--button);
  text-align: center;
}
.first-name {
  width: 100%;
  border: 0;
  outline: 0;
  display: inline-block;
  background-color: transparent;
  height: 20px;
  flex: 1;
  font-weight: 700;
  color: var(--color-gray-400);
  min-width: 44px;
  padding: 0;
}
.div {
  text-transform: capitalize;
  font-weight: 600;
  color: var(--color-white);
  display: none;
  min-width: 8px;
}
.first-name-parent {
  flex: 1;
  border-radius: var(--br-7xs);
  background-color: var(--color-gray-600);
  border: 1px solid var(--color-gray-500);
  box-sizing: border-box;
  align-items: center;
  padding: var(--padding-sm) 171px var(--padding-sm) var(--padding-mini);
  gap: var(--gap-11xs);
  min-width: 177px;
}
.first-name-parent,
.last-name-parent {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.last-name-parent {
  flex: 1;
  border-radius: var(--br-7xs);
  background-color: var(--color-gray-600);
  border: 1px solid var(--color-gray-500);
  box-sizing: border-box;
  align-items: center;
  padding: var(--padding-sm) 172px var(--padding-sm) var(--padding-mini);
  gap: var(--gap-11xs);
  min-width: 177px;
}
.frame-input {
  width: 100%;
  border: 1px solid var(--color-gray-500);
  outline: 0;
  background-color: var(--color-gray-600);
  height: 52px;
  flex: 0.9346;
  border-radius: var(--br-7xs);
  box-sizing: border-box;
  padding: var(--padding-base);
  font-family: var(--button);
  font-weight: 700;
  font-size: var(--button-size);
  color: var(--color-gray-400);
  min-width: 177px;
}
.frame-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.tell-us-more {
  width: 100%;
  border: 0;
  outline: 0;
  display: inline-block;
  font-family: var(--button);
  font-size: var(--button-size);
  background-color: transparent;
  height: auto;
  position: relative;
  line-height: 20px;
  font-weight: 700;
  color: var(--color-gray-400);
  min-width: 138px;
  padding: 0;
  color: white;
}
.form-submit-info,
.tell-us-more-about-your-projec-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.tell-us-more-about-your-projec-parent {
  border-radius: var(--br-7xs);
  background-color: var(--color-gray-600);
  border: 1px solid var(--color-gray-500);
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  padding: var(--padding-base) 321px var(--padding-base) var(--padding-mini);
  gap: var(--gap-11xs);
  min-height: 123px;
}
.get-started {
  width: 78px;
  position: relative;
  font-size: var(--button-size);
  line-height: 20px;
  display: inline-block;
  font-family: var(--button);
  color: var(--color-white);
  text-align: center;
  min-width: 78px;
}
.get-started-wrapper {
  cursor: pointer;
  border: 1.5px solid var(--color-lightsteelblue-200);
  padding: var(--padding-5xs) 49px;
  background-color: var(--color-mediumslateblue-100);
  width: 180px;
  border-radius: var(--br-5xs);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.frame-form,
.frame-wrapper3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.frame-wrapper3 {
  align-self: stretch;
  padding: 0 var(--padding-xl);
}
.frame-form {
  margin: 0;
  position: absolute;
  top: 80px;
  left: 340px;
  width: 560px;
  gap: var(--gap-13xl);
  max-width: 100%;
  z-index: 1;
}
.sent-state {
  align-self: stretch;
  height: 619px;
  position: relative;
  border-radius: var(--br-base);
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-700);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  max-width: 100%;
}
.privacy-policy-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 22px;
}
.nw-all-rights-reserved-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
  text-align: center;
  font-size: var(--button-size);
  color: var(--color-white);
  font-family: var(--button);
}
.platform-detailed,
.sent-state-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.sent-state-parent {
  width: 1240px;
  gap: var(--gap-13xl);
  max-width: 100%;
}
.platform-detailed {
  letter-spacing: normal;
  overflow: hidden;
  width: 100%;
  position: relative;
  background-color: #0a0a0a;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-base) 0 var(--padding-13xl);
  box-sizing: border-box;
  gap: 58px;
  line-height: normal;
  letter-spacing: normal;
}
.input-container {
  display: flex;
  flex: 1;
  border-radius: var(--br-7xs);
  background-color: var(--color-gray-600);
  border: 1px solid var(--color-gray-500);
  box-sizing: border-box;
  align-items: center;
  padding: var(--padding-sm) var(--padding-mini);
  gap: var(--gap-11xs);
  min-width: 177px;
}
.project-details {
  display: flex;
  border-radius: var(--br-7xs);
  background-color: var(--color-gray-600);
  border: 1px solid var(--color-gray-500);
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  padding: var(--padding-base) var(--padding-mini);
  gap: var(--gap-11xs);
  width: 100%;
  height: 100px;
  min-height: 123px;
}
.input-container:hover,
.project-details:hover {
  border: 1px solid rgba(255, 255, 255, 0.03);
  background: rgba(255, 255, 255, 0.1);
}
.input {
  position: relative;
  font-size: var(--button-size);
  line-height: 20px;
  font-family: var(--button);
  color: var(--color-white);
  width: 100%;
  border: 0;
  outline: 0;
  display: inline-block;
  background-color: transparent;
  height: 20px;
  flex: 1;
  font-weight: 700;
  min-width: 44px;
  padding: 0;
}

/* our service */
.image-6347440-icon1 {
  height: 768px;
  position: absolute;
  margin: 0 !important;
  top: -100px;
  object-fit: contain;
}
.services-intro {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 136px var(--padding-xl) 60px;
}
.our-services-parent {
  display: flex;
  width: 780px;
  flex-direction: column;
  gap: var(--gap-xs);
}
.during-more-than,
.our-services {
  align-self: stretch;
  position: relative;
  z-index: 1;
}
.our-services {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  font-weight: 600;
  font-family: inherit;
  color: var(--color-white);
}
.services3 {
  background: linear-gradient(90deg, #68d3f5, #0860ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.during-more-than {
  font-size: 16px;
  line-height: 150%;
  font-family: var(--button);
  color: var(--color-silver);
}
.cloud-security-card-container-parent {
  align-self: stretch;
  height: 360px;
  border-radius: var(--br-base);
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-700);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  padding: 40px;
  gap: 43px;
  max-width: 100%;
  font-size: 40px;
  color: var(--color-white);
  box-sizing: border-box;
}
.cloud-security-card-container,
.streamlines-your-organization-parent {
  display: flex;
  flex-direction: column;
}
.streamlines-your-organization-parent {
  align-self: stretch;
  gap: var(--gap-13xl);
  font-size: var(--parapgraph-1-size);
  color: var(--color-silver);
  font-family: var(--button);
}
.cloud-security-card-container {
  width: 400px;
  gap: var(--gap-xs);
  flex-shrink: 0;
  max-width: calc(100% - 657px);
}
.red-team-exercise {
  margin: 0;
  position: relative;
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
  font-family: var(--heading-4);
  color: white;
}
.streamlines-your-organization2 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  font-family: var(--button);
  color: rgba(201, 201, 201, 1);
  font-size: 16px;
}
.red-team-card-container,
.red-team-card-description {
  display: flex;
}
.red-team-card-description {
  cursor: pointer;
  border: 1.5px solid var(--color-lightsteelblue-200);
  padding: var(--padding-5xs) var(--padding-lg);
  background-color: var(--color-mediumslateblue-100);
  width: 118px;
  border-radius: var(--br-5xs);
  box-sizing: border-box;
  white-space: nowrap;
}
.learn-more1 {
  text-decoration: none;
  position: relative;
  font-size: var(--button-size);
  line-height: 20px;
  font-weight: 700;
  font-family: var(--button);
  color: var(--color-white);
  text-align: center;
  display: inline-block;
  min-width: 78px;
}
.ba2250fb295213e5d09a1fb1363-1-group {
  margin-top: -90px;
  height: 460px;
  width: 614px;
  right: -130px;
  position: relative;
  flex-shrink: 0;
  max-width: calc(100% - 443px);
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(16, 16, 16, 0) 57.78%,
    #101010 100%
  );
}
.ba2250fb295213e5d09a1fb1363-1-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: lighten;
}
.frame-child125 {
  position: absolute;
  top: -60%;
  right: -15%;
  z-index: 1;
}
.grid {
  background: rgba(16, 16, 16, 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.text-component {
  color: white;
  font-family: var(--heading-4);
}
.projects-header-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}

.projects-header {
  width: 545px;
  margin: 0 auto;
}

.featured-projects-wrapper {
  text-align: center;
  width: 100%;
}

.featured-projects {
  font-family: Inter Tight;
  font-size: 48px;
  font-weight: 600;
  line-height: 57.6px;
  color: var(--color-white);
}

.projects {
  background: linear-gradient(90deg, #68d3f5, #0860ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ubs-aims-at {
  padding-top: 24px;
  text-align: center;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-family: Inter;
  font-weight: 400;
  color: rgba(201, 201, 201, 1);
}
.project-card {
  max-height: 700px;
  width: 100%;
}

.slide-container {
  width: 820px;
  max-height: 614px;
  background-color: #000;
  color: white;
}

.image-slide-container {
  height: 480px;
}
.slide-content {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.slide-title {
  font-family: Inter Tight;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  text-align: left;
}
.slide-description {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.row-title-button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
.button-next {
  background-color: white;
  height: 42px;
  width: 42px;
  box-sizing: border-box;
  border-radius: 100px;
  padding: 9px;
  border: none;
}
.pagination-container {
  position: relative;
  bottom: -30px;
  height: 20px;
  width: 100%;
  text-align: center;
}
.frame-child124 {
  background-color: transparent;
  width: 280px;
  height: 280px;
  position: absolute;
  margin: 0 !important;
  top: 0;
  left: calc(50% - 140px);
  z-index: 3;
}