/* screen - main-home */
@media(max-width: 800px) {
.main-home {
  align-items: flex-start;
  background-color: var(--athens-gray);
  display: flex;
  gap: 34004px;
  overflow: hidden;
  width: 100%;
  padding: 0 3vw;
}

.main-home .vector-2 {
  height: 24px;
  margin-left: -34537px;
  margin-top: 3877px;
  width: 24px;
}

.main-home .flex-col {
  flex-direction: column;
  width: 100%;
}

.main-home .main-home-1 {
  align-items: flex-start;
  background-color: var(--athens-gray);
  display: flex;
  flex-direction: column;
  height: 577px;
  margin-left: 91.77px;
  overflow: hidden;
  width: 440px;
}

.main-home .flex-row {
  align-self: center;
  gap: 34px;
  height: 411px;
  margin-right: 11.0px;
  margin-top: 54px;
  min-width: 389px;
}

.main-home .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 411px;
  width: 188px;
}

.main-home .group-1597883450 {
  background-image: url(../img/screenshot-2025-02-10-120027-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 39px;
  margin-left: 1px;
  width: 62px;
}

.main-home .place {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1px;
  margin-top: 65px;
  min-height: 14px;
  white-space: nowrap;
}

.main-home .flex-col-item {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1px;
  margin-top: 28px;
  min-height: 14px;
  white-space: nowrap;
}

.main-home .lets-work-together {
  color: var(--material-themeblack);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 112px;
  min-height: 13px;
  text-decoration: underline;
  white-space: nowrap;
}

.main-home .robot {
  align-items: center;
  display: flex;
  gap: 34901px;
  height: 167px;
  margin-bottom: 18.0px;
  min-width: 167px;
}

.main-home .overlap-group1-1 {
  align-self: flex-end;
  height: 93px;
  margin-bottom: -1047.36px;
  margin-left: -34948px;
  position: relative;
  width: 100px;
}

.main-home .left {
  height: 84px;
  left: 0;
  position: absolute;
  top: 0;
  width: 84px;
}

.main-home .right {
  height: 84px;
  left: 16px;
  position: absolute;
  top: 10px;
  width: 84px;
}

.main-home .base {
  align-items: flex-end;
  display: flex;
  margin-top: 34.87px;
  min-width: 51px;
}

.main-home .base_2 {
  height: 41px;
  margin-bottom: -996.72px;
  margin-left: -35037px;
  width: 48px;
}

.main-home .eye {
  align-self: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(102, 122, 84, 0) 0%, rgb(102, 122, 84) 100%);
  border-radius: 1.98px;
  box-shadow: 0px 0.57px 1.14px #0000002b;
  height: 4px;
  margin-left: 34989px;
  margin-top: 0.96px;
  width: 4px;
}

.main-home .mouth {
  align-items: flex-end;
  display: flex;
  margin-bottom: 8.17px;
  margin-left: 3px;
  min-width: 8px;
  transform: rotate(30.00deg);
}

.main-home .overlap-group-4 {
  height: 8px;
  margin-bottom: 0;
  position: relative;
  width: 8px;
}

.main-home .rectangle22 {
  background-color: var(--willow-grove);
  height: 8px;
  left: 4px;
  position: absolute;
  top: 0;
  width: 1px;
}

.main-home .rectangle23 {
  background-color: var(--willow-grove);
  height: 8px;
  left: 4px;
  position: absolute;
  top: 0;
  transform: rotate(-90.00deg);
  width: 1px;
}

.main-home .ete {
  background: radial-gradient(50% 50% at 50% 50%, rgba(102, 122, 84, 0) 0%, rgb(102, 122, 84) 100%);
  border-radius: 1.98px;
  box-shadow: 0px 0.57px 1.14px #0000002b;
  height: 4px;
  margin-bottom: 9.22px;
  margin-left: 6px;
  width: 4px;
}

.main-home .line-41 {
  height: 1px;
  margin-left: -34345px;
  margin-top: 844px;
  width: 24px;
}

.main-home .line-39 {
  height: 1px;
  margin-left: -34346px;
  margin-top: 14px;
  width: 25px;
}

.main-home .vector-3 {
  height: 24px;
  margin-left: -34537px;
  margin-top: 3092px;
  width: 24px;
}

.main-home .group-1597883480 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 4vw 5vw;
  margin-top: 0;
  width: 100%;
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.main-home .group-1597883450-1 {
  background-image: url(../img/screenshot-2025-02-10-120027-1.png);
  background-position: 50% 50%;
  background-size: contain;
  height: 42px;
  width: 92px;
}

.main-home .frame-1597884283 {
  height: 26px;
  margin-bottom: 0.69px;
  width: 32px;
}

.main-home .group-1597883521 {
  align-items: center;
  display: flex;
  flex-direction: column;
  /* margin-left: 96.77px; */
  margin-top: 30vw;
  min-height: 171px;
  width: 100%;
  gap: 2vw;
}

.main-home .heading-1-strong-helping-non {
  color: transparent;
  font-family: var(--font-family-unbounded);
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin-right: 4.7px;
  text-align: center;
  width: 100%;
}

.main-home .span0 {
  color: var(--willow-grove);
}

.main-home .span1 {
  color: #1d2b10;
}

.main-home .from-concept-to-laun {
  color: var(--dark-color);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  /* height: 60px; */
  /* letter-spacing: -0.14px; */
  line-height: 1.3;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}

.main-home .button {
  align-items: center;
  background-color: var(--willow-grove);
  border-radius: 48.28px;
  display: flex;
  gap: 11px;
  /* height: 33px; */
  /* justify-content: flex-end; */
  margin-right: 4.88px;
  margin-top: 17px;
  /* min-width: 148px; */
  padding: 6px 6px 6px 18px;
}

