/* screen - our-projects */

.our-projects {
  align-items: center;
  background-color: #edf0f4;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100.0vw;
}

.our-projects .group-1597883447 {
  align-items: center;
  justify-content: space-between;
  display: flex;
  margin-left: 1.67vw;
  margin-top: 1.39vw;
  min-width: 86.25vw;
}

.our-projects .screenshot-2025-02-10-120027-2 {
  height: 4.93vw;
  object-fit: contain;
  width: 7.92vw;
}

.our-projects .tab {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  margin-bottom: 0.08vw;
  margin-left: 20.49vw;
  padding: 0.14vw 1.11vw;
  position: relative;
}

.our-projects .text {
  color: #2c2c2c;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.67vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.our-projects .tab-1 {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  margin-bottom: 0.08vw;
  margin-left: 0.56vw;
  padding: 0.14vw 1.11vw;
  position: relative;
}

.our-projects .text-1 {
  letter-spacing: 0;
  line-height: 1.67vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.our-projects .text-2 {
  color: var(--willow-grove);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  height: 1.67vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  margin-bottom: 0.22vw;
  margin-left: 1.6vw;
  min-width: 4.79vw;
  position: relative;
  white-space: nowrap;
}

.our-projects .text-3 {
  height: 1.67vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  margin-bottom: 0.22vw;
  margin-left: 2.57vw;
  min-width: 4.93vw;
  position: relative;
  white-space: nowrap;
}

.our-projects .text-4 {
  height: 1.67vw;
  letter-spacing: 0;
  line-height: 1.67vw;
  margin-bottom: 0.22vw;
  margin-left: 2.71vw;
  min-width: 2.57vw;
  position: relative;
  white-space: nowrap;
}

.our-projects .link {
  align-items: center;
  background-color: var(--willow-grove);
  border-radius: 22.41vw;
  display: flex;
  gap: 0.83vw;
  height: 2.99vw;
  justify-content: flex-end;
  margin-bottom: 0.01vw;
  margin-left: 13.61vw;
  min-width: 11.39vw;
  padding: 0.28vw 0.42vw;
}

.our-projects .contact-us {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-weight: 600;
  height: 0.76vw;
  letter-spacing: 0;
  line-height: 1.38vw;
  margin-bottom: 0.11vw;
  text-align: center;
  white-space: nowrap;
  width: 6.18vw;
}

.our-projects .background-border {
  align-self: flex-end;
  height: 2.36vw;
  width: 2.36vw;
}

.our-projects .line-37 {
  height: 0.07vw;
  margin-top: 0.07vw;
  width: 100.0vw;
}

.our-projects .frame-1597884269 {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 1.18vw;
  display: flex;
  height: 16.81vw;
  margin-top: 5.14vw;
  overflow: hidden;
  width: 88vw;
}

.our-projects .overlap-group-6 {
  background-color: var(--black);
  height: 17.29vw;
  position: relative;
  width: 88vw;
}

.our-projects .rectangle-42065 {
  border-radius: 1.53vw;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
}

.unbounded-normal-eerie-black-20px {
  font-family: var(--font-family-unbounded);
}

.our-projects .heading {
  color: var(--white);
  font-family: var(--font-family-unbounded);
    font-size: 2.5vw;
    font-weight: 900;
    left: 30.96vw;
    letter-spacing: 0;
    line-height: normal;
    position: absolute;
    top: 5.21vw;
    width: 25.12vw;
}

.montserrat-medium-black-16-6px {
  font-family: var(--font-family-montserrat);
}

.our-projects .exploring-the-inters {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  left: 12.75vw;
  letter-spacing: 0;
  line-height: 1.94vw;
  position: absolute;
  text-align: center;
  top: 9.44vw;
  width: 63.54vw;
}

.our-projects .flex-row-1 {
  align-items: center;
  display: flex;
  gap: 1.88vw;
  margin-left: 1.61vw;
  margin-top: 7.71vw;
  min-width: 86.32vw;
}

.our-projects .we-are-a-complete-so {
  color: #333333;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  height: 6.25vw;
  letter-spacing: 0;
  line-height: 2.08vw;
  width: 39.03vw;
}

.our-projects .frame-1597884263 {
  align-items: flex-end;
  background-color: var(--white);
  border: 0.06vw solid;
  border-color: #58861e;
  border-radius: 0.62vw;
  display: flex;
  height: 4.17vw;
  margin-top: 0.13vw;
  overflow: hidden;
  padding: 1.17vw 1.88vw;
  width: 45.42vw;
}

.our-projects .x-container {
  height: 1.81vw;
  position: relative;
  width: 41.32vw;
}

.our-projects .frame-1597884267 {
  background-color: var(--willow-grove);
  border-radius: 0.28vw;
  height: 1.81vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 9.31vw;
}

.our-projects .group-1597883453 {
  align-items: center;
  display: flex;
  gap: 3.54vw;
  height: 1.18vw;
  left: 0.42vw;
  min-width: 40.9vw;
  position: absolute;
  top: 0.28vw;
}

.our-projects .group-1597883438 {
  align-items: center;
  display: flex;
  gap: 0.35vw;
  margin-top: 0.02vw;
  min-width: 8.61vw;
}

.our-projects .group-1597883437 {
  align-self: flex-end;
  height: 0.97vw;
  margin-bottom: 0;
  width: 0.97vw;
}

.our-projects .ecommerce {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 1.15vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.39vw;
  margin-top: 0;
  min-height: 0.83vw;
  min-width: 7.15vw;
  white-space: nowrap;
}

.our-projects .group-1597883439 {
  align-items: center;
  display: flex;
  gap: 0.49vw;
  min-width: 8.19vw;
}

.our-projects .group-1597883435 {
  height: 1.18vw;
  width: 1.11vw;
}

.our-projects .healthcare {
  letter-spacing: 0;
  line-height: 1.39vw;
  margin-bottom: 0.03vw;
  min-height: 0.83vw;
  min-width: 6.46vw;
  white-space: nowrap;
}

.our-projects .group-1597883440 {
  align-items: center;
  display: flex;
  gap: 0.49vw;
  margin-top: 0.03vw;
  min-width: 5.21vw;
}

.our-projects .group-1597883436 {
  height: 1.11vw;
  width: 1.11vw;
}

.our-projects .travel {
  letter-spacing: 0;
  line-height: 1.39vw;
  margin-bottom: 0.03vw;
  min-height: 0.83vw;
  min-width: 3.47vw;
  white-space: nowrap;
}

.our-projects .group-1597883441 {
  align-items: center;
  display: flex;
  gap: 0.35vw;
  margin-top: 0.02vw;
  min-width: 8.4vw;
}

.our-projects .automotive {
  letter-spacing: 0;
  line-height: 1.39vw;
  margin-top: 0;
  min-height: 0.83vw;
  min-width: 6.94vw;
  white-space: nowrap;
}

.our-projects .flex-row-2 {
  align-items: flex-start;
  display: flex;
  gap: 3.22vw;
  height: 35vw;
  margin-top: 1.26vw;
  min-width: 88vw;
}

.our-projects .flex-row-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.81vw;
  min-height: 30.14vw;
  width: 42.43vw;
}

.our-projects .frame-1597884277 {
  box-shadow: 0.0vw 0.0vw 0.32vw #4b4b4b38;
  display: flex;
  height: 30.4vw;
  overflow: hidden;
  width: 42.43vw;
}

.our-projects .overlap-group1 {
  position: relative;
  width: 63.61vw;
}

.our-projects .group-1597883449 {
  align-items: flex-end;
  display: flex;
  height: 48.26vw;
  left: 0;
  min-width: 48.26vw;
  position: absolute;
  top: 0;
  transform: rotate(180deg);
}

