/* screen - landing-page */

.landing-page {
  align-items: flex-start;
  background-color: var(--athens-gray-2);
  display: flex;
  /* height: 366.53vw; */
  overflow: hidden;
  width: 100%;
}

.landing-page .flex-col {
  flex-direction: column;
  /* margin-left: -27.5vw; */
  /* min-height: 366.32vw; */
  width: 100%;
}

.landing-page .overlap-group22 {
  height: 88.61vw;
  margin-left: 10.21vw;
  position: relative;
  width: 128.06vw;
}

.landing-page .x21 {
  align-items: flex-end;
  display: flex;
  height: 33.33vw;
  justify-content: flex-end;
  left: 9.03vw;
  min-width: 99.93vw;
  position: absolute;
  top: 48.64vw;
}

.landing-page .gal-3jpg {
  background-image: url(../img/gal-3-jpg@2x.png);
}

.landing-page .gal-4jpg {
  background-image: url(../img/gal-4-jpg@2x.png);
  margin-left: 1.6vw;
}

.landing-page .gal {
  background-image: url(../img/gal-5-jpg-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 33.33vw;
  margin-bottom: -0.02vw;
  margin-left: 1.6vw;
  width: 18.96vw;
}

.landing-page .gal-3jpg-1 {
  background-image: url(../img/gal-3-jpg-2@2x.png);
}

.landing-page .gal-1jpg {
  background-image: url(../img/gal-1-jpg@2x.png);
  margin-left: 1.53vw;
}

.landing-page .gal-3jpg-2 {
  background-image: url(../img/gal-3-jpg-1@2x.png);
}

.landing-page .gal-5jpg {
  background-image: url(../img/gal-5-jpg@2x.png);
  margin-left: 1.6vw;
}

.landing-page .gal-1jpg-1 {
  background-image: url(../img/gal-1-jpg-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 33.33vw;
  margin-bottom: -0.02vw;
  margin-left: 1.6vw;
  width: 18.96vw;
}

.landing-page .hero-section {
  background-image: url(../img/hero-section.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 0.0vw 0.0vw 3.89vw 3.89vw;
  height: 59.1vw;
  left: 8.96vw;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.landing-page .frame-1597884272 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  left: 7.92vw;
  position: absolute;
  top: 4.51vw;
  width: 50.0vw;
}

.landing-page .heading {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.11vw;
  max-width: 50.0vw;
  position: relative;
  width: 100%;
}

.landing-page .heading-1-strong-helping-non {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-unbounded);
  font-size: 4.4vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 4.94vw;
  margin-top: -0.07vw;
  position: relative;
}

.landing-page .span0 {
  color: var(--willow-grove);
}

.landing-page .span1 {
  color: #1d2b10;
}

.landing-page .we-are-a-complete-so {
  letter-spacing: 0;
  line-height: 2.08vw;
  position: relative;
  width: 44.58vw;
}

.landing-page .group-16 {
  height: 4.54vw;
  position: relative;
  width: 13.33vw;
}

.landing-page .frame-1597884271 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.62vw;
  position: relative;
  width: 13.33vw;
}

.landing-page .rating {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 0.57vw;
  position: relative;
  width: 100%;
}

.landing-page .text-2 {
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 1.42vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.42vw;
  margin-top: -0.07vw;
  opacity: 0.8;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.landing-page .frame-14 {
  position: relative;
  width: 7.99vw;
}

.landing-page .x15-businesses-35-happy-clients {
  align-self: stretch;
  color: var(--shark);
  font-family: var(--font-family-montserrat);
  font-size: 1.28vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.28vw;
  opacity: 0.8;
  position: relative;
}

.landing-page .butoon {
  height: 3.47vw;
  left: 22vw;
  position: absolute;
  top: 25vw;
  width: 15.21vw;
}

.landing-page .button {
  align-items: center;
  background-color: var(--willow-grove);
  border-radius: 4.96vw;
  display: flex;
  gap: 1.11vw;
  height: 3.47vw;
  justify-content: flex-end;
  min-width: 15.21vw;
  padding: 0.38vw 0.49vw;
}

.landing-page .start-a-project {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 0.99vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.29vw;
  margin-bottom: 0.11vw;
  min-height: 1.32vw;
  min-width: 9.44vw;
  white-space: nowrap;
}

.landing-page .arrow {
  align-self: flex-end;
  height: 2.71vw;
  width: 2.71vw;
}

.landing-page .ellipse-9 {
  background-color: var(--athens-gray);
  border-radius: 58.92vw/4.1vw;
  height: 8.19vw;
  left: 0;
  position: absolute;
  top: 42.89vw;
  width: 117.85vw;
}

.landing-page .ellipse-10 {
  background-color: var(--athens-gray);
  border-radius: 58.92vw/4.1vw;
  height: 8.19vw;
  left: 2.43vw;
  position: absolute;
  top: 79.42vw;
  width: 117.85vw;
}

.landing-page .subtract {
  height: 8.19vw;
  left: 8.96vw;
  position: absolute;
  top: 42.39vw;
  width: 100.0vw;
  transform: rotateX(180deg);
}

.landing-page .subtract-1 {
  height: 5.69vw;
  left: 8.96vw;
  position: absolute;
  top: 81.78vw;
  width: 100.0vw;
}

.landing-page .rectangle-7 {
  background-color: var(--athens-gray);
  height: 2.78vw;
  left: 2.85vw;
  position: absolute;
  top: 46.18vw;
  width: 125.21vw;
}

.landing-page .animated-circle {
  align-items: flex-end;
  display: flex;
  /* height: 36.53vw; */
  justify-content: flex-end;
  left: 66.39vw;
  min-width: 36.53vw;
  /* padding: 17.46vw 17.46vw; */
  position: absolute;
  top: 0.21vw;
  width: 400px;
}

.landing-page .linestates-container {
  height: 1.6vw;
  position: relative;
  width: 1.6vw;
}

.landing-page .line-states {
  align-items: flex-start;
  display: flex;
  height: 1.11vw;
  left: 0.21vw;
  min-width: 1.11vw;
  position: absolute;
  top: 0.21vw;
  transform: rotate(135.00deg);
}

.landing-page .rect {
  background: linear-gradient(180deg, rgba(102, 122, 84, 0.5) 0%, rgba(102, 122, 84, 0) 100%);
  height: 0.28vw;
  margin-left: -16.81vw;
  margin-top: -8.7vw;
  width: 23.96vw;
}

.landing-page .line-states-1 {
  align-items: flex-start;
  transform: rotate(140.00deg);
}

.landing-page .line-states-2 {
  align-items: flex-start;
  transform: rotate(130.00deg);
}

.landing-page .line-states-3 {
  align-items: flex-start;
  transform: rotate(145.00deg);
}

.landing-page .line-states-4 {
  align-items: flex-start;
  transform: rotate(125.00deg);
}

.landing-page .line-states-5 {
  align-items: flex-start;
  transform: rotate(120.00deg);
}

.landing-page .line-states-6 {
  align-items: flex-start;
  transform: rotate(150.00deg);
}

.landing-page .line-states-7 {
  align-items: flex-start;
  transform: rotate(115.00deg);
}

.landing-page .line-states-8 {
  align-items: flex-start;
  transform: rotate(155.00deg);
}

.landing-page .line-states-9 {
  align-items: flex-start;
  transform: rotate(110.00deg);
}

.landing-page .line-states-10 {
  align-items: flex-start;
  transform: rotate(160.00deg);
}

.landing-page .line-states-11 {
  align-items: flex-start;
  transform: rotate(165.00deg);
}

.landing-page .line-states-12 {
  align-items: flex-start;
  transform: rotate(105.00deg);
}

.landing-page .line-states-13 {
  align-items: flex-start;
  transform: rotate(170.00deg);
}

.landing-page .line-states-14 {
  align-items: flex-start;
  transform: rotate(100.00deg);
}

.landing-page .line-states-15 {
  align-items: flex-start;
  transform: rotate(175.00deg);
}

.landing-page .line-states-16 {
  align-items: flex-start;
  transform: rotate(95.00deg);
}

.landing-page .line-states-17 {
  align-items: flex-end;
  transform: rotate(180deg);
}

.landing-page .rect-1 {
  background: linear-gradient(180deg, rgba(102, 122, 84, 0.5) 0%, rgba(102, 122, 84, 0) 100%);
  height: 0.28vw;
  margin-bottom: -8.7vw;
  margin-left: -16.81vw;
  width: 23.96vw;
}

.landing-page .line-states-18 {
  align-items: flex-start;
  transform: rotate(90deg);
}

.landing-page .line-states-19 {
  align-items: flex-start;
  transform: rotate(-175.00deg);
}

.landing-page .line-states-20 {
  align-items: flex-start;
  transform: rotate(85.00deg);
}

.landing-page .line-states-21 {
  align-items: flex-start;
  transform: rotate(-170.00deg);
}

.landing-page .line-states-22 {
  align-items: flex-start;
  transform: rotate(80.00deg);
}

.landing-page .line-states-23 {
  align-items: flex-start;
  transform: rotate(-165.00deg);
}

.landing-page .line-states-24 {
  align-items: flex-start;
  transform: rotate(75.00deg);
}

.landing-page .line-states-25 {
  align-items: flex-start;
  transform: rotate(-160.00deg);
}

.landing-page .line-states-26 {
  align-items: flex-start;
  transform: rotate(70.00deg);
}

.landing-page .line-states-27 {
  align-items: flex-start;
  transform: rotate(-155.00deg);
}

.landing-page .line-states-28 {
  align-items: flex-start;
  transform: rotate(65.00deg);
}

.landing-page .line-states-29 {
  align-items: flex-start;
  transform: rotate(-150.00deg);
}

.landing-page .line-states-30 {
  align-items: flex-start;
  transform: rotate(60.00deg);
}

.landing-page .line-states-31 {
  align-items: flex-start;
  transform: rotate(-145.00deg);
}

.landing-page .line-states-32 {
  align-items: flex-start;
  transform: rotate(55.00deg);
}

.landing-page .line-states-33 {
  align-items: flex-start;
  transform: rotate(50.00deg);
}

.landing-page .line-states-34 {
  align-items: flex-start;
  transform: rotate(-140.00deg);
}

.landing-page .line-states-35 {
  align-items: flex-start;
  transform: rotate(-135deg);
}

.landing-page .line-states-36 {
  align-items: flex-start;
  transform: rotate(45.00deg);
}

.landing-page .line-states-37 {
  align-items: flex-start;
  transform: rotate(40.00deg);
}

.landing-page .line-states-38 {
  align-items: flex-start;
  transform: rotate(-130.00deg);
}

.landing-page .line-states-39 {
  align-items: flex-start;
  transform: rotate(-125.00deg);
}

.landing-page .line-states-40 {
  align-items: flex-start;
  transform: rotate(35.00deg);
}

.landing-page .line-states-41 {
  align-items: flex-start;
  transform: rotate(-120.00deg);
}

.landing-page .line-states-42 {
  align-items: flex-start;
  transform: rotate(30.00deg);
}

.landing-page .line-states-43 {
  align-items: flex-start;
  transform: rotate(-115.00deg);
}

.landing-page .line-states-44 {
  align-items: flex-start;
  transform: rotate(25.00deg);
}

.landing-page .line-states-45 {
  align-items: flex-start;
  transform: rotate(-110.00deg);
}

.landing-page .line-states-46 {
  align-items: flex-start;
  transform: rotate(20.00deg);
}

.landing-page .line-states-47 {
  align-items: flex-start;
  transform: rotate(-105.00deg);
}

.landing-page .line-states-48 {
  align-items: flex-start;
  transform: rotate(15.00deg);
}

.landing-page .line-states-49 {
  align-items: flex-start;
  transform: rotate(10.00deg);
}

.landing-page .line-states-50 {
  align-items: flex-start;
  transform: rotate(-100.00deg);
}

.landing-page .line-states-51 {
  align-items: flex-start;
  transform: rotate(-95.00deg);
}

.landing-page .line-states-52 {
  align-items: flex-start;
  transform: rotate(5.00deg);
}

.landing-page .line-states-53 {
  align-items: flex-start;
  transform: rotate(-90.00deg);
}

.landing-page .line-states-54 {
  align-items: flex-start;
}

.landing-page .line-states-55 {
  align-items: flex-start;
  transform: rotate(-85.00deg);
}

.landing-page .line-states-56 {
  align-items: flex-start;
  transform: rotate(-5.00deg);
}

.landing-page .line-states-57 {
  align-items: flex-start;
  transform: rotate(-80.00deg);
}

.landing-page .line-states-58 {
  align-items: flex-start;
  transform: rotate(-10.00deg);
}

.landing-page .line-states-59 {
  align-items: flex-start;
  transform: rotate(-75.00deg);
}

.landing-page .line-states-60 {
  align-items: flex-start;
  transform: rotate(-15.00deg);
}

.landing-page .line-states-61 {
  align-items: flex-start;
  transform: rotate(-20.00deg);
}

.landing-page .line-states-62 {
  align-items: flex-start;
  transform: rotate(-70.00deg);
}

.landing-page .line-states-63 {
  align-items: flex-start;
  transform: rotate(-25.00deg);
}

.landing-page .line-states-64 {
  align-items: flex-start;
  transform: rotate(-65.00deg);
}

.landing-page .line-states-65 {
  align-items: flex-start;
  transform: rotate(-30.00deg);
}

.landing-page .line-states-66 {
  align-items: flex-start;
  transform: rotate(-60.00deg);
}

.landing-page .line-states-67 {
  align-items: flex-start;
  transform: rotate(-55.00deg);
}

.landing-page .line-states-68 {
  align-items: flex-start;
  transform: rotate(-35.00deg);
}

.landing-page .line-states-69 {
  align-items: flex-start;
  transform: rotate(-50.00deg);
}

.landing-page .line-states-70 {
  align-items: flex-start;
  transform: rotate(-40.00deg);
}

.landing-page .line-states-71 {
  align-items: flex-start;
  transform: rotate(-45.00deg);
}

.landing-page .group-1597883448 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.07vw;
  left: 8.33vw;
  min-height: 5.07vw;
  position: absolute;
  top: 1.39vw;
  width: 101.25vw;
}

.landing-page .text-3 {
  height: 1.67vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  margin-left: 1.6vw;
  margin-top: 0.07vw;
  min-width: 4.93vw;
  position: relative;
  white-space: nowrap;
}

.landing-page .text-4 {
  height: 1.67vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  margin-left: 2.71vw;
  margin-top: 0.07vw;
  min-width: 2.57vw;
  position: relative;
  white-space: nowrap;
}

.landing-page .group-1597883343 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  margin-left: 0.28vw;
  /* margin-top: 2.22vw; */
  min-height: 7.43vw;
  width: 40.07vw;
}

