.desktop {
  width: 1440px;
  height: 1024px;
  background-color: #f7f7f7;
}

.desktop .overlap {
  position: relative;
  height: 1032px;
  top: -8px;
}

.desktop .frame {
  position: absolute;
  width: 864px;
  height: 652px;
  top: 46px;
  left: 7px;
}

.desktop .overlap-group {
  position: relative;
  width: 477px;
  height: 516px;
  top: 151px;
  left: 12px;
}

.desktop .rectangle {
  position: absolute;
  width: 249px;
  height: 80px;
  top: 0;
  left: 228px;
  background-color: #ffdb61;
  border-radius: 8px;
}

.desktop .website-construction {
  position: absolute;
  width: 445px;
  height: 445px;
  top: 71px;
  left: 0;
  object-fit: cover;
}

.desktop .we-re-gearing-up-for {
  position: absolute;
  width: 750px;
  height: 192px;
  top: 697px;
  left: 80px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: var(--zoopid-color-variables-zoopid-color-graphiteblack);
  font-size: 24px;
  letter-spacing: -0.48px;
  line-height: 43.4px;
}

.desktop .text-wrapper {
  font-weight: 600;
  color: #4c4c4c;
}

.desktop .span {
  color: #4c4c4c;
}

.desktop .text-wrapper-2 {
  font-weight: 500;
  color: #08090a;
}

.desktop .text-wrapper-3 {
  font-weight: 700;
  color: #4c4c4c;
  font-size: 32px;
  letter-spacing: -0.64px;
  line-height: 57.9px;
}

.desktop .vector {
  position: absolute;
  width: 806px;
  height: 943px;
  top: 89px;
  left: 634px;
}

.desktop .mask-group {
  position: absolute;
  width: 822px;
  height: 956px;
  top: 76px;
  left: 618px;
}

.desktop .div {
  display: flex;
  width: 1440px;
  align-items: center;
  gap: 12px;
  padding: 0px 24px 0px 0px;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: var(--zoopid-color-variables-zoopid-color-pearlwhite);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--zoopid-color-variables-zoopid-color-floral-white);
  box-shadow: 0px 4px 4px #00000040;
}

.desktop .text-wrapper-4 {
  position: absolute;
  width: 158px;
  height: 97px;
  top: 0;
  left: 48px;
  font-family: "Quitars-Regular", Helvetica;
  font-weight: 400;
  color: var(--zoopid-color-variables-zoopid-color-graphiteblack);
  font-size: 56px;
  letter-spacing: -1.12px;
  line-height: normal;
}

.desktop .more-savings-to-your {
  position: absolute;
  width: 727px;
  height: 162px;
  top: 190px;
  left: 80px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 64px;
  letter-spacing: -2.56px;
  line-height: normal;
}

.desktop .frame-2 {
  position: absolute;
  width: 311px;
  height: 34px;
  top: 31px;
  left: 1054px;
}

.desktop .text-wrapper-5 {
  position: absolute;
  height: 30px;
  top: 0;
  left: 1px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 700;
  color: var(--zoopid-color-variables-zoopid-graphite-50-opacity);
  font-size: 24px;
  letter-spacing: -0.96px;
  line-height: normal;
}

.desktop .text-wrapper-6 {
  position: absolute;
  height: 30px;
  top: 0;
  left: 148px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: var(--zoopid-color-variables-zoopid-color-graphiteblack);
  font-size: 24px;
  letter-spacing: -0.96px;
  line-height: normal;
}