/* screen - popt-md */
@media(max-width: 800px) {
.popt-md {
  align-items: center;
  background-color: #edf1f5;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  width: 100%;
  padding: 0 3vw;
}

.popt-md .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);
}

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

.popt-md .group-1597883479 {
  height: auto;
  margin-bottom: 0.16vw;
  width: 100%;
}

.popt-md .group-1597883779 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.23vw;
  margin-top: 30vw;
  min-height: auto;
  width: 100%;
}

.popt-md .poptscanlink-property-management-app {
  color: #101010;
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
}

.popt-md .poptscanlink-a-tra {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
  margin: 10px 0;
}

.popt-md .overlap-group8 {
  height: auto;
  margin-top: 12.86vw;
  position: relative;
  width: 108%;
}

.popt-md .mask-group {
  height: auto;
  width: 100%;
}

.popt-md .popt01png {
  background-image: url(../img/md/popt01-png@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 280px;
  left: 24.09vw;
  position: absolute;
  top: -40px;
  width: 180px;
}


.popt-md .popt02jpg {
  background-image: url(../img/md/popt02-jpg@2x.png);
  background-position: 50% 50%;
  background-size: contain;
  height: 300px;
  margin-top: 6.36vw;
  width: 100%;
  background-repeat: no-repeat;
}

.popt-md .group-1597883811 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1.82vw;
  margin-top: 6.14vw;
  min-height: auto;
  width: 100%;
}

.popt-md .group-1597883808 {
  align-items: flex-start;
  display: flex;
  gap: 2.27vw;
  width: 100%;
}

.popt-md .text {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  white-space: normal;
  width: 20px;
}

.popt-md .ing {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
}

.popt-md .group-15978838 {
  align-items: flex-start;
  display: flex;
  gap: 1.59vw;
  width: 100%;
}

.popt-md .text-3 {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  margin-top: 0.91vw;
  white-space: normal;
  width: 20px;
}

.popt-md .seamlessly-incorpora {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
}

.popt-md .overlap-group9 {
  height: auto;
  margin-top: 9.77vw;
  position: relative;
  width: 108%;
  padding: 6vw;
  background-color: #f97d754c;
}

.popt-md .group-1597883813 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2.73vw;
  min-height: auto;
  width: 100%;
}

.popt-md .heading-4-strategi {
  color: var(--shark);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  margin-right: 0.45vw;
  text-align: center;
  white-space: normal;
  width: 100%;
}

.popt-md .group-1597883812 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: auto;
  width: 100%;
}

.popt-md .comprehensive-develo {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
}

.popt-md .user-centric-design {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  margin-top: 1.59vw;
  width: 100%;
}

.popt-md .qr-code-integration {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  margin-top: 2.05vw;
  width: 100%;
}

.popt-md .cross-device-optimiz {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  margin-top: 3.86vw;
  width: 100%;
}

.popt-md .heading-4-the-results {
  font-weight: 400;
  margin-top: 9vw !important;
  text-align: center;
  width: 100%;
}

.popt-md .popt03jpg {
  background-image: url(../img/md/popt03-jpg@2x.png);
  background-position: 50% 50%;
  background-size: contain;
  height: 300px;
  margin-top: 6.59vw;
  width: 100%;
  background-repeat: no-repeat;
}

.popt-md .group-1597883814 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 5.68vw;
  min-height: auto;
  width: 100%;
}

.popt-md .heading-6 {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  white-space: normal;
}

.popt-md .poptscanlink-accomp {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
}

.popt-md .group-1597883815 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.27vw;
  margin-top: 2.27vw;
  min-height: auto;
  width: 100%;
}

.popt-md .user-feedback-highli {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
}

.popt-md .group-1597883816 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.27vw;
  margin-top: 3.18vw;
  min-height: auto;
  width: 100%;
}

.popt-md .the-consistent-desig {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
}

.popt-md .group-1597883817 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.91vw;
  margin-top: 3.18vw;
  min-height: auto;
  width: 100%;
}

.popt-md .the-integrated-qr-co {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  width: 100%;
}

.popt-md .group-1597883548 {
  align-items: center;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8.41vw;
  margin-top: 9.55vw;
  min-height: auto;
  width: 100%;
}

.popt-md .group-1597883523 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 5.23vw;
  min-height: auto;
  width: 100%;
}

.popt-md .group-1597883459 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
  margin-left: 21.99vw;
  min-height: auto;
  width: 100%;
}

.popt-md .customer-reviews {
  color: var(--material-themeblack);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4;
  margin-right: 0.91vw;
  min-height: auto;
  width: 100%;
}

