body {
  margin: 0;
}
:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 100%;
  height: 7337px;
  margin: 0 auto;
  background: #f2f2f2;
  overflow: hidden;
}
.navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  margin: 0 0 0 0;
  padding: 12px 40px 12px 40px;
  background: #ffffff;
  z-index: 33;
}
.frame {
  flex-shrink: 0;
  position: relative;
  width: 341px;
  height: 69px;
  z-index: 34;
}
.light-tekxos {
  position: relative;
  width: 187px;
  height: 41px;
  margin: 14px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/nOuTw40LgO.png)
    no-repeat center;
  background-size: cover;
  z-index: 35;
  overflow: hidden;
}
.frame-1 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 329px;
  z-index: 36;
}
.frame-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 68px;
  padding: 8px 14px 8px 14px;
  z-index: 37;
  border-radius: 40px;
}
.about {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #141313;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 16.943px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.42px;
  z-index: 38;
}
.frame-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 97px;
  padding: 8px 14px 8px 14px;
  z-index: 39;
  border-radius: 40px;
}
.service {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #141313;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 16.943px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.42px;
  z-index: 40;
}
.chevron-down {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/0pFtfh4PCd.png)
    no-repeat center;
  background-size: cover;
  z-index: 41;
  overflow: hidden;
}
.frame-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 83px;
  padding: 8px 14px 8px 14px;
  z-index: 42;
  border-radius: 40px;
}
.work {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #141313;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 16.943px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.42px;
  z-index: 43;
}
.chevron-down-5 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/nHnppqXd83.png)
    no-repeat center;
  background-size: cover;
  z-index: 44;
  overflow: hidden;
}
.frame-6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 57px;
  padding: 8px 14px 8px 14px;
  z-index: 45;
  border-radius: 40px;
}
.blog {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #141313;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 16.943px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.42px;
  z-index: 46;
}
.frame-7 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 380px;
  z-index: 47;
}
.frame-8 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 185px;
  z-index: 48;
}
.ic-baseline-phone {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/yOzr16S6pV.png)
    no-repeat center;
  background-size: cover;
  z-index: 49;
  overflow: hidden;
}
.phone-number {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 19px;
  color: #141313;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.48px;
  z-index: 50;
}
.frame-9 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 183px;
  padding: 12px 24px 12px 24px;
  background: rgba(0, 0, 0, 0.016);
  z-index: 51;
  border-radius: 40px;
}
.book-strategy-call {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 19px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.48px;
  z-index: 52;
}
.frame-a {
  position: relative;
  width: 100%;
  height: 554px;
  margin: 0 0 0 0;

  /* --- Updated Background Styles --- */
  background-image: url("bg_green.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  z-index: 0 !important;
  overflow: hidden;
}
.mask-group {
  position: absolute;
  width: 584px;
  height: 364px;
  top: -56px;
  left: 1112px;
  z-index: 285;
  -webkit-mask-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/dhuUpMAWWH.png);
  -webkit-mask-size: cover;
}
.ellipse {
  position: absolute;
  width: 360px;
  height: 360px;
  top: 0;
  left: 108px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/NnuW5PWYDo.png)
    no-repeat center;
  background-size: cover;
  z-index: 286;
  border-radius: 50%;
}
.frame-b {
  position: absolute;
  width: 368px;
  height: 361px;
  top: 0;
  left: 104px;
  /* z-index: 287; */
  overflow: hidden;
}
.frame-c {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0px; /* <--- Adjust this value as needed */
  position: absolute;
  width: 1015px;
  height: 438px;
  top: 50px;
  left: 50%;
  transform: translate(-49.95%, 0);
  /* z-index: 291; */
}
.frame-d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 672px; /* <--- CHANGE TO A SMALLER VALUE LIKE THIS */
  /* z-index: 292; */
}
.frame-e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  min-width: 0;
  /* z-index: 293; */
}
.frame-f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  /* z-index: 294; */
}
.creative {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 190px;
  font-family: Inter, var(--default-font-family);
  font-size: 110px;
  font-weight: 700;
  line-height: 95px;
  background: url("text_png.png");
  background-size: cover;
  /* z-index: 295; */
  width: 85%;
}
.studio {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 95px;
  color: #232e34;
  font-family: Inter, var(--default-font-family);
  font-size: 110px;
  font-weight: 700;
  line-height: 95px;
  text-align: left;
  white-space: nowrap;
  z-index: 296;
}
.frame-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 549px;
  z-index: 297;
}
.client-satisfaction {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 298;
}
.vector {
  flex-shrink: 0;
  position: relative;
  width: 101px;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/NdfaPBMCFL.png)
    no-repeat center;
  background-size: cover;
  z-index: 299;
}
.ut-enim-ad {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 549px;
  min-width: 0;
  height: 40px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 20.074px;
  text-align: left;
  z-index: 300;
}
.frame-11 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: -15px;
  position: relative;
  width: 115px;
  height: 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/UXM6LxpcvJ.png)
    no-repeat center;
  background-size: cover;
  z-index: 301;
}
.frame-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  width: 358px;
  padding: 24px 24px 24px 24px;
  background: #ddfff4;
  /* z-index: 302; */
  border-radius: 8px;
}
.frame-13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  z-index: 303;
}
.digital-journey {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 310px;
  height: 87px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 29.045px;
  text-align: left;
  z-index: 304;
}
.digital-foundation {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 310px;
  height: 44px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.784px;
  text-align: left;
  z-index: 305;
}
.frame-14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  z-index: 306;
}
.frame-15 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  padding: 10px 16px 10px 16px;
  background: #b6dacf;
  z-index: 307;
  border-radius: 4px;
}
.your-name {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #696969;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.943px;
  text-align: left;
  white-space: nowrap;
  z-index: 308;
}
.frame-16 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  padding: 10px 16px 10px 16px;
  background: #b6dacf;
  z-index: 309;
  border-radius: 4px;
}
.email-address {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #696969;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.943px;
  text-align: left;
  white-space: nowrap;
  z-index: 310;
}
.frame-17 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  padding: 10px 16px 10px 16px;
  background: #b6dacf;
  z-index: 311;
  border-radius: 4px;
}
.inquiry-about {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #696969;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.943px;
  text-align: left;
  white-space: nowrap;
  z-index: 312;
}
.weui-arrow-filled {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 12px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/G0nGLyHxOn.png)
    no-repeat center;
  background-size: cover;
  z-index: 313;
  overflow: hidden;
}
.frame-18 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  padding: 10px 16px 10px 16px;
  background: #b6dacf;
  z-index: 314;
  border-radius: 4px;
}
.project-summary {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #696969;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.943px;
  text-align: left;
  white-space: nowrap;
  z-index: 315;
}
.frame-19 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  padding: 12px 24px 12px 24px;
  background: #202020;
  z-index: 316;
  border-radius: 40px;
}
.submit {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 19px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.48px;
  z-index: 317;
}
.mask-group-1a {
  position: absolute;
  width: 584px;
  height: 364px;
  top: 146px;
  left: -272px;
  z-index: 288;
  -webkit-mask-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/VMjtfpUqev.png);
  -webkit-mask-size: cover;
}
.ellipse-1b {
  position: absolute;
  width: 360px;
  height: 360px;
  top: 0;
  left: 108px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/Sg1oaB8L9f.png)
    no-repeat center;
  background-size: cover;
  z-index: 289;
  border-radius: 50%;
}
.frame-1c {
  position: absolute;
  width: 368px;
  height: 361px;
  top: 0;
  left: 104px;
  overflow: hidden;
}
.rectangle {
  position: relative;
  width: 100%;
  /* height: 1083px; */
  margin: 0 0 0 0;
  background: #ffffff;
  overflow: visible auto;
}
.frame-1d {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  /* gap: 10px; */
  position: relative;
}
.frame-1e {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  position: relative;
  width: 623px;
  justify-content: center;
  align-items: center;
  margin: 30px auto;
}
.about-us-title {
  flex-shrink: 0;
  position: relative;
  width: 623px;
  /* height: 243px; */
}
.frame-1f {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0px;
  position: relative;
  width: 623px;
  font-size: 80px;
  line-height: 0.8;
  top: 0;
  left: 0;
}
.about-us-part {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 350px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -2.79px;
}
.about-us-part-20 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 442px;
  font-family: Inter, var(--default-font-family);
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -2.79px;
  background: linear-gradient(270deg, #18e6a6, #04c1d5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about-us-part-21 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 555px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -2.79px;
}
.about-us-description {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 483px;
  color: #202020;
  font-family: Plus Jakarta Sans, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
}
.frame-22 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
}
.service-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 5px;
  position: relative;
  cursor: pointer;
  /* width: 730px; */
}
.service-item-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  padding: 15px 0;
  margin: 20px 24px 10px 52px;
  transition: all 0.3s ease;
  border-bottom: 2px solid #202020;
}
.title {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 311px;
}
.palette {
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/GNj54Td6pg.png)
    no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.service-item-title {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #202020;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
}
.service-item-description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  /* width: 730px; */
  height: 48px;
  color: #202020;
  font-family: Plus Jakarta Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.service-item-link {
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  /* gap: 8px; */
  position: relative;
  /* width: 114px; */
}
.service-item-link-text {
  flex-shrink: 0;
  position: relative;
  /* height: 13px; */
  color: #202020;
  font-family: Plus Jakarta Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  /* line-height: 13px; */
  text-align: left;
  white-space: nowrap;
}
.arrow-up-right {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/eom13yKbjC.png)
    no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.service-item-header-23 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  padding: 15px 0;
  margin: 20px 24px 10px 52px;
  transition: all 0.3s ease;
  border-bottom: 2px solid #202020;
}
.title-24 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 201px;
}
.monitor {
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/hAw9S6SqOH.png)
    no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.service-item-title-25 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #202020;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
}
.service-item-description-26 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  /* width: 678px; */
  height: 48px;
  color: #202020;
  font-family: Plus Jakarta Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.service-item-header-27 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  padding: 15px 0;
  margin: 20px 24px 10px 52px;
  transition: all 0.3s ease;
  border-bottom: 2px solid #202020;
}
.title-28 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 252px;
}
.globe {
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/4PdqfxREeF.png)
    no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.service-item-title-29 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #202020;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
}
.service-item-description-2a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  /* width: 678px; */
  height: 48px;
  color: #202020;
  font-family: Plus Jakarta Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.service-item-header-2b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  padding: 15px 0;
  margin: 20px 24px 10px 52px;
  transition: all 0.3s ease;
  border-bottom: 2px solid #202020;
}
.title-2c {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 270px;
}
.device-mobile-speaker {
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 40px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/YVT111OOMy.png)
    no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.service-item-title-2d {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #202020;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
}
.service-item-description-2e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  /* width: 678px; */
  height: 48px;
  color: #202020;
  font-family: Plus Jakarta Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.union {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 514px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/XxsiZqxXQP.png)
    no-repeat center;
  background-size: cover;
}
.frame-2f {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
  position: relative;
  width: 479px;
  margin: 52px auto;
}
.together-transform {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 24px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.72px;
}
.audacious-visions-reality {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 479px;
  min-width: 0;
  height: 108px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  text-align: center;
  text-overflow: initial;
  text-transform: uppercase;
  letter-spacing: -1.44px;
  overflow: hidden;
}
.flex-row-fc {
  position: relative;
  width: 100%;
  height: 941px;
  margin: 65px 0 0 0;
}
.frame-30 {
  position: sticky;
  width: 401px;
  /* height: 941px; */
  top: 80px;
  left: 0;
  /* background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/Kwj0KtZzJY.png)
    no-repeat center;
  background-size: cover; */
  overflow: hidden;
}
.frame-31 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 4px;
  position: absolute;
  width: 100%;
  height: 311px;
  top: 0;
  left: 401px;
  /* z-index: 5; */
}
.frame-32 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  height: 311px;
  padding: 60px 60px 60px 60px;
  background: #c9e2e5;
  /* z-index: 6; */
}
.frame-33 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 632px;
  /* z-index: 7; */
}
.rectangle-34 {
  flex-shrink: 0;
  position: absolute;
  width: 284px;
  height: 67px;
  top: 5px;
  left: 347px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/SYJfvMXt5S.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 8; */
}
.frame-35 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 191px;
  /* z-index: 9; */
}
.reimagine-brands {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 77px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 77px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1.92px;
}
.craft-stories-connect {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 440px;
  height: 66px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 21.784px;
  text-align: left;
  letter-spacing: -0.54px;
}
.frame-36 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  height: 311px;
  padding: 60px 60px 60px 60px;
  background: #daebed;
  /* z-index: 12; */
}
.frame-37 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 565px;
  /* z-index: 13; */
}
.rectangle-38 {
  flex-shrink: 0;
  position: absolute;
  width: 264px;
  height: 67px;
  top: 5px;
  left: 300px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/zkw4kX52jL.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 14; */
}
.frame-39 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 191px;
  /* z-index: 15; */
}
.redefine-digital {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 77px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 77px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1.92px;
  z-index: 16;
}
.craft-stories-connect-3a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 440px;
  height: 66px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 21.784px;
  text-align: left;
  letter-spacing: -0.54px;
  z-index: 17;
}
.frame-3b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  height: 311px;
  padding: 60px 60px 60px 60px;
  background: #cae2e5;
  /* z-index: 18; */
}
.frame-3c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 664px;
  /* z-index: 19; */
}
.rectangle-3d {
  flex-shrink: 0;
  position: absolute;
  width: 348px;
  height: 67px;
  top: 5px;
  left: 316px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/cFt9e0wBYc.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 20; */
}
.frame-3e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 191px;
  /* z-index: 21; */
}
.reinvent-strategy {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 77px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 77px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1.92px;
  /* z-index: 22; */
}
.craft-stories-connect-3f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 440px;
  height: 66px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 21.784px;
  text-align: left;
  letter-spacing: -0.54px;
  /* z-index: 23; */
}
.rectangle-40 {
  position: relative;
  width: 100%;
  height: 583px;
  margin: 0 0 0 0;
  background: #ffffff;
  /* z-index: 25; */
  overflow: visible auto;
}
.flex-row-ee {
  position: relative;
  width: 947px;
  height: 153px;
  margin: 88px 0 0 285px;
  /* z-index: 32; */
}
.help-win {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 218px;
  height: 24px;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.72px;
  /* z-index: 26; */
}
.image {
  position: absolute;
  width: 254px;
  height: 145px;
  top: 0;
  left: 693px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/b7M4AL9YRX.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 30; */
}
.growth {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 103px;
  top: 50px;
  left: 0;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 120px;
  font-weight: 700;
  line-height: 103px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -3.6px;
  /* z-index: 27; */
}
.image-41 {
  position: absolute;
  width: 6.69%;
  height: 33.33%;
  top: 56.21%;
  left: 69.17%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/cOTnL5Qezy.png)
    no-repeat center;
  background-size: 100% 100%;
  /* z-index: 32; */
}
.flex-row-be {
  position: relative;
  width: 999px;
  height: 226px;
  margin: 20px 0 0 233px;
  /* z-index: 31; */
}
.impact {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 103px;
  top: 0;
  left: 377px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 120px;
  font-weight: 700;
  line-height: 103px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -3.6px;
  opacity: 0.2;
  /* z-index: 28; */
}
.image-42 {
  position: absolute;
  width: 336px;
  height: 216px;
  top: 10px;
  left: 0;
  background: url("image.png") no-repeat center;
  background-size: cover;
  /* z-index: 31; */
}
.speed {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 103px;
  top: 123px;
  left: 622px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 120px;
  font-weight: 700;
  line-height: 103px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -3.6px;
  opacity: 0.2;
  /* z-index: 29; */
}
.frame-43 {
  position: relative;
  width: 100%;
  height: 3355px;
  margin: 0 0 0 0;
  background: #dbebed;
  /* z-index: 53; */
  overflow: hidden;
}
.component {
  position: relative;
  width: 100%;
  height: 583px;
  margin: -584px 0 0 0;
  /* z-index: 54; */
}
.rectangle-44 {
  position: absolute;
  width: 100%;
  height: 583px;
  top: 0;
  left: 0;
  background: #ffffff;
  /* z-index: 55; */
}
.help-win-45 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 218px;
  height: 24px;
  top: 88px;
  left: 285px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 56;
}
.image-46 {
  position: absolute;
  width: 254px;
  height: 145px;
  top: 88px;
  left: 978px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/6zuvcobuQ9.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 60; */
}
.growth-47 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 103px;
  top: 138px;
  left: 285px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 120px;
  font-weight: 700;
  line-height: 103px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -3.6px;
  /* z-index: 57; */
}
.image-48 {
  position: absolute;
  width: 4.4%;
  height: 8.75%;
  top: 29.85%;
  left: 65.28%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/H7xvKzSxMV.png)
    no-repeat center;
  background-size: 100% 100%;
  /* z-index: 62; */
}
.impact-49 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 103px;
  top: 261px;
  left: 610px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 120px;
  font-weight: 700;
  line-height: 103px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -3.6px;
  opacity: 0.2;
  /* z-index: 58; */
}
.image-4a {
  position: absolute;
  width: 336px;
  height: 216px;
  top: 271px;
  left: 233px;
  background: url("image.png") no-repeat center;
  background-size: cover;
  /* z-index: 61; */
}
.speed-4b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 103px;
  top: 384px;
  left: 855px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 120px;
  font-weight: 700;
  line-height: 103px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -3.6px;
  opacity: 0.2;
  /* z-index: 59; */
}
.frame-4c {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 119px;
  position: relative;
  width: 1360px;
  margin: 710px 0 0 40px;
  /* z-index: 70; */
}
.great-work {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 797px;
  height: 180px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 96px;
  font-weight: 700;
  line-height: 90px;
  text-align: left;
  text-overflow: initial;
  text-transform: uppercase;
  letter-spacing: -2.88px;
  /* z-index: 71; */
  overflow: hidden;
}
.frame-4d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 350px;
  /* z-index: 72; */
}
.frame-4e {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  padding: 0 8px 0 8px;
  border-left: 1px solid #202020;
  /* z-index: 73; */
}
.insights-timelessness-relevance {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 334px;
  height: 72px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: -0.48px;
  /* z-index: 74; */
  overflow: hidden;
}
.frame-4f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 144px;
  padding: 12px 24px 12px 24px;
  background: #18e6a6;
  /* z-index: 75; */
}
.our-work {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 21.784px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -0.54px;
  /* z-index: 76; */
}
.frame-50 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 40px;
  position: relative;
  width: 1360px;
  margin: 61px 0 0 40px;
  /* z-index: 77; */
}
.frame-51 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  min-width: 0;
  /* z-index: 78; */
}
.frame-52 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  /* z-index: 79; */
}
.frame-53 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  /* z-index: 80; */
}
.frame-54 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 380px;
  padding: 40px 40px 40px 40px;
  background: url("cs1.png") no-repeat center;
  background-size: cover;
  /* z-index: 81; */
  border-radius: 12px;
}
.frame-55 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 293px;
  /* z-index: 82; */
}
.frame-56 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 7px;
  position: relative;
  min-width: 0;
  /* z-index: 83; */
}
.web {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1px;
  /* z-index: 84; */
}
.ellipse-57 {
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 6px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/bTKvh2f1ck.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 85; */
  border-radius: 50%;
}
.design {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1px;
  /* z-index: 86; */
}
.ellipse-58 {
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 6px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/V59kSuaL5u.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 87; */
  border-radius: 50%;
}
.development {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1px;
  /* z-index: 88; */
}
.frame-59 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 168.438px;
  /* z-index: 89; */
}
.group {
  flex-shrink: 0;
  position: relative;
  width: 26.438px;
  height: 26.991px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/x99YYLqEk4.png)
    no-repeat center;
  background-size: 100% 100%;
  /* z-index: 90; */
}
.devin-ai {
  flex-shrink: 0;
  position: relative;
  height: 26px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
  letter-spacing: -1.8px;
  /* z-index: 91; */
}
.frame-5a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  /* z-index: 92; */
}
.frame-5b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 380px;
  padding: 40px 40px 40px 40px;
  background: url("cs2.png") no-repeat center;
  background-size: cover;
  /* z-index: 93; */
  border-radius: 12px;
}
.frame-5c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 293px;
  /* z-index: 94; */
}
.frame-5d {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 7px;
  position: relative;
  min-width: 0;
  /* z-index: 95; */
}
.web-5e {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1px;
  /* z-index: 96; */
}
.ellipse-5f {
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 6px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/CFxHFAdRiT.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 97; */
  border-radius: 50%;
}
.design-60 {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1px;
  /* z-index: 98; */
}
.ellipse-61 {
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 6px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/ELANunXKpL.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 99; */
  border-radius: 50%;
}
.development-62 {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1px;
  /* z-index: 100; */
}
.frame-63 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  /* width: 136px; */
  height: 32px;
  /* z-index: 101; */
  overflow: hidden;
}
.group-64 {
  flex-shrink: 0;
  position: relative;
  width: 26.438px;
  height: 26.991px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/gzbGTtCmxr.png)
    no-repeat center;
  background-size: 100% 100%;
  /* z-index: 102; */
}
.portoflio {
  flex-shrink: 0;
  position: relative;
  height: 26px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
  letter-spacing: -1.8px;
  /* z-index: 103; */
}
.frame-65 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  /* z-index: 104; */
}
.frame-66 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 380px;
  padding: 40px 40px 40px 40px;
  background: url("cs3.png") no-repeat center;
  background-size: cover;
  /* z-index: 105; */
  border-radius: 12px;
}
.frame-67 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 293px;
  /* z-index: 106; */
}
.frame-68 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 7px;
  position: relative;
  min-width: 0;
  /* z-index: 107; */
}
.web-69 {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1px;
  /* z-index: 108; */
}
.ellipse-6a {
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 6px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/MwD95roLfp.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 109; */
  border-radius: 50%;
}
.design-6b {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1px;
  /* z-index: 110; */
}
.ellipse-6c {
  flex-shrink: 0;
  position: relative;
  width: 6px;
  height: 6px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/uDxN7QFJ4z.png)
    no-repeat center;
  background-size: cover;
  /* z-index: 111; */
  border-radius: 50%;
}
.development-6d {
  flex-shrink: 0;
  position: relative;
  height: 15px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1px;
  /* z-index: 112; */
}
.frame-6e {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  /* width: 136px; */
  height: 32px;
  /* z-index: 113; */
  overflow: hidden;
}
.group-6f {
  flex-shrink: 0;
  position: relative;
  width: 26.438px;
  height: 26.991px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/sOgcPJGd4O.png)
    no-repeat center;
  background-size: 100% 100%;
  /* z-index: 114; */
}
.portoflio-70 {
  flex-shrink: 0;
  position: relative;
  height: 26px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
  letter-spacing: -1.8px;
  /* z-index: 115; */
}
.frame-71 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 100%;
  margin: 1967px 0 0 0;
  background: #202020;
  /* z-index: 208; */
}
.frame-72 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 50px;
  position: relative;
  min-width: 0;
  /* z-index: 209; */
  overflow: hidden;
}
/* .row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: wrap;
  flex-shrink: 0;
  position: relative;
  padding: 40px 80px 40px 80px;
  z-index: 210;
} */
.col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 24px;
  position: relative;
  width: 189px;
  /* z-index: 211; */
}
.dark-tekxos {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 41px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/SGY7HiyXRT.png)
    no-repeat;
  background-size: contain;
  /* z-index: 212; */
  overflow: hidden;
}
.buchenweg-duesseldorf-germany {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 285px;
  /* height: 72px; */
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-overflow: initial;
  /* z-index: 213; */
  overflow: hidden;
}
.info-tekxos {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  /* z-index: 214; */
}
.menus {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 64px;
  position: relative;
  width: 357px;
  min-width: 320px;
  /* z-index: 215; */
}
.col-73 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 71px;
  /* z-index: 216; */
}
.product {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 217; */
}
.menus-74 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 14px;
  position: relative;
  width: 71px;
  /* z-index: 218; */
}
.home {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 219; */
}
.about-us {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 220; */
}
.features {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 221; */
}
.reviews {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 222; */
}
.pricing {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 223; */
}
.blog-75 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 224; */
}
.col-76 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 82px;
  /* z-index: 225; */
}
.company {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 226; */
}
.menus-77 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 14px;
  position: relative;
  width: 61px;
  /* z-index: 227; */
}
.about-78 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 228; */
}
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 48px;
  position: relative;
  min-width: 0;
  /* z-index: 172; */
}
.careers {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 230; */
}
.col-79 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 76px;
  /* z-index: 231; */
}
.social {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 232; */
}
.menus-7a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 14px;
  position: relative;
  width: 76px;
  /* z-index: 233; */
}
.facebook {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 234; */
}
.instagram {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 235; */
}
.twitter {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 236; */
}
.frame-7b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
  position: relative;
  width: 372px;
  /* z-index: 237; */
}
.subscribe-newsletter {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 269px;
  height: 90px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 42px;
  text-align: left;
  letter-spacing: -1.2px;
  /* z-index: 238; */
}
.frame-7c {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 372px;
  /* z-index: 239; */
}
.frame-7d {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 320px;
  padding: 12px 16px 12px 16px;
  background: #ffffff;
  /* z-index: 240; */
}
.enter-email {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 100%;
  border: none;
  height: 21px;
  color: #595959;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  text-align: left;
  /* z-index: 241; */
}
.frame-7e {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 48px;
  padding: 12px 12px 12px 12px;
  background: #ffffff;
  z-index: 242;
}
.vuesax-linear-send {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 24px;
  z-index: 243;
}
.vuesax-linear-send-7f {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/sRUpnhiBrD.png)
    no-repeat center;
  background-size: cover;
  z-index: 244;
}
.row-80 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: wrap;
  flex-shrink: 0;
  position: relative;
  padding: 16px 70px 16px 70px;
  background: #121212;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 245;
}
.copyright {
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.784px;
  text-align: left;
  white-space: nowrap;
  z-index: 246;
}
.frame-81 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 40px;
  position: relative;
  width: 303px;
  z-index: 247;
}
.privacy-policy {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.784px;
  text-align: left;
  white-space: nowrap;
  z-index: 248;
}
.terms-of-service {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.784px;
  text-align: left;
  white-space: nowrap;
  z-index: 249;
}
.image-82 {
  position: absolute;
  width: 100%;
  height: 599px;
  top: 0;
  left: 50%;
  background: rgba(0, 0, 0, 0.06999999999999999) url("project-bg.png") no-repeat
    center;
  background-size: cover;
  transform: translate(-50%, 0);
  z-index: 63;
}
.frame-83 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 24px;
  position: absolute;
  width: 624px;
  height: 178px;
  top: 60px;
  left: 40px;
  z-index: 64;
}
.frame-84 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 65;
}
.crafting-brilliance-together {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 48px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -1.44px;
  z-index: 66;
}
.mission-statement {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 624px;
  height: 44px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 21.784px;
  text-align: left;
  letter-spacing: -0.54px;
  z-index: 67;
}
.frame-85 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 207px;
  padding: 12px 24px 12px 24px;
  background: #18e6a6;
  z-index: 68;
}
.start-project {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 21.784px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -0.54px;
  z-index: 69;
  cursor: pointer;
}
.rectangle-86 {
  position: absolute;
  width: 100%;
  height: 1857px;
  top: 1523px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/PgHLYTcraP.png)
    no-repeat center;
  background-size: cover;
  z-index: 116;
}
.interesting-features {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 415px;
  height: 108px;
  top: 1623px;
  left: 100px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  text-align: left;
  text-overflow: initial;
  text-transform: uppercase;
  letter-spacing: -1.44px;
  z-index: 180;
  overflow: hidden;
}
.group-87 {
  position: absolute;
  width: 1360px;
  height: 344px;
  top: 1791px;
  left: 40px;
  z-index: 181;
}
.group-88 {
  position: relative;
  width: 49px;
  height: 47px;
  margin: 141px 0 0 470px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/B9yeTPLSOP.png)
    no-repeat center;
  background-size: cover;
  z-index: 207;
}
.frame-89 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 78px;
  position: absolute;
  width: 1360px;
  height: 344px;
  top: 0;
  left: 0;
  z-index: 182;
}
.frame-8a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 52px;
  position: relative;
  width: 332px;
  z-index: 183;
}
.frame-8b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  z-index: 184;
}
.ellipse-8c {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/j2fK8VaR50.png)
    no-repeat center;
  background-size: cover;
  z-index: 185;
  border-radius: 50%;
}
.brand-solutions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 289px;
  height: 48px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  letter-spacing: -0.72px;
  z-index: 186;
}
.branding-description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 332px;
  height: 44px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.784px;
  text-align: left;
  letter-spacing: -0.54px;
  z-index: 187;
}
.frame-8d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  z-index: 188;
}
.ellipse-8e {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/hoifRePXsD.png)
    no-repeat center;
  background-size: cover;
  z-index: 189;
  border-radius: 50%;
}
.data-driven-strategies {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 289px;
  height: 24px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 190;
}
.strategies-description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 332px;
  height: 44px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.784px;
  text-align: left;
  letter-spacing: -0.54px;
  z-index: 191;
}
.frame-8f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 420px;
  z-index: 192;
}
.mask-group-90 {
  flex-shrink: 0;
  position: relative;
  width: 420px;
  height: 188px;
  z-index: 193;
}
.mask-group-91 {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/kLaRE4fVTC.png)
    no-repeat center;
  background-size: cover;
  z-index: 194;
}
.mask-group-92 {
  flex-shrink: 0;
  position: relative;
  width: 420px;
  height: 136px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/v3u99gFeZ8.png)
    no-repeat center;
  background-size: cover;
  z-index: 195;
}
.frame-93 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 76px;
  position: relative;
  width: 332px;
  z-index: 196;
}
.frame-94 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  z-index: 197;
}
.ellipse-95 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/8xW9Dk0E4m.png)
    no-repeat center;
  background-size: cover;
  z-index: 198;
  border-radius: 50%;
}
.platform-expertise {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 289px;
  height: 24px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 199;
}
.platform-description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 332px;
  height: 44px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.784px;
  text-align: left;
  letter-spacing: -0.54px;
  z-index: 200;
}
.frame-96 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 318px;
  z-index: 201;
}
.ellipse-97 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/JK91w5yN5o.png)
    no-repeat center;
  background-size: cover;
  z-index: 202;
  border-radius: 50%;
}
.creative-innovation {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 289px;
  height: 24px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 203;
}
.innovation-description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 318px;
  height: 44px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.784px;
  text-align: left;
  letter-spacing: -0.54px;
  z-index: 204;
}
.group-98 {
  position: absolute;
  width: 54px;
  height: 44px;
  top: 0;
  left: 788px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/08AOVZ9GiY.png)
    no-repeat center;
  background-size: cover;
  z-index: 205;
}
.group-99 {
  position: absolute;
  width: 41px;
  height: 98px;
  top: 0;
  left: 849px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/0dA7a38E20.png)
    no-repeat center;
  background-size: cover;
  z-index: 206;
}
.testimonial {
  position: absolute;
  width: 1988px;
  height: 615px;
  top: 2245px;
  left: 50%;
  font-size: 0px;
  transform: translate(-48.49%, 0);
  z-index: 117;
}
.customer-testimonial {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 647px;
  height: 54px;
  margin: 0 0 0 641px;
  color: #202020;
  font-family: Inter, var(--default-font-family);
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1.44px;
  z-index: 119;
}
.lorem-ipsum-dolor {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 715px;
  height: 22px;
  margin: 24px 0 0 607px;
  color: #000000;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.784px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.54px;
  z-index: 118;
}
.flex-row-dfe {
  position: absolute;
  width: 1770px;
  height: 501px;
  top: 114px;
  left: 0;
  z-index: 170;
}
.rectangle-9a {
  position: absolute;
  width: 138px;
  height: 501px;
  top: 0;
  left: 1546px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/w7XahR9prW.png)
    no-repeat center;
  background-size: cover;
  z-index: 170;
}
.rectangle-9b {
  position: absolute;
  width: 138px;
  height: 501px;
  top: 0px;
  left: 244px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/UFw2K41e3O.png)
    no-repeat center;
  background-size: cover;
  z-index: 169;
}
.group-9c {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 50px;
  left: 0;
  z-index: 138;
}
.group-9d {
  position: relative;
  width: 279px;
  height: 59px;
  margin: 20px 0 0 25px;
  z-index: 141;
}
.ellipse-9e {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/tzesOEfaKw.png)
    no-repeat center;
  background-size: cover;
  z-index: 144;
  border-radius: 50%;
}
.flex-column-fd {
  position: absolute;
  width: 205px;
  height: 54px;
  top: 5px;
  left: 50%;
  font-size: 0px;
  transform: translate(-31.95%, 0);
  z-index: 143;
}
.jonathan-doe {
  display: block;
  position: relative;
  height: 30px;
  margin: 0 0 0 0;
  font-family: Manrope, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  background: linear-gradient(90deg, #ffffff, #999999);
  z-index: 142;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-designer {
  display: block;
  position: relative;
  height: 24px;
  margin: 0 0 0 0;
  color: #cdcdcd;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 143;
}
.ui-kit-testimonial {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 357px;
  height: 72px;
  margin: 17px 0 0 25px;
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  z-index: 140;
}
.rectangle-9f {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/SuLe1saWKb.png)
    no-repeat center;
  background-size: cover;
  z-index: 139;
  border-radius: 10px;
  backdrop-filter: blur(10px);
}
.group-a0 {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 50px;
  left: 450px;
  font-size: 0px;
  z-index: 132;
}
.ui-kit-testimonial-a1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 357px;
  height: 72px;
  margin: 96px 0 0 25px;
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  z-index: 134;
}
.rectangle-a2 {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/Tn2kVxB8p2.png)
    no-repeat center;
  background-size: cover;
  z-index: 133;
  border-radius: 10px;
}
.ellipse-a3 {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 20px;
  left: 25px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/6iQCjuY80w.png)
    no-repeat center;
  background-size: cover;
  z-index: 137;
  border-radius: 50%;
}
.jonathan-doe-a4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 25px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 135;
}
.product-designer-a5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 55px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.7;
  z-index: 136;
}
.group-a6 {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 50px;
  left: 900px;
  font-size: 0px;
  z-index: 120;
}
.ai-startup-testimonial {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 362px;
  height: 72px;
  margin: 96px 0 0 25px;
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  z-index: 122;
}
.rectangle-a7 {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/FBjXZ2Y9uk.png)
    no-repeat center;
  background-size: cover;
  z-index: 121;
  border-radius: 10px;
}
.ellipse-a8 {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 20px;
  left: 25px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/zHm269Fmxi.png)
    no-repeat center;
  background-size: cover;
  z-index: 125;
  border-radius: 50%;
}
.abraham-doe {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 25px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 123;
}
.product-designer-a9 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 55px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.7;
  z-index: 124;
}
.group-aa {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 50px;
  left: 1350px;
  font-size: 0px;
  z-index: 151;
}
.ai-interface-testimonial {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 362px;
  height: 72px;
  margin: 96px 0 0 25px;
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  z-index: 153;
}
.rectangle-ab {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/NpOMSEqSfW.png)
    no-repeat center;
  background-size: cover;
  z-index: 152;
  border-radius: 10px;
}
.ellipse-ac {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 20px;
  left: 25px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/jvPASq8epb.png)
    no-repeat center;
  background-size: cover;
  z-index: 156;
  border-radius: 50%;
}
.alexandre-doe {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 25px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 154;
}
.product-designer-ad {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 55px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.7;
  z-index: 155;
}
.flex-row-bb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 1770px;
  height: 188px;
  top: 402px;
  left: 218px;
  z-index: 163;
}
.group-ae {
  flex-shrink: 0;
  position: relative;
  width: 420px;
  height: 188px;
  font-size: 0px;
  z-index: 145;
}
.ui-kit-testimonial-af {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 357px;
  height: 72px;
  margin: 96px 0 0 25px;
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  z-index: 147;
}
.rectangle-b0 {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/MFMknz4i3G.png)
    no-repeat center;
  background-size: cover;
  z-index: 146;
  border-radius: 10px;
}
.ellipse-b1 {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 20px;
  left: 25px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/xqQa2XbWBh.png)
    no-repeat center;
  background-size: cover;
  z-index: 150;
  border-radius: 50%;
}
.jonathan-doe-b2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 25px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 148;
}
.product-designer-b3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 55px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.7;
  z-index: 149;
}
.ui-kit-testimonial-b4 {
  flex-shrink: 0;
  position: relative;
  width: 420px;
  height: 188px;
  font-size: 0px;
  z-index: 126;
}
.brand-theme-testimonial {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 362px;
  height: 72px;
  margin: 96px 0 0 25px;
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  z-index: 128;
}
.rectangle-b5 {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/YbptqEFR9J.png)
    no-repeat center;
  background-size: cover;
  z-index: 127;
  border-radius: 10px;
}
.ellipse-b6 {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 20px;
  left: 25px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/KSW5sPMBh8.png)
    no-repeat center;
  background-size: cover;
  z-index: 131;
  border-radius: 50%;
}
.kristina-doe {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 25px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 129;
}
.product-designer-b7 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 55px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.7;
  z-index: 130;
}
.ui-kit-testimonial-b8 {
  flex-shrink: 0;
  position: relative;
  width: 420px;
  height: 188px;
  font-size: 0px;
  z-index: 157;
}
.versatile-kit-testimonial {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 362px;
  height: 72px;
  margin: 96px 0 0 25px;
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  z-index: 159;
}
.rectangle-b9 {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/UprexHVAWq.png)
    no-repeat center;
  background-size: cover;
  z-index: 158;
  border-radius: 10px;
}
.ellipse-ba {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 20px;
  left: 25px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/2b6kVWcmOx.png)
    no-repeat center;
  background-size: cover;
  z-index: 162;
  border-radius: 50%;
}
.subhan-doe {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 25px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 160;
}
.product-designer-bb {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 55px;
  left: calc(50% - 111px);
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.7;
  z-index: 161;
}
.ui-kit-testimonial-bc {
  flex-shrink: 0;
  position: relative;
  width: 420px;
  height: 188px;
  font-size: 0px;
  z-index: 163;
}
.ai-interface-testimonial-bd {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 362px;
  height: 72px;
  margin: 96px 0 0 25px;
  color: #202020;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  z-index: 165;
}
.rectangle-be {
  position: absolute;
  width: 420px;
  height: 188px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/pqGtNhYi1p.png)
    no-repeat center;
  background-size: cover;
  z-index: 164;
  border-radius: 10px;
}
.ellipse-bf {
  position: absolute;
  width: 56px;
  height: 56px;
  top: 20px;
  left: 25px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/6Qf33uB2Yt.png)
    no-repeat center;
  background-size: cover;
  z-index: 168;
  border-radius: 50%;
}
.jonathan-doe-c0 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 25px;
  left: calc(50% - 111px);
  font-family: Manrope, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  background: linear-gradient(90deg, #ffffff, #999999);
  z-index: 166;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-designer-c1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 24px;
  top: 55px;
  left: calc(50% - 111px);
  color: #cdcdcd;
  font-family: Manrope, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 167;
}
.banner {
  /* --- Positioning and Sizing --- */
  position: absolute;
  top: 2920px;
  left: 50%;
  transform: translateX(-50%);
  width: 97%;
  height: 400px;

  /* --- Background Image --- */
  background-image: url("banner_g.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* --- Flexbox for Centering --- */
  display: flex;
  justify-content: center; /* Centers content horizontally */
  align-items: center; /* Centers content vertically */

  z-index: 171;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 48px;
  position: relative;
  min-width: 0;
  z-index: 172;
}
.content-c2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  z-index: 173;
}
.text {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 116px;
  font-family: Inter Tight, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 57.6px;
  text-align: center;
  text-overflow: initial;
  letter-spacing: -0.96px;
  background: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, 0.5));
  z-index: 174;
  overflow: hidden;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-c3 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #ffffff;
  font-family: Inter Tight, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: center;
  white-space: normal;
  letter-spacing: -0.22px;
  z-index: 175;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 199px;
  height: 50px;
  padding: 12px 32px 12px 32px;
  background: #02737f;
  border: 1.5px solid #ffffff;
  z-index: 176;
  overflow: hidden;
  cursor: pointer;
}
.text-c4 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 135px;
  height: 18px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.48px;
  z-index: 177;
}
.line {
  flex-shrink: 0;
  position: absolute;
  width: 599.824px;
  height: 468.395px;
  top: -97.197px;
  left: -119.912px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/9iNdnBiuWa.png)
    no-repeat center;
  background-size: cover;
  filter: blur(0);
  z-index: 178;
}
.line-c5 {
  flex-shrink: 0;
  position: absolute;
  width: 699.392px;
  height: 556.796px;
  top: 3px;
  right: -255.392px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-13/6u7EtCUhXO.png)
    no-repeat center;
  background-size: cover;
  filter: blur(0);
  z-index: 179;
}