.landing-page .heading-1-strong-helping-non-1 {
  color: #151515;
  font-size: 3.02vw;
  height: 2.29vw;
  line-height: 3.84vw;
  margin-right: 0.35vw;
  width: 22.92vw;
}

.landing-page .we-fuel-digital-tran {
  color: #151515;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  height: 2.92vw;
  letter-spacing: 0;
  line-height: 1.94vw;
  margin-right: 0.28vw;
  text-align: center;
  width: 39.79vw;
}

.landing-page .overlap-group21 {
  height: 171.04vw;
  margin-top: 1.74vw;
  position: relative;
  width: 154.93vw;
}

.landing-page .frame-1597884274 {
  background-color: var(--gray-nurse);
  height: 50vw;
  left: 27.57vw;
  position: absolute;
  top: 75.14vw;
  width: 99.79vw;
}

.landing-page .ellipse-13 {
  background-color: #e5ffce;
  border-radius: 29.03vw;
  filter: blur(41.67vw);;
  height: 58.06vw;
  left: 48.47vw;
  position: absolute;
  top: 12.36vw;
  width: 58.06vw;
}

.landing-page .group-container-1 {
  height: 110.14vw;
  left: 0;
  position: absolute;
  top: 48.54vw;
  width: 154.93vw;
}