.main-home .start-a-project {
  color: var(--bg-color);
  font-family: var(--font-family-montserrat);
  font-size: 12px;
  font-weight: 700;
  /* letter-spacing: 0; */
  /* line-height: 12.6px; */
  /* margin-bottom: 0.88px; */
  /* min-height: 13px; */
  /* min-width: 92px; */
  /* white-space: nowrap; */
}

.main-home .arrow {
  align-self: flex-end;
  height: 26px;
  width: 26px;
}

.main-home .overlap-group15 {
  height: 720px;
  margin-top: 27px;
  position: relative;
  width: 100%;
}

.group-58631578 {
  height: 300px;
  width: 100%;
  position: relative;
}

.group-58631578 .frtest.x21 {
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.group-58631578 .frtest.x21 .slider .slide-track {
  width: calc(180px* 18);
}

.main-home .down-scroll {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  height: 173px;
  left: 40px;
  min-width: 533px;
  position: absolute;
  top: 275px;
}

.main-home .gal-4jpg {
  align-items: flex-start;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(80, 134, 172) 100%);
  display: flex;
  height: 173px;
  margin-top: -0.47px;
  overflow: hidden;
  width: 98px;
}

.main-home .overlap-group {
  height: 218px;
  margin-left: -9px;
  margin-top: -31.34px;
  position: relative;
  width: 116px;
}

.main-home .gal-4jpg-2 {
  height: 204px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 116px;
}

.main-home .screen-11-1 {
  justify-content: flex-end;
  left: 36px;
  top: 124px;
}

.main-home .overlap-group-1 {
  height: 94px;
  margin-top: 0;
  position: relative;
  width: 45px;
}

.main-home .overlap-group-2 {
  height: 94px;
  left: 0;
  position: absolute;
  top: 0;
  width: 45px;
}

.main-home .rectangle-1 {
  background-color: var(--link-water);
  border: 0.94px solid;
  border-color: var(--material-themeblack);
  border-radius: 5.11px;
  height: 94px;
  left: 0;
  position: absolute;
  top: 0;
  width: 44px;
}

.main-home .rectangle-2 {
  background-color: var(--material-themeblack);
  border-radius: 0.21px 0px 0px 0.21px;
  height: 3px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 1px;
}

.main-home .rectangle-3 {
  background-color: var(--material-themeblack);
  border-radius: 0.21px 0px 0px 0.21px;
  height: 6px;
  left: 0;
  position: absolute;
  top: 17px;
  width: 1px;
}

.main-home .rectangle-4 {
  background-color: var(--material-themeblack);
  border-radius: 0.21px 0px 0px 0.21px;
  height: 6px;
  left: 0;
  position: absolute;
  top: 25px;
  width: 1px;
}

.main-home .rectangle-5 {
  background-color: var(--material-themeblack);
  border-radius: 0.21px 0px 0px 0.21px;
  height: 10px;
  left: 44px;
  position: absolute;
  top: 19px;
  transform: rotate(-180.00deg);
  width: 1px;
}

.main-home .your-photo-1 {
  height: 80px;
  left: 19px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 24px;
}

.main-home .camera-2 {
  height: 4px;
  left: 19px;
  position: absolute;
  top: 2px;
  width: 10px;
}

.main-home .screen-11 {
  align-items: flex-start;
  display: flex;
  height: 94px;
  left: 36px;
  min-width: 45px;
  position: absolute;
  top: 124px;
}

.main-home .your-photo {
  height: 80px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 43px;
}

.main-home .status-bar {
  align-items: flex-end;
  border-radius: 5.11px 5.11px 0px 0px;
  display: flex;
  height: 5px;
  left: 1px;
  overflow: hidden;
  padding: 1.1px 2.9px;
  position: absolute;
  top: 1px;
  width: 43px;
}

.main-home .indicators-group {
  align-items: center;
  display: inline-flex;
  gap: 0.68px;
  margin-left: 29px;
  position: relative;
}

.main-home .signal {
  background-image: url(../img/cellular-connection.svg);
  background-size: 100% 100%;
  height: 1.25px;
  position: relative;
  width: 2.08px;
}

.main-home .connection {
  background-image: url(../img/wifi.svg);
  background-size: 100% 100%;
  height: 1.3px;
  position: relative;
  width: 1.77px;
}

.main-home .battery {
  border: 0.1px solid;
  border-color: #00000066;
  border-radius: 0.42px;
  height: 1.36px;
  position: relative;
  width: 2.61px;
}

.main-home .cap {
  height: 1px;
  left: 3px;
  position: absolute;
  top: 0;
  width: 1px;
}

.main-home .capacity {
  background-color: var(--material-themeblack);
  border-radius: 0.21px;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}

.main-home .camera {
  height: 4px;
  left: 16px;
  position: absolute;
  top: 2px;
  width: 13px;
}

.main-home .overlap-group4 {
  height: 201px;
  margin-left: -6px;
  margin-top: -15.13px;
  position: relative;
  width: 110px;
}

.main-home .gal-4jpg-2-1 {
  height: 188px;
  width: 110px;
}

.main-home .screen-11-2 {
  justify-content: flex-end;
  left: 33px;
  top: 107px;
}

.main-home .screen-11-3 {
  gap: 35172px;
  left: 36px;
  top: 124px;
}