.our-projects .overlap-group {
  height: 48.26vw;
  margin-bottom: 0;
  position: relative;
  width: 48.26vw;
}

.our-projects .rectangle-12 {
  background-color: #ed00004c;
  border-radius: 3.89vw;
  height: 39.38vw;
  left: 4.44vw;
  position: absolute;
  top: 4.44vw;
  transform: rotate(-345.00deg);
  width: 39.38vw;
}

.our-projects .rectangle-10 {
  background-color: #ed000099;
  border-radius: 3.89vw;
  height: 30.28vw;
  left: 8.96vw;
  position: absolute;
  top: 8.96vw;
  transform: rotate(-255.00deg);
  width: 30.28vw;
}

.our-projects .rectangle-11 {
  background-color: #ed0000;
  border-radius: 3.89vw;
  height: 20.62vw;
  left: 13.82vw;
  position: absolute;
  top: 13.82vw;
  transform: rotate(-345.00deg);
  width: 20.62vw;
}

.our-projects .triple-i-phone-16-pr {
  align-items: flex-start;
  background-image: url(../img/imgs/main@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 24.03vw;
  left: 33.61vw;
  min-width: 30.0vw;
  padding: 0.12vw 0.12vw;
  position: absolute;
  top: 8.82vw;
}

.our-projects .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3.96vw;
  min-height: 21.67vw;
  width: 10.07vw;
}

.our-projects .screen-1 {
  height: 16.53vw;
  object-fit: cover;
  width: 10.07vw;
}

.our-projects .polygon-3 {
  height: 1.18vw;
  margin-left: 1.95vw;
  width: 1.18vw;
}

.our-projects .screen-2 {
  align-self: center;
  height: 17.78vw;
  margin-bottom: 0.98vw;
  object-fit: cover;
  width: 8.68vw;
}

.our-projects .screen-3 {
  align-self: flex-end;
  height: 17.78vw;
  margin-bottom: 0.43vw;
  margin-left: 2.22vw;
  object-fit: cover;
  width: 8.68vw;
}

.our-projects .polygon-1 {
  height: 1.25vw;
  left: 34.17vw;
  position: absolute;
  top: 6.88vw;
  width: 2.57vw;
}

.our-projects .group-1597883511 {
  align-items: center;
  display: flex;
  gap: 34.93vw;
  margin-right: 0.25vw;
  min-width: 40.14vw;
}

.our-projects .group-14 {
  align-items: flex-start;
  display: flex;
  gap: 813.82vw;
  height: 0.97vw;
  margin-top: 0.13vw;
  min-width: 3.89vw;
}

.our-projects .subtract {
  height: 0.07vw;
  margin-left: -813.89vw;
  margin-top: -75.84vw;
  width: 0.07vw;
}

.our-projects .popt {
  color: var(--eerie-black);
  font-family: var(--font-family-unbounded);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.56vw;
  min-height: 0.97vw;
  white-space: nowrap;
}

.our-projects .vector {
  align-self: flex-end;
  height: 1.32vw;
  margin-bottom: 0;
  width: 1.32vw;
}

.our-projects .frame-1597884277-1 {
  box-shadow: 0.0vw 0.0vw 0.32vw #4b4b4b38;
  height: 30.4vw;
  overflow: hidden;
}

.our-projects .overlap-group-7 {
  position: relative;
  width: 44.65vw;
}

.our-projects .group-1597883519 {
  height: 11.53vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 42.43vw;
}

.our-projects .union-1 {
  height: 8.54vw;
  left: 0;
  position: absolute;
  top: 2.99vw;
  width: 21.25vw;
}

.our-projects .union-2 {
  height: 8.54vw;
  left: 21.25vw;
  position: absolute;
  top: 2.99vw;
  width: 21.25vw;
}

.our-projects .group-1597883520 {
  height: 11.53vw;
  left: 0;
  position: absolute;
  top: 21.67vw;
  width: 42.43vw;
}

.our-projects .union-3 {
  height: 7.85vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.25vw;
}

.our-projects .union-4 {
  height: 7.85vw;
  left: 21.25vw;
  position: absolute;
  top: 0;
  width: 21.25vw;
}

.our-projects .ellipse-791 {
  background-color: #00b9c3;
  border-radius: 5.15vw;
  filter: blur(2.07vw);;
  height: 10.28vw;
  left: 34.38vw;
  position: absolute;
  top: 20.76vw;
  width: 10.28vw;
}

.our-projects .i-phone-15-pro {
  height: 25.56vw;
  left: 9.31vw;
  position: absolute;
  top: 2.99vw;
  width: 33.12vw;
}

.our-projects .clients_gsbitlabs-6 {
  height: 3.82vw;
  left: 4.17vw;
  position: absolute;
  top: 14.31vw;
  width: 6.53vw;
}

.our-projects .group-1597883511-1 {
  gap: 32.08vw;
  margin-right: 0.25vw;
}

.our-projects .group-14-1 {
  gap: 858.47vw;
  height: 0.97vw;
  margin-top: 0.05vw;
  min-width: 6.74vw;
}

.our-projects .subtract-1 {
  margin-left: -858.54vw;
  margin-top: -75.8vw;
}

.our-projects .scrubup {
  color: var(--eerie-black);
  font-family: var(--font-family-unbounded);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.56vw;
  min-height: 0.97vw;
  white-space: nowrap;
}

.our-projects .flex-row {
  gap: 3.22vw;
  height: 35vw;
  margin-top: 1vw;
  min-width: 88vw;
}

.our-projects .runway {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  min-height: 30.28vw;
  width: 42.43vw;
}

.our-projects .runway-buy {
  box-shadow: 0.0vw 0.0vw 0.35vw #4b4b4b38;
  display: flex;
  overflow: hidden;
  height: 30.4vw;
  width: 42.43vw;
}

.our-projects .overlap-group-1 {
  position: relative;
  width: 42.43vw;
}

.our-projects .rectangle-42071 {
  background: radial-gradient(50% 50% at 50% 50%, rgb(116, 77, 53) 0%, rgb(76, 34, 2) 100%);
  height: 11.88vw;
  left: 23.47vw;
  position: absolute;
  top: 14.65vw;
  width: 18.96vw;
}

.our-projects .rectangle-42072 {
  background: radial-gradient(50% 50% at 50% 50%, rgb(116, 77, 53) 0%, rgb(76, 34, 2) 100%);
  height: 11.88vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.96vw;
}

.our-projects .line-42 {
  height: 23.06vw;
  left: 6.25vw;
  position: absolute;
  top: 0;
  width: 36.18vw;
}

.our-projects .line-43 {
  height: 22.92vw;
  left: 0;
  position: absolute;
  top: 3.61vw;
  width: 38.47vw;
}