.landing-page .overlap-group-4 {
  height: 110.14vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 154.93vw;
}

.landing-page .projects {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 36vw;
  width: 100%;
}

.landing-page .component-container {
  align-items: flex-start;
  display: flex;
  gap: 103.61vw;
  margin-right: -20.91vw;
  margin-top: -62.71vw;
  min-width: 116.94vw;
}

.landing-page .component {
  height: 6.67vw;
  width: 6.67vw;
}

.landing-page .group-1 {
  align-items: center;
  display: flex;
  gap: 1.94vw;
  margin-right: -216.53vw;
  margin-top: 99.24vw;
  min-width: 587.99vw;
}

.landing-page .frame {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.61vw;
  display: flex;
  height: 16.6vw;
  margin-top: 0;
  opacity: 0.5;
  overflow: hidden;
  width: 25.62vw;
}

.landing-page .image-4 {
  height: 17.85vw;
  margin-left: -0.35vw;
  margin-top: -0.64vw;
  object-fit: cover;
  width: 26.32vw;
}

.landing-page .frame-1 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.61vw;
  display: flex;
  height: 16.6vw;
  margin-top: 0;
  opacity: 0.5;
  overflow: hidden;
  padding: 0 0.04vw;
  width: 25.62vw;
}

.landing-page .image-5 {
  height: 16.81vw;
  margin-top: -0.13vw;
  object-fit: cover;
  width: 25.56vw;
}

.landing-page .image-6 {
  height: 17.71vw;
  margin-left: -0.21vw;
  margin-top: -0.55vw;
  object-fit: cover;
  width: 26.04vw;
}

.landing-page .frame-4 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.61vw;
  display: flex;
  height: 16.6vw;
  justify-content: center;
  margin-top: 0;
  opacity: 0.5;
  overflow: hidden;
  width: 25.62vw;
}

.landing-page .image-7 {
  height: 17.71vw;
  margin-top: -0.56vw;
  object-fit: cover;
  width: 26.67vw;
}

.landing-page .image-9 {
  height: 16.94vw;
  margin-left: -0.07vw;
  margin-top: -0.17vw;
  object-fit: cover;
  width: 25.69vw;
}

.landing-page .image-13 {
  height: 20.42vw;
  margin-left: -0.76vw;
  margin-top: -1.92vw;
  object-fit: cover;
  width: 27.15vw;
}