.main-home .overlap-group1-2 {
  align-items: flex-start;
  align-self: flex-end;
  background-image: url(../img/vuesax-bold-arrow-square-right@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 92px;
  justify-content: flex-end;
  margin-bottom: -23.66px;
  margin-left: -35214px;
  min-width: 43px;
  padding: 1.3px 14.5px;
}

.main-home .camera-1 {
  height: 4px;
  width: 13px;
}

.main-home .screen-11-4 {
  gap: 35294px;
  left: 36px;
  top: 124px;
}

.main-home .overlap-group1-3 {
  align-items: flex-start;
  align-self: flex-end;
  background-image: url(../img/vuesax-bold-arrow-square-right@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 92px;
  justify-content: flex-end;
  margin-bottom: -23.66px;
  margin-left: -35337px;
  min-width: 43px;
  padding: 1.3px 14.5px;
}

.main-home .screen-11-5 {
  gap: 35417px;
  left: 36px;
  top: 124px;
}

.main-home .overlap-group1-4 {
  align-items: flex-start;
  align-self: flex-end;
  background-image: url(../img/your-photo-4@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 92px;
  justify-content: flex-end;
  margin-bottom: -23.66px;
  margin-left: -35459px;
  min-width: 43px;
  padding: 1.3px 14.5px;
}

.main-home .signal-1 {
  height: 1.25px;
  position: relative;
  width: 2.08px;
}

.main-home .cellular-connection {
  height: 1px;
  left: -35493px;
  position: absolute;
  top: 21px;
  width: 2px;
}

.main-home .connection-1 {
  height: 1.3px;
  position: relative;
  width: 1.77px;
}

.main-home .wifi {
  height: 1px;
  left: -35496px;
  position: absolute;
  top: 21px;
  width: 2px;
}

.main-home .cap-1 {
  height: 1px;
  left: -35496px;
  position: absolute;
  top: 21px;
  width: 1px;
}

.main-home .screen-11-6 {
  gap: 35539px;
  left: 36px;
  top: 124px;
}

.main-home .overlap-group1-5 {
  align-items: flex-start;
  align-self: flex-end;
  background-image: url(../img/your-photo-6@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 92px;
  justify-content: flex-end;
  margin-bottom: -23.66px;
  margin-left: -35582px;
  min-width: 43px;
  padding: 1.3px 14.5px;
}

.main-home .overlap-group5 {
  height: 212px;
  margin-left: -7px;
  margin-top: -25.58px;
  position: relative;
  width: 113px;
}

.main-home .gal-4jpg-2-2 {
  height: 199px;
  width: 113px;
}

.main-home .screen-11-7 {
  gap: 35662px;
  left: 34px;
  top: 118px;
}

.main-home .overlap-group1-6 {
  align-items: flex-start;
  align-self: flex-end;
  background-image: url(../img/your-photo-5@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 92px;
  justify-content: flex-end;
  margin-bottom: -23.66px;
  margin-left: -35704px;
  min-width: 43px;
  padding: 1.3px 14.5px;
}

.main-home .screen-11-8 {
  gap: 35784px;
  left: 36px;
  top: 124px;
}

.main-home .overlap-group1-7 {
  align-items: flex-start;
  align-self: flex-end;
  background-image: url(../img/vuesax-bold-arrow-square-right@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 92px;
  justify-content: flex-end;
  margin-bottom: -23.66px;
  margin-left: -35827px;
  min-width: 43px;
  padding: 1.3px 14.5px;
}

.main-home .ellipse-9 {
  background-color: var(--athens-gray);
  border-radius: 305.7px/21.26px;
  height: 43px;
  left: -4%;
  position: absolute;
  top: -20px;
  width: 108%;
}

.main-home .ellipse-10 {
  background-color: var(--athens-gray);
  border-radius: 305.7px/21.26px;
  height: 43px;
  left: -4%;
  position: absolute;
  bottom: -20px;
  width: 108%;
}

.main-home .subtract {
  height: 43px;
  left: -4%;
  position: absolute;
  top: -20px;
  width: 108%;
  transform: scaleY(-1);
}

.main-home .subtract-1 {
  height: 30px;
  left: -4%;
  position: absolute;
  bottom: -20px;
  width: 108%;
}

.main-home .rectangle-42068 {
  background-color: var(--athens-gray);
  height: 17px;
  left: -4%;
  position: absolute;
  top: -30px;
  width: 108%;
}

.main-home .animated-circle {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 40px;
  width: 100%;
}

.main-home .linestates-container {
  height: 11px;
  position: relative;
  width: 11px;
}

.main-home .line-states {
  align-items: flex-start;
  display: flex;
  height: 8px;
  left: 2px;
  min-width: 8px;
  position: absolute;
  top: 2px;
  transform: rotate(135.00deg);
}

.main-home .rect {
  background: linear-gradient(180deg, rgba(102, 122, 84, 0.5) 0%, rgba(102, 122, 84, 0) 100%);
  height: 2px;
  margin-left: -115px;
  margin-top: -59.33px;
  width: 163px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main-home .rect-1 {
  background: linear-gradient(180deg, rgba(102, 122, 84, 0.5) 0%, rgba(102, 122, 84, 0) 100%);
  height: 2px;
  margin-bottom: -59.33px;
  margin-left: -115px;
  width: 163px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main-home .line-states-54 {
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main-home .robot-1 {
  align-items: flex-end;
  display: flex;
  height: 117px;
  justify-content: flex-end;
  left: 250px;
  min-width: 117px;
  padding: 20.8px 19.9px;
  position: absolute;
  top: 59px;
}

.main-home .overlap-group13 {
  height: 65px;
  position: relative;
  width: 70px;
}

.main-home .left-1 {
  height: 58px;
  left: 0;
  position: absolute;
  top: 0;
  width: 58px;
}

.main-home .overlap-group1-8 {
  height: 31px;
  left: 10px;
  position: absolute;
  top: 24px;
  width: 37px;
}

.main-home .base_2-1 {
  height: 31px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 36px;
}

.main-home .mouth-1 {
  align-items: flex-end;
  display: flex;
  height: 6px;
  justify-content: flex-end;
  left: 5px;
  min-width: 6px;
  position: absolute;
  top: 18px;
  transform: rotate(30.00deg);
}

.main-home .overlap-group-5 {
  height: 6px;
  margin-bottom: 0;
  position: relative;
  width: 6px;
}

.main-home .rectangle22-1 {
  background-color: var(--willow-grove);
  height: 6px;
  left: 2px;
  position: absolute;
  top: 0;
  width: 1px;
}

.main-home .rectangle23-1 {
  background-color: var(--willow-grove);
  height: 6px;
  left: 2px;
  position: absolute;
  top: 0;
  transform: rotate(-90.00deg);
  width: 1px;
}

.main-home .ete-1 {
  background: radial-gradient(50% 50% at 50% 50%, rgba(102, 122, 84, 0) 0%, rgb(102, 122, 84) 100%);
  border-radius: 1.39px;
  box-shadow: 0px 0.4px 0.8px #0000002b;
  height: 3px;
  left: 15px;
  position: absolute;
  top: 21px;
  width: 3px;
}

.main-home .eye-1 {
  background: radial-gradient(50% 50% at 50% 50%, rgba(102, 122, 84, 0) 0%, rgb(102, 122, 84) 100%);
  border-radius: 1.39px;
  box-shadow: 0px 0.4px 0.8px #0000002b;
  height: 3px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 3px;
}

.main-home .right-1 {
  height: 58px;
  left: 12px;
  position: absolute;
  top: 7px;
  width: 58px;
}

.main-home .group-1597883451 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  min-height: 52px;
  width: 100%;
}

.main-home .heading-1-strong-helping-non-1 {
  color: #151515;
  width: 100%;
  text-align: center;
}

.main-home .empowering-businesse {
  color: #151515;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  width: 100%;
}

.main-home .overlap-group14 {
  margin-top: 50px;
  position: relative;
  width: 100%;
  text-align: center;
}

.main-home .group-1597883522 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 19px;
  min-height: 1803px;
  top: 0;
  width: 100%;
}

.main-home .frame-1597884243 {
  align-items: flex-end;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 21.65px;
  display: flex;
  height: 285px;
  justify-content: flex-end;
  min-width: 271px;
  padding: 28.4px 28.5px;
}

.main-home .group-container-1 {
  height: 214px;
  position: relative;
  width: 214px;
}

.main-home .group-1597883347 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25px;
  left: 0;
  min-height: 209px;
  position: absolute;
  top: 5px;
  width: 214px;
}

.main-home .group-1597883346 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 21px;
  margin-left: 2.69px;
  min-height: 63px;
  width: 213px;
}

.main-home .group-1597883345 {
  background-color: var(--snow-flurry);
  border-radius: 8.71px;
  filter: blur(27.21px);;
  height: 17px;
  margin-right: 5.05px;
  width: 17px;
}

.main-home .app-development {
  color: var(--bg-color);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xxxxxl);
  font-weight: 400;
  height: 25px;
  letter-spacing: 0;
  line-height: 25.0px;
  margin-right: 2.0px;
  min-width: 211px;
  white-space: nowrap;
}

.main-home .our-skilled-team-spe {
  color: var(--bg-color);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18.5px;
  min-height: 121px;
  text-align: center;
  width: 213px;
}

.main-home .group-1597883323 {
  height: 37px;
  left: 91px;
  position: absolute;
  top: 0;
  width: 37px;
}

.main-home .frame-1597884250 {
  align-items: flex-end;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 21.6px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 284px;
  padding: 41.6px 28.8px;
  width: 270px;
}

.main-home .group-1597883349 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-right: 33.39px;
  min-height: 103px;
  width: 147px;
}

.main-home .group-container-2 {
  height: 39px;
  margin-left: 3.1px;
  position: relative;
  width: 39px;
}

.main-home .group-1597883345-1 {
  border-radius: 8.69px;
  filter: blur(27.15px);;
}

.main-home .group-1597883320 {
  height: 8px;
  width: 8px;
}

.main-home .group-1597883321 {
  height: 39px;
  left: 0;
  position: absolute;
  top: 0;
  width: 39px;
}

.main-home .full-stack-developmen {
  font-family: var(--font-family-unbounded);
  font-size: 19.6px;
  height: 50px;
  line-height: 24.9px;
  margin-right: 2.0px;
  min-width: 145px;
}

.main-home .full-stack-expertise {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  line-height: 18.5px;
  min-height: 69px;
  width: 213px;
}

.main-home .frame-1597884249 {
  /*align-items: center;*/
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 21.65px;
  display: flex;
  flex-direction: column;
  min-height: 285px;
  padding: 30.1px 26.5px;
  width: 271px;
  text-align: center;
}

.main-home .group-1597883324 {
  align-self: center;
  height: 42px;
  margin-right: 6.42px;
  width: 42px;
}

.main-home .cloud-computing {
  color: var(--bg-color);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xxxxxl);
  font-weight: 400;
  height: 25px;
  letter-spacing: 0;
  line-height: 25.0px;
  margin-top: 12px;
  /*white-space: nowrap;*/
  text-align: center;
}

.main-home .leverage-cloud-servi {
  align-self: flex-end;
  color: var(--bg-color);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18.5px;
  margin-right: 0.8px;
  margin-top: 24px;
  min-height: 120px;
  text-align: center;
  width: 213px;
}

.main-home .frame-1597884251 {
  align-items: flex-end;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 21.57px;
  display: flex;
  flex-direction: column;
  gap: 23px;
  min-height: 284px;
  padding: 40.1px 10.5px;
  width: 270px;
}

.main-home .group-1597883346-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 79px;
  width: 246px;
}

.main-home .overlap-group-6 {
  height: 42px;
  margin-right: 1.43px;
  position: relative;
  width: 42px;
}

.main-home .ellipse-11 {
  background-color: var(--snow-flurry);
  border-radius: 8.68px;
  filter: blur(27.11px);;
  height: 17px;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 17px;
}

.main-home .group-1597883320-1 {
  height: 42px;
  left: 0;
  position: absolute;
  top: 0;
  width: 42px;
}

.main-home .hire-dedicated-team {
  color: var(--bg-color);
  font-family: var(--font-family-unbounded);
  font-size: 19.6px;
  font-weight: 400;
  height: 25px;
  letter-spacing: 0;
  line-height: 24.9px;
  margin-right: 2.0px;
  min-width: 244px;
  white-space: nowrap;
}

.main-home .boost-efficiency-wit {
  align-self: center;
  color: var(--bg-color);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18.4px;
  margin-left: 1.08px;
  min-height: 83px;
  text-align: center;
  width: 213px;
}

.main-home .frame-1597884244 {
  align-items: flex-end;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 21.65px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 285px;
  padding: 41.4px 28.8px;
  width: 271px;
}

.main-home .group-1597883349-1 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-right: 0.63px;
  min-height: 76px;
  width: 102px;
}