.our-projects .triple-i-phone-16-pr-1 {
  align-items: flex-start;
  background-image: url(../img/imgs/main-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 25.56vw;
  left: 5.35vw;
  min-width: 31.87vw;
  padding: 0.12vw 0.12vw;
  position: absolute;
  top: 0.97vw;
}

.our-projects .screen-1-1 {
  height: 17.57vw;
  object-fit: cover;
  width: 10.69vw;
}

.our-projects .screen-2-1 {
  align-self: center;
  height: 18.89vw;
  margin-bottom: 1.04vw;
  object-fit: cover;
  width: 9.24vw;
}

.our-projects .screen-3-1 {
  align-self: flex-end;
  height: 18.89vw;
  margin-bottom: 0.45vw;
  margin-left: 2.36vw;
  object-fit: cover;
  width: 9.24vw;
}

.our-projects .group-1597883528 {
  align-items: center;
  display: flex;
  gap: 28.33vw;
  margin-right: 0.21vw;
  min-width: 40.14vw;
}

.our-projects .group-14-2 {
  gap: 813.82vw;
  height: 1.04vw;
  margin-top: 0.04vw;
  min-width: 10.42vw;
}

.our-projects .subtract-2 {
  margin-left: -813.89vw;
  margin-top: -110.43vw;
}

.our-projects .runway-buy-1 {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-height: 1.04vw;
  white-space: nowrap;
  font-size: 16px;
}

.our-projects .vector-1 {
  height: 1.39vw;
  width: 1.39vw;
}

.our-projects .ww {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  min-height: 30.28vw;
  width: 42.43vw;
}

.our-projects .runway-buy-2 {
  box-shadow: 0.0vw 0.0vw 0.35vw #4b4b4b38;
  display: flex;
  height: 30.4vw;
  width: 42.43vw;
}

.our-projects .overlap-group1-1 {
  position: relative;
  width: 42.43vw;
}

.our-projects .shadow-2 {
  height: 24.1vw;
  left: 3.33vw;
  position: absolute;
  top: 2.43vw;
  width: 37.5vw;
}

.our-projects .main {
  height: 26.53vw;
  left: 3.33vw;
  position: absolute;
  top: 0;
  width: 37.5vw;
}

.our-projects .screen-3-2 {
  height: 18.47vw;
  left: 28.54vw;
  object-fit: cover;
  position: absolute;
  top: 7.01vw;
  width: 10.97vw;
}

.our-projects .screen-1-2 {
  height: 18.12vw;
  left: 6.39vw;
  position: absolute;
  top: 0.83vw;
  width: 10.28vw;
}

.our-projects .screen-2-2 {
  height: 17.36vw;
  left: 19.03vw;
  object-fit: cover;
  position: absolute;
  top: 2.71vw;
  width: 6.94vw;
}

.our-projects .group-1597883528-1 {
  gap: 26.74vw;
}

.our-projects .group-14-3 {
  gap: 858.47vw;
  margin-top: 0.04vw;
  min-width: 12.01vw;
}

.our-projects .subtract-3 {
  margin-left: -858.54vw;
  margin-top: -110.43vw;
}

.our-projects .wealth-words {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-height: 1.04vw;
  white-space: nowrap;
  font-size: 16px;
}

.our-projects .purpose {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  min-height: 30.28vw;
  width: 42.43vw;
}

.our-projects .runway-buy-3 {
  box-shadow: 0.0vw 0.0vw 0.35vw #4b4b4b38;
  display: flex;
  height: 30.45vw;
  overflow: hidden;
  width: 42.43vw;
}

.our-projects .overlap-group12 {
  position: relative;
  width: 58.33vw;
}

.our-projects .overlap-group11 {
  height: 45.49vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 58.33vw;
}

.our-projects .rectangle-42075 {
  background: linear-gradient(180deg, rgb(216, 166, 17) 0%, rgb(253.94, 206.42, 66.66) 100%);
  border-radius: 1.88vw;
  height: 15.9vw;
  left: 4.1vw;
  position: absolute;
  top: 2.85vw;
  transform: rotate(44.61deg);
  width: 14.58vw;
}

.our-projects .rectangle-42078 {
  background: linear-gradient(180deg, rgb(253.94, 206.42, 66.66) 0%, rgb(216, 166, 17) 100%);
  border-radius: 1.88vw;
  height: 14.86vw;
  left: 35.69vw;
  position: absolute;
  top: 27.99vw;
  transform: rotate(44.61deg);
  width: 13.61vw;
}

.our-projects .rectangle-42079 {
  background-color: var(--woodsmoke-2);
  border-radius: 1.88vw;
  height: 11.11vw;
  left: 45.69vw;
  position: absolute;
  top: 24.03vw;
  transform: rotate(44.61deg);
  width: 10.21vw;
}

.our-projects .rectangle-42076 {
  background-color: var(--woodsmoke-2);
  border-radius: 1.08vw;
  height: 9.1vw;
  left: 2.01vw;
  position: absolute;
  top: 12.36vw;
  transform: rotate(44.61deg);
  width: 8.4vw;
}

.our-projects .overlap-group10 {
  height: 22.01vw;
  left: 16.67vw;
  position: absolute;
  top: 10.83vw;
  width: 25.49vw;
}

.our-projects .overlap-group7 {
  height: 22.01vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 10.83vw;
}

.our-projects .side-buttons {
  align-items: flex-start;
  display: flex;
  gap: 10.62vw;
  height: 17.5vw;
  justify-content: flex-end;
  left: 0;
  min-width: 10.83vw;
  position: absolute;
  top: 4.58vw;
}

.our-projects .flex-col {
  flex-direction: column;
  margin-top: 0;
  min-height: 5.35vw;
  width: 0.14vw;
}

.our-projects .btn {
  align-items: flex-start;
  background-color: var(--regent-gray);
  border-radius: 0.05vw 0.0vw 0.0vw 0.05vw;
  display: flex;
  justify-content: flex-end;
  margin-left: 0;
  min-width: 0.14vw;
}

.our-projects .highlight-container {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  border-radius: 0.05vw 0.0vw 0.0vw 0.05vw;
  height: 0.83vw;
  margin-top: 0;
  position: relative;
  width: 0.14vw;
}

.our-projects .highlight {
  background-color: var(--white);
  border-radius: 0.03vw 0.03vw 0.0vw 0.0vw;
  filter: blur(0.03vw);;
  height: 0.07vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 0.07vw;
}

.our-projects .highlight-1 {
  background-color: var(--white-2);
  border-radius: 0.0vw 0.0vw 0.03vw 0.03vw;
  filter: blur(0.03vw);;
  height: 0.69vw;
  left: 0;
  position: absolute;
  top: 0.07vw;
  width: 0.07vw;
}

.our-projects .btn-1 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
  margin-top: 0.76vw;
}

.our-projects .highlight-container-1 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  border-radius: 0.05vw 0.0vw 0.0vw 0.05vw;
  height: 1.67vw;
  margin-top: 0;
  position: relative;
  width: 0.14vw;
}

.our-projects .highlight-2 {
  background-color: var(--white);
  border-radius: 0.03vw 0.03vw 0.0vw 0.0vw;
  filter: blur(0.03vw);;
  height: 0.07vw;
  left: 0;
  position: absolute;
  top: 0.07vw;
  width: 0.07vw;
}

.our-projects .highlight-3 {
  background-color: var(--white-2);
  border-radius: 0.0vw 0.0vw 0.03vw 0.03vw;
  filter: blur(0.03vw);;
   
  left: 0;
  position: absolute;
  top: 0.14vw;
  width: 0.07vw;
}

.our-projects .btn-2 {
  background-color: var(--regent-gray);
  margin-top: 0.42vw;
}

.our-projects .btn-3 {
  height: 1.67vw;
  margin-top: 2.17vw;
  transform: rotate(180deg);
}

.our-projects .overlap-group3 {
  background-color: var(--regent-gray);
  border-radius: 0.05vw 0.0vw 0.0vw 0.05vw;
  height: 2.57vw;
  margin-top: -0.92vw;
  position: relative;
  width: 0.14vw;
}

.our-projects .shadow {
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: 0.05vw 0.0vw 0.0vw 0.05vw;
  height: 2.57vw;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 0.14vw;
}

.our-projects .frame-shadow {
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(174.25, 174.25, 174.25, 0) 100%);
  border-radius: 0.05vw 0.0vw 0.0vw 0.05vw;
  height: 2.57vw;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 0.14vw;
}

.our-projects .shadow-1 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  border-radius: 0.05vw 0.0vw 0.0vw 0.05vw;
  height: 2.57vw;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 0.14vw;
}

.our-projects .highlight-4 {
  background-color: var(--white);
  border-radius: 0.03vw 0.03vw 0.0vw 0.0vw;
  filter: blur(0.03vw);;
  height: 0.07vw;
  left: 0;
  position: absolute;
  top: 2.5vw;
  width: 0.07vw;
}

