/* screen - popt */

.popt {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 1440px;
}

.popt .group-1597883532 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-left: -9px;
  margin-top: 20px;
  min-height: 73px;
  width: 1458px;
}

.popt .group-1597883447 {
  align-items: center;
  display: flex;
  min-width: 1242px;
}

.popt .screenshot-2025-02-10-120027-2 {
  height: 71px;
  object-fit: contain;
  width: 114px;
}

.popt .group-1597883529 {
  align-items: flex-start;
  display: flex;
  height: 28px;
  margin-left: 295px;
  margin-top: 0.86px;
  min-width: 488px;
  padding: 1px 16px;
}

.popt .text-1 {
  color: #2d2d2d;
  font-family: var(--font-family-inter);
  font-size: 17px;
  font-weight: 500;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 48px;
  position: relative;
  white-space: nowrap;
}

.popt .text-2 {
  color: #161616e6;
  font-family: var(--font-family-inter);
  font-size: 17px;
  font-weight: 500;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 40px;
  min-width: 76px;
  position: relative;
  white-space: nowrap;
}

.popt .text-3 {
  color: var(--willow-grove);
  font-family: var(--font-family-inter);
  font-size: 17px;
  font-weight: 700;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 39px;
  min-width: 69px;
  position: relative;
  white-space: nowrap;
}

.popt .text-4 {
  color: #2d2d2d;
  font-family: var(--font-family-inter);
  font-size: 17px;
  font-weight: 500;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 37px;
  min-width: 71px;
  position: relative;
  white-space: nowrap;
}

.popt .text-5 {
  color: #161616e6;
  font-family: var(--font-family-inter);
  font-size: 17px;
  font-weight: 500;
  height: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 39px;
  min-width: 37px;
  position: relative;
  white-space: nowrap;
}

.popt .link {
  align-items: center;
  background-color: var(--willow-grove);
  border-radius: 322.68px;
  display: flex;
  gap: 12px;
  height: 43px;
  justify-content: flex-end;
  margin-bottom: 0.14px;
  margin-left: 180px;
  min-width: 164px;
  padding: 4px 6px;
}

.popt .contact-us {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-weight: 600;
  height: 11px;
  letter-spacing: 0;
  line-height: 19.8px;
  margin-bottom: 1.61px;
  text-align: center;
  white-space: nowrap;
  width: 89px;
}

.popt .background-border {
  align-self: flex-end;
  height: 34px;
  width: 34px;
}

.popt .line-37 {
  height: 1px;
  width: 1440px;
}

.popt .main {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: -240px;
  min-height: 2328px;
  width: 1920px;
}

.popt .overlap-group9 {
  height: 1338px;
  position: relative;
  width: 1920px;
}

.popt .overlap-group8 {
  height: 851px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.popt .svg {
  height: 345px;
  left: 240px;
  position: absolute;
  top: 506px;
  width: 1440px;
}

.popt .section {
  background: linear-gradient(180deg, rgb(243, 56, 56) 24%, rgb(253, 109, 101) 76%);
  gap: 138px;
  height: 616px;
  left: 0;
  min-width: 1920px;
  padding: 0 360px;
  position: absolute;
  top: 0;
}

.popt .paragraph {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 19px;
  margin-top: 59.98px;
  min-height: 180px;
  padding: 0 15px;
  width: 600px;
}

.popt .poptscanlink-property-management-app {
  color: var(--white);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xxl);
  font-weight: 600;
  height: 34px;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -9px;
  white-space: nowrap;
}

.popt .poptscanlink-a-tra {
  color: #f8f9fa;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 117px;
  letter-spacing: 0;
  line-height: 24px;
  width: 557px;
}