.landing-page .image-8 {
  height: 17.29vw;
  margin-left: -0.35vw;
  margin-top: -0.36vw;
  object-fit: cover;
  width: 26.39vw;
}

.landing-page .image-5-1 {
  height: 17.01vw;
  margin-left: -0.14vw;
  margin-top: -0.22vw;
  object-fit: cover;
  width: 25.83vw;
}

.landing-page .center {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 1.61vw;
  display: flex;
  overflow: hidden;
  width: 37.15vw;
}

.landing-page .image-7-1 {
  height: 23.68vw;
  margin-left: -0.62vw;
  object-fit: cover;
  width: 38.33vw;
}

.landing-page .image-7-2 {
  height: 17.71vw;
  margin-left: -0.56vw;
  margin-top: -0.56vw;
  object-fit: cover;
  width: 26.67vw;
}

.landing-page .frame-23 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  height: 5.14vw;
  margin-right: 0.08vw;
  margin-top: 4.24vw;
  overflow: hidden;
  padding: 0 1.24vw;
  width: 38.19vw;
}

.landing-page .communication {
  height: 4.65vw;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 0;
  margin-top: -73.12vw;
  min-width: 31.74vw;
}

.landing-page .assets {
  height: 4.65vw;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 0;
  margin-top: 1.04vw;
  min-width: 12.99vw;
}

.landing-page .icons {
  height: 4.65vw;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 0;
  margin-top: 1.04vw;
  min-width: 11.32vw;
}

.landing-page .components {
  height: 4.65vw;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 0;
  margin-top: 1.04vw;
  min-width: 25.83vw;
}

.landing-page .micro-animations {
  align-self: flex-start;
  height: 4.65vw;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 1.04vw;
}

.landing-page .graphic-design {
  height: 4.65vw;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  margin-top: 1.04vw;
  min-width: 30.42vw;
}

.landing-page .creative-design {
  height: 4.65vw;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 0;
  margin-top: 1.04vw;
  min-width: 31.18vw;
}

.landing-page .communication-1 {
  margin-top: 1.04vw;
}

.landing-page .creative-design-1 {
  color: #232323;
  font-family: var(--font-family-unbounded);
  font-size: 3.44vw;
  font-weight: 500;
  height: 4.24vw;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.37vw;
  margin-top: 1.18vw;
  min-width: 32.57vw;
}

.landing-page .communication-2 {
  margin-top: 1.32vw;
}

.landing-page .frame-23-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 5.14vw;
  left: 12.85vw;
  overflow: hidden;
  padding: 0 1.24vw;
  position: absolute;
  top: 65.42vw;
  width: 38.19vw;
}

.landing-page .communication-3 {
  margin-top: 6.81vw;
}

.landing-page .group-1597883366 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0;
  left: 51.53vw;
  min-height: 9.24vw;
  position: absolute;
  top: 28.42vw;
  width: 52.01vw;
}

.landing-page .heading-1-strong-helping-non-2 {
  color: #232323;
  font-size: 2.99vw;
  height: 5vw;
  line-height: 3.79vw;
  text-align: center;
  width: 45.07vw;
}

.landing-page .lorem-ipsum-is-not-s {
  color: #535353;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.94vw;
  margin-bottom: -0.97vw;
  text-align: center;
  width: 52.01vw;
}

.landing-page .group-1597883373 {
  align-items: center;
  background-image: url(../img/frame-1597884257.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: row;
  gap: 2.22vw;
  left: 35.42vw;
  min-height: 35.56vw;
  padding: 5.97vw 0;
  position: absolute;
  top: 128.49vw;
  width: 84.17vw;
}

.group-15978833578 {
  width: 60%;
  padding: 0 6vw;
}

.group-4868833578 {
  width: 30%;
  background-color: #fff;
  padding: 2vw;
  box-shadow: 0 0 30px rgba(35, 72, 4, 0.5);
}

.group-4868833578 label {
  font-family: var(--font-family-montserrat);
  font-size: 14px;
  display: block;
  width: 100%;
  margin-bottom: 6px;
}

.group-4868833578 input,
.group-4868833578 textarea {
  display: block;
  width: 100%;
  height: 30px;
  border-radius: 6px;
  box-shadow: none;
  border: 1px solid #999;
  margin-bottom: 16px;
}

.group-4868833578 textarea {
  height: auto;
}

.group-4868833578 input[type=submit] {
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  color: #fff;
  height: 40px;
  font-size: 16px;
  margin-bottom: 0;
}

.landing-page .ready-to-discuss-your-project-withus {
  color: var(--white);
  font-family: var(--font-family-unbounded);
  font-size: 2.65vw;
  font-weight: 500;
  height: 9.18vw;
  letter-spacing: -0.05vw;
  line-height: 3.2vw;
  text-align: center;
  
}

.landing-page .lets-talk-about-how {
  color: #ffffffcc;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.94vw;
  width: 100%;
  text-align: center;
}

.landing-page .book-a-call {
  align-items: flex-start;
  display: flex;
  height: 3.82vw;
  justify-content: flex-end;
  left: 69.72vw;
  min-width: 15.35vw;
  position: absolute;
  top: 160.76vw;
}

.landing-page .button-1 {
  background-color: var(--white);
  display: flex;
  gap: 1.81vw;
  height: 3.82vw;
  justify-content: flex-end;
  min-width: 15.07vw;
  padding: 0.39vw 0.6vw;
}

.landing-page .book-a-call-1 {
  color: #292929;
  font-weight: 700;
  line-height: 1.44vw;
  margin-bottom: 0.14vw;
  min-height: 1.46vw;
  min-width: 8.12vw;
  white-space: nowrap;
}

.landing-page .arrow-1 {
  align-self: flex-end;
  height: 2.99vw;
  width: 2.99vw;
}

.landing-page .x00-technologies {
  align-items: stretch;
  display: flex;
  gap: 7.01vw;
  /* height: 39.93vw; */
  left: 24.65vw;
  min-width: 105.69vw;
  padding: 5.48vw 9.56vw;
  position: absolute;
  top: 0;
}

.landing-page .overlap-group16 {
  align-items: flex-start;
  /* background-image: url(../img/rectangle-5@2x.png); */ 
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  /* height: 22.57vw; */
  min-width: 21.53vw;
  padding: 0.0vw 0;
  flex-direction: column;
  transition: all 0.5s ease-in-out;
}

.landing-page .frame-1597884244 {
  align-items: center;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 1.72vw;
  display: flex;
  flex-direction: column;
  gap: 1.88vw;
  /* min-height: 22.57vw; */
  padding: 3.26vw 2.29vw;
  width: 24.75vw;
  transform: translateY(-360px);
  transition: all 0.6s ease-in-out;
}

.frame_service-image {
  transform: translateY(-5px) rotate(-4deg);
  transition: all 0.5s ease-in-out;
}

.overlap-group16:hover .frame_service-image {
  transform: translateY(-70px) rotate(-12deg);
}

.overlap-group16:hover .frame-1597884244 {
  transform: translateY(-300px);
}

.landing-page .group-1597883349 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.74vw;
  /* margin-right: 2.63vw; */
  margin-top: 0.07vw;
  min-height: 6.04vw;
  padding: 0.0vw 0;
  width: 11.46vw;
}