.main-home .group-container-3 {
  height: 39px;
  margin-left: 1.32px;
  position: relative;
  width: 39px;
}

.main-home .group-1597883345-2 {
  border-radius: 8.71px;
  filter: blur(27.21px);;
}

.main-home .big-data {
  color: var(--bg-color);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xxxxxl);
  font-weight: 400;
  height: 25px;
  letter-spacing: 0;
  line-height: 25.0px;
  margin-left: 0;
  min-width: 102px;
  white-space: nowrap;
}

.main-home .we-analyse-vast-amou {
  color: var(--bg-color);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18.5px;
  min-height: 102px;
  text-align: center;
  width: 213px;
}

.main-home .frame-1597884252 {
  align-items: flex-end;
  background: linear-gradient(180deg, rgb(102, 122, 84) 0%, rgb(83.16, 105.4, 63.15) 100%);
  border-radius: 21.65px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 285px;
  padding: 25.6px 28.9px;
  width: 271px;
}

.main-home .group-1597883352 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-right: 0.28px;
  margin-top: 18px;
  min-height: 72px;
  width: 102px;
}

.main-home .overlap-group1-9 {
  height: 35px;
  margin-left: 0.91px;
  position: relative;
  width: 40px;
}

.main-home .vector-4 {
  height: 25px;
  left: 5px;
  position: absolute;
  top: 10px;
  width: 30px;
}