/* ===============================
   RESPONSIVE OVERRIDES (append)
   =============================== */

/* Global fluid rules */
html {
  -webkit-text-size-adjust: 100%;
}
img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}
.main-container {
  height: auto !important;
  min-height: 100%;
}
[class^="image"],
[class*=" image-"] {
  background-size: cover;
  background-position: center;
}

/* Fluid spacing & type helpers */
:root {
  --space-1: clamp(8px, 1.5vw, 12px);
  --space-2: clamp(12px, 2vw, 16px);
  --space-3: clamp(16px, 3vw, 24px);
}

/* Tablet-ish: stack wide rows & remove rigid widths */
@media (max-width: 1200px) {
  .frame-1d {
    width: 100% !important;
    margin: 40px auto 0 !important;
    padding: 0 24px;
  }
  .frame-22 {
    flex-direction: column !important;
    gap: 24px;
  }
  .service-item {
    width: 100% !important;
  }
  .service-item-description,
  .service-item-description-26,
  .service-item-description-2a,
  .service-item-description-2e {
    width: 100% !important;
    height: auto !important;
  }
}

/* Landscape tablets & small laptops */
@media (max-width: 992px) {
  .navigation {
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px var(--space-3) !important;
  }
  .frame {
    width: auto;
    height: auto;
  }
  .frame-1 {
    order: 3;
    width: 100% !important;
    justify-content: space-between;
  }
  .frame-7 {
    order: 2;
    width: 100% !important;
    justify-content: space-between;
  }

  .frame-a {
    height: auto !important;
    padding: 24px 16px 40px;
  }
  .frame-c {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    flex-direction: column;
    gap: 24px;
    left: 0 !important;
    transform: none !important;
  }
  .frame-d {
    width: 100% !important;
  }
  .creative {
    width: 100% !important;
    /* height: auto !important; */
    background-size: 170% 100% !important;
  }
  .frame-10,
  .ut-enim-ad {
    width: 100% !important;
    height: auto !important;
  }
  .frame-12 {
    width: 100% !important;
  }
}