.popt-md .committed-to-better {
  color: #3e3e3e;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: -2.5vw;
  margin-right: 0.91vw;
  min-height: auto;
  width: 100%;
}

.popt-md .group-1597883380 {
  align-items: flex-end;
  display: flex;
  gap: 2.73vw;
  height: auto;
  width: 100%;
}

.popt-md .group-container-1 {
  align-self: flex-start;
}

.popt-md .group-1000009609 {
  align-items: flex-end;
  display: flex;
  gap: 13495.68vw;
  height: auto;
  left: 0;
  width: 100%;
  position: absolute;
  top: 0;
}

.popt-md .overlap-group1 {
  align-items: flex-start;
  background-image: url(../img/md/rectangle-5329@2x.png);
  background-size: 100% 100%;
  display: flex;
  height: auto;
  justify-content: flex-end;
  margin-bottom: -184.55vw;
  margin-left: -13553.86vw;
  width: 100%;
  padding: 7.73vw 9.18vw;
}

.popt-md .vector {
  height: auto;
  width: 100%;
}

.popt-md .overlap-group {
  align-items: flex-end;
  background-color: var(--vida-loca);
  border-radius: 2.99vw;
  display: flex;
  height: auto;
  margin-bottom: 1.42vw;
  width: 100%;
  padding: 3.25vw 1.34vw;
}

.popt-md .the-team-delivered-a {
  letter-spacing: 0;
  line-height: 1.4;
  min-height: auto;
  width: 100%;
}

.popt-md .group-1597883375 {
  align-items: flex-start;
  display: flex;
  gap: 13537.95vw;
  height: auto;
  left: 3.18vw;
  width: 100%;
  position: absolute;
  top: 7.27vw;
}

.popt-md .frame-1 {
  align-self: flex-end;
  height: auto;
  margin-bottom: -184.55vw;
  margin-left: -13553.86vw;
  position: relative;
  width: 100%;
}

.popt-md .group-1261153125 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.68vw;
  min-height: auto;
  width: 100%;
}

.popt-md .name {
  letter-spacing: -0.04vw;
  line-height: 1.4;
  min-height: auto;
  width: 100%;
  text-align: center;
  white-space: normal;
}

.popt-md .executive-engineer {
  letter-spacing: -0.02vw;
  line-height: 1.4;
  margin-left: 0;
  min-height: auto;
  width: 100%;
  text-align: center;
  white-space: normal;
}

.popt-md .group-container {
  height: auto;
  position: relative;
  width: 100%;
}

.popt-md .group-1000009609-1 {
  gap: 13505.0vw;
}

.popt-md .vector-1 {
  height: auto;
  margin-bottom: -139.92vw;
  margin-left: -13512.95vw;
  width: 100%;
}

.popt-md .overlap-group1-1 {
  height: auto;
  margin-bottom: -0.08vw;
  position: relative;
  width: 100%;
}

.popt-md .rectangle-5329 {
  height: auto;
  left: 51.14vw;
  position: absolute;
  top: 0;
  width: 100%;
}

.popt-md .overlap-group-1 {
  left: 0;
  position: absolute;
  top: 23.64vw;
}

.popt-md .group-container-2 {
  margin-bottom: -0.08vw;
}

.popt-md .overlap-group1-2 {
  align-items: flex-end;
  background-image: url(../img/md/rectangle-5329-2.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 8.18vw;
  left: 0;
  min-height: auto;
  padding: 1.5vw 1.75vw;
  position: absolute;
  top: 0;
  width: 100%;
}

.popt-md .vector-2 {
  height: auto;
  margin-right: 7.51vw;
  margin-top: 6.36vw;
  width: 100%;
}

.popt-md .group-1597883375-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 3.18vw;
  min-height: auto;
  position: absolute;
  top: 7.27vw;
  width: 100%;
}

.popt-md .frame-1-1 {
  height: auto;
  position: relative;
  width: 100%;
}

.popt-md .group-1000009609-2 {
  gap: 13502.95vw;
}

.popt-md .overlap-group1-3 {
  height: auto;
  margin-bottom: -0.08vw;
  position: relative;
  width: 100%;
}

.popt-md .rectangle-5329-1 {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.popt-md .overlap-group-3 {
  left: 1.82vw;
  position: absolute;
  top: 23.64vw;
}

.popt-md .group-1261153125-1 {
  margin-left: 0;
}

.popt-md .group-1261153125-2 {
  margin-top: 0;
}

.popt-md .group-1597883479-1 {
  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;
  height: auto;
  justify-content: flex-end;
  margin-left: 20.86vw;
  width: 100%;
  padding: 7.73vw 4.32vw;
}

.popt-md .overlap-group7 {
  height: auto;
  position: relative;
  width: 100%;
}

.popt-md .group-1597883477 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 17.27vw;
  left: 0;
  min-height: auto;
  position: absolute;
  top: 0;
  width: 100%;
}