.main-home .vector-5 {
  height: 12px;
  left: 0;
  position: absolute;
  top: 16px;
  width: 7px;
}

.main-home .vector-6 {
  height: 22px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 2px;
}

.main-home .vector-7 {
  height: 4px;
  left: 11px;
  position: absolute;
  top: 20px;
  width: 18px;
}

.main-home .vector-8 {
  height: 2px;
  left: 22px;
  position: absolute;
  top: 6px;
  width: 12px;
}

.main-home .vector-9 {
  height: 2px;
  left: 15px;
  position: absolute;
  top: 27px;
  width: 10px;
}

.main-home .overlap-group-7 {
  height: 27px;
  left: 11px;
  position: absolute;
  top: 0;
  width: 29px;
}

.main-home .vector-10 {
  height: 17px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 22px;
}

.main-home .ellipse-12 {
  background-color: var(--snow-flurry);
  border-radius: 8.71px;
  filter: blur(27.2px);;
  height: 17px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 17px;
}

.main-home .chat-bot {
  color: var(--bg-color);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xxxxxl);
  font-weight: 400;
  height: 25px;
  letter-spacing: 0;
  line-height: 25.0px;
  margin-right: 0;
  min-width: 102px;
  white-space: nowrap;
}

.main-home .get-ai-powered-chatb {
  color: var(--bg-color);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18.5px;
  min-height: 120px;
  text-align: center;
  width: 213px;
}

.main-home .rectangle-42070 {
  background-color: #546a400d;
  height: 100%;
  left: -4%;
  position: absolute;
  top: 0;
  width: 108%;
}

.main-home .group-1597883457 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.main-home .heading-1-strong-helping-non-2 {
  color: #232323;
  margin-right: 3.0px;
  text-align: center;
  width: 277px;
}

.main-home .innovative-strategie {
  color: #535353;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  height: 28px;
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 4.0px;
  text-align: center;
  width: 400px;
}

.main-home .projects {
  align-items: flex-start;
  display: flex;
  height: 320px;
  overflow: hidden;
  width: 100%;
}

.main-home .component-1 {
  margin-left: -34320px;
}

.main-home .component-2 {
  margin-left: 614px;
}

.main-home .group-1 {
  align-items: center;
  align-self: center;
  display: flex;
  margin-left: 32344px;
  margin-top: 0.21px;
  min-width: 3485px;
}

.main-home .frame-1-3 {
  align-items: flex-start;
  background-color: var(--bg-color);
  border-radius: 9.56px;
  display: flex;
  height: 98px;
  margin-bottom: 0.21px;
  opacity: 0.5;
  overflow: hidden;
  width: 152px;
}

.main-home .image-4 {
  height: 106px;
  margin-left: -2px;
  margin-top: -3.8px;
  object-fit: cover;
  width: 156px;
}

.main-home .frame {
  align-items: flex-start;
  background-color: var(--bg-color);
  border-radius: 9.56px;
  display: flex;
  height: 98px;
  margin-bottom: 0.21px;
  margin-left: 11px;
  opacity: 0.5;
  overflow: hidden;
  padding: 0 0.2px;
  width: 152px;
}

.main-home .image-5 {
  height: 100px;
  margin-top: -0.75px;
  object-fit: cover;
  width: 151px;
}