.our-projects .highlight-5 {
  background-color: var(--white-2);
  border-radius: 0.0vw 0.0vw 0.03vw 0.03vw;
  filter: blur(0.03vw);;
  height: 2.43vw;
  left: 0;
  position: absolute;
  top: 0.07vw;
  width: 0.07vw;
}

.our-projects .titanium-frame {
  align-items: flex-end;
  background-color: var(--mystic);
  border-radius: 1.78vw;
  display: flex;
  height: 22.01vw;
  left: 0.07vw;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 10.69vw;
}

.our-projects .overlap-group-2 {
  border: 0.08vw solid;
  border-color: var(--cape-cod);
  border-radius: 1.78vw;
  filter: blur(0.1vw);;
  height: 22.01vw;
  margin-bottom: 0;
  position: relative;
  width: 10.69vw;
}

.our-projects .shadow-outer {
  border: 0.03vw solid;
  border-color: var(--outer-space);
  border-radius: 1.78vw;
  filter: blur(0.05vw);;
  height: 22.01vw;
  left: -0.07vw;
  position: absolute;
  top: -0.07vw;
  width: 10.69vw;
}

.our-projects .shadow-inner {
  border: 0.03vw solid;
  border-color: var(--white);
  border-radius: 1.65vw;
  filter: blur(0.05vw);;
  height: 21.74vw;
  left: 0.07vw;
  position: absolute;
  top: 0.07vw;
  width: 10.42vw;
}

.our-projects .highlight-inner {
  border: 0.01vw solid;
  border-color: var(--white);
  border-radius: 1.62vw;
  height: 21.74vw;
  left: 0.07vw;
  position: absolute;
  top: 0.07vw;
  width: 10.42vw;
}

.our-projects .screen-frame {
  align-items: flex-end;
  background-color: var(--black-2);
  border-radius: 1.62vw;
  display: flex;
  height: 21.74vw;
  left: 0.21vw;
  overflow: hidden;
  position: absolute;
  top: 0.14vw;
  width: 10.35vw;
}

.our-projects .screen-border {
  border: 0.1vw solid;
  border-color: transparent;
  border-image: radial-gradient(rgb(134.76, 145.1, 147.69), rgb(0, 0, 0)) 1;
  border-radius: 1.62vw;
  filter: blur(0.18vw);;
  height: 21.74vw;
  margin-bottom: 0;
  width: 10.35vw;
}

.our-projects .screen-here {
  align-items: flex-start;
  background-color: var(--black);
  border-radius: 1.31vw;
  display: flex;
  height: 21.04vw;
  left: 0.56vw;
  overflow: hidden;
  position: absolute;
  top: 0.49vw;
  width: 9.65vw;
}

.our-projects .overlap-group5 {
  height: 21.11vw;
  margin-top: -0.03vw;
  position: relative;
  width: 9.65vw;
}

.our-projects .screen {
  background-color: var(--black);
  border-radius: 1.31vw;
  height: 21.04vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 9.65vw;
}

.our-projects .wallpaper {
  height: 21.11vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 9.65vw;
}

.our-projects .action-camera {
  -webkit-backdrop-filter: blur(2.09vw) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(2.09vw) brightness(100%);
  background-color: #00000026;
  border-radius: 2.61vw;
  display: flex;
  height: 1.32vw;
  justify-content: flex-end;
  left: 7.5vw;
  min-width: 1.32vw;
  padding: 0.38vw 0.31vw;
  position: absolute;
  top: 18.96vw;
}

.our-projects .sf-symbol-flashlightofffill {
  height: 0.49vw;
  width: 0.62vw;
}

.our-projects .ui-icons {
  align-items: flex-start;
  display: flex;
  height: 0.56vw;
  justify-content: flex-end;
  left: 1.88vw;
  min-width: 7.64vw;
  padding: 0.1vw 0;
  position: absolute;
  top: 0.97vw;
}

.our-projects .signal {
  height: 0.35vw;
  margin-top: 0;
  width: 0.49vw;
}

.our-projects .wi-fi {
  height: 0.35vw;
  margin-left: 0.21vw;
  width: 0.42vw;
}

.our-projects .battery {
  height: 0.35vw;
  margin-left: 0.14vw;
  width: 0.69vw;
}

.our-projects .dynamic-island {
  align-items: flex-start;
  background-color: var(--black-3);
  border-radius: 0.46vw;
  display: flex;
  gap: 0.21vw;
  height: 0.9vw;
  justify-content: flex-end;
  left: 3.89vw;
  min-width: 3.12vw;
  padding: 0.19vw 0.31vw;
  position: absolute;
  top: 0.76vw;
}

.our-projects .camera-indicator {
  align-self: center;
  background-color: #30b94d;
  border-radius: 0.06vw;
  height: 0.14vw;
  margin-bottom: 0.03vw;
  width: 0.14vw;
}

.our-projects .overlap-group-3 {
  background-color: var(--woodsmoke);
  border-radius: 0.25vw;
  height: 0.49vw;
  position: relative;
  width: 0.49vw;
}

.our-projects .lens {
  background-color: var(--mirage);
  border-radius: 0.14vw;
  height: 0.28vw;
  left: 0.14vw;
  position: absolute;
  top: 0.14vw;
  width: 0.28vw;
}

.our-projects .sensor {
  background-color: var(--vulcan);
  border-radius: 0.08vw;
  height: 0.14vw;
  left: 0.14vw;
  position: absolute;
  top: 0.14vw;
  width: 0.14vw;
}

.our-projects .sensor-1 {
  background-color: var(--martinique);
  border-radius: 0.03vw;
  height: 0.07vw;
  left: 0.21vw;
  position: absolute;
  top: 0.21vw;
  width: 0.07vw;
}

.our-projects .overlap-group8 {
  height: 22.01vw;
  left: 7.29vw;
  position: absolute;
  top: 0;
  width: 10.83vw;
}

.our-projects .side-buttons-1 {
  left: 0;
  padding: 0 0.0vw;
}

.our-projects .btn-4 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
}

.our-projects .btn-5 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
  margin-top: 0.76vw;
}

.our-projects .btn-6 {
  background-color: var(--regent-gray);
  margin-top: 0.42vw;
}

.our-projects .btn-7 {
  height: 1.67vw;
  margin-top: 2.17vw;
  transform: rotate(180deg);
}

.our-projects .screen-here-1 {
  align-items: flex-end;
  background-image: url(../img/imgs/screen@2x.png);
  display: flex;
  left: 0.56vw;
  overflow: hidden;
  padding: 0.94vw 0.86vw;
}

.our-projects .i-message {
  -webkit-backdrop-filter: blur(2.59vw) brightness(100%);
  align-items: flex-end;
  backdrop-filter: blur(2.59vw) brightness(100%);
  background-color: #f5f5f526;
  border-radius: 0.81vw;
  display: flex;
  height: 1.6vw;
  margin-left: 6.32vw;
  min-width: 1.6vw;
  padding: 0.5vw 0.47vw;
}

.our-projects .layer_1 {
  height: 0.56vw;
  width: 0.62vw;
}

.our-projects .overlap-group5-1 {
  background-color: var(--woodsmoke);
  border-radius: 0.25vw;
  height: 0.49vw;
  left: 6.18vw;
  position: absolute;
  top: 0.97vw;
  width: 0.49vw;
}

.our-projects .side-buttons-2 {
  left: 14.65vw;
}

.our-projects .btn-8 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
}

.our-projects .btn-9 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
  margin-top: 0.76vw;
}

.our-projects .btn-10 {
  background-color: var(--regent-gray);
  margin-top: 0.42vw;
}

