.frame-icon {
  position: relative;
  width: 1440px;
  height: 547px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 0;
}
.frame1,
.lets-engage {
  margin: 0 !important;
  position: absolute;
  flex-shrink: 0;
}
.lets-engage {
  top: 0;
  left: 0;
  line-height: 80px;
  font-weight: 500;
  display: inline-block;
  width: 613px;
  height: 120px;
  z-index: 0;
}
.frame1 {
  top: 48px;
  left: 70px;
  width: 651px;
  height: 164px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
}
.instance-child,
.instance-inner,
.instance-item {
  position: absolute;
  margin: 0 !important;
  top: 128px;
  left: 10px;
  width: 329px;
  height: 41px;
  z-index: 0;
}
.instance-inner,
.instance-item {
  top: 180px;
  background-color: var(--color-darkslategray-400);
  z-index: 1;
}
.instance-inner {
  top: 233px;
  height: 114px;
  z-index: 2;
}
.name {
  top: 137px;
  left: 21px;
  width: 126px;
  height: 22px;
  z-index: 3;
}
.contacts,
.how-can-we,
.name,
.short-message {
  position: absolute;
  margin: 0 !important;
  font-weight: 300;
  display: inline-block;
  flex-shrink: 0;
}
.how-can-we {
  top: 14px;
  left: 10px;
  font-size: 36px;
  width: 249px;
  height: 94px;
  z-index: 4;
}
.contacts,
.short-message {
  top: 189px;
  left: 21px;
  width: 167px;
  height: 22px;
  z-index: 5;
}
.short-message {
  top: 251px;
  z-index: 6;
}
.frame-child {
  position: relative;
  background-color: var(--color-darkslategray-300);
  width: 329px;
  height: 41px;
}
.rectangle-parent,
.submit {
  width: 329px;
  flex-shrink: 0;
  align-items: center;
}
.submit {
  position: relative;
  display: flex;
  justify-content: center;
  height: 22px;
  margin-top: -31px;
}
.rectangle-parent {
  top: 354px;
  left: 10px;
  height: 54px;
  overflow: hidden;
  flex-direction: column;
  padding: 5px 0 8px;
  z-index: 7;
  text-align: center;
  font-size: var(--font-size-5xl);
  color: var(--white);
}
.instance-wrapper,
.rectangle-parent,
.vector-parent {
  margin: 0 !important;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
}
.vector-parent {
  top: 0;
  left: 10.5px;
  border-radius: 20px;
  width: 348px;
  height: 417.2px;
  flex-direction: row;
  align-items: flex-start;
  padding: 10px;
  gap: var(--gap-3xs);
  z-index: 0;
}
.instance-wrapper {
  top: 48px;
  left: 951px;
  border-radius: 19px;
  background-color: var(--white);
  border: 2px solid var(--color-darkslategray-100);
  width: 369px;
  height: 435px;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  font-size: var(--font-size-xl);
  color: var(--color-dimgray);
}
.frame,
.frame-parent {
  width: 1440px;
  height: 851px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent {
  background-color: var(--white);
  flex-direction: row;
  padding: var(--padding-29xl) 0;
  box-sizing: border-box;
  position: relative;
}
.frame {
  flex-direction: column;
  z-index: 0;
}
.logo-child {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color-sandybrown);
  width: 150px;
  height: 4px;
}
.astraios,
.logo {
  position: absolute;
  top: 0;
  width: 152px;
}
.astraios {
  left: 1px;
  line-height: 72px;
  display: inline-block;
}
.logo {
  margin: 0 !important;
  left: 0;
  height: 68px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 0;
  font-size: var(--font-size-29xl);
  color: var(--color-tomato);
  font-family: var(--font-advent-pro);
}
.careers {
  margin: 0;
}
.inicio-quines-somos-container {
  position: absolute;
  height: 60.24%;
  width: 70.2%;
  top: 30.12%;
  left: 0;
  font-weight: 500;
  display: inline-block;
  opacity: 0.7;
}
.astraios1,
.atstraios {
  position: absolute;
  top: 0;
}
.astraios1 {
  left: 0;
  font-weight: 500;
  display: inline-block;
  width: 80px;
  height: 30px;
}
.atstraios {
  margin: 0 !important;
  left: 300px;
  width: 213px;
  height: 166px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.legal1 {
  top: 0;
  left: 0;
  font-weight: 500;
  display: inline-block;
  width: 79px;
  height: 30px;
  z-index: 0;
}
.contact1,
.inicio-quines-somos-container1,
.legal,
.legal1 {
  position: absolute;
  margin: 0 !important;
  flex-shrink: 0;
}
.inicio-quines-somos-container1 {
  top: 50px;
  left: 0;
  font-weight: 500;
  display: inline-block;
  width: 160.43px;
  height: 100px;
  opacity: 0.7;
  z-index: 1;
}
.contact1,
.legal {
  top: 0;
}
.legal {
  left: 600px;
  width: 300px;
  height: 166px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  z-index: 2;
}
.contact1 {
  left: 0;
  font-weight: 500;
  display: inline-block;
  width: 67.34px;
  height: 30px;
  z-index: 0;
}
.icons24pfillphone,
.phone {
  position: relative;
  flex-shrink: 0;
}
.icons24pfillphone {
  width: 27px;
  height: 27px;
  overflow: hidden;
}
.phone {
  font-weight: 500;
  display: inline-block;
  width: 162px;
  opacity: 0.7;
}
.icons24pfillphone-parent,
.icons24poutlinewhatsapp-parent {
  width: 196px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-6xs);
}
.icons24poutlinewhatsapp-parent {
  height: 27px;
  align-items: center;
}
.icons24poutlinemail {
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.icons24poutlinemail-parent {
  width: 196px;
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.contact,
.frame-group {
  margin: 0 !important;
  position: absolute;
  width: 196px;
  display: flex;
  align-items: flex-start;
}
.frame-group {
  top: 50px;
  left: 0;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  z-index: 1;
}
.contact {
  top: 0;
  left: 900px;
  height: 166px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 3;
}
.copyright-astraios,
.copyright-child,
.links {
  position: absolute;
  margin: 0 !important;
  z-index: 0;
}
.links {
  top: 30px;
  left: 70px;
  width: 1250px;
  height: 166px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 304px;
}
.copyright-child {
  top: 0;
  left: 0;
  width: 1280px;
  border-width: 1px;
  bottom: 0;
  background-color: var(--color-mediumturquoise);
  height: 1px;
  z-index: 1;
}
.copyright-astraios {
  top: 8px;
  line-height: 24px;
  display: inline-block;
  width: 1280px;
  height: 21px;
  flex-shrink: 0;
  z-index: 1;
  text-align: center;
}
.contact-4,
.copyright,
.links-parent {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.copyright {
  margin: 0 !important;
  top: 196px;
  left: 70px;
  width: 1279.3px;
  height: 30px;
  overflow: hidden;
  flex-shrink: 0;
  align-items: flex-start;
  gap: var(--gap-6xs);
  z-index: 1;
  font-size: 12px;
  color: #d9dbe1;
  font-family: var(--font-lato);
}
.contact-4,
.links-parent {
  left: 0;
  width: 1440px;
  box-sizing: border-box;
}
.links-parent {
  margin: 0 !important;
  top: 596px;
  background-color: var(--color-darkslategray-300);
  height: 264px;
  align-items: flex-start;
  padding: 29.8671875px 79px 20.12750244140625px;
  gap: var(--gap-lg);
  z-index: 1;
  font-size: var(--typo-heading-06-size);
  color: var(--white);
  font-family: var(--typo-heading-06);
}
.contact-4 {
  top: 3000px;
  height: 857.67px;
  overflow: hidden;
  align-items: center;
  padding: 0 0 0.000030517578125px;
  font-family: var(--font-spline-sans);
}
.icon-bootstrap-filled-cp {
  position: relative;
  width: 70px;
  height: 70px;
  overflow: hidden;
  flex-shrink: 0;
}
.ai-journey {
  position: relative;
}
.ai-enabled-tailored {
  position: relative;
  font-size: var(--typo-heading-06-size);
  display: inline-block;
  width: 210px;
}
.ai-journey-parent,
.icon-bootstrap-filled-cp-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.icon-bootstrap-filled-cp-parent {
  width: 310px;
  height: 72.5px;
  flex-direction: row;
  gap: var(--gap-11xl);
}
.adhering-to-regulations {
  position: relative;
  font-size: var(--typo-heading-06-size);
  color: var(--color-black);
  display: inline-block;
  width: 210px;
}
.icon-bootstrap-outline-l-parent {
  width: 310px;
  height: 71.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-11xl);
}
.solutions-for-storage {
  position: relative;
  font-size: var(--typo-heading-06-size);
  display: inline-block;
  width: 204px;
}
.icon-bootstrap-filled-cl-parent {
  width: 304px;
  height: 71px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-11xl);
}
.frame-parent1,
.icon-ionicons-sharp-pie-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-31xl);
}
.icon-ionicons-sharp-pie-parent {
  width: 310px;
  height: 71px;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-11xl);
}
.reliability-scalability-and {
  position: relative;
  font-size: var(--typo-heading-06-size);
  color: var(--color-black);
  display: inline-block;
  width: 204px;
}
.icon-ionicons-sharp-cons-parent {
  width: 304px;
  height: 71.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-11xl);
}
.frame-parent2 {
  width: 311px;
  height: 314px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-12xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-31xl);
}
.frame-div {
  width: 681px;
  height: 315.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 60px;
}
.services-on-demand {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 72px;
  font-weight: 300;
  display: inline-block;
  width: 421px;
}
.experience-a-transformative {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 32px;
  font-family: var(--font-poppins);
  display: inline-block;
  width: 422px;
}
.services-on-demand-parent {
  width: 422px;
  height: 304px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 32px;
  font-size: var(--font-size-45xl);
  font-family: var(--font-spline-sans);
}
.frame-container {
  width: 1440px;
  height: 420px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 21px 78px;
  box-sizing: border-box;
  gap: 124px;
}
.why-asterios {
  position: relative;
  line-height: 45px;
  font-weight: 300;
  display: inline-block;
  width: 453px;
  height: 60px;
  flex-shrink: 0;
}
.thought-leadership {
  margin-block-start: 0;
  margin-block-end: 24px;
  line-height: 45px;
  font-weight: 600;
}
.extensive-knowledge-and {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 24px;
}
.partner-ecosystem-thriving-container,
.thought-leadership-extensive-container {
  position: relative;
  display: inline-block;
  width: 257px;
  height: 140px;
  flex-shrink: 0;
}
.partner-ecosystem-thriving-container {
  width: 271px;
}
.powerful-innovation-dedicated-container,
.service-delivery-flawless-container {
  position: relative;
  display: inline-block;
  width: 278px;
  height: 160px;
  flex-shrink: 0;
}
.service-delivery-flawless-container {
  width: 277px;
  height: 183px;
}
.thought-leadership-extensive-k-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 55px;
}
.frame-wrapper,
.service-3,
.why-asterios-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.frame-wrapper {
  width: 1262px;
  height: 193px;
  justify-content: center;
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--color-black);
  font-family: var(--font-poppins);
}
.service-3,
.why-asterios-parent {
  overflow: hidden;
}
.why-asterios-parent {
  background-color: rgba(35, 97, 110, 0.26);
  width: 1439px;
  height: 333px;
  flex-shrink: 0;
  justify-content: center;
  padding: var(--padding-mini) 89px var(--padding-mini) 88px;
  box-sizing: border-box;
  gap: 15px;
  text-align: center;
  font-size: var(--font-size-45xl);
  color: var(--color-darkslategray-100);
  font-family: var(--font-spline-sans);
}
.service-3 {
  position: absolute;
  top: 2200px;
  left: 0;
  justify-content: flex-start;
  font-size: var(--font-size-5xl);
  color: var(--color-darkslategray-200);
}
.div,
.strengthen-brand-identity {
  position: relative;
  font-weight: 900;
  display: inline-block;
  width: 316px;
}
.strengthen-brand-identity {
  font-size: var(--font-size-5xl);
  color: var(--color-gray-100);
}
.parent {
  gap: var(--gap-xs);
}
.frame-wrapper1,
.parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.pexels-sarah-dorweiler-8408534-icon {
  position: relative;
  border-radius: var(--br-5xl);
  width: 316px;
  height: 402px;
  object-fit: cover;
}
.frame-parent6 {
  width: 317px;
  height: 546px;
  align-items: flex-start;
  gap: var(--gap-3xl);
  color: var(--color-mediumturquoise);
}
.online-presence {
  position: relative;
  font-weight: 900;
}
.showcase-your-products {
  position: relative;
  font-size: var(--typo-heading-06-size);
  display: inline-block;
  width: 242px;
}
.online-presence-parent {
  border-radius: var(--br-5xl);
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.49) 55.73%);
  width: 315px;
  height: 140px;
  align-items: flex-start;
  padding: var(--padding-21xl) var(--padding-xl) var(--padding-5xl)
    var(--padding-5xl);
  box-sizing: border-box;
  margin-top: -141px;
  font-size: var(--font-size-5xl);
  color: var(--white);
}
.frame-parent5,
.frame-wrapper2,
.online-presence-parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.frame-wrapper7 {
  border-radius: var(--br-5xl);
  width: 316px;
  height: 402px;
  align-items: center;
  padding: var(--padding-12xs) 0;
  box-sizing: border-box;
  background-image: url(./public/pexelssarahdorweiler8408534-1@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  font-size: var(--font-size-5xl);
  color: var(--white);

}
.frame-parent5 {
  width: 317px;
  height: 544px;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.frame-wrapper2 {
  align-items: flex-start;
  padding: 0 0 4px;
}
.leverage-ai-to {
  position: relative;
  font-size: var(--typo-heading-06-size);
  display: inline-block;
  width: 274px;
}
.ai-ml-gpt-parent {
  border-radius: var(--br-5xl);
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5) 54.17%);
  width: 317px;
  height: 140px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-21xl) var(--padding-xl) var(--padding-5xl)
    var(--padding-5xl);
  box-sizing: border-box;
}
.frame-parent6,
.frame-parent7,
.frame-wrapper3,
.frame-wrapper7 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.frame-wrapper3 {
  border-radius: var(--br-5xl);
  width: 316px;
  height: 402px;
  align-items: center;
  padding: var(--padding-12xs) 0;
  box-sizing: border-box;
  background-image: url(./public/frame-45@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  font-size: var(--font-size-5xl);
  color: var(--white);
}
.frame-parent7 {
  width: 317px;
  height: 546px;
  align-items: flex-start;
  gap: var(--gap-3xl);
  color: var(--color-mediumturquoise);
}
.promote-work-life-balance {
  position: relative;
  font-size: var(--typo-heading-06-size);
  display: inline-block;
  width: 256px;
}
.remote-work-parent {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.49) 51.04%);
  width: 316px;
  height: 140px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-21xl) var(--padding-xl) var(--padding-5xl)
    var(--padding-5xl);
  box-sizing: border-box;
}
.frame-parent8,
.frame-wrapper4,
.remote-work-parent {
  display: flex;
  flex-direction: column;
}
.frame-wrapper4 {
  border-radius: var(--br-5xl);
  width: 316px;
  height: 402px;
  overflow: hidden;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  background-image: url(./public/frame-14176@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  font-size: var(--font-size-5xl);
  color: var(--white);
}
.frame-parent8 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.journey-to-broader {
  position: relative;
  font-size: var(--font-size-5xl);
  font-weight: 900;
  color: #252525;
  display: inline-block;
  width: 316px;
}
.embrace-green-it {
  position: relative;
  font-size: var(--typo-heading-06-size);
  display: inline-block;
  width: 252px;
}
.frame-wrapper6,
.sustainable-future-parent {
  width: 316px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.sustainable-future-parent {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5) 54.17%);
  height: 140px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-21xl) var(--padding-xl) var(--padding-5xl)
    var(--padding-5xl);
}
.frame-wrapper6 {
  border-radius: var(--br-5xl);
  height: 402px;
  overflow: hidden;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-12xs) 0;
  background-image: url(./public/frame-141761@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  font-size: var(--font-size-5xl);
  color: var(--white);
}
.frame-parent4,
.frame-parent9 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-parent9 {
  width: 316px;
  height: 542px;
  flex-direction: column;
  gap: var(--gap-3xl);
  color: var(--color-mediumturquoise);
}
.frame-parent4 {
  position: absolute;
  top: 202px;
  left: 63px;
  width: 1314px;
  height: 546px;
  flex-direction: row;
  gap: 16px;
}
.transform-your-business {
  position: absolute;
  top: 15px;
  left: 63px;
  font-size: 60px;
  line-height: 72px;
  font-weight: 300;
  font-family: var(--font-spline-sans);
  display: inline-block;
  width: 1100px;
}
.frame-parent3 {
  position: relative;
  width: 1440px;
  height: 792px;
  overflow: hidden;
  flex-shrink: 0;
}
.span {
  color: var(--color-darkslategray-200);
}
.shift {
  color: #20c5c5;
}
.astraios-shift,
.encompasses-a-wide {
  position: relative;
  display: inline-block;
}
.astraios-shift {
  letter-spacing: 0.01em;
  line-height: 80px;
  font-weight: 300;
  width: 490px;
}
.encompasses-a-wide {
  font-size: var(--font-size-xl);
  line-height: 32px;
  font-family: var(--font-poppins);
  width: 599.56px;
}
.astraios-shift-parent {
  position: absolute;
  top: 95px;
  left: 0;
  width: 599.56px;
  height: 320px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 80px;
  font-family: var(--font-spline-sans);
}
.explore {
  position: absolute;
  margin: 0 !important;
  top: 17px;
  left: 40px;
  line-height: 18px;
  z-index: 0;
}
.primary-button {
  position: absolute;
  top: 448px;
  left: 0;
  border-radius: var(--br-17xl);
  background-color: var(--color-mediumturquoise);
  box-shadow: 0 0 20px rgba(99, 225, 225, 0.25);
  width: 172px;
  height: 51px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xl) var(--padding-29xl);
  box-sizing: border-box;
  font-size: var(--font-size-5xl);
  color: var(--color-black);
}
.learn-about-us {
  position: relative;
  display: inline-block;
  width: 240px;
  height: 45px;
  flex-shrink: 0;
}
.learn-about-us-line {
  top: 0;
  left: 0;
  width: 240px;
  bottom: 0;
  background-color: var(--color-mediumturquoise);
  height: 2px;
  z-index: 1;
}
.frame3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 269px;
  height: 49px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 32px;
}
.frame2 {
  position: relative;
  width: 599.56px;
  height: 499px;
  overflow: hidden;
  flex-shrink: 0;
}
.art-concept-yellow-rocket-blue-icon {
  position: relative;
  width: 500px;
  height: 528.89px;
  object-fit: cover;
}
.frame4 {
  width: 500px;
  height: 544.89px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.frame-parent10,
.transform-2 {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
}
.frame-parent10 {
  background-color: #215f6c;
  width: 1440px;
  height: 593px;
  flex-shrink: 0;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 70px;
  box-sizing: border-box;
  gap: 116px;
  font-size: var(--font-size-45xl);
  color: var(--white);
  font-family: var(--font-poppins);
}
.transform-2 {
  position: absolute;
  top: 800px;
  left: 0;
  flex-direction: column;
  align-items: center;
  font-size: var(--font-size-21xl);
}
.ai-image-openai {
  top: 0;
  left: 310px;
  width: 1064px;
  height: 800px;
  object-fit: cover;
  z-index: 0;
}
.ai-image-openai,
.astraios2,
.logo-item,
.logo1 {
  margin: 0 !important;
  position: absolute;
}
.astraios2 {
  bottom: 0;
  left: calc(50% - 73px);
  display: inline-block;
  z-index: 0;
  color: #FF6E3D;
  font-family: Advent Pro;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
}
.logo-item,
.logo1 {
  left: 0;
  width: 150px;
}
.logo-item {
  bottom: 0;
  background-color: var(--color-sandybrown);
  height: 4px;
  z-index: 1;
}
.logo1 {
  top: 70px;
  height: 80px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 0;
}
.frame-inner {
  width: 502px;
  height: 96px;
}
.whats-next-in-container {
  position: relative;
  font-size: var(--font-size-29xl);
  line-height: 48px;
  font-weight: 300;
  display: inline-block;
  width: 612px;
}
.embark-on-the {
  font-weight: 300;
}
.astraios3 {
  font-weight: 500;
}
.embark-on-the-container {
  position: relative;
  line-height: 36px;
  display: inline-block;
  width: 519px;
  height: 76px;
  flex-shrink: 0;
}
.frame-parent11,
.primary-button1 {
  display: flex;
  align-items: flex-start;
}
.primary-button1 {
  border-radius: var(--br-17xl);
  background-color: var(--color-mediumturquoise);
  box-shadow: 0 0 20px rgba(99, 225, 225, 0.25);
  width: 172px;
  height: 51px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-5xl) var(--padding-29xl);
  box-sizing: border-box;
  position: relative;
  color: var(--color-black);
  font-family: var(--font-poppins);
}
.frame-parent11 {
  align-self: stretch;
  height: 323px;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--gap-11xl);
}
.content,
.frame7,
.frame8 {
  width: 660px;
  display: flex;
  flex-direction: column;
}
.content {
  border-radius: var(--br-5xl);
  background: linear-gradient(
    124.42deg,
    rgba(0, 0, 0, 0.36),
    rgba(0, 0, 0, 0.07)
  );
  backdrop-filter: blur(8px);
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2px var(--padding-29xl) var(--padding-21xl);
  box-sizing: border-box;
}
.frame7,
.frame8 {
  height: 567px;
  overflow: hidden;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
}
.frame7 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
  margin-left: -608px;
  font-size: var(--font-size-5xl);
  color: var(--white);
  font-family: var(--font-spline-sans);
}
.div4,
.frame5,
.frame6 {
  position: absolute;
  top: 0;
  overflow: hidden;
}
.frame6 {
  margin: 0 !important;
  left: 0;
  width: 660px;
  height: 567px;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 1;
}
.div4,
.frame5 {
  height: 800px;
}
.frame5 {
  left: 68px;
  width: 1374px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.div4 {
  margin: 0 !important;
  left: 0;
  background: linear-gradient(172.29deg, #09212c, #043e49);
  width: 1440px;
  flex-shrink: 0;
  z-index: 0;
}
.vector-icon {
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 0;
}
.group-icon,
.insights {
  margin: 0 !important;
  position: absolute;
  overflow: hidden;
}
.group-icon {
  height: 70.83%;
  width: 91.67%;
  top: 12.5%;
  right: 4.17%;
  bottom: 16.67%;
  left: 4.17%;
  max-width: 100%;
  max-height: 100%;
  z-index: 1;
}
.insights {
  top: 10px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  z-index: 0;
}
.digital-transformation,
.rethink-how-you {
  position: absolute;
  margin: 0 !important;
  top: 40px;
  left: 0;
  font-weight: 300;
  display: inline-block;
  width: 294px;
  z-index: 1;
}
.rethink-how-you {
  top: 90px;
  font-size: var(--font-size-xl);
  line-height: 24px;
  z-index: 2;
}
.digital-transform-2,
.insights-icon {
  position: absolute;
  margin: 0 !important;
  top: 10px;
  z-index: 0;
}
.digital-transform-2 {
  left: 530px;
  width: 321px;
  height: 140px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
}
.insights-icon {
  left: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.employee-empowerment,
.harness-technology-to {
  position: absolute;
  margin: 0 !important;
  top: 40px;
  left: 0;
  font-weight: 300;
  display: inline-block;
  width: 320px;
  z-index: 1;
}
.harness-technology-to {
  top: 90px;
  font-size: var(--font-size-xl);
  line-height: 24px;
  width: 280px;
  z-index: 2;
}
.employee-empower-3 {
  margin: 0 !important;
  position: absolute;
  top: 10px;
  left: 977px;
  width: 321px;
  height: 140px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
  z-index: 1;
}
.customer-experience,
.leverage-ai-to1 {
  position: absolute;
  margin: 0 !important;
  top: 40px;
  left: 0;
  font-weight: 300;
  display: inline-block;
  width: 277px;
  z-index: 1;
}
.leverage-ai-to1 {
  top: 90px;
  font-size: var(--font-size-xl);
  line-height: 24px;
  width: 321px;
  z-index: 2;
}
.customer-experience-1 {
  margin: 0 !important;
  top: calc(50% - 70px);
  left: 10px;
  width: 321px;
  height: 140px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
  z-index: 2;
}
.customer-experience-1,
.introduction-1,
.list {
  position: absolute;
  display: flex;
}
.list {
  margin: 0 !important;
  top: 620px;
  left: calc(50% - 650px);
  border-radius: 32px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent);
  backdrop-filter: blur(8px);
  width: 1301px;
  height: 160px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 18px 56px var(--padding-5xl);
  box-sizing: border-box;
  z-index: 1;
  font-size: var(--font-size-9xl);
  color: var(--white);
  font-family: var(--font-spline-sans);
}
.introduction-1 {
  top: 0;
  left: 0;
  width: 1440px;
  height: 800px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--font-size-29xl);
  color: var(--color-tomato);
  font-family: var(--font-advent-pro);
}
.contact-4-parent {
  position: relative;
  background-color: var(--white);
  width: 100%;
  height: 4000px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-45xl);
  color: var(--color-darkslategray-100);
  font-family: var(--font-lato);
}