.popt .popt01png {
  align-self: flex-end;
  background-image: url(../img/case_studies/popt01-png.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 556px;
  margin-bottom: -72px;
  width: 366px;
}

.popt .section-1 {
  gap: 96px;
  height: 487px;
  left: 360px;
  min-width: 1200px;
  padding: 0 15px;
  position: absolute;
  top: 851px;
}

.popt .popt02jpg {
  background-image: url(../img/case_studies/popt02-jpg.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 487px;
  width: 537px;
}

.popt .flex-col {
  flex-direction: column;
  gap: 17px;
  margin-bottom: 0.9px;
  min-height: 334px;
  width: 537px;
}

.popt .heading-4-the-challenges {
  height: 29px;
}

.popt .list-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 288px;
  width: 537px;
  gap: 1vw;
}

.popt .item {
  gap: 10px;
  min-width: 537px;
}

.popt .text {
  letter-spacing: 0;
  line-height: 40px;
  width: 20px;
}

.popt .creating-a-website-a {
  align-self: center;
  height: 87px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 3.0px;
  width: 483px;
}

.popt .balancing-user-exper {
  align-self: center;
  height: 87px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 3.0px;
  width: 505px;
}

.popt .seamlessly-incorpora {
  align-self: center;
  height: 87px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 3.0px;
  width: 448px;
}

.popt .section-2 {
  background-color: #f97d75;
  flex-direction: column;
  gap: 33px;
  margin-top: 76px;
  min-height: 357px;
  padding: 59.1px 0;
  width: 1920px;
}

.popt .heading-4-strategi {
  height: 29px;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-right: 1.0px;
  text-align: center;
  white-space: nowrap;
  width: 483px;
}

.popt .list-container {
  align-items: flex-start;
  display: flex;
  gap: 30px;
  min-width: 1170px;
}

.popt .list {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 160px;
  width: 570px;
}

.popt .item-1 {
  flex-direction: column;
  gap: 1px;
  min-height: 72px;
  width: 546px;
}

.popt .flex-row {
  gap: 16px;
  margin-top: -1px;
  min-width: 517px;
}

.popt .comprehensive-development {
  height: 23px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 251px;
}

.popt .poptscanlink-collaborated-with {
  letter-spacing: 0;
  line-height: 24px;
}

.popt .development-experts {
  height: 47px;
  letter-spacing: 0;
  line-height: 24px;
  width: 516px;
}

.popt .flex-row-1 {
  gap: 16px;
  margin-top: -1px;
  min-width: 546px;
}

.popt .user-centric-design {
  height: 23px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 172px;
}

.popt .the-platforms-were-d {
  letter-spacing: 0;
  line-height: 24px;
}

.popt .user-experience-fea {
  height: 47px;
  letter-spacing: 0;
  line-height: 24px;
  width: 510px;
}

.popt .flex-row-2 {
  gap: 16px;
  margin-top: -1px;
  min-width: 545px;
}

.popt .qr-code-integration {
  height: 23px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 170px;
}

.popt .both-the-website-and {
  letter-spacing: 0;
  line-height: 24px;
}

.popt .integrated-qr-codes {
  height: 47px;
  letter-spacing: 0;
  line-height: 24px;
  width: 497px;
}

.popt .flex-row-3 {
  gap: 16px;
  margin-top: -1px;
  min-width: 521px;
}

.popt .cross-device-optimization {
  height: 23px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  width: 228px;
}

.popt .rigorous-testing-was-conducted-to {
  letter-spacing: 0;
  line-height: 24px;
}

.popt .ensure-optimal-perfo {
  height: 47px;
  letter-spacing: 0;
  line-height: 24px;
  width: 506px;
}

.popt .section-3 {
  flex-direction: column;
  gap: 50px;
  margin-top: 60px;
  min-height: 497px;
  width: 1200px;
}

.popt .heading-4-the-results {
  height: 28px;
  margin-right: 1.0px;
  margin-top: -1px;
  text-align: center;
  width: 181px;
}

.popt .flex-row-4 {
  gap: 97px;
  min-width: 1170px;
}

.popt .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 8.63px;
  min-height: 373px;
  width: 536px;
}

.popt .heading-6-successful-launch {
  height: 23px;
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}

.popt .poptscanlink-accomp {
  /* height: 45px; */
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 7px;
  width: 523px;
}

.popt .heading-6 {
  height: 23px;
  letter-spacing: 0;
  line-height: 19.2px;
  margin-top: 24px;
  white-space: nowrap;
}

.popt .user-feedback-highli {
  /* height: 45px; */
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 7px;
  width: 496px;
}

.popt .the-consistent-desig {
  /* height: 45px; */
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 7px;
  width: 536px;
}

.popt .the-integrated-qr-co {
  /* height: 45px; */
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 7px;
  width: 476px;
}