.our-projects .btn-11 {
  height: 1.67vw;
  margin-top: 2.17vw;
  transform: rotate(180deg);
}

.our-projects .overlap-group9 {
  border-radius: 1.78vw;
  height: 22.01vw;
  left: 14.72vw;
  position: absolute;
  top: 0;
  width: 10.69vw;
}

.our-projects .titanium-frame-1 {
  align-items: flex-end;
  background-color: var(--mystic);
  border-radius: 1.78vw;
  display: flex;
  height: 22.01vw;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 10.69vw;
}

.our-projects .screen-frame-1 {
  align-items: flex-end;
  background-color: var(--black-2);
  border-radius: 1.62vw;
  display: flex;
  height: 21.74vw;
  left: 0.14vw;
  overflow: hidden;
  position: absolute;
  top: 0.14vw;
  width: 10.35vw;
}

.our-projects .screen-here-2 {
  background-image: url(../img/imgs/screen-2@2x.png);
  left: 0.49vw;
}

.our-projects .dynamic-island-1 {
  align-items: flex-start;
  background-color: var(--black-3);
  border-radius: 0.46vw;
  display: flex;
  height: 0.9vw;
  justify-content: flex-end;
  left: 3.82vw;
  min-width: 3.12vw;
  padding: 0.19vw 0.31vw;
  position: absolute;
  top: 0.76vw;
}

.our-projects .rectangle-42081 {
  background-color: var(--woodsmoke-2);
  border-radius: 3.06vw;
  height: 2.78vw;
  left: 8.47vw;
  position: absolute;
  top: 6.39vw;
  transform: rotate(-43.21deg);
  width: 15.28vw;
}

.our-projects .rectangle-42077 {
  background: linear-gradient(180deg, rgb(253.94, 206.42, 66.66) 0%, rgb(216, 166, 17) 100%);
  border-radius: 0.91vw;
  height: 6.39vw;
  left: 6.04vw;
  position: absolute;
  top: 25.42vw;
  transform: rotate(44.61deg);
  width: 5.9vw;
}

.our-projects .rectangle-42080 {
  background: linear-gradient(180deg, rgb(253.94, 206.42, 66.66) 0%, rgb(216, 166, 17) 100%);
  border-radius: 3.06vw;
  height: 2.57vw;
  left: 42.15vw;
  position: absolute;
  top: 19.38vw;
  transform: rotate(-45.48deg);
  width: 14.24vw;
}

.our-projects .group-1597883533 {
  align-items: center;
  display: flex;
  gap: 23.12vw;
  margin-right: 0.07vw;
  min-width: 40.28vw;
}

.our-projects .group-14-4 {
  gap: 813.82vw;
  height: 1.04vw;
  margin-top: 0.04vw;
  min-width: 15.62vw;
}

.our-projects .subtract-4 {
  margin-left: -813.89vw;
  margin-top: -145.04vw;
}

.our-projects .on-purpose-cubed {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-height: 1.04vw;
  white-space: nowrap;
  font-size: 16px;
}

.our-projects .vector-3 {
  height: 1.39vw;
  width: 1.53vw;
}

.our-projects .cashback {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  min-height: 30.28vw;
  width: 42.43vw;
}

.our-projects .frame-1597884277-2 {
  box-shadow: 0.0vw 0.0vw 0.35vw #4b4b4b38;
  height: 30.4vw;
  overflow: hidden;
}

.our-projects .overlap-group3-1 {
  position: relative;
  width: 44.38vw;
}

.our-projects .vector-3-1 {
  height: 23.19vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 31.25vw;
}

.our-projects .ellipse-793 {
  background-color: #ecf7ff;
  border-radius: 3.16vw;
  filter: blur(3.75vw);;
  height: 6.32vw;
  left: 2.92vw;
  position: absolute;
  top: 3.54vw;
  width: 6.32vw;
}

.our-projects .ellipse-792 {
  background-color: #b3deff99;
  border-radius: 4.9vw/5.14vw;
  filter: blur(5.0vw);;
  height: 10.28vw;
  left: 34.58vw;
  position: absolute;
  top: 18.06vw;
  width: 9.79vw;
}

.our-projects .overlap-group-container {
  height: 24.31vw;
  left: 23.89vw;
  position: absolute;
  top: 2.22vw;
  width: 18.54vw;
}

.our-projects .overlap-group-8 {
  height: 24.31vw;
  left: 0.07vw;
  position: absolute;
  top: 0;
  width: 18.47vw;
}

.our-projects .shadow-3 {
  height: 9.44vw;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 14.86vw;
  width: 18.47vw;
}

.our-projects .i-phone-13 {
  height: 20.76vw;
  left: 2.22vw;
  position: absolute;
  top: 0;
  width: 11.25vw;
}

.our-projects .overlap-group1-2 {
  height: 22.85vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 13.61vw;
}

.our-projects .shadow-4 {
  height: 20.69vw;
  left: 2.36vw;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0.07vw;
  width: 11.25vw;
}

.our-projects .i-phone-13-1 {
  height: 22.85vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 11.81vw;
}

.our-projects .mockup {
  height: 21.81vw;
  left: 0.42vw;
  position: absolute;
  top: 0.49vw;
  width: 10.35vw;
}

.our-projects .group-1597883526 {
  align-items: flex-end;
  background-image: url(../img/imgs/main-3@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 21.81vw;
  left: 5.35vw;
  min-width: 14.86vw;
  padding: 0.94vw 0.75vw;
  position: absolute;
  top: 2.78vw;
}

.our-projects .screen-1-3 {
  height: 18.89vw;
  object-fit: cover;
  width: 13.19vw;
}

.our-projects .group-1597883528-2 {
  gap: 22.43vw;
}

.our-projects .group-14-5 {
  gap: 858.47vw;
  height: 1.04vw;
  margin-top: 0.04vw;
  min-width: 16.32vw;
}

.our-projects .subtract-5 {
  margin-left: -858.54vw;
  margin-top: -145.04vw;
}

.our-projects .the-cash-back-app {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-height: 1.04vw;
  white-space: nowrap;
  font-size: 16px;
}

.our-projects .flex-row-3 {
  align-items: flex-start;
  display: flex;
  gap: 3.22vw;
  height: 35vw;
  margin-top: 5vw;
  min-width: 88vw;
}

.our-projects .istp {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  min-height: 30.35vw;
  width: 42.43vw;
}

.our-projects .frame-1597884277-3 {
  box-shadow: 0.0vw 0.0vw 0.32vw #4b4b4b38;
  height: 30.44vw;
  overflow: hidden;
}

.our-projects .group-container-1 {
  position: relative;
  width: 42.43vw;
}

.our-projects .group-1597883519-1 {
  align-items: flex-end;
  display: flex;
  height: 11.53vw;
  left: 0;
  min-width: 42.43vw;
  position: absolute;
  top: 0;
}

.our-projects .union {
  height: 8.54vw;
  margin-bottom: 0;
  width: 21.25vw;
}

.our-projects .group-1597883520-1 {
  align-items: flex-start;
  display: flex;
  height: 11.53vw;
  left: 0;
  min-width: 42.43vw;
  padding: 0.0vw 0;
  position: absolute;
  top: 21.6vw;
}

.our-projects .union-5 {
  height: 7.85vw;
  width: 21.25vw;
}

.our-projects .union-6 {
  height: 7.85vw;
  margin-top: 0;
  width: 21.25vw;
}

.our-projects .overlap-group10-1 {
  height: 22.01vw;
  left: 8.47vw;
  position: absolute;
  top: 5.21vw;
  width: 25.49vw;
}

.our-projects .btn-12 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
}

.our-projects .btn-13 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
  margin-top: 0.76vw;
}

.our-projects .btn-14 {
  background-color: var(--regent-gray);
  margin-top: 0.42vw;
}