.landing-page .group-1597883345 {
  background-color: var(--snow-flurry);
  border-radius: 0.69vw;
  filter: blur(2.16vw);;
  height: 1.39vw;
  margin-right: 0.57vw;
  margin-top: 0.83vw;
  width: 1.39vw;
}

.landing-page .mean-stack {
  height: 2.01vw;
  letter-spacing: 0;
  line-height: 1.99vw;
  margin-right: 0.14vw;
  min-width: 11.32vw;
  white-space: nowrap;
}

.landing-page .we-analyze-voluminou {
  letter-spacing: 0;
  line-height: 1.5;
  /* min-height: 8.12vw; */
  text-align: center;
  /* width: 16.94vw; */
}

.landing-page .overlap-group15 {
  align-items: flex-start;
  /* background-image: url(../img/rectangle-1@2x.png); */
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  /* height: 22.57vw; */
  min-width: 21.53vw;
  padding: 0.0vw 0;
}


.landing-page .frame-1597884243 {
  align-items: center;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 1.72vw;
  display: flex;
  flex-direction: column;
  gap: 1.88vw;
  /* min-height: 22.57vw; */
  padding: 3.15vw 2.25vw;
  width: 24.75vw;
  transform: translateY(-360px);
  transition: all 0.6s ease-in-out;
}

.overlap-group15:hover .frame_service-image {
  transform: translateY(-70px) rotate(-12deg);
}

.overlap-group15:hover .frame-1597884243 {
  transform: translateY(-300px);
}

.landing-page .group-1597883346 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.88vw;
  /* margin-right: 2.46vw;   */
  /* margin-top: 0.07vw; */
  /* min-height: 6.25vw; */
  padding: 0 0.0vw;
  /* width: 11.81vw; */
}

.landing-page .ellipse-11 {
  background-color: var(--snow-flurry);
  border-radius: 0.69vw;
  filter: blur(2.16vw);;
  height: 1.39vw;
  margin-right: 0.22vw;
  margin-top: 0.97vw;
  width: 1.39vw;
}

/* .landing-page .outsourcing {
  height: 2.01vw;
  letter-spacing: 0;
  line-height: 1.99vw;
  margin-right: 0.14vw;
  min-width: 11.67vw;
  white-space: nowrap;
} */

.landing-page .overlap-group14 {
  align-items: flex-start;
  /* background-image: url(../img/rectangle-2@2x.png); */
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  /* height: 22.57vw; */
  min-width: 21.53vw;
  padding: 0.0vw 0;
}

.landing-page .frame-1597884249 {
  align-items: center;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 1.72vw;
  display: flex;
  flex-direction: column;
  gap: 1.88vw;
  /* min-height: 22.57vw; */
  padding: 3.15vw 2.29vw;
  width: 24.75vw;
  transform: translateY(-360px);
  transition: all 0.6s ease-in-out;
}

.overlap-group14:hover .frame_service-image {
  transform: translateY(-70px) rotate(-12deg);
}

.overlap-group14:hover .frame-1597884249 {
  transform: translateY(-300px);
}

.landing-page .group-1597883352 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 1.88vw;
  /* margin-left: 0.0vw; */
  /* min-height: 5.76vw; */
  /* width: 8.12vw; */
}

.landing-page .overlap-group1-1 {
  height: 2.78vw;
  margin-left: 0.05vw;
  position: relative;
  width: 3.19vw;
}

.landing-page .vector-2 {
  height: 1.94vw;
  left: 0.42vw;
  position: absolute;
  top: 0.76vw;
  width: 2.36vw;
}

.landing-page .vector-3 {
  height: 0.97vw;
  left: 0;
  position: absolute;
  top: 1.25vw;
  width: 0.62vw;
}

.landing-page .vector-4 {
  height: 1.81vw;
  left: 0;
  position: absolute;
  top: 0.28vw;
  width: 0.21vw;
}

.landing-page .vector-5 {
  height: 0.28vw;
  left: 0.9vw;
  position: absolute;
  top: 1.6vw;
  width: 1.39vw;
}

.landing-page .vector-6 {
  height: 0.21vw;
  left: 1.81vw;
  position: absolute;
  top: 0.49vw;
  width: 0.97vw;
}

.landing-page .vector-7 {
  height: 0.21vw;
  left: 1.18vw;
  position: absolute;
  top: 2.15vw;
  width: 0.76vw;
}

.landing-page .overlap-group-5 {
  height: 2.15vw;
  left: 0.83vw;
  position: absolute;
  top: 0;
  width: 2.29vw;
}

.landing-page .vector-8 {
  height: 1.39vw;
  left: 0.49vw;
  position: absolute;
  top: 0;
  width: 1.81vw;
}

.landing-page .ellipse-12 {
  background-color: var(--snow-flurry);
  border-radius: 0.69vw;
  filter: blur(2.16vw);;
  height: 1.39vw;
  left: 0;
  position: absolute;
  top: 0.76vw;
  width: 1.39vw;
}

.landing-page .chat-bot {
  color: var(--white);
  font-family: var(--font-family-unbounded);
  font-size: 22.6px;
  font-weight: 400;
  /* height: 2.01vw;
  letter-spacing: 0;
  line-height: 1.99vw;
  margin-right: 0;
  min-width: 6.12vw;
  white-space: nowrap; */
}