.main-home .frame-1 {
  align-items: flex-start;
  background-color: var(--bg-color);
  border-radius: 9.56px;
  display: flex;
  height: 98px;
  margin-bottom: 0.21px;
  margin-left: 11px;
  opacity: 0.5;
  overflow: hidden;
  width: 152px;
}

.main-home .image-6 {
  height: 105px;
  margin-left: -1px;
  margin-top: -3.29px;
  object-fit: cover;
  width: 154px;
}

.main-home .image-7 {
  height: 105px;
  margin-left: -3px;
  margin-top: -3.3px;
  object-fit: cover;
  width: 158px;
}

.main-home .image-9 {
  height: 100px;
  margin-top: -1.02px;
  object-fit: cover;
  width: 152px;
}

.main-home .image-13 {
  height: 121px;
  margin-left: -5px;
  margin-top: -11.36px;
  object-fit: cover;
  width: 161px;
}

.main-home .image-8 {
  height: 103px;
  margin-left: -2px;
  margin-top: -2.15px;
  object-fit: cover;
  width: 156px;
}

.main-home .image-5-1 {
  height: 101px;
  margin-left: -1px;
  margin-top: -1.28px;
  object-fit: cover;
  width: 153px;
}

.main-home .center {
  align-items: flex-start;
  background-color: var(--bg-color);
  border-radius: 9.56px;
  display: flex;
  margin-left: 11px;
  overflow: hidden;
  width: 220px;
}

.main-home .image-7-1 {
  height: 140px;
  margin-left: -4px;
  margin-top: -0.29px;
  object-fit: cover;
  width: 227px;
}

.main-home .frame-12 {
  align-items: flex-start;
  background-color: var(--bg-color);
  border-radius: 9.56px;
  display: flex;
  height: 98px;
  margin-bottom: 0.21px;
  margin-left: 12px;
  opacity: 0.5;
  overflow: hidden;
  width: 152px;
}

.main-home .frame-1597884277 {
  align-items: center;
  background-color: #576c43;
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  height: 362px;
  left: 265px;
  overflow: hidden;
  padding: 24.0px 0;
  position: absolute;
  top: 2214px;
  width: 388px;
}

.main-home .group-1597883458 {
  background-image: url(../img/mask-group@2x.png);
  background-size: 100% 100%;
  height: 46px;
  margin-right: 0.85px;
  width: 73px;
}

.main-home .overlap-group2 {
  align-items: flex-start;
  background-image: url(../img/bg.svg);
  background-size: 100% 100%;
  display: flex;
  height: 37px;
  margin-top: 21px;
  min-width: 276px;
  padding: 6.7px 10.8px;
}

.main-home .full-name {
  letter-spacing: 0;
  line-height: normal;
  min-height: 15px;
  white-space: nowrap;
}

.main-home .input-text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin-top: 16px;
  min-height: 87px;
  width: 276px;
}

.main-home .overlap-group-8 {
  align-items: flex-start;
  background-image: url(../img/bg-1.svg);
  background-size: 100% 100%;
  display: flex;
  height: 37px;
  min-width: 276px;
  padding: 5.9px 11.7px;
}

.main-home .email {
  letter-spacing: 0;
  line-height: normal;
  min-height: 15px;
  white-space: nowrap;
}

.main-home .overlap-group1-10 {
  align-items: flex-start;
  background-image: url(../img/bg-2.svg);
  background-size: 100% 100%;
  display: flex;
  height: 69px;
  margin-left: 0;
  min-width: 276px;
  padding: 8.1px 10.8px;
}

.main-home .message {
  letter-spacing: 0;
  line-height: normal;
  min-height: 15px;
  white-space: nowrap;
}

.main-home .overlap-group3 {
  height: 34px;
  margin-top: 62px;
  position: relative;
  width: 276px;
}

.main-home .input-text-1 {
  align-items: flex-end;
  background-color: #586e45;
  display: flex;
  height: 34px;
  justify-content: center;
  left: 0;
  min-width: 276px;
  position: absolute;
  top: 0;
}

.main-home .overlap-group-9 {
  align-items: flex-start;
  background-image: url(../img/bg-3.svg);
  background-size: 100% 100%;
  display: flex;
  height: 36px;
  margin-bottom: -2.0px;
  min-width: 278px;
  padding: 8.0px 15.4px;
}

.main-home .full-name-1 {
  color: #aeaeae;
  font-family: var(--font-family-inter);
  font-size: 14.4px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  min-height: 17px;
  white-space: nowrap;
}

.main-home .send-message {
  color: #576c43;
  font-family: var(--font-family-unbounded);
  font-size: 14.4px;
  font-weight: 500;
  left: 73px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 12px;
  white-space: nowrap;
}

.main-home .group-1597883548 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: 48px;
  width: 108%;
  background-color: #fff;
}

.main-home .group-1597883523 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 23px;
  /* min-height: 324px; */
  width: 100%;
}

.main-home .group-1597883459 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 11px;
  /* margin-left: 96.77px; */
  /* min-height: 35px; */
  width: 100%;
  padding: 0 15px;
}

.main-home .customer-reviews {
  color: var(--material-themeblack);
  font-family: var(--font-family-unbounded);
  font-size: 30px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  /* margin-right: 4.0px; */
  /* min-height: 14px; */
  width: 100%;
}

.main-home .committed-to-better {
  color: #3e3e3e;
  font-family: var(--font-family-montserrat);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 30px;
  /* margin-bottom: -11px; */
  /* margin-right: 4.0px; */
  /* min-height: 10px; */
  width: 100%;
  text-align: center;
}

.main-home .group-1597883380 {
  /* align-items: flex-end; */
  display: flex;
  gap: 12px;
  /* height: 266px; */
  min-width: 100%;
}