.our-projects .btn-15 {
  height: 1.67vw;
  margin-top: 2.17vw;
  transform: rotate(180deg);
}

.our-projects .btn-16 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
}

.our-projects .btn-17 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
  margin-top: 0.76vw;
}

.our-projects .btn-18 {
  background-color: var(--regent-gray);
  margin-top: 0.42vw;
}

.our-projects .btn-19 {
  height: 1.67vw;
  margin-top: 2.17vw;
  transform: rotate(180deg);
}

.our-projects .screen-here-3 {
  align-items: flex-end;
  background-image: url(../img/imgs/screen-3@2x.png);
  display: flex;
  left: 0.56vw;
  overflow: hidden;
  padding: 0.94vw 0.86vw;
}

.our-projects .btn-20 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
}

.our-projects .btn-21 {
  background-color: var(--regent-gray);
  justify-content: flex-end;
  margin-left: 0;
  margin-top: 0.76vw;
}

.our-projects .btn-22 {
  background-color: var(--regent-gray);
  margin-top: 0.42vw;
}

.our-projects .btn-23 {
  height: 1.67vw;
  margin-top: 2.17vw;
  transform: rotate(180deg);
}

.our-projects .screen-here-4 {
  background-image: url(../img/imgs/screen-4@2x.png);
  left: 0.49vw;
}

.our-projects .group-1597883547 {
  align-items: center;
  display: flex;
  gap: 35.35vw;
  margin-right: 0.08vw;
  min-width: 40.14vw;
}

.our-projects .group-14-6 {
  gap: 813.89vw;
  margin-top: 0.06vw;
  min-width: 3.4vw;
}

.our-projects .subtract-6 {
  margin-left: -813.96vw;
  margin-top: -179.66vw;
}

.our-projects .istp-1 {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-height: 1.04vw;
  white-space: nowrap;
  font-size: 16px;
}

.our-projects .vadilal {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  min-height: 30.28vw;
  width: 42.43vw;
}

.our-projects .runway-buy-4 {
  align-items: flex-start;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(153, 182, 112) 100%);
  background-image: url(../img/imgs/group-1597883556.png);
  background-size: 100% 100%;
  border: 0.01vw solid;
  border-color: #73a52c;
  box-shadow: 0.0vw 0.0vw 0.35vw #4b4b4b38;
  display: flex;
  width: 42.43vw;
}

.our-projects .overlap-group-9 {
  height: 26.53vw;
  position: relative;
  width: 41.25vw;
}

.our-projects .group-1597883557 {
  height: 19.72vw;
  left: 21.25vw;
  position: absolute;
  top: 6.81vw;
  width: 20.0vw;
}

.our-projects .group-1597883558 {
  height: 13.68vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 6.74vw;
}

.our-projects .mac-book-air-2022 {
  height: 24.17vw;
  left: 4.38vw;
  position: absolute;
  top: 1.18vw;
  width: 29.86vw;
}

.our-projects .group-1597883533-1 {
  align-items: center;
  display: flex;
  gap: 27.15vw;
  margin-right: 0.21vw;
  min-width: 40.14vw;
}

.our-projects .group-14-7 {
  gap: 858.47vw;
  margin-top: 0.04vw;
  min-width: 11.6vw;
}

.our-projects .subtract-7 {
  margin-left: -858.54vw;
  margin-top: -179.65vw;
}

.our-projects .new-jersey {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-height: 1.04vw;
  white-space: nowrap;
  font-size: 16px;
}

.our-projects .flex-row-4 {
  align-items: flex-start;
  display: flex;
  gap: 3.22vw;
  height: 35vw;
  margin-top: 1vw;
  min-width: 88vw;
}

.our-projects .drip {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  min-height: 30.35vw;
  width: 42.43vw;
}

.our-projects .frame-1597884277-4 {
  box-shadow: 0.0vw 0.0vw 0.32vw #4b4b4b38;
  height: 30.45vw;
  overflow: hidden;
  width: 42.43vw;
}

.our-projects .overlap-group1-3 {
  position: relative;
}

.our-projects .rectangle-12-1 {
  background-color: #015de84c;
  border-radius: 3.89vw;
  height: 39.38vw;
  left: 4.44vw;
  position: absolute;
  top: 4.44vw;
  transform: rotate(-345.00deg);
  width: 39.38vw;
}

.our-projects .rectangle-10-1 {
  background-color: #015de899;
  border-radius: 3.89vw;
  height: 30.28vw;
  left: 8.96vw;
  position: absolute;
  top: 8.96vw;
  transform: rotate(-255.00deg);
  width: 30.28vw;
}

.our-projects .rectangle-11-1 {
  background-color: #015de8;
  border-radius: 3.89vw;
  height: 20.62vw;
  left: 13.82vw;
  position: absolute;
  top: 13.82vw;
  transform: rotate(-345.00deg);
  width: 20.62vw;
}

.our-projects .hp-elite-dragonfly {
  height: 23.82vw;
  left: 29.38vw;
  position: absolute;
  top: 7.92vw;
  width: 38.12vw;
}

.our-projects .group-1597883511-2 {
  gap: 25.69vw;
  margin-right: 0.08vw;
}

.our-projects .group-14-8 {
  gap: 813.89vw;
  margin-top: 0.06vw;
  min-width: 13.06vw;
}

.our-projects .subtract-8 {
  margin-left: -813.96vw;
  margin-top: -214.28vw;
}

.our-projects .drip-social-club {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-height: 1.04vw;
  white-space: nowrap;
  font-size: 16px;
}

.our-projects .purpose-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  min-height: 30.35vw;
  width: 42.43vw;
}

.our-projects .frame-1597884277-5 {
  align-items: flex-start;
  background: radial-gradient(50% 50% at 50% 50%, rgb(29, 28, 28) 0%, rgb(237, 241, 245) 100%);
  border-color: #b78604;
  box-shadow: 0.0vw 0.0vw 0.32vw #4b4b4b38;
}

.our-projects .group-1597883514 {
  height: 22.15vw;
  left: 21.25vw;
  position: absolute;
  top: 4.38vw;
  width: 21.18vw;
}

.our-projects .group-1597883550 {
  height: 18.19vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 13.61vw;
}