.landing-page .we-analyze-voluminou-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
}

.landing-page .x01-technologies {
  align-items: stretch;
  display: flex;
  gap: 7.01vw;
  height: 39.93vw;
  left: 24.65vw;
  min-width: 105.69vw;
  padding: 6.48vw 9.56vw 2.48vw;
  position: absolute;
  top: 33.33vw;
}

.landing-page .overlap-group18 {
  align-items: flex-start;
  /* background-image: url(../img/rectangle-5-1@2x.png); */
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  /* height: 22.57vw; */
  min-width: 21.53vw;
  padding: 0.0vw 0;
}

.landing-page .frame-15978842456 {
  align-items: center;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 1.72vw;
  display: flex;
  flex-direction: column;
  gap: 1.88vw;
  /* min-height: 22.57vw; */
  padding: 3.26vw 2.29vw;
  width: 24.75vw;
  transform: translateY(-360px);
  transition: all 0.6s ease-in-out;
}

.frame_service-image {
  transform: translateY(-5px) rotate(-4deg);
  transition: all 0.5s ease-in-out;
}

.overlap-group18:hover .frame_service-image {
  transform: translateY(-70px) rotate(-12deg);
}

.overlap-group18:hover .frame-15978842456 {
  transform: translateY(-300px);
}

.landing-page .group-1597883349-1 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 1.74vw;
  /* margin-right: 0.03vw; */
  margin-top: 0.07vw;
  min-height: 6.04vw;
  padding: 0.0vw 0;
  width: 8.12vw;
}

.landing-page .group-1597883345-1 {
  margin-right: 0.44vw;
  margin-top: 0.83vw;
}

.landing-page .big-data {
  height: 2.01vw;
  letter-spacing: 0;
  line-height: 1.99vw;
  margin-left: 0;
  min-width: 6.12vw;
  white-space: nowrap;
}

.landing-page .overlap-group19 {
  align-items: flex-start;
  /* background-image: url(../img/rectangle-1-1@2x.png); */
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  /* height: 22.57vw; */
  min-width: 21.53vw;
  padding: 0.0vw 0;
}

.landing-page .frame-1597884243-1 {
  align-items: center;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 1.72vw;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  /* min-height: 22.57vw; */
  padding: 3.74vw 2.14vw;
  width: 24.75vw;
  transform: translateY(-360px);
  transition: all 0.6s ease-in-out;
}

.frame_service-image {
  transform: translateY(-5px) rotate(-4deg);
  transition: all 0.5s ease-in-out;
}

.overlap-group19:hover .frame_service-image {
  transform: translateY(-70px) rotate(-12deg);
}

.overlap-group19:hover .frame-1597884243-1 {
  transform: translateY(-300px);
}

.landing-page .group-1597883346-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.67vw;
  /* min-height: 5.07vw; */
  padding: 0 0.0vw;
  /* width: 16.88vw; */
}

.landing-page .group-1597883345-2 {
  margin-right: 0.36vw;
}

.landing-page .app-development {
  height: 2.01vw;
  letter-spacing: 0;
  line-height: 1.99vw;
  margin-right: 0.14vw;
  min-width: 13.74vw;
  white-space: nowrap;
}

.landing-page .we-analyze-voluminou-2 {
  align-self: center;
  margin-left: 0.0vw;
}

.landing-page .overlap-group17 {
  align-items: flex-start;
  /* background-image: url(../img/rectangle-2-1@2x.png); */
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  /* height: 22.57vw; */
  min-width: 21.53vw;
  padding: 0.0vw 0;
}

.landing-page .frame-1597884249-1 {
  align-items: center;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 1.72vw;
  display: flex;
  flex-direction: column;
  gap: 1.88vw;
  /* min-height: 22.57vw; */
  padding: 3.12vw 2.1vw;
  width: 24.75vw;
  transform: translateY(-360px);
  transition: all 0.6s ease-in-out;
}

.frame_service-image {
  transform: translateY(-5px) rotate(-4deg);
  transition: all 0.5s ease-in-out;
}

.overlap-group17:hover .frame_service-image {
  transform: translateY(-70px) rotate(-12deg);
}

.overlap-group17:hover .frame-1597884249-1 {
  transform: translateY(-300px);
}

.landing-page .internet-of-things {
  color: var(--white);
  font-family: var(--font-family-unbounded);
  font-size: 1.56vw;
  font-weight: 400;
  height: 2.01vw;
  letter-spacing: 0;
  line-height: 1.99vw;
  /* margin-top: 4.31vw; */
  white-space: nowrap;
}

.landing-page .we-analyze-voluminou-3 {
  align-self: flex-end;
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
  margin-right: 0.06vw;
}

.landing-page .overlap-group23 {
  align-items: flex-start;
  border: 0.01vw solid;
  border-color: #667a5433;
  box-shadow: 0.0vw 0.0vw 0.28vw #00000040;
  display: flex;
  height: 7.78vw;
  margin-left: 0.9vw;
  margin-top: 1vw;
  min-width: 100.83vw;
  padding: 1.72vw 0;
}

.landing-page .scroller {
  height: 4.24vw;
  width: 100.0vw;
}

.landing-page .group-container-2 {
  /* align-self: flex-end;
  height: 28.33vw;
  margin-right: 0.71vw;
  margin-top: 4.46vw; */
  position: relative;
  width: 100%;
  background: #fff;
  padding-top: 50px;
}

.group-container-2 .customer-reviews {
  font-family: var(--font-family-unbounded);
  font-size: 2.65vw;
  font-weight: 500;
  text-align: center;
  line-height: normal;
  margin-bottom: 10px;
}

.group-container-2 .committed-to-better {
  font-family: var(--font-family-montserrat);
    font-size: var(--font-size-xxxxl);
    font-weight: 400;
    text-align: center;
    line-height: normal;
}

.landing-page .group-1597883384 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4.31vw;
  left: 0;
  min-height: 28.33vw;
  position: absolute;
  top: 0;
  width: 101.94vw;
}

.landing-page .group-1597883383 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  min-height: 5.28vw;
  width: 78.75vw;
}