.popt .popt03jpg {
  background-image: url(../img/case_studies/popt03-jpg.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 420px;
  width: 537px;
}

.popt .group-1597883525 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin-top: 50px;
  width: 1648px;
}

.popt .group-1597883384 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 66px;
  min-height: 433px;
  width: 1558px;
}

.popt .group-1597883383 {
  align-items: flex-start;
  display: flex;
  gap: 199px;
  height: 81px;
  min-width: 1204px;
}

.popt .group-1597883381 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 34px;
  margin-bottom: 0;
  min-height: 81px;
  width: 840px;
}

.popt .title {
  color: var(--black);
  font-family: var(--font-family-unbounded);
  font-size: 42.5px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  min-height: 32px;
  white-space: nowrap;
}

.popt .we-value-our-custome {
  color: #3e3e3e;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 26.5px;
  min-height: 15px;
  min-width: 661px;
  text-align: right;
  white-space: nowrap;
}

.popt .group-1597883382 {
  height: 54px;
  width: 165px;
}

.popt .group-1597883380 {
  align-items: flex-end;
  display: flex;
  height: 286px;
  min-width: 1558px;
}

.popt .group-container-1 {
  align-self: flex-start;
  height: 285px;
  margin-top: -0.37px;
  position: relative;
  width: 285px;
}

.popt .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/case_studies/rectangle-5329-16.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
  left: 0;
  min-height: 285px;
  padding: 7.1px 8.3px;
  position: absolute;
  top: 0;
  width: 285px;
}

.popt .vector {
  margin-right: 35.62px;
  margin-top: 30px;
}

.popt .overlap-group {
  align-items: flex-start;
  background-color: var(--vida-loca);
  border-radius: 14.19px;
  display: flex;
  height: 166px;
  min-width: 268px;
  padding: 15.9px 6.4px;
}

.popt .the-team-delivered-a {
  letter-spacing: 0;
  line-height: 22.3px;
  min-height: 134px;
  width: 255px;
}

.popt .group-1597883375 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1px;
  left: 15px;
  min-height: 57px;
  position: absolute;
  top: 34px;
  width: 137px;
}

.popt .group-1261153125 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 43px;
  width: 141px;
}

.popt .name {
  letter-spacing: -0.19px;
  line-height: 19.6px;
  min-height: 20px;
  min-width: 137px;
  text-align: center;
  white-space: nowrap;
}

.popt .executive-engineer {
  letter-spacing: -0.11px;
  line-height: 19.6px;
  min-height: 20px;
  min-width: 101px;
  text-align: center;
  white-space: nowrap;
}

.popt .frame-1 {
  height: 13px;
  position: relative;
  width: 76px;
}

.popt .group-container {
  height: 285px;
  margin-bottom: -0.37px;
  margin-left: 33px;
  position: relative;
  width: 285px;
}

.popt .overlap-group1-1 {
  align-items: flex-end;
  background-image: url(../img/case_studies/rectangle-5329-17.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
  left: 0;
  min-height: 285px;
  padding: 7.1px 8.3px;
  position: absolute;
  top: 0;
  width: 285px;
}

.popt .overlap-group1-2 {
  align-items: flex-end;
  background-image: url(../img/case_studies/rectangle-5329-18.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
  left: 0;
  min-height: 285px;
  padding: 7.1px 8.3px;
  position: absolute;
  top: 0;
  width: 285px;
}

.popt .overlap-group1-3 {
  align-items: flex-end;
  background-image: url(../img/case_studies/rectangle-5329-19.svg);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 39px;
  left: 0;
  min-height: 285px;
  padding: 7.1px 8.3px;
  position: absolute;
  top: 0;
  width: 285px;
}

.popt .group-1261153125-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-left: 0;
  min-height: 43px;
  width: 141px;
}

.popt .group-container-2 {
  height: 284px;
  margin-bottom: 0;
  margin-left: 34px;
  position: relative;
  width: 284px;
}

.popt .group-1000009609 {
  align-items: flex-end;
  display: flex;
  gap: 57856px;
  height: 284px;
  left: 0;
  min-width: 284px;
  position: absolute;
  top: 0;
}

.popt .vector-1 {
  margin-bottom: -600.32px;
  margin-left: -57903px;
}

.popt .overlap-group1-4 {
  height: 285px;
  margin-bottom: -0.37px;
  position: relative;
  width: 277px;
}

.popt .rectangle-5329 {
  height: 285px;
  left: 0;
  position: absolute;
  top: 0;
  width: 77px;
}

.popt .overlap-group-1 {
  align-items: flex-start;
  background-color: var(--vida-loca);
  border-radius: 14.19px;
  display: flex;
  height: 166px;
  left: 9px;
  min-width: 268px;
  padding: 15.9px 6.4px;
  position: absolute;
  top: 112px;
}

.popt .frame-1-2 {
  height: 13px;
  position: relative;
  width: 61px;
}

.popt .frame-1597884231 {
  align-items: flex-end;
  background-color: #edf1f5;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 500px;
  padding: 43px 87px;
  width: 1440px;
}

.popt .flex-row-5 {
  gap: 269px;
  margin-right: 8px;
  margin-top: 11px;
  min-width: 1231px;
}

.popt .group-1597883445 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 329px;
  width: 454px;
}