/* Phones & small tablets */
@media (max-width: 768px) {
  .services-image-tekxos {
    display: none !important;
  }
  /* Header */
  .navigation {
    padding: 12px 16px !important;
  }
  .frame-7 .ic-baseline-phone,
  .frame-7 .phone-number {
    display: none !important;
  }

  /* Hero heading block */
  .frame-2f {
    width: 100% !important;
    margin: 32px 0 0;
    padding: 0 16px;
  }
  .together-transform {
    font-size: 18px !important;
  }
  .audacious-visions-reality {
    width: 100% !important;
    height: auto !important;
    font-size: clamp(28px, 8vw, 40px) !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  /* Three feature stripes */
  .flex-row-fc {
    height: auto !important;
    margin-top: 32px;
  }
  .frame-30 {
    display: none !important;
  } /* left big visual */
  .frame-31 {
    position: static !important;
    width: 100% !important;
  }
  .frame-32,
  .frame-36,
  .frame-3b {
    height: auto !important;
    padding: 24px !important;
  }
  .reimagine-brands,
  .redefine-digital,
  .reinvent-strategy {
    height: auto !important;
    white-space: normal !important;
    font-size: clamp(22px, 8vw, 36px) !important;
    line-height: 1.15 !important;
  }
  .craft-stories-connect,
  .craft-stories-connect-3a,
  .craft-stories-connect-3f {
    width: 100% !important;
    height: auto !important;
  }

  /* Services hero & copy */
  .rectangle {
    height: auto !important;
  }
  .about-us-title,
  .frame-1f {
    width: 100% !important;
    height: auto !important;
    position: static !important;
    gap: 4px;
  }
  .about-us-part,
  .about-us-part-20,
  .about-us-part-21 {
    width: 100% !important;
    height: auto !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: clamp(28px, 10vw, 54px) !important;
    line-height: 1 !important;
  }
  .about-us-description {
    width: 100% !important;
    height: auto !important;
    padding: 0 16px;
    text-align: center;
  }

  .frame-22 {
    flex-direction: column !important;
    gap: 24px !important;
  }
  .service-item {
    width: 100% !important;
  }
  .service-item-description,
  .service-item-description-26,
  .service-item-description-2a,
  .service-item-description-2e {
    width: 100% !important;
    height: auto !important;
  }

  /* Big words “Growth / Impact / Speed” */
  .rectangle-40,
  .component {
    height: auto !important;
  }
  .flex-row-ee,
  .flex-row-be {
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 16px;
  }
  .growth,
  .impact,
  .speed {
    font-size: clamp(36px, 16vw, 72px) !important;
    line-height: 1 !important;
  }
  .image,
  .image-41,
  .image-42 {
    display: none !important;
  }

  /* “We do great work” block */
  .frame-4c {
    width: 100% !important;
    margin: 40px 0 0 !important;
    gap: 24px !important;
    flex-direction: column;
    padding: 0 16px;
  }
  .great-work {
    width: 100% !important;
    height: auto !important;
    text-overflow: initial !important;
    overflow: visible !important;
    font-size: clamp(28px, 10vw, 64px) !important;
    line-height: 1.1 !important;
  }
  .frame-4d {
    width: 100% !important;
  }
  .insights-timelessness-relevance {
    width: 100% !important;
    height: auto !important;
  }
  .frame-4f {
    width: 100%;
    justify-content: center;
  }

  /* Case tiles grid */
  .frame-50 {
    width: 100% !important;
    margin: 32px 0 0 !important;
    padding: 0 16px;
  }
  .frame-52 {
    flex-direction: column !important;
  }
  .frame-54,
  .frame-5b,
  .frame-66 {
    height: 260px !important;
    padding: 24px !important;
  }

  /* Promo image overlay section */
  .image-82 {
    height: 360px !important;
  }
  .frame-83 {
    width: calc(100% - 32px) !important;
    left: 16px !important;
    top: 24px !important;
  }
  .crafting-brilliance-together {
    font-size: clamp(24px, 8vw, 40px) !important;
  }
  .mission-statement {
    width: 100% !important;
    height: auto !important;
  }

  /* “Our Capabilities” collage → single column */
  .rectangle-86 {
    position: static !important;
    height: auto !important;
  }
  .interesting-features {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 16px;
    font-size: clamp(24px, 8vw, 40px) !important;
  }
  .group-87 {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 16px;
  }
  .frame-89 {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .frame-8f {
    width: 100% !important;
  }
  .group-98,
  .group-99,
  .group-88 {
    display: none !important;
  } /* decorative */

  /* Testimonials → stacked cards */
  .testimonial {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding: 32px 16px;
    transform: none !important;
  }
  .customer-testimonial {
    margin: 0 !important;
    width: 100% !important;
    text-align: center;
    font-size: clamp(24px, 8vw, 40px) !important;
  }
  .lorem-ipsum-dolor {
    width: 100% !important;
    margin: 8px 0 16px !important;
  }
  .flex-row-dfe,
  .flex-row-bb {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 16px;
    left: 0 !important;
    top: 0 !important;
  }
  .group-9c,
  .group-a0,
  .group-a6,
  .group-aa,
  .group-ae,
  .ui-kit-testimonial-b4,
  .ui-kit-testimonial-b8,
  .ui-kit-testimonial-bc {
    position: static !important;
    width: 100% !important;
  }
  .rectangle-9a,
  .rectangle-9b {
    display: none !important;
  } /* side stripes */

  /* CTA Banner */
  .banner {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 260px;
    padding: 32px 16px;
    margin-top: 24px;
  }
  .text {
    font-size: clamp(20px, 6vw, 32px) !important;
    line-height: 1.3 !important;
    height: auto !important;
  }
  .text-c3 {
    font-size: clamp(14px, 3.5vw, 18px) !important;
  }

  /* Footer */
  .frame-71 .row {
    padding: 24px 16px !important;
  }
  .menus {
    gap: 24px !important;
    width: 100% !important;
    flex-wrap: wrap;
  }
  .frame-81 {
    width: 100% !important;
    gap: 16px;
    justify-content: center;
  }
  .row-80 {
    padding: 12px 16px !important;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .services-image-tekxos {
    display: none !important;
  }
  .frame-12 {
    padding: 16px !important;
  }
  .frame-15,
  .frame-16,
  .frame-17,
  .frame-18 {
    padding: 12px !important;
  }
  .frame-19 {
    padding: 12px !important;
  }
  .service-item-title,
  .service-item-title-25,
  .service-item-title-29,
  .service-item-title-2d {
    font-size: 20px !important;
  }
  .service-item-link {
    width: auto !important;
  }
}
.dm-form-wrapper {
  background-color: #dffdf4; /* light mint color */
  padding: 30px;
  border-radius: 12px;
  width: 360px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.dm-form-wrapper h5 {
  font-weight: bold;
}
.dm-input,
.dm-select,
.dm-textarea {
  border-radius: 4px;
  margin-bottom: 10px;
  /* background-color: #cce6dd; */
  border: none;
  font-size: 14px;
  width: 100%;
  padding: 10px 16px 10px 16px;
  background: #b6dacf;
  font-family: Inter, var(--default-font-family);
}
.dm-btn-submit {
  width: 100%;
  border-radius: 25px;
  background-color: #222;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  transition: 0.3s ease;
}
.dm-btn-submit:hover {
  filter: brightness(1.1);
  background: #13b281 !important;
}
form {
  width: 100%;
}
.services-section-tekxos {
  padding: 50px 0;
}
.service-item-tekxos {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}
.service-item-tekxos:last-child {
  border-bottom: none;
}
.service-item-tekxos:hover {
  background-color: #f9f9f9;
  padding-left: 0;
  padding-right: 10px; /* shift to left */
}
.service-icon-tekxos {
  font-size: 22px;
  margin-right: 15px;
  color: #333;
}
.service-title-tekxos {
  font-weight: 600;
  margin-bottom: 5px;
}
.service-description-tekxos {
  color: #555;
  font-size: 15px;
}
.service-link-tekxos {
  display: none;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
}
.service-item-header:hover .service-item-link {
  display: flex;
}
.service-item-header-23:hover .service-item-link {
  display: flex;
}
.service-item-header-27:hover .service-item-link {
  display: flex;
}
.service-item-header-2b:hover .service-item-link {
  display: flex;
}
.service-item-tekxos:hover .service-link-tekxos {
  display: inline-block;
  margin-top: 5px;
}
.service-link-tekxos:hover {
  text-decoration: underline;
}
.services-image-tekxos img {
  border-radius: 12px;
  max-width: 100%;
  height: auto;
}

.service-item-header:hover {
  margin: 20px 24px 10px 18px;
  /* background-color: #f0f0f0; */
}
.service-item-header-23:hover {
  margin: 20px 24px 10px 18px;
  /* background-color: #f0f0f0; */
}
.service-item-header-27:hover {
  margin: 20px 24px 10px 18px;
  /* background-color: #f0f0f0; */
}
.service-item-header-2b:hover {
  margin: 20px 24px 10px 18px;
  /* background-color: #f0f0f0; */
}