.our-projects .macbook-air-2022-midnight-front-view {
  align-items: flex-start;
  background-image: url(../img/imgs/shadow-3@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 18.54vw;
  left: 7.36vw;
  min-width: 27.78vw;
  padding: 0 0.81vw;
  position: absolute;
  top: 4.03vw;
}

.our-projects .overlap-group-10 {
  align-items: flex-start;
  background-image: url(../img/imgs/main-4@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 18.33vw;
  margin-top: 0;
  min-width: 26.04vw;
  padding: 0.44vw 1.97vw;
}

.our-projects .macbook-air-2022-mid {
  height: 14.31vw;
  object-fit: cover;
  width: 22.08vw;
}

.our-projects .group-1597883547-1 {
  align-items: center;
  display: flex;
  gap: 23.12vw;
  margin-right: 0.08vw;
  min-width: 40.14vw;
}

.our-projects .group-14-9 {
  gap: 858.54vw;
  height: 1.04vw;
  margin-top: 0.06vw;
  min-width: 15.62vw;
}

.our-projects .subtract-9 {
  margin-left: -858.61vw;
  margin-top: -214.28vw;
}

.our-projects .on-purpose-cubed-1 {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-height: 1.04vw;
  white-space: nowrap;
}

.our-projects .suckhair {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  min-height: 30.28vw;
  width: 42.43vw;
}

.our-projects .frame-1597884279 {
  box-shadow: 0.0vw 0.0vw 0.35vw #4b4b4b38;
  display: flex;
  height: 30.45vw;
  overflow: hidden;
  width: 42.43vw;
}

.our-projects .overlap-group-11 {
  position: relative;
  width: 46.6vw;
}

.our-projects .ellipse-792-1 {
  background-color: var(--white);
  border-radius: 6.46vw/6.74vw;
  height: 13.47vw;
  left: 33.68vw;
  position: absolute;
  top: 17.43vw;
  width: 12.92vw;
}

.our-projects .group {
  height: 26.53vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 42.43vw;
}

.our-projects .mac-book-air-2022-1 {
  height: 25.62vw;
  left: 3.12vw;
  position: absolute;
  top: 0;
  width: 30.56vw;
}

.our-projects .group-1597883528-3 {
  gap: 31.6vw;
}

.our-projects .group-14-10 {
  gap: 813.82vw;
  height: 1.04vw;
  margin-top: 0.04vw;
  min-width: 7.15vw;
}

.our-projects .subtract-10 {
  margin-left: -813.89vw;
  margin-top: -248.89vw;
}

.our-projects .slickhair {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-height: 1.04vw;
  white-space: nowrap;
}

.our-projects .hr {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.94vw;
  min-height: 30.28vw;
  width: 42.43vw;
}

.our-projects .runway-buy-5 {
  box-shadow: 0.0vw 0.0vw 0.35vw #4b4b4b38;
  display: flex;
  overflow: hidden;
  height: 30.45vw;
  width: 42.43vw;
}

.our-projects .rectangle-42071-1 {
  background: radial-gradient(50% 50% at 50% 50%, rgb(126.7, 131.75, 98.81) 0%, rgb(158, 181, 31) 100%);
  height: 11.88vw;
  left: 23.47vw;
  position: absolute;
  top: 14.65vw;
  width: 18.96vw;
}

.our-projects .rectangle-42072-1 {
  background: radial-gradient(50% 50% at 50% 50%, rgb(126.7, 131.75, 98.81) 0%, rgb(158, 181, 31) 100%);
  height: 11.88vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.96vw;
}

.our-projects .macbook-air-2022-space-gray-front-view {
  align-items: flex-start;
  background-image: url(../img/imgs/shadow-4@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 20.9vw;
  left: 5.56vw;
  min-width: 31.32vw;
  padding: 0 0.92vw;
  position: absolute;
  top: 2.85vw;
}

.our-projects .overlap-group-12 {
  align-items: flex-start;
  background-image: url(../img/imgs/main-5@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 20.62vw;
  margin-top: 0;
  min-width: 29.38vw;
  padding: 0.51vw 2.22vw;
}

.our-projects .macbook-air-2022-spa {
  height: 16.11vw;
  object-fit: cover;
  width: 24.86vw;
}

.our-projects .group-1597883528-4 {
  gap: 34.86vw;
}

.our-projects .group-14-11 {
  gap: 858.47vw;
  height: 1.04vw;
  margin-top: 0.04vw;
  min-width: 3.89vw;
}

.our-projects .subtract-11 {
  margin-left: -858.54vw;
  margin-top: -248.89vw;
}

.our-projects .hrq {
  letter-spacing: 0;
  line-height: 1.67vw;
  min-height: 1.04vw;
  white-space: nowrap;
  font-size: 16px;
}

.our-projects .frame-1597884231 {
  align-items: flex-end;
  background-color: #edf1f5;
  display: flex;
  flex-direction: column;
  gap: 1.74vw;
  height: 34.72vw;
  margin-top: 3.61vw;
  padding: 2.99vw 6.04vw;
  width: 100.0vw;
}

.our-projects .flex-row-5 {
  align-items: flex-start;
  display: flex;
  gap: 18.68vw;
  margin-right: 0.56vw;
  margin-top: 0.76vw;
  min-width: 85.49vw;
}

.our-projects .group-1597883445 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 22.85vw;
  width: 31.53vw;
}

.our-projects .screenshot-2025-02-10-120027-2-1 {
  height: 11.04vw;
  object-fit: contain;
  width: 17.71vw;
}

.our-projects .contact-us-today-to {
  color: #272727;
  font-weight: 500;
  line-height: 1.75vw;
  margin-top: 1.53vw;
  min-height: 3.47vw;
  width: 31.39vw;
}

.our-projects .frame-1000004986 {
  height: 2.5vw;
  margin-top: 4.31vw;
  position: relative;
  width: 11.67vw;
}

.our-projects .frame-1321314611 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5.83vw;
  height: 24.72vw;
  position: relative;
  width: 35.28vw;
}

.our-projects .frame-1321314628 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.11vw;
  position: relative;
  width: 100%;
}

.our-projects .get-a-free-consultation {
  align-self: stretch;
  color: #121212;
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.08vw;
  margin-top: -0.07vw;
  position: relative;
}

.our-projects .frame-1321314625 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 0.56vw;
  position: relative;
  width: 100%;
}

.our-projects .text-field {
  align-items: center;
  background-color: #f4f4f4;
  border: 0.03vw solid;
  border-color: var(--black);
  border-radius: 2.78vw;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 1.11vw;
  height: 3.89vw;
  padding: 1.11vw 1.67vw;
  position: relative;
}

.our-projects .icons-email {
  height: 1.67vw;
  position: relative;
  width: 1.67vw;
}

.our-projects .enter-your-email-to-get-started {
  color: #64748b;
  flex: 1;
  font-weight: 500;
  line-height: 1.0vw;
  position: relative;
}

.our-projects .button {
  align-items: center;
  background-color: var(--willow-grove);
  border-radius: 5.56vw;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1.11vw;
  padding: 0.42vw 0.56vw 0.42vw 1.67vw;
  position: relative;
}

.our-projects .get-started {
  color: var(--white);
  font-weight: 700;
  line-height: 1.44vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.our-projects .arrow {
  align-items: flex-start;
  background-color: #f8fafc;
  border-radius: 5.56vw;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.56vw;
  padding: 0.83vw;
  position: relative;
}

.our-projects .iconsarrow-up-right {
  height: 1.39vw;
  position: relative;
  width: 1.39vw;
}

.our-projects .frame-1321314623 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.11vw;
  justify-content: center;
  position: relative;
}

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

.our-projects .isolation_-mode {
  height: 2.78vw;
  position: relative;
  width: 2.78vw;
}

.our-projects .nav-list-item-link-contacts {
  letter-spacing: 0;
  line-height: 1.56vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.our-projects .icon {
  height: 2.78vw;
  position: relative;
  width: 2.78vw;
}

.our-projects .isolation_-mode-1 {
  height: 2.78vw;
  position: relative;
  width: 2.78vw;
}

.our-projects .overlap-group13 {
   
  position: relative;
  width: 86.18vw;
}

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

.our-projects .frame-1597884275 {
  align-items: flex-start;
  background-color: #edf1f5;
  display: flex;
   
  justify-content: flex-end;
  left: 26.03vw;
  min-width: 26.39vw;
  padding: 0 0.69vw;
  position: absolute;
  top: 0;
}

.our-projects .copyright-g-s-bitl {
  color: var(--willow-grove);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-weight: 500;
   
  letter-spacing: 0;
  line-height: 1.56vw;
  margin-top: -0.07vw;
  min-width: 24.65vw;
  text-align: center;
  white-space: nowrap;
}

.our-projects .vuesaxboldarrow-square-right {
  align-self: flex-start;
  height: 2.92vw;
  margin-left: -723.19vw;
  margin-top: 4.17vw;
  width: 2.92vw;
}

.our-projects .group-container-2 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  gap: 2.08vw;
  margin-right: -130.13vw;
  margin-top: 3.4vw;
  min-width: 122.01vw;
}

.our-projects .group-159788317 {
  align-items: center;
  display: flex;
  gap: 800.49vw;
  min-width: 18.61vw;
}