.popt .screenshot-2025-02-10-120027-2-1 {
  height: 159px;
  object-fit: contain;
  width: 255px;
}

.popt .contact-us-today-to {
  color: #272727;
  font-weight: 500;
  line-height: 25.2px;
  margin-top: 22px;
  min-height: 50px;
  width: 452px;
}

.popt .frame-1000004986 {
  height: 36px;
  margin-top: 62px;
  position: relative;
  width: 168px;
}

.popt .frame-1321314611 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 84px;
  height: 356px;
  position: relative;
  width: 508px;
}

.popt .frame-1321314628 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.popt .get-a-free-consultation {
  align-self: stretch;
  color: #121212;
  font-family: var(--font-family-unbounded);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
}

.popt .frame-1321314625 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
  width: 100%;
}

.popt .text-field {
  align-items: center;
  background-color: #f4f4f4;
  border: 0.5px solid;
  border-color: var(--black);
  border-radius: 40px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 16px;
  height: 56px;
  padding: 16px 24px;
  position: relative;
}

.popt .icons-email {
  height: 24px;
  position: relative;
  width: 24px;
}

.popt .enter-your-email-to-get-started {
  color: #64748b;
  flex: 1;
  font-weight: 500;
  line-height: 14.4px;
  position: relative;
}

.popt .button {
  align-items: center;
  background-color: var(--willow-grove);
  border-radius: 80px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  padding: 6px 8px 6px 24px;
  position: relative;
}

.popt .get-started {
  color: var(--white);
  font-weight: 700;
  line-height: 20.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.popt .arrow {
  align-items: flex-start;
  background-color: #f8fafc;
  border-radius: 80px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  position: relative;
}

.popt .iconsarrow-up-right {
  height: 20px;
  position: relative;
  width: 20px;
}

.popt .frame-1321314623 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  position: relative;
}

.popt .frame-1-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.popt .isolation_-mode {
  height: 40px;
  position: relative;
  width: 40px;
}

.popt .nav-list-item-link-contacts {
  letter-spacing: 0;
  line-height: 22.4px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.popt .icon {
  height: 40px;
  position: relative;
  width: 40px;
}

.popt .isolation_-mode-1 {
  height: 40px;
  position: relative;
  width: 40px;
}

.popt .overlap-group7 {
  height: 22px;
  position: relative;
  width: 1241px;
}

.popt .line-38 {
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 1241px;
}

.popt .frame-1597884275 {
  align-items: flex-start;
  background-color: #edf1f5;
  display: flex;
  height: 22px;
  justify-content: flex-end;
  left: 418px;
  min-width: 380px;
  padding: 0 10px;
  position: absolute;
  top: 0;
}

.popt .copyright-g-s-bitl {
  color: var(--willow-grove);
  font-family: var(--font-family-montserrat);
  font-size: 14px;
  font-weight: 500;
  height: 22px;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -1px;
  min-width: 355px;
  text-align: center;
  white-space: nowrap;
}

.popt .flex {
  align-items: flex-start;
  display: flex;
}

.popt .flex-row-6 {
  align-items: flex-start;
  display: flex;
}

.popt .heading-4-the {
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.popt .item-2 {
  align-items: flex-start;
  display: flex;
}

.popt .section-4 {
  align-items: center;
  display: flex;
}

.popt .vector-2 {
  height: 36px;
  width: 47px;
}