.main-home .group-container-4 {
  align-self: flex-start;
  height: 264px;
  position: relative;
  width: 264px;
}

.main-home .group-1000009609 {
  align-items: flex-end;
  display: flex;
  gap: 34489px;
  height: 264px;
  left: 0;
  min-width: 264px;
  position: absolute;
  top: 0;
}

.main-home .overlap-group1 {
  align-items: flex-start;
  background-image: url(../img/vuesax-bold-arrow-square-right@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 264px;
  justify-content: flex-end;
  margin-bottom: -704.0px;
  margin-left: -34745px;
  min-width: 264px;
  padding: 34.0px 40.4px;
}

.main-home .vector {
  height: 33px;
  width: 44px;
}

.main-home .overlap-group-3 {
  align-items: flex-end;
  background-color: var(--vida-loca);
  border-radius: 13.16px;
  display: flex;
  height: 154px;
  margin-bottom: 6.25px;
  min-width: 248px;
  padding: 14.3px 5.9px;
}

.main-home .the-team-delivered-a {
  letter-spacing: 0;
  line-height: 20.7px;
  min-height: 125px;
  width: 236px;
}

.main-home .group-1597883375 {
  align-items: flex-start;
  display: flex;
  gap: 34675px;
  height: 52px;
  left: 14px;
  min-width: 127px;
  position: absolute;
  top: 32px;
}

.main-home .frame-1-1 {
  align-self: flex-end;
  height: 12px;
  margin-bottom: -704.0px;
  margin-left: -34745px;
  position: relative;
  width: 70px;
}

.main-home .group-1261153125 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 41px;
  width: 131px;
}

.main-home .name {
  letter-spacing: -0.18px;
  line-height: 18.2px;
  min-height: 19px;
  min-width: 127px;
  text-align: center;
  white-space: nowrap;
}

.main-home .executive-engineer {
  letter-spacing: -0.10px;
  line-height: 18.2px;
  margin-left: 0;
  min-height: 19px;
  min-width: 94px;
  text-align: center;
  white-space: nowrap;
}

.main-home .group-container {
  height: 264px;
  position: relative;
  width: 264px;
}

.main-home .group-1000009609-1 {
  gap: 34530px;
}

.main-home .vector-1 {
  height: 33px;
  margin-bottom: -507.67px;
  margin-left: -34565px;
  width: 44px;
}

.main-home .overlap-group1-11 {
  height: 264px;
  margin-bottom: -0.35px;
  position: relative;
  width: 256px;
}

.main-home .rectangle-5329 {
  height: 264px;
  left: 225px;
  position: absolute;
  top: 0;
  width: 31px;
}

.main-home .overlap-group-10 {
  align-items: flex-end;
  background-color: var(--vida-loca);
  border-radius: 13.16px;
  display: flex;
  height: 154px;
  left: 0;
  min-width: 248px;
  padding: 14.3px 5.9px;
  position: absolute;
  top: 104px;
}

.main-home .group-container-5 {
  height: 264px;
  margin-bottom: -0.35px;
  position: relative;
  width: 264px;
}

.main-home .overlap-group1-12 {
  align-items: flex-end;
  background-image: url(../img/rectangle-5329-2.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 36px;
  left: 0;
  min-height: 264px;
  padding: 6.6px 7.7px;
  position: absolute;
  top: 0;
  width: 264px;
}

.main-home .vector-11 {
  height: 33px;
  margin-right: 33.04px;
  margin-top: 28px;
  width: 44px;
}

.main-home .overlap-group-11 {
  align-items: flex-end;
  background-color: var(--vida-loca);
  border-radius: 13.16px;
  display: flex;
  height: 154px;
  min-width: 248px;
  padding: 14.3px 5.9px;
}

.main-home .group-1597883375-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 14px;
  min-height: 52px;
  position: absolute;
  top: 32px;
  width: 127px;
}

.main-home .frame-1-2 {
  height: 12px;
  position: relative;
  width: 70px;
}

.main-home .group-1000009609-2 {
  gap: 34521px;
}

.main-home .overlap-group1-13 {
  height: 264px;
  margin-bottom: -0.35px;
  position: relative;
  width: 257px;
}

.main-home .rectangle-5329-1 {
  height: 264px;
  left: 0;
  position: absolute;
  top: 0;
  width: 122px;
}

.main-home .overlap-group-12 {
  align-items: flex-end;
  background-color: var(--vida-loca);
  border-radius: 13.16px;
  display: flex;
  height: 154px;
  left: 8px;
  min-width: 248px;
  padding: 14.3px 5.9px;
  position: absolute;
  top: 104px;
}

.main-home .group-1261153125-1 {
  margin-left: 0;
}

.main-home .group-container-6 {
  height: 264px;
  margin-bottom: 0;
  position: relative;
  width: 264px;
}

.main-home .group-1261153125-2 {
  margin-top: 0;
}

.main-home .group-1597883479 {
  align-items: flex-start;
  background: linear-gradient(180deg, rgba(237, 241, 245, 0.38) 0%, rgba(158.11, 173.4, 144.36, 0.38) 100%);
  display: flex;
  justify-content: flex-end;
  padding: 34.0px 19.0px;
  width: 108%;
}

.main-home .overlap-group7 {
  position: relative;
  width: 100%;
}

.main-home .group-1597883477 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 56px;
  width: 100%;
}

.main-home .group-1597883476 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 47px;
  width: 100%;
}

.main-home .group-1597883475 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 33px;
  min-height: 160px;
  width: 100%;
}

.main-home .group-1597883474 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  height: 98px;
  width: 100%;
}

.main-home .group-1597883473 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 11px;
  min-height: 98px;
  width: 106px;
}

.main-home .screenshot-2025-02-10-120027-2 {
  height: 66px;
  object-fit: contain;
  width: 106px;
}