.popt-md .group-1597883474 {
  align-items: center;
  display: flex;
  gap: 17.5vw;
  height: auto;
  margin-left: 0.45vw;
  width: 100%;
}

.popt-md .group-1597883473 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
  min-height: auto;
  width: 100%;
}

.popt-md .screenshot-2025-02-10-120027-2 {
  height: auto;
  object-fit: cover;
  width: 100%;
}

.popt-md .group-1597883472 {
  height: auto;
  margin-right: 0.07vw;
  width: 100%;
}

.popt-md .group-1597883465 {
  align-items: center;
  display: flex;
  gap: 3.86vw;
  width: 100%;
}

.popt-md .vector-3 {
  align-self: flex-end;
  height: auto;
  margin-bottom: 0;
  width: 100%;
}

.popt-md .nav-list-item-link-contacts {
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  margin-top: 0.21vw;
  text-align: center;
  width: 100%;
}

.popt-md .group-1597883466 {
  align-items: flex-start;
  display: flex;
  gap: 3.86vw;
  width: 100%;
}

.popt-md .vector-4 {
  height: auto;
  width: 100%;
}

.popt-md .group-1597883467 {
  align-items: flex-start;
  display: flex;
  gap: 3.86vw;
  width: 100%;
}

.popt-md .vector-5 {
  height: auto;
  width: 100%;
}

.popt-md .nav-list-item-link-contacts-2 {
  height: auto;
  width: 100%;
}

.popt-md .group-1597883471 {
  align-items: flex-start;
  display: flex;
  gap: 2.95vw;
  margin-left: 0.03vw;
  width: 100%;
}

.popt-md .text-field {
  align-items: center;
  background-color: #edf1f5;
  border: 0.08vw solid;
  border-color: var(--willow-grove);
  border-radius: 6.35vw;
  display: flex;
  gap: 2.54vw;
  height: auto;
  justify-content: center;
  padding: 2.54vw 3.81vw;
  position: relative;
  width: 100%;
}

.popt-md .icons-email {
  height: auto;
  margin-left: -0.93vw;
  position: relative;
  width: 100%;
}

.popt-md .enter-your-email-to-get-started {
  color: var(--willow-grove);
  font-family: var(--font-family-montserrat);
  font-size: 1.91vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  margin-right: -0.93vw;
  position: relative;
  width: 100%;
}

.popt-md .button {
  align-items: center;
  background-color: var(--willow-grove);
  border-radius: 12.53vw;
  box-shadow: 0.0vw 0.23vw 0.23vw #00000040;
  display: inline-flex;
  gap: 2.51vw;
  justify-content: center;
  padding: 0.94vw 1.25vw 0.94vw 3.76vw;
  position: relative;
}

.popt-md .get-started {
  color: var(--bg-color);
  font-family: var(--font-family-unbounded);
  font-size: 2.5vw;
  font-weight: 700;
  letter-spacing: 0.01vw;
  line-height: 1.4;
  position: relative;
  white-space: normal;
  width: 100%;
}

.popt-md .arrow {
  align-items: flex-start;
  background-color: #f8fafc;
  border-radius: 12.53vw;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.25vw;
  padding: 1.88vw;
  position: relative;
}

.popt-md .iconsarrow-up-right {
  height: auto;
  position: relative;
  width: 100%;
}


.popt-md .line-43 {
  height: auto;
  left: 0.23vw;
  position: absolute;
  top: 69.32vw;
  width: 100%;
}

.popt-md .group-1000009609-3 {
  align-items: flex-end;
  display: flex;
  height: auto;
  left: 0;
  width: 100%;
  position: absolute;
  top: 0;
}

.popt-md .group-1261153125-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.68vw;
  min-height: auto;
  width: 100%;
}

.popt-md .group-container-3 {
  height: auto;
  position: relative;
  width: 100%;
}

.popt-md .heading-4-the {
  color: var(--shark);
  font-family: var(--font-family-unbounded);
  font-size: 24px;
  height: auto;
  letter-spacing: 0;
  line-height: 1.4;
  white-space: normal;
  margin-top: 10px;
}

.popt-md .heading-4-the-challenges {
  margin-top: 110px;
}

.popt-md .nav-list-item-link-contacts-3 {
  letter-spacing: 0;
  line-height: 1.4;
}

.popt-md .overlap-group-4 {
  align-items: flex-end;
  background-color: var(--vida-loca);
  border-radius: 2.99vw;
  display: flex;
  height: auto;
  width: 100%;
  padding: 3.25vw 1.34vw;
}
}