.landing-page .what-clients-are-saying-about-us {
  color: var(--black);
  font-family: var(--font-family-unbounded);
  font-size: 2.78vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  min-height: 2.08vw;
  white-space: nowrap;
}

.landing-page .we-value-our-custome {
  color: #3e3e3e;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.74vw;
  margin-bottom: -0.76vw;
  min-height: 0.97vw;
  min-width: 43.26vw;
  text-align: right;
  white-space: nowrap;
}

.landing-page .group-1597883380 {
  align-items: flex-end;
  display: flex;
  gap: 2.15vw;
  height: 18.75vw;
  min-width: 101.94vw;
}

.landing-page .group-container-3 {
  align-self: flex-start;
  height: 18.68vw;
  margin-top: -0.02vw;
  position: relative;
  width: 18.68vw;
}

.landing-page .overlap-group1-2 {
  align-items: flex-end;
  background-image: url(../img/rectangle-5329-6.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 2.57vw;
  left: 0;
  min-height: 18.68vw;
  padding: 0.47vw 0.55vw;
  position: absolute;
  top: 0;
  width: 18.68vw;
}

.landing-page .vector {
  height: 2.36vw;
  margin-right: 2.33vw;
  margin-top: 1.94vw;
  width: 3.06vw;
}

.landing-page .overlap-group {
  align-items: flex-start;
  background-color: var(--vida-loca-2);
  border-radius: 0.93vw;
  display: flex;
  height: 10.83vw;
  min-width: 17.5vw;
  padding: 1.04vw 0.42vw;
}

.landing-page .the-team-delivered-a {
  letter-spacing: 0;
  line-height: 1.46vw;
  min-height: 8.75vw;
  width: 16.67vw;
}

.landing-page .group-1597883375 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0.97vw;
  min-height: 3.68vw;
  position: absolute;
  top: 2.22vw;
  width: 8.96vw;
}

.landing-page .group-1261153125 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.21vw;
  min-height: 2.85vw;
  width: 9.24vw;
}

.landing-page .name {
  letter-spacing: -0.01vw;
  line-height: 1.28vw;
  min-height: 1.32vw;
  min-width: 8.96vw;
  text-align: center;
  white-space: nowrap;
}

.landing-page .executive-engineer {
  letter-spacing: -0.01vw;
  line-height: 1.28vw;
  margin-left: 0;
  min-height: 1.32vw;
  min-width: 6.6vw;
  text-align: center;
  white-space: nowrap;
}

.landing-page .frame-1-1 {
  height: 0.83vw;
  position: relative;
  width: 4.93vw;
}

.landing-page .group-container {
  height: 18.68vw;
  margin-bottom: -0.02vw;
  position: relative;
  width: 18.68vw;
}