.our-projects .frame-1-1 {
  height: 0.83vw;
  margin-bottom: 0.91vw;
  margin-left: -805.42vw;
  position: relative;
  width: 4.93vw;
}

.our-projects .group-1000009609 {
  align-items: flex-end;
  display: flex;
  gap: 788.54vw;
  min-width: 18.75vw;
}

.our-projects .overlap-group-4 {
  align-items: flex-start;
  background-image: url(../img/imgs/vuesax-bold-arrow-square-right@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: 18.61vw;
  justify-content: flex-end;
  margin-bottom: -3.33vw;
  margin-left: -806.6vw;
  min-width: 18.61vw;
  padding: 2.4vw 2.85vw;
}

.our-projects .vector-2 {
  height: 2.36vw;
  width: 3.06vw;
}

.our-projects .group-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.36vw;
  margin-bottom: 0.48vw;
  min-height: 16.04vw;
  width: 17.5vw;
}

.our-projects .group-1261153125 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.21vw;
  margin-left: 0.56vw;
  min-height: 2.85vw;
  width: 7.92vw;
}

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

.our-projects .executive-engineer {
  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;
}

.our-projects .overlap-group-5 {
  align-items: 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;
}

.our-projects .this-is-where-you-ca {
  letter-spacing: 0;
  line-height: 1.47vw;
  min-height: 8.82vw;
  width: 15.83vw;
}

.our-projects .btn-24 {
  align-items: flex-start;
  border-radius: 0.05vw 0.0vw 0.0vw 0.05vw;
  display: flex;
  min-width: 0.14vw;
}

.our-projects .flex {
  align-items: flex-start;
  display: flex;
}

.our-projects .frame-1597884277-6 {
  display: flex;
  width: 42.43vw;
}

.our-projects .group-14-12 {
  align-items: flex-start;
  display: flex;
}

.our-projects .group-1597883511-3 {
  align-items: center;
  display: flex;
  min-width: 40.14vw;
}

.our-projects .group-1597883528-5 {
  align-items: center;
  display: flex;
  margin-right: 0.21vw;
  min-width: 40.14vw;
}

.our-projects .screen-here-5 {
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 1.31vw;
  height: 21.04vw;
  position: absolute;
  top: 0.49vw;
  width: 9.65vw;
}

.our-projects .side-buttons-3 {
  align-items: flex-start;
  display: flex;
  gap: 10.56vw;
  height: 17.5vw;
  min-width: 10.83vw;
  position: absolute;
  top: 4.58vw;
}

.our-projects .subtract-12 {
  height: 0.07vw;
  width: 0.07vw;
}

.hidden {
  display: none !important;
}

@media (max-width: 768px) {
  .our-projects {
    height: auto;
    width: 100%;
    padding: 0 3vw;
  }

  .our-projects .flex-row-1,
  .our-projects .flex-row-2,
  .our-projects .flex,
  .our-projects .flex-row-3,
  .our-projects .flex-row-4 {
    flex-direction: column;
    height: auto;
    width: 100%;
    margin-top: 6vw;
  }

  .our-projects .exploring-the-inters {
    font-size: 14px;
    width: 100%;
    height: auto;
    line-height: normal;
    text-align: center;
    left: 0;
    top: 16vw;
    padding: 0 6vw;
  }

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

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

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

  .our-projects .frame-1597884269 {
    height: 50vw;
    margin-top: 30vw;
    border-radius: 4.15vw;
    width: 100%;
  }

  .our-projects .overlap-group-6 {
    height: 100%;
    width: 100%;
  }

  .our-projects .flex-row-item,
  .our-projects .frame-1597884277,
  .our-projects .overlap-group1,
  .our-projects .group-1597883511,
  .our-projects .group-14,
  .our-projects .frame-1597884277-6,
  .our-projects .overlap-group-7,
  .our-projects .group-1597883511-3,
  .our-projects .group-14-12,
  .our-projects .runway,
  .our-projects .runway-buy,
  .our-projects .overlap-group-1,
  .our-projects .group-1597883528,
  .our-projects .ww,
  .our-projects .overlap-group3-1,
  .our-projects .group-1597883528-5,
  .our-projects .purpose,
  .our-projects .runway-buy-3,
  .our-projects .overlap-group12,
  .our-projects .group-1597883533,
  .our-projects .cashback,
  .our-projects .group-container-1,
  .our-projects .group-1597883547,
  .our-projects .istp,
  .our-projects .frame-1597884279,
  .our-projects .overlap-group-11,
  .our-projects .vadilal,
  .our-projects .overlap-group1-3,
  .our-projects .drip,
  .our-projects .runway-buy-5 {
    width: 100%;
    height: auto;
  }

  .our-projects .group-14,
  .our-projects .group-14-12 {
    gap: normal;
  }

  .our-projects .popt,
  .our-projects .scrubup,
  .our-projects .runway-buy-1,
  .our-projects .the-cash-back-app,
  .our-projects .on-purpose-cubed,
  .our-projects .istp-1,
  .our-projects .slickhair,
  .our-projects .drip-social-club,
  .our-projects .hrq {
    line-height: normal;
    font-size: 16px;
  }

  .our-projects .vector,
  .our-projects .vector-1,
  .our-projects .vector-3 {
    height: 4vw;
    width: 4vw;
  }

  .our-projects .heading {
    width: 100%;
    font-size: 20px;
    left: 0;
    text-align: center;
  }

  .our-projects .flex-row-33 {
    align-items: flex-start;
    display: flex;
    margin-top: 5vw;
    width: 108%;

  }

  .our-projects .flex-row-33 .group-1597883479-3 {
    background: linear-gradient(180deg, rgba(237, 241, 245, 0.38) 0%, rgba(158.11, 173.4, 144.36, 0.38) 100%);
    display: flex;
    width: 100%;
    padding: 7.73vw 5.32vw;
  }

  .our-projects .flex-row-33 .overlap-group88 {
    position: relative;
    width: 100%;
  }

  .our-projects .flex-row-33 .overlap-group88 .group-1597883477-1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 15vw;
    width: 100%;
  }

  .our-projects .flex-row-33 .overlap-group88 .group-1597883476 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10.68vw;
    width: 100%;
  }

  .our-projects .flex-row-33 .overlap-group88 .group-1597883475 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 7.5vw;
    width: 100%;
  }

  .our-projects .flex-row-33 .overlap-group88 .contact-us-today-to {
    color: var(--shark);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-xl);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 4.32vw;
    text-align: center;
    width: 100%;
  }

  .our-projects .flex-row-33 .overlap-group88 .group-1597883474-1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
  }

  .our-projects .flex-row-33 .overlap-group88 .group-1597883473-1 {
    display: none;
  }

  .our-projects .flex-row-33 .overlap-group88 .group-1597883468 {
    width: 100%;
    display: flex    ;
    flex-direction: column;
    gap: 20px;
  }

  .our-projects .flex-row-33 .overlap-group88 .group-1597883465-1,
  .our-projects .flex-row-33 .overlap-group88 .group-1597883466-1,
  .our-projects .flex-row-33 .overlap-group88 .group-1597883467-1 {
    display: flex;
    width: 100%;
    gap: 10px;
    color: var(--shark);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-xl);
  }
  
  .our-projects .flex-row-33 .overlap-group88 .group-1597883465-1 img,
  .our-projects .flex-row-33 .overlap-group88 .group-1597883466-1 img,
  .our-projects .flex-row-33 .overlap-group88 .group-1597883467-1 img {
    width: 20px;
  }

  .our-projects .copyright-g-s-bitl {
    white-space: normal;
    width: 100%;
    line-height: normal;
    font-size: 14px;
  }

  .our-projects .flex-row-33 .overlap-group88 .line-43-1 {
    bottom: 76px;
    position: absolute;
    width: 100%;
  }
}