.main-home .group-1597883472 {
  height: 21px;
  margin-right: 0.29px;
  width: 82px;
}

.main-home .group-1597883468 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 0.43px;
  min-height: 84px;
  width: 216px;
}

.main-home .group-1597883465 {
  align-items: center;
  display: flex;
  gap: 17px;
  min-width: 147px;
}

.main-home .vector-12 {
  align-self: flex-end;
  height: 15px;
  margin-bottom: 0;
  width: 15px;
}

.main-home .nav-list-item-link-contacts {
  height: 10px;
  letter-spacing: 0;
  line-height: 19.6px;
  margin-top: 0.93px;
  text-align: center;
  width: 113px;
}

.main-home .group-1597883466 {
  align-items: flex-start;
  display: flex;
  gap: 17px;
  min-width: 218px;
}

.main-home .vector-13 {
  height: 11px;
  width: 14px;
}

.main-home .nav-list-item-link-contacts-1 {
  text-align: center;
}

.main-home .group-1597883467 {
  align-items: flex-start;
  display: flex;
  gap: 17px;
  min-width: 213px;
}

.main-home .vector-14 {
  height: 16px;
  width: 14px;
}

.main-home .nav-list-item-link-contacts-2 {
  height: 30px;
  width: 180px;
}

.main-home .contact-us-today-to {
  color: #272727;
  font-family: var(--font-family-montserrat);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: center;
  width: 100%;
}

.main-home .group-1597883471 {
  align-items: flex-start;
  display: flex;
  gap: 13px;
  margin-left: 0.13px;
  min-width: 360px;
}

.main-home .text-field {
  align-items: center;
  background-color: var(--athens-gray);
  border: 0.35px solid;
  border-color: var(--willow-grove);
  border-radius: 27.96px;
  display: flex;
  gap: 11.18px;
  height: 39px;
  justify-content: center;
  padding: 11.18px 16.78px;
  position: relative;
  width: 187.57px;
}

.main-home .icons-email {
  height: 16.78px;
  margin-left: -4.11px;
  position: relative;
  width: 16.78px;
}

.main-home .enter-your-email-to-get-started {
  color: var(--willow-grove);
  font-family: var(--font-family-montserrat);
  font-size: 8.4px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 10.1px;
  margin-right: -4.11px;
  position: relative;
  width: 134.29px;
}

.main-home .button-1 {
  align-items: center;
  background-color: var(--willow-grove);
  border-radius: 55.15px;
  box-shadow: 0px 1px 1px #00000040;
  display: inline-flex;
  gap: 11.03px;
  justify-content: center;
  padding: 4.14px 5.52px 4.14px 16.55px;
  position: relative;
}

.main-home .get-started {
  color: var(--bg-color);
  font-family: var(--font-family-unbounded);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06px;
  line-height: 14.3px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.main-home .arrow-1 {
  align-items: flex-start;
  background-color: #f8fafc;
  border-radius: 55.15px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5.52px;
  padding: 8.27px;
  position: relative;
}

.main-home .iconsarrow-up-right {
  height: 13.79px;
  position: relative;
  width: 13.79px;
}

.main-home .copyright-g-s-bitl {
  color: var(--text-color-body);
  font-family: var(--font-family-montserrat);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.5;
  width: 100%;
  white-space: normal;
}

.main-home .line-43 {
  height: 1px;
  left: 1px;
  position: absolute;
  top: 200px;
  width: 100%;
}

.main-home .component {
  height: 40px;
  margin-top: -1387.15px;
  width: 40px;
}

.main-home .flex {
  align-items: center;
  display: flex;
}

.main-home .full-stack {
  color: var(--bg-color);
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
}

.main-home .gal-4jpg-2-3 {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.main-home .group-1000009609-3 {
  align-items: flex-end;
  display: flex;
  height: 264px;
  left: 0;
  min-width: 264px;
  position: absolute;
  top: 0;
}

.main-home .group-1261153125-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 41px;
  width: 131px;
}

.main-home .group-1597883345-3 {
  align-items: flex-end;
  background-color: var(--snow-flurry);
  display: flex;
  height: 17px;
  justify-content: flex-end;
  left: 8px;
  min-width: 17px;
  padding: 3.7px 4.4px;
  position: absolute;
  top: 11px;
}

.main-home .heading-1-strong-helping-non-3 {
  font-family: var(--font-family-unbounded);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24.1px;
}

.main-home .line-states-72 {
  display: flex;
  height: 8px;
  left: 2px;
  min-width: 8px;
  position: absolute;
  top: 2px;
}

.main-home .nav-list-item-link-contacts-3 {
  letter-spacing: 0;
  line-height: 19.6px;
}

.main-home .screen-11-9 {
  align-items: flex-start;
  display: flex;
  height: 94px;
  min-width: 45px;
  position: absolute;
}

.main-home .group-6516846813 {
  position: relative;
  margin-top: 60px;
  padding: 30px 0;
}

.main-home .group-1597883373 {
  background-image: url(../img/frame-1597884257.svg);
  padding: 5.97vw;
  margin: 9vw 0;
  width: 100%;
  background-size: 100%;
  background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
}

.main-home .group-15978833578 {
  width: 100%;
  padding: 0;
}

.main-home .group-4868833578 {
  width: 100%;
  padding: 5vw;
  text-align: left;
  border-radius: 10px;
}

.main-home .ready-to-discuss-your-project-withus {
  color: var(--white);
  font-family: var(--font-family-unbounded);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.05vw;
  line-height: 1.2;
  text-align: center;
}

.main-home .lets-talk-about-how {
  color: #ffffffcc;
  font-family: var(--font-family-montserrat);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  width: 100%;
  text-align: center;
  margin: 5vw 0;
}
}