.landing-page .overlap-group1-3 {
  align-items: flex-end;
  background-image: url(../img/rectangle-5329-7.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 2.57vw;
  left: 0;
  min-height: 18.68vw;
  padding: 0.47vw 0.55vw;
  position: absolute;
  top: 0;
  width: 18.68vw;
}

.landing-page .overlap-group1-4 {
  align-items: flex-end;
  background-image: url(../img/rectangle-5329-8.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 2.57vw;
  left: 0;
  min-height: 18.68vw;
  padding: 0.47vw 0.55vw;
  position: absolute;
  top: 0;
  width: 18.68vw;
}

.landing-page .overlap-group1-5 {
  align-items: flex-end;
  background-image: url(../img/rectangle-5329-9.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 2.57vw;
  left: 0;
  min-height: 18.68vw;
  padding: 0.47vw 0.55vw;
  position: absolute;
  top: 0;
  width: 18.68vw;
}

.landing-page .group-container-4 {
  height: 18.68vw;
  margin-bottom: -0.02vw;
  position: relative;
  width: 18.12vw;
}

.landing-page .overlap-group-1 {
  height: 18.68vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.12vw;
}

.landing-page .rectangle-5329 {
  height: 18.68vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 9.1vw;
}

.landing-page .overlap-group-6 {
  align-items: flex-start;
  background-color: var(--vida-loca-2);
  border-radius: 0.93vw;
  display: flex;
  height: 10.83vw;
  left: 0.56vw;
  min-width: 17.5vw;
  padding: 1.04vw 0.42vw;
  position: absolute;
  top: 7.29vw;
}

.landing-page .vector-9 {
  height: 2.36vw;
  left: 12.71vw;
  position: absolute;
  top: 2.43vw;
  width: 3.06vw;
}

.landing-page .overlap-group7 {
  height: 18.61vw;
  left: 100.56vw;
  position: absolute;
  top: 6.74vw;
  width: 18.61vw;
}

.landing-page .overlap-group-2 {
  align-items: flex-start;
  background-image: url(../img/vector-21@2x.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 2.36vw;
  left: 0;
  min-height: 18.61vw;
  padding: 0.48vw 0.52vw;
  position: absolute;
  top: 0;
  width: 18.61vw;
}

.landing-page .flex-row {
  gap: 3.68vw;
  height: 2.85vw;
  margin-left: 0.59vw;
  margin-top: 1.6vw;
  min-width: 14.65vw;
}

.landing-page .group-1261153125-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.21vw;
  min-height: 2.85vw;
  width: 7.92vw;
}

.landing-page .name-1 {
  letter-spacing: -0.01vw;
  line-height: 1.28vw;
  min-height: 1.32vw;
  min-width: 7.64vw;
  text-align: center;
  white-space: nowrap;
}

.landing-page .executive-engineer-1 {
  letter-spacing: -0.01vw;
  line-height: 1.28vw;
  margin-left: 0.07vw;
  min-height: 1.32vw;
  min-width: 6.6vw;
  text-align: center;
  white-space: nowrap;
}

.landing-page .vector-1 {
  height: 2.36vw;
  margin-top: 0.19vw;
  width: 3.06vw;
}

.landing-page .overlap-group1 {
  align-items: flex-end;
  align-self: flex-end;
  background-color: var(--new-car);
  border-radius: 0.93vw;
  display: flex;
  height: 10.83vw;
  justify-content: flex-end;
  min-width: 17.5vw;
  padding: 0.87vw 0.83vw;
}

.landing-page .frame-1-2 {
  height: 0.83vw;
  left: 1.18vw;
  position: absolute;
  top: 5.07vw;
  width: 4.93vw;
}

.landing-page .frame-1597884231 {
  align-items: flex-end;
  background-color: var(--athens-gray);
  display: flex;
  flex-direction: column;
  gap: 1.74vw;
  height: 34.72vw;
  margin-left: 0.07vw;
  /* margin-top: 7.29vw; */
  padding: 2.99vw 6.04vw;
  width: 100.0vw;
}

.landing-page .flex-row-1 {
  align-items: flex-start;
  display: flex;
  gap: 18.68vw;
  margin-right: 0.56vw;
  margin-top: 0.76vw;
  min-width: 85.49vw;
}

.landing-page .button-2 {
  background-color: var(--willow-grove);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1.11vw;
  padding: 0.42vw 0.56vw 0.42vw 1.67vw;
  position: relative;
}

.landing-page .arrow-2 {
  align-items: flex-start;
  background-color: var(--white-lilac);
  border-radius: 5.56vw;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.56vw;
  padding: 0.83vw;
  position: relative;
}

.landing-page .frame-1-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1.11vw;
  position: relative;
}

.landing-page .overlap-group13 {
   
  position: relative;
  width: 86.18vw;
}

.landing-page .line-38 {
  height: 0.07vw;
  left: 0;
  position: absolute;
  top: 0.69vw;
  width: 86.18vw;
}

.landing-page .group-1597883173 {
  align-items: flex-start;
  display: flex;
  margin-left: 1.39vw;
  margin-top: 302.71vw;
  min-width: 18.61vw;
}

.landing-page .overlap-group-3 {
  height: 18.61vw;
  position: relative;
  width: 18.61vw;
}

.landing-page .group-159788317 {
  align-items: flex-start;
  display: flex;
  margin-left: 2.08vw;
  margin-top: 302.71vw;
  min-width: 18.61vw;
}

.landing-page .button-3 {
  align-items: center;
  border-radius: 5.56vw;
}

.landing-page .communication-4 {
  height: 4.65vw;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 0;
  min-width: 31.74vw;
}

.landing-page .flex {
  align-items: center;
  display: flex;
}

.landing-page .gal-1 {
  background-position: 50% 50%;
  background-size: cover;
  height: 33.33vw;
  margin-bottom: -0.02vw;
  width: 18.96vw;
}

.landing-page .gal-3jpg-3 {
  background-position: 50% 50%;
  background-size: cover;
  height: 33.33vw;
  margin-bottom: -0.02vw;
  margin-left: 1.6vw;
  width: 18.96vw;
}

.landing-page .group-1597883345-3 {
  background-color: var(--snow-flurry);
  border-radius: 0.69vw;
  filter: blur(2.16vw);;
  height: 1.39vw;
  width: 1.39vw;
}

.landing-page .heading-1-strong-helping-non-3 {
  font-family: var(--font-family-unbounded);
  font-weight: 400;
  letter-spacing: 0;
}

.landing-page .line-states-72 {
  display: flex;
  height: 1.11vw;
  left: 0.21vw;
  min-width: 1.11vw;
  position: absolute;
  top: 0.21vw;
}

.landing-page .we-analyze-voluminou-4 {
  /* letter-spacing: 0;
  min-height: 8.12vw;
  width: 20.94vw; */
  line-height: 1.5;
  text-align: center;
}



.slider {
  position: relative;
  height: 100%;
}
.slider .slide-track {
  -webkit-animation: scroll 30s linear infinite;
          animation: scroll 30s linear infinite;
  display: flex;
  width: calc(280px * 18);
  gap: 20px;
  height: 100%;
}
.slider .slide {
  /* height: 455px; */
  height: 100%;
  width: 280px;
}

.slider .slide img {
  width: 100%;
  height: 100%;
}

@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.container_prot-md {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: none;
  padding: 3vw 0;
  width: 100%;
}

.container_prot-md .slider-container-pro {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.container_prot-md .slider-pro {
  display: flex;
  position: relative;
}

.container_prot-md .slide {
  min-width: 970px;
  height: 470px;
  margin: 0 10px;
  position: relative;
  transform: scale(0.95);
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid #1d2b10;
}

.container_prot-md .slide.active {
  transform: scale(1);
  opacity: 1;
}

.container_prot-md .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container_prot-md .custom-cursor-pro {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid #000;
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 20px;
  opacity: 0;
  transition: transform 0.1s ease;
  backdrop-filter: blur(4px);
  z-index: 1000;
}

.container_prot-md .custom-cursor-pro.left::before {
  content: "←";
}

.container_prot-md .custom-cursor-pro.right::before {
  content: "→";
}

.container_prot-md .custom-cursor-pro.active {
  transform: scale(1.5);
}



.container_prot-sm {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: none;
  padding: 3vw 0;
  width: 100%;
  margin-top: 20px;
}

.container_prot-sm .slider-container-pro-sm {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.container_prot-sm .slider-pro-sm {
  display: flex;
  position: relative;
}

.container_prot-sm .slide {
  min-width: 300px;
  height: 150px;
  margin: 0 10px;
  position: relative;
  transform: scale(0.95);
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid #1d2b10;
}

.container_prot-sm .slide.active {
  transform: scale(1);
  opacity: 1;
}

.container_prot-sm .slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.container_prot-sm .custom-cursor-pro-sm {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid #000;
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 20px;
  opacity: 0;
  transition: transform 0.1s ease;
  backdrop-filter: blur(4px);
  z-index: 1000;
}

.container_prot-sm .custom-cursor-pro-sm.left::before {
  content: "←";
}

.container_prot-sm .custom-cursor-pro-sm.right::before {
  content: "→";
}

.container_prot-sm .custom-cursor-pro-sm.active {
  transform: scale(1.5);
}

.flex-row-33 {
  width: 100% !important;
  margin-top: 0 !important;
}



.marquee-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.marquee {
  /* position: absolute; */
  white-space: nowrap;
  animation: marqueeAnimation 100s linear infinite;
}

@keyframes marqueeAnimation {
  0% {
      transform: translateX(41%);
  }
  100% {
      transform: translateX(-41%);
  }
}


@media(max-width: 768px) {
  .main-home .projects {
    height: auto !important;
  }
}