/*
Theme Name: SapphireBet MobCash
Author: MainDev
Description: Landing theme for SapphireBet agent
Version: 1.0.0
Text Domain: sb-mobcash
*/

._1440,
._1440 * {
  box-sizing: border-box;
}
._1440 {
  background: linear-gradient(to left, #0c0f17, #0c0f17),
    linear-gradient(to left, #ffffff, #ffffff);
  height: auto;
  min-height: 100vh;
  position: relative;
  overflow: visible;
}

/* Avoid deprecated overflow behavior warning for replaced elements in Chromium. */
img,
video,
canvas {
  overflow: clip !important;
}
.footer-desktop,
.footer-desktop * {
  box-sizing: border-box;
}
.footer-desktop {
  border-radius: 24px 24px 0px 0px;
  width: calc(100% - 32px);
  max-width: 1136px;
  margin: 0 auto;
  min-height: 260px;
  padding: 46px 0 24px;
}
.footer-desktop .top {
  display: grid;
  grid-template-columns: minmax(240px, 307px) minmax(280px, 366px) minmax(120px, 173px);
  grid-template-areas:
    "logo . ."
    "contact address link"
    "contact2 address link2";
  align-items: start;
  justify-content: space-between;
  row-gap: 16px;
}
._123-oak-street-suite-100-san-francisco-united-states {
  color: #9799b3;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.16px;
  font-weight: 400;
  grid-area: address;
  width: 366px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer-desktop .clip-path-group {
  grid-area: logo;
  height: auto;
  overflow: visible;
  aspect-ratio: 131.37/40;
}
.footer-contact {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.14px;
  font-weight: 600;
  grid-area: contact;
  width: 307px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer-contact2 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.14px;
  font-weight: 600;
  grid-area: contact2;
  width: 365px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer-link {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.14px;
  font-weight: 600;
  grid-area: link;
  width: 173px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer-link2 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.14px;
  font-weight: 600;
  grid-area: link2;
  width: 173px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer-desktop a {
  color: inherit;
  text-decoration: none;
}
.footer-desktop a:hover {
  text-decoration: underline;
}
.sapphirebet {
  color: #9799b3;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /*margin-top: 52px;*/
}
.section {
  display: flex;
  flex-direction: column;
  gap: 120px;
  align-items: center;
  justify-content: flex-start;
  width: 1136px;
  position: absolute;
  left: calc(50% - 564px);
  top: 162px;
}
.section2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section3 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 654px;
  position: relative;
}
/* Gradient border + border-radius: use background layers (border-image ignores radius) */
.default {
  border-radius: 21px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  background: linear-gradient(rgba(12, 15, 23, 0.98), rgba(12, 15, 23, 0.98)) padding-box,
    linear-gradient(90deg, rgba(19, 98, 255, 1) 0%, rgba(90, 203, 255, 1) 100%) border-box;
}
.dot {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}
.dot2 {
  background: #1362ff;
  border-radius: 6px;
  width: 6px;
  height: 37.5%;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 31.25%;
  top: 31.25%;
  box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.09),
    inset 0px 1px 16px 0px rgba(255, 255, 255, 0.12);
  aspect-ratio: 1;
}
.badge-we-raised-200-000-series-a {
  background: linear-gradient(
    90deg,
    rgba(19, 98, 255, 1) 0%,
    rgba(90, 203, 255, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.section4 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.redefine-real-estate-transactions-heading-1-redefine-real-estate-transactions {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(132, 159, 233, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 56px;
  line-height: 67.2px;
  letter-spacing: -2.8px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly-the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly {
  color: #9799b3;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 28.8px;
  font-weight: 500;
  position: relative;
  width: 541px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link-large {
  background: linear-gradient(
    90deg,
    rgba(255, 189, 6, 1) 0%,
    rgba(255, 168, 6, 1) 100%
  );
  border-radius: 50px;
  padding: 16px 32px 16px 32px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 365px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
  overflow: hidden;
  text-decoration: none;
}
.link-large:hover,
.link-large:focus {
  text-decoration: none;
}
.text-button-get-early-access {
  color: #0c0f17;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.16px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
._2 {
  border-radius: 24px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  width: 462px;
  height: 603px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.default2 {
  background: #171a29;
  border-radius: 48px;
  padding: 12px 24px 12px 24px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: -65px;
  top: 363px;
  overflow: hidden;
  filter: blur(2px);
}
.badge {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly-the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly2 {
  color: #39a2ff;
  text-align: right;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.de-1 {
  flex-shrink: 0;
  width: 611px;
  height: 611px;
  position: absolute;
  left: -4.99px;
  top: -68.03px;
  transform-origin: 0 0;
  transform: rotate(12deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 1;
}
.default3 {
  background: #171a29;
  border-radius: 48px;
  padding: 12px 24px 12px 24px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 300px;
  top: 465px;
  overflow: hidden;
}
.default4 {
  background: #171a29;
  border-radius: 48px;
  padding: 12px 24px 12px 24px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 46px;
  top: 78px;
  overflow: hidden;
}
.glow {
  flex-shrink: 0;
  width: 600px;
  height: 221px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
  overflow: hidden;
}
.circle {
  background: #ffac06;
  border-radius: 294px;
  opacity: 0.9;
  width: 273px;
  height: 241px;
  position: absolute;
  left: 163.5px;
  top: 135px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  filter: blur(70px);
}
.line {
  background: linear-gradient(
    90deg,
    rgba(255, 189, 6, 0) 0%,
    rgba(255, 189, 6, 1) 53.50000262260437%,
    rgba(255, 189, 6, 0) 100%
  );
  width: 600px;
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.section6 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._22 {
  background: linear-gradient(
    0deg,
    rgba(255, 172, 6, 0.5) 0%,
    rgba(255, 172, 6, 0.08) 62.981051206588745%,
    rgba(255, 172, 6, 0) 100%
  );
  border-radius: 24px;
  border-style: solid;
  border-color: #4a3e26;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  width: 462px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._1-2-1 {
  flex-shrink: 0;
  width: 365px;
  height: 638px;
  position: absolute;
  left: calc(50% - 256px);
  bottom: 0px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 365/638;
}
._1-2-2 {
  flex-shrink: 0;
  width: 267px;
  height: 572px;
  position: absolute;
  left: calc(50% - 36px);
  bottom: 0px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 267/572;
}
.glow2 {
  flex-shrink: 0;
  width: 600px;
  height: 221px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.circle2 {
  background: radial-gradient(
    closest-side,
    rgba(255, 172, 6, 1) 57.692307233810425%,
    rgba(255, 172, 6, 0) 100%
  );
  border-radius: 294px;
  opacity: 0.9;
  width: 474px;
  height: 244px;
  position: absolute;
  left: 63px;
  top: 132px;
  filter: blur(70px);
}
.line2 {
  background: linear-gradient(
    90deg,
    rgba(255, 189, 6, 0) 0%,
    rgba(255, 189, 6, 1) 53.50000262260437%,
    rgba(255, 189, 6, 0) 100%
  );
  width: 600px;
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 1px;
}
.section-desktop-glowing {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.description {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(132, 159, 233, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1.2px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.description2 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly-the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly3 {
  color: #9799b3;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.section-how-it-works {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.container {
  padding: 0px 244px 0px 244px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.seamless-process-effortless-management-heading-2-seamless-process-effortless-management {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(132, 159, 233, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1.2px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
}
.cards {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 632px;
  position: relative;
}
._01 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  height: 306px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.badge2 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.default5 {
  border-radius: 21px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  border: 1px solid transparent;
  background: linear-gradient(rgba(12, 15, 23, 0.98), rgba(12, 15, 23, 0.98)) padding-box,
    linear-gradient(90deg, rgba(19, 98, 255, 1) 0%, rgba(90, 203, 255, 1) 100%) border-box;
}
.badge-we-raised-200-000-series-a2 {
  background: linear-gradient(
    90deg,
    rgba(19, 98, 255, 1) 0%,
    rgba(90, 203, 255, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.list-your-property-heading-6-list-your-property {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  letter-spacing: -0.4px;
  font-weight: 500;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._258-shots-so-1 {
  flex-shrink: 0;
  width: 170px;
  height: 346px;
  position: absolute;
  left: calc(50% - 126.5px);
  top: 170px;
  transform-origin: 0 0;
  transform: rotate(-15deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 170/346;
}
.glowing-blue-neon-wifi-signal-icon-dark-background-1-1 {
  flex-shrink: 0;
  width: 177px;
  height: 177px;
  position: absolute;
  left: 207.42px;
  top: 51px;
  box-shadow: 0px 4px 68px 0px rgba(17, 48, 252, 1);
  transform-origin: 0 0;
  transform: rotate(21.692deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 1;
}
._02 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  height: 306px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._11-shots-so-2 {
  background: linear-gradient(
      0deg,
      rgba(12, 16, 23, 1) 0%,
      rgba(12, 16, 23, 0) 100%
    ),
    linear-gradient(180deg, rgba(12, 16, 23, 1) 0%, rgba(12, 16, 23, 0) 100%);
  flex-shrink: 0;
  width: 212px;
  height: 230px;
  position: absolute;
  left: 77px;
  top: 100px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  filter: blur(1px);
  object-fit: cover;
  aspect-ratio: 212/230;
}
.connect-with-buyers-heading-6-connect-with-buyers {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  letter-spacing: -0.4px;
  font-weight: 500;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon {
  flex-shrink: 0;
  width: 279px;
  height: 58px;
  position: absolute;
  left: 43px;
  top: 153px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.icon2 {
  width: 99.72%;
  height: 94.35%;
  position: absolute;
  right: 0.14%;
  left: 0.14%;
  bottom: 0.68%;
  top: 4.97%;
  overflow: visible;
}
.map-pointer-with-bright-glowing-futuristic-blue-neon-lights-black-background-3-d-render-2 {
  flex-shrink: 0;
  width: 65.52px;
  height: 100.01px;
  position: absolute;
  left: 270.9px;
  top: 95px;
  transform-origin: 0 0;
  transform: rotate(19.204deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 65.52/100.01;
}
._03 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  height: 306px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.default6 {
  background: #171a29;
  border-radius: 48px;
  padding: 12px 24px 12px 24px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 193px;
  top: 84px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  filter: blur(2px);
}
._667-shots-so-1 {
  flex-shrink: 0;
  width: 194px;
  height: 225px;
  position: absolute;
  left: 86px;
  top: 105px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 194/225;
}
.default7 {
  background: #171a29;
  border-radius: 48px;
  padding: 10px 16px 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 31px;
  top: 143px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly-the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly4 {
  color: #39a2ff;
  text-align: right;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.default8 {
  background: #171a29;
  border-radius: 48px;
  padding: 8px 12px 8px 12px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 239px;
  top: 228px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly-the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly5 {
  color: #39a2ff;
  text-align: right;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.dollar-sign-with-bright-glowing-futuristic-blue-neon-lights-black-background-3-d-render-1 {
  flex-shrink: 0;
  width: 103px;
  height: 103px;
  position: absolute;
  left: 18px;
  top: 167.76px;
  transform-origin: 0 0;
  transform: rotate(-13.336deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 1;
}
.dollar-sign-with-bright-glowing-futuristic-blue-neon-lights-black-background-3-d-render-3 {
  flex-shrink: 0;
  width: 75.41px;
  height: 75.41px;
  position: absolute;
  left: 272.04px;
  top: 87px;
  transform-origin: 0 0;
  transform: rotate(30.296deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 1;
}
._04 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  height: 306px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.calendar-with-bright-glowing-futuristic-blue-neon-lights-black-background-1 {
  flex-shrink: 0;
  width: 155px;
  height: 155px;
  position: absolute;
  left: 105px;
  top: 119px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 1;
}
._05 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  height: 306px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._893-shots-so-1 {
  background: linear-gradient(
    180deg,
    rgba(12, 16, 23, 1) 0%,
    rgba(12, 16, 23, 0) 100%
  );
  flex-shrink: 0;
  width: 193px;
  height: 169px;
  position: absolute;
  left: 86px;
  top: 113px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 193/169;
}
.headphones-with-speech-bubble-message-flying-with-glowing-blue-neon-lights-black-background-3-d-1-1 {
  flex-shrink: 0;
  width: 123px;
  height: 134px;
  position: absolute;
  left: 243.05px;
  top: 48px;
  transform-origin: 0 0;
  transform: rotate(19.191deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 123/134;
}
.default9 {
  background: linear-gradient(
      90deg,
      rgba(19, 98, 255, 1) 0%,
      rgba(90, 203, 255, 1) 100%
    ),
    linear-gradient(to left, #171a29, #171a29);
  border-radius: 48px;
  padding: 10px 16px 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 57px;
  top: 113px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly-the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly6 {
  color: #ffffff;
  text-align: right;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 10px;
  font-weight: 600;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._06 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  height: 306px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.share-icon-with-bright-glowing-futuristic-blue-neon-lights-black-background-3-d-render-1 {
  flex-shrink: 0;
  width: 155px;
  height: 155px;
  position: absolute;
  left: 105px;
  top: 128px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 1;
}
.section7 {
  flex-shrink: 0;
  width: 943.5px;
  height: 824px;
  position: static;
}
._012 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 558px;
  position: absolute;
  left: 96.75px;
  top: 112px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.section8 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.badge3 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.create-a-detailed-listing-for-your-property-including-photos-descriptions-and-pricing-create-a-detailed-listing-for-your-property-including-photos-descriptions-and-pricing {
  color: #9799b3;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 25.6px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._022 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 558px;
  position: absolute;
  left: 481.75px;
  top: 324px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._7 {
  background: linear-gradient(
      -22.16deg,
      rgba(255, 172, 6, 0.8) 0%,
      rgba(255, 172, 6, 0) 100%
    ),
    linear-gradient(to left, rgba(12, 15, 23, 0.7), rgba(12, 15, 23, 0.7));
  border-radius: 24px;
  border-style: solid;
  border-color: #4a3e26;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 269px;
  height: 188px;
  position: absolute;
  left: 193px;
  top: 324px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._990-shots-so-1 {
  flex-shrink: 0;
  width: 170px;
  height: 346px;
  position: absolute;
  left: 15px;
  top: -35px;
  transform-origin: 0 0;
  transform: rotate(-15deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 170/346;
}
._8 {
  background: linear-gradient(
      -22.16deg,
      rgba(255, 172, 6, 0.8) 0%,
      rgba(255, 172, 6, 0) 100%
    ),
    linear-gradient(to left, rgba(12, 15, 23, 0.7), rgba(12, 15, 23, 0.7));
  border-radius: 24px;
  border-style: solid;
  border-color: #4a3e26;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 269px;
  height: 188px;
  position: absolute;
  left: 674px;
  top: 536px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._360-shots-so-1 {
  flex-shrink: 0;
  width: 170px;
  height: 346px;
  position: absolute;
  left: 15px;
  top: -35px;
  transform-origin: 0 0;
  transform: rotate(-15deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 170/346;
}
._10 {
  background: linear-gradient(
      -22.16deg,
      rgba(255, 172, 6, 0.8) 0%,
      rgba(255, 172, 6, 0) 100%
    ),
    linear-gradient(to left, rgba(12, 15, 23, 0.7), rgba(12, 15, 23, 0.7));
  border-radius: 24px;
  border-style: solid;
  border-color: #4a3e26;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 269px;
  height: 188px;
  position: absolute;
  left: 674px;
  top: 112px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._11-shots-so-1 {
  flex-shrink: 0;
  width: 171.45px;
  height: 348.47px;
  position: absolute;
  left: 26px;
  top: 0.37px;
  transform-origin: 0 0;
  transform: rotate(-15deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 171.45/348.47;
}
._9 {
  background: linear-gradient(
      -22.16deg,
      rgba(255, 172, 6, 0.8) 0%,
      rgba(255, 172, 6, 0) 100%
    ),
    linear-gradient(to left, rgba(12, 15, 23, 0.7), rgba(12, 15, 23, 0.7));
  border-radius: 24px;
  border-style: solid;
  border-color: #4a3e26;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 269px;
  height: 188px;
  position: absolute;
  left: 193px;
  top: 748px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._258-shots-so-12 {
  flex-shrink: 0;
  width: 170px;
  height: 346px;
  position: absolute;
  left: 26px;
  top: 0px;
  transform-origin: 0 0;
  transform: rotate(-15deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 170/346;
}
._032 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 558px;
  position: absolute;
  left: 96.25px;
  top: 536px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._042 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 558px;
  position: absolute;
  left: 481.75px;
  top: 748px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.link-large2 {
  background: linear-gradient(
    90deg,
    rgba(255, 189, 6, 1) 0%,
    rgba(255, 168, 6, 1) 100%
  );
  border-radius: 50px;
  padding: 16px 32px 16px 32px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 366px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  text-decoration: none;
}
.link-large2:hover,
.link-large2:focus {
  text-decoration: none;
}
.cards2 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._013 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px 24px 32px 24px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._1 {
  flex-shrink: 0;
  width: 115px;
  height: 123px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 115/123;
}
._4 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px 24px 32px 24px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.ytr-1 {
  flex-shrink: 0;
  width: 115px;
  height: 123px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 115/123;
}
._5 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px 24px 32px 24px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.star-coin-with-bright-glowing-futuristic-blue-neon-lights-black-background-1 {
  flex-shrink: 0;
  width: 115px;
  height: 123px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 115/123;
}
._6 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px 24px 32px 24px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.map-pointer-with-bright-glowing-futuristic-blue-neon-lights-black-background-3-d-render-1-1 {
  flex-shrink: 0;
  width: 115px;
  height: 123px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 115/123;
}
._72 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px 24px 32px 24px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._3-d-1 {
  flex-shrink: 0;
  width: 115px;
  height: 123px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 115/123;
}
._82 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px 24px 32px 24px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 365px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.coin-with-dollar-sign-with-bright-glowing-blue-lights-black-background-4 {
  flex-shrink: 0;
  width: 115px;
  height: 123px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 115/123;
}
.section-featured-testimonials {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section9 {
  background: rgba(12, 15, 23, 0.7);
  padding: 0px 0px 56px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section10 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 540px;
  position: relative;
}
.default10 {
  border-radius: 21px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  border: 1px solid transparent;
  background: linear-gradient(rgba(12, 15, 23, 0.98), rgba(12, 15, 23, 0.98)) padding-box,
    linear-gradient(90deg, rgba(19, 98, 255, 1) 0%, rgba(90, 203, 255, 1) 100%) border-box;
}
.testimonial {
  display: flex;
  flex-direction: column;
  gap: 31px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.saa-s-pro-has-changed-the-game-for-us-managing-properties-and-finding-buyers-has-never-been-easier-heading-3-soft-pro-has-changed-the-game-for-us-managing-properties-and-finding-buyers-has-never-been-easier {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(132, 159, 233, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1.2px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.jane-real-estate-manager-jane-real-estate-manager {
  color: #9799b3;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.right {
  flex-shrink: 0;
  width: 459px;
  height: 337px;
  position: relative;
}
.glow3 {
  width: 243px;
  position: absolute;
  left: 216px;
  bottom: -131px;
  top: -132px;
  overflow: hidden;
}
.circle3 {
  background: #ffac06;
  border-radius: 294px;
  opacity: 0.9;
  width: 273px;
  height: 241px;
  position: absolute;
  left: 122px;
  top: 437px;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
  filter: blur(70px);
}
.line3 {
  background: linear-gradient(
    90deg,
    rgba(255, 189, 6, 0) 0%,
    rgba(255, 189, 6, 1) 53.50000262260437%,
    rgba(255, 189, 6, 0) 100%
  );
  height: 1px;
  position: absolute;
  right: -442px;
  left: 243px;
  top: 80px;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.quote {
  width: 114px;
  height: 114px;
  position: absolute;
  left: -14px;
  top: -13.5px;
  transform-origin: 0 0;
  transform: rotate(-24deg) scale(1, 1);
  overflow: hidden;
}
.quote-svg {
  position: absolute;
  right: 0px;
  left: 1px;
  bottom: 1px;
  top: 0px;
}
.svg-2534505-5049 {
  width: 99.99%;
  height: 99.99%;
  position: absolute;
  right: 0.01%;
  left: 0%;
  bottom: 0.01%;
  top: 0%;
  overflow: hidden;
}
.group {
  width: 99.12%;
  height: 99.12%;
  position: absolute;
  right: 0.81%;
  left: 0.06%;
  bottom: 0.81%;
  top: 0.06%;
  overflow: visible;
}
.left {
  background: linear-gradient(
      0deg,
      rgba(255, 172, 6, 0.5) 0%,
      rgba(255, 172, 6, 0.08) 62.981051206588745%,
      rgba(255, 172, 6, 0) 100%
    ),
    linear-gradient(to left, rgba(12, 15, 23, 0.7), rgba(12, 15, 23, 0.7));
  border-radius: 24px;
  border-style: solid;
  border-color: #4a3e26;
  border-width: 1px;
  width: 300px;
  height: 300px;
  position: absolute;
  left: calc(50% - 164.01px);
  top: calc(50% - 133.93px);
  transform-origin: 0 0;
  transform: rotate(-5.852deg) scale(1, 1);
  overflow: hidden;
}
.circle4 {
  background: radial-gradient(
    closest-side,
    rgba(255, 189, 6, 1) 57.692307233810425%,
    rgba(255, 189, 6, 1) 100%
  );
  border-radius: 294px;
  opacity: 0.9;
  width: 474px;
  height: 142.64px;
  position: absolute;
  left: -71.29px;
  top: 259.2px;
  transform-origin: 0 0;
  transform: rotate(0.562deg) scale(1, 1);
  filter: blur(70px);
}
.cards3 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._014 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 33px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.image-ellipse-5-pnxdhc-b-qs-t-jrub-a-4-p-mau-t-2-di-gg-png {
  border-radius: 64px;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.quote2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.from-listing-to-selling-everything-was-smooth-and-straightforward-saa-s-pro-is-a-true-real-estate-partner-heading-5-from-listing-to-selling-everything-was-smooth-and-straightforward-soft-pro-is-a-true-real-estate-partner {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 31.2px;
  letter-spacing: -1.2px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.mike-property-owner-mike-property-owner {
  color: #9799b3;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._42 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 33px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: hidden;
}
._52 {
  background: rgba(12, 15, 23, 0.7);
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 33px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.testimonial-image {
  border-radius: 104px;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
  aspect-ratio: 1;
}
.section11 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 944px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.section12 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 366px;
  position: relative;
}
.section13 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.start-listing-now-heading-1-start-listing-now {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(132, 159, 233, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1.2px;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.section14 {
  display: flex;
  flex-direction: column;
  gap: 11px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.section15 {
  display: flex;
  flex-direction: column;
  gap: 11px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 366px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.overlay {
  border-radius: 8px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.input-label {
  color: #9799b3;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.overlay2 {
  border-radius: 8px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 51px;
  position: relative;
  overflow: hidden;
}
.input-icon {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.at {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  aspect-ratio: 1;
}
.mask-group {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.tabler-chevron-down {
  flex-shrink: 0;
  width: 20px;
  height: 19px;
  position: relative;
  overflow: visible;
  aspect-ratio: 20/19;
}
.input-text {
  color: #9799b3;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.overlay3 {
  border-radius: 8px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 51px;
  position: relative;
  overflow: hidden;
}
.contact-method {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.default11 {
  border-radius: 21px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  padding: 4px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.dot3 {
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  opacity: 1;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  aspect-ratio: 1;
}
.badge-we-raised-200-000-series-a3 {
  color: #9799b3;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dot4 {
  background: linear-gradient(
    180deg,
    rgba(21, 23, 36, 0) 0%,
    rgba(21, 23, 36, 0.5) 100%
  );
  border-radius: 24px;
  border-style: solid;
  border-color: #1d2038;
  border-width: 1px;
  opacity: 1;
  width: 12px;
  height: 75%;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 12.5%;
  top: 12.5%;
  aspect-ratio: 1;
}
.link-large3 {
  background: linear-gradient(
    90deg,
    rgba(255, 189, 6, 1) 0%,
    rgba(255, 168, 6, 1) 100%
  );
  border-radius: 50px;
  padding: 16px 32px 16px 32px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
  overflow: hidden;
  text-decoration: none;
}
.link-large3:hover,
.link-large3:focus {
  text-decoration: none;
}
._23 {
  background: linear-gradient(
    0deg,
    rgba(255, 172, 6, 0.5) 0%,
    rgba(255, 172, 6, 0.08) 62.981051206588745%,
    rgba(255, 172, 6, 0) 100%
  );
  border-radius: 24px;
  border-style: solid;
  border-color: #4a3e26;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 462px;
  height: 598px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
._1-2-12 {
  flex-shrink: 0;
  width: 318px;
  height: 580px;
  position: absolute;
  left: calc(50% - 144px);
  bottom: -33px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 318/580;
}
.desktop {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1136px;
  position: relative;
}
._1-2-13 {
  flex-shrink: 0;
  width: 318px;
  height: 600px;
  position: absolute;
  left: calc(50% - 144px);
  bottom: -71px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 318/600;
}
.glow4 {
  flex-shrink: 0;
  width: 600px;
  height: 598px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.circle5 {
  background: radial-gradient(
    closest-side,
    rgba(255, 172, 6, 1) 57.692307233810425%,
    rgba(255, 172, 6, 0) 100%
  );
  border-radius: 294px;
  opacity: 0.9;
  width: 474px;
  height: 244px;
  position: absolute;
  left: 63px;
  top: 476px;
  filter: blur(70px);
}
.section16 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.section17 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 356px;
  position: relative;
}
.questions-answer-heading-2-questions-answer {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(132, 159, 233, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1.2px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
}
.right-variant-1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.closed {
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 548px;
  height: 54px;
  position: relative;
  overflow: hidden;
}
.faq-question {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -0.16px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tabler-plus {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.tabler-plus2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.tabler-plus3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.tabler-plus4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.tabler-plus5 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}

/* FAQ accordion, preserving original Figma block structure */
.faq-answer-panel {
  display: none;
  width: 548px;
  border-radius: 12px;
  border: 1px solid #1d2038;
  padding: 12px 16px;
  color: #9799b3;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.14px;
  box-sizing: border-box;
}
.closed.is-open .tabler-plus,
.closed.is-open .tabler-plus2,
.closed.is-open .tabler-plus3,
.closed.is-open .tabler-plus4,
.closed.is-open .tabler-plus5 {
  transform: rotate(45deg);
}
.tabler-plus,
.tabler-plus2,
.tabler-plus3,
.tabler-plus4,
.tabler-plus5 {
  transition: transform 0.2s ease;
}

.nav-navigation {
  background: radial-gradient(
    closest-side,
    rgba(18, 37, 243, 0.16) 0%,
    rgba(18, 37, 243, 0.02) 64.90384340286255%,
    rgba(18, 37, 243, 0) 100%
  );
  width: 100%;
  height: 55px;
  position: fixed;
  right: 0%;
  left: 0%;
  top: 0px;
  backdrop-filter: blur(3px);
}
.container2 {
  width: 1132px;
  height: 56px;
  position: absolute;
  left: calc(50% - 564px);
  top: 50%;
  translate: 0 -50%;
}
.clip-path-group2 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 5px;
  overflow: visible;
  aspect-ratio: 131.37/40;
}
.menu-desktop {
  display: flex;
  flex-direction: row;
  /*gap: 31px;*/
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
}
.menu-item {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.14px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button {
  background: linear-gradient(
    90deg,
    rgba(255, 189, 6, 1) 0%,
    rgba(255, 168, 6, 1) 100%
  );
  border-radius: 50px;
  padding: 8px 24px 8px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 998px;
  top: 10px;
  box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
}
.button-text {
  color: #0c0f17;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.14px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.line4 {
  background: linear-gradient(
    90deg,
    rgba(18, 37, 243, 0) 0%,
    rgba(18, 142, 243, 1) 53.50000262260437%,
    rgba(18, 37, 243, 0) 100%
  );
  opacity: 0.5;
  width: 600px;
  height: 1px;
  position: absolute;
  left: 420px;
  bottom: 0px;
}

/* ==========================================================================
   Theme overrides: responsive layout (Figma desktop structure preserved)
   ========================================================================== */
html { scroll-behavior: smooth; overflow-x: hidden; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  margin: 0;
  overflow-x: hidden;
  background-color: #0c0f17;
}

._1440 {
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  height: auto;
  position: relative;
  overflow: visible;
  background: #0c0f17;
}

.section {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  max-width: 1136px;
  margin: 0 auto;
  padding: 120px 16px 80px;
  translate: none;
}

/* Hero row: exact Figma layout – flex row, section2 (left 654px) + _2 (right 462px) */
.hero-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  gap: 0;
}

.hero-section .section2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 654px;
  max-width: 100%;
  position: relative;
}

.hero-section .section3 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

.hero-section .section4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}

/* Hero right column: overflow visible so glow blur is not clipped */
.hero-section ._2 {
  overflow: visible;
}

/* Hero glow: design – bottom-right corner, behind phone (absolute + z-index) */
.hero-section ._2 .glow {
  /*position: absolute;*/
  right: 30%;
  bottom: 30%;
  z-index: 0;
  flex-shrink: 0;
  transform-origin: top right;
  transform: rotate(-90deg);
}

/* Phone and badges above the glow */
.hero-section ._2 .de-1,
.hero-section ._2 .default2,
.hero-section ._2 .default3,
.hero-section ._2 .default4 {
  z-index: 1;
}

/* Apply form (section-apply): Figma layout – section2 (form) + _2 (image panel) */
.apply-section {
  width: 100%;
  max-width: 1136px;
  align-items: center;
  justify-content: space-between;
}
.apply-success-message {
  padding: 16px;
  margin: 16px 0;
  background: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.35);
  border-radius: 12px;
  color: #fff;
}
.apply-success-message p { margin: 0; }
.apply-success-message.is-error {
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.35);
}
.apply-form-note {
  margin: 8px 0 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
#contacts .section2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 420px;
  max-width: 100%;
}
#contacts .section3 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
}
#contacts form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: stretch;
  width: 100%;
}
#contacts .section4 {
  display: flex;
  flex-direction: column;
  gap: 11px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
}
#contacts .section5 {
  display: flex;
  flex-direction: column;
  gap: 11px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 420px;
  max-width: 100%;
}
/* Form inputs: taller rows and more visible borders */
#contacts .section5 .overlay,
#contacts .section5 .overlay2,
#contacts .section5 .overlay3,
#contacts .section5 .sb-telegram-nickname-wrap {
  min-height: 58px;
  height: auto;
  padding: 18px 24px;
  border-width: 1px;
  border-color: #3d4266;
  border-style: solid;
}
#contacts .section5 .overlay:focus-within,
#contacts .section5 .overlay2:focus-within,
#contacts .section5 .overlay3:focus-within,
#contacts .section5 .sb-telegram-nickname-wrap:focus-within {
  border-color: #5a6088;
  box-shadow: 0 0 0 1px #5a6088;
}
#contacts .section5 .overlay input.input-label,
#contacts .section5 .overlay input,
#contacts .section5 .overlay3 input,
#contacts .section5 .sb-telegram-nickname-wrap input {
  font-size: 17px;
  color: #b8b9d0;
}
#contacts .section5 .overlay2 select.input-text {
  font-size: 17px;
  color: #b8b9d0;
}
/* Country selector: round flag */
#contacts .overlay2 .at {
  border-radius: 50%;
  overflow: hidden;
}
#contacts .overlay2 .mask-group,
#contacts #sb-country-flag {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  border-radius: 50%;
}
/* Country select: invisible overlay so click on flag/arrow/text opens dropdown */
#contacts .overlay2.sb-country-wrap {
  position: relative;
}
#contacts .overlay2.sb-country-wrap .sb-country-label {
  flex: 1;
  pointer-events: none;
}
#contacts .overlay2.sb-country-wrap .sb-country-select-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  margin: 0;
  min-height: 0;
}
/* Contact method pills: .default with .dot2 (blue dot) + grey border, no gradient */
#contacts .contact-method .default {
  border-radius: 21px;
  border: 1px solid #1d2038;
  padding: 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: flex-start;
  justify-content: flex-start;
  background: transparent;
  background-image: none;
}
#contacts .contact-method .default .badge-we-raised-200-000-series-a {
  color: #9799b3;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  background: none;
  -webkit-text-fill-color: #9799b3;
}
/* Dot is grey when pill is inactive, blue only when selected */
#contacts .contact-method .default .dot2 {
  background: #3d4266;
  box-shadow: none;
}
#contacts .contact-method .default.is-selected {
  border-color: #1225f3;
  background: rgba(18, 37, 243, 0.08);
}
#contacts .contact-method .default.is-selected .dot2 {
  background: #1362ff;
  box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.09),
    inset 0px 1px 16px 0px rgba(255, 255, 255, 0.12);
}
#contacts .contact-method .default.is-selected .badge-we-raised-200-000-series-a {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}
#contacts .link-large {
  align-self: stretch;
}
#contacts ._2.apply-panel {
  width: 462px;
  height: 598px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid #4a3e26;
}
#contacts ._2.apply-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: linear-gradient(0deg, rgba(255, 172, 6, 0.5) 0%, rgba(255, 172, 6, 0.08) 62.98%, rgba(255, 172, 6, 0) 100%);
  pointer-events: none;
}
#contacts ._2 ._1-2-1 {
  width: 318px;
  height: 580px;
  position: absolute;
  left: calc(50% - 144px);
  bottom: -33px;
  object-fit: cover;
  aspect-ratio: 318/580;
}
#contacts ._2 .glow {
  position: absolute;
  transform: none;
  bottom: 0;
}

/* Who is agent (section6): Figma – gradient overlay on _22, section2/section3 structure */
.section6 ._22::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: linear-gradient(
    0deg,
    rgba(255, 172, 6, 0.5) 0%,
    rgba(255, 172, 6, 0.08) 62.981051206588745%,
    rgba(255, 172, 6, 0) 100%
  );
  pointer-events: none;
}
.section6 .section-desktop-glowing .section2 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  width: 100%;
  min-width: 0;
}
.section6 .section-desktop-glowing {
  overflow: visible;
  min-width: 0;
}
.section6 .section3 {
  width: 100%;
  max-width: 654px;
  min-width: 0;
}
.section6 .description2 .the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly-the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly {
  flex: 1;
  width: auto;
}

/* Advantages (section-how-it-works): 3 cards per row, flexible width */
.section-how-it-works .cards {
  width: 100%;
  height: auto;
  justify-content: flex-start;
}
.section-how-it-works .cards ._01,
.section-how-it-works .cards ._02,
.section-how-it-works .cards ._03,
.section-how-it-works .cards ._04,
.section-how-it-works .cards ._05,
.section-how-it-works .cards ._06 {
  flex: 1 1 calc((100% - 40px) / 3);
  min-width: 280px;
  max-width: 365px;
  width: auto;
  height: auto;
  min-height: 306px;
}

/* Why us: 3 cards per row on desktop */
#about .cards2 {
  width: 100%;
  height: auto;
  justify-content: flex-start;
}
#about .cards2 ._013,
#about .cards2 ._4,
#about .cards2 ._5,
#about .cards2 ._6,
#about .cards2 ._72,
#about .cards2 ._82 {
  flex: 1 1 calc((100% - 40px) / 3);
  min-width: 280px;
  max-width: 365px;
  width: auto;
}

/* Advantages (section-how-it-works): Figma – card header uses .badge + .default2 (number circle) */
.section-how-it-works .cards .badge {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
/* Card number circle: .default in cards (gradient border + radius, no border-image) */
.section-how-it-works .cards .badge > .default {
  border-radius: 21px;
  padding: 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  border: 1px solid transparent;
  background: linear-gradient(rgba(12, 15, 23, 0.98), rgba(12, 15, 23, 0.98)) padding-box,
    linear-gradient(90deg, rgba(19, 98, 255, 1) 0%, rgba(90, 203, 255, 1) 100%) border-box;
}
.section-how-it-works .cards .badge > .default .badge-we-raised-200-000-series-a {
  font-size: 13px;
  line-height: 16px;
}
.section-how-it-works .cards .badge > .default .dot {
  display: none;
}
.section-how-it-works ._03 .badge2,
.section-how-it-works ._05 .default6 .badge2 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
/* _03 amount pills: default3, default4, default5 (Figma names) */
.section-how-it-works ._03 .default3 {
  background: #171a29;
  border-radius: 48px;
  padding: 12px 24px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 193px;
  top: 84px;
  overflow: hidden;
  filter: blur(2px);
}
.section-how-it-works ._03 .default4 {
  background: #171a29;
  border-radius: 48px;
  padding: 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 31px;
  top: 143px;
  overflow: hidden;
}
.section-how-it-works ._03 .default5 {
  background: #171a29;
  border-radius: 48px;
  padding: 8px 12px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 239px;
  top: 228px;
  overflow: hidden;
}
/* _05 "We are here 24/7" pill (Figma .default6) */
.section-how-it-works ._05 .default6 {
  background: linear-gradient(90deg, rgba(19, 98, 255, 1) 0%, rgba(90, 203, 255, 1) 100%);
  border-radius: 48px;
  padding: 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  left: 57px;
  top: 113px;
  overflow: hidden;
  filter: none;
}
.section-how-it-works ._05 .default6 .the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly-the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly4 {
  color: #ffffff;
}


/* Nav: always on top (header was going behind content) */
.nav-navigation {
  z-index: 1000;
}

/* Nav: container responsive */
.nav-navigation .container2 {
  position: relative;
  left: auto;
  top: auto;
  translate: none;
  width: 100%;
  max-width: 1132px;
  margin: 0 auto;
  height: 56px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav-navigation .clip-path-group2 {
  position: relative;
  left: auto;
  top: auto;
}

.nav-navigation .menu-desktop {
  position: relative;
  left: auto;
  top: auto;
  translate: none;
  display: flex;
  gap: 31px;
}

.nav-navigation .button {
  position: relative;
  left: auto;
  top: auto;
  text-decoration: none;
}
.nav-navigation .button:hover,
.nav-navigation .button:focus {
  text-decoration: none;
}

/* Polylang language switcher: yellow border, dark background, flag + code (like screenshot) */
.sb-lang-switcher {
  position: relative;
  display: flex;
  align-items: center;
}
.sb-lang-switcher-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 50px;
  border: 2px solid rgba(255, 189, 6, 1);
  background: #0c0f17;
  color: #ffffff;
  font-family: 'Inter-SemiBold', sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.14px;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.sb-lang-switcher-toggle:hover,
.sb-lang-switcher-toggle:focus {
  border-color: rgba(255, 168, 6, 1);
  background: #13161f;
  outline: none;
}
.sb-lang-switcher-flag {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
}
.sb-lang-switcher-code {
  text-transform: uppercase;
}
.sb-lang-switcher-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  margin: 4px 0 0;
  padding: 4px 0;
  min-width: 100%;
  list-style: none;
  background: #13161f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  z-index: 100;
}
.sb-lang-switcher-dropdown[hidden] {
  display: none;
}
/* Custom scrollbar for language dropdown */
.sb-lang-switcher-dropdown {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 189, 6, 0.8) rgba(255, 255, 255, 0.08);
}
.sb-lang-switcher-dropdown::-webkit-scrollbar {
  width: 6px;
}
.sb-lang-switcher-dropdown::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
}
.sb-lang-switcher-dropdown::-webkit-scrollbar-thumb {
  background: rgba(255, 189, 6, 0.8);
  border-radius: 3px;
}
.sb-lang-switcher-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 189, 6, 1);
}
.sb-lang-switcher-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s;
}
.sb-lang-switcher-item:hover {
  background: rgba(255, 255, 255, 0.08);
}
.sb-lang-switcher-mobile {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.sb-lang-switcher-mobile .sb-lang-switcher-item {
  padding: 8px 16px;
  border-radius: 50px;
  border: 2px solid rgba(255, 189, 6, 1);
  background: #13161f;
}
.sb-lang-switcher-mobile .sb-lang-switcher-item.is-current {
  border-color: rgba(255, 189, 6, 0.6);
  background: rgba(255, 189, 6, 0.12);
}

.logo-link { display: block; }

/* WordPress nav menu ul */
.menu-desktop-list {
  display: flex;
  flex-direction: row;
  gap: 31px;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-desktop-list li { list-style: none; }

.menu-desktop .menu-item,
.menu-desktop a {
  color: #ffffff;
  text-align: center;
  font-family: 'Inter-SemiBold', sans-serif;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.14px;
  font-weight: 600;
  text-decoration: none;
}

/* Mobile menu toggle (hidden on desktop) */
.menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 0;
}

.mobile-menu {
  display: none;
  position: fixed;
  top: 55px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0c0f17;
  z-index: 999;
  padding: 24px;
  overflow-y: auto;
}

.mobile-menu.is-open { display: block; }

.mobile-menu .menu-desktop {
  position: relative;
  left: auto;
  top: auto;
  translate: none;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.mobile-menu .menu-desktop a,
.mobile-menu .menu-item {
  padding: 12px 0;
  font-size: 16px;
}

.mobile-menu .button {
  position: relative;
  left: auto;
  top: auto;
  margin-top: 16px;
  align-self: stretch;
  justify-content: center;
}

/* When logged in: WordPress admin bar (32px) – keep header and content visible */
body.admin-bar .nav-navigation {
  top: 32px;
}
body.admin-bar .mobile-menu {
  top: calc(32px + var(--nav-height, 56px));
}
body.admin-bar ._1440 {
  padding-top: 32px;
}

@media (max-width: 1023px) {
  /* When WP admin bar has scrolled up on mobile – no gap under top edge */
  body.admin-bar.wp-bar-scrolled .nav-navigation {
    top: 0;
  }
  body.admin-bar.wp-bar-scrolled .mobile-menu {
    top: var(--nav-height, 56px);
  }
  body.admin-bar.wp-bar-scrolled ._1440 {
    padding-top: 0;
  }

  html { scroll-behavior: auto; }
  body { touch-action: pan-y; }
  .nav-navigation {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
    box-sizing: border-box;
  }
  .nav-navigation .container2 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .nav-navigation .menu-desktop { display: none; }
  .nav-navigation .button { display: none; }
  .menu-toggle { display: flex; }
  /* Language button and burger grouped on the right with small gap */
  .nav-navigation .container2 {
    justify-content: flex-start;
    gap: 8px;
  }
  .nav-navigation .container2 .logo-link {
    margin-right: auto;
  }
  /* Language dropdown overlay on mobile: allow overflow when open */
  .nav-navigation:has(.sb-lang-switcher.is-open) { overflow: visible; }
  .sb-lang-switcher-dropdown {
    min-width: 120px;
    max-height: min(70vh, 400px);
    overflow-y: auto;
    border: 2px solid rgba(255, 189, 6, 1);
    border-radius: 16px;
    padding: 8px 0;
  }
  .sb-lang-switcher-dropdown .sb-lang-switcher-item.is-current {
    background: rgba(255, 189, 6, 0.12);
    border-radius: 8px;
    margin: 0 6px;
  }
  .section {
    width: 100%;
    max-width: 358px;
    padding-top: 88px;
    padding-left: 0;
    padding-right: 0;
  }
  .hero-section {
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
    padding: 0;
  }
  .hero-section .section2 { width: 100%; max-width: 358px; }
  .hero-section .section3 { width: 100%; max-width: 358px; gap: 40px; }
  .hero-section .section4 { gap: 16px; }
  .hero-section ._2 {
    width: 358px;
    max-width: 358px;
    height: 329px;
    min-height: 329px;
    position: relative;
    left: -24px;
    overflow: visible;
  }
  .hero-section .de-1 {
    width: 323.07px;
    height: 323.07px;
    left: 85.17px;
    top: -28px;
  }
  .hero-section .default2 { left: 107px; top: 185px; }
  .hero-section .default3 {
    left: auto;
    right: 8px;
    top: 245px;
  }
  .hero-section .default4 { left: 41px; top: 39px; }
  .hero-section ._2 .glow {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    right: auto;
    bottom: auto;
    transform: none;
    overflow: visible;
    z-index: 0;
  }
  .hero-section ._2 .circle {
    width: 273px;
    height: 241px;
    border-radius: 50%;
    left: calc(50% - 130px);
    /*top: 301px;*/
    transform: none;
    filter: blur(70px);
  }
  .hero-section ._2 .line {
    display: none;
  }
  .hero-section .redefine-real-estate-transactions-heading-1-redefine-real-estate-transactions {
    width: 100%;
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: -1.2px;
  }
  .hero-section .the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly-the-all-in-one-property-management-and-marketplace-platform-where-you-can-manage-list-sell-or-find-your-perfect-property-seamlessly {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    line-height: 28.8px;
  }
  .hero-section .link-large {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
    box-sizing: border-box;
  }
  .section2 { flex-direction: column; align-items: center; }
  .section3 { width: 100%; max-width: 358px; }
  .section6 { flex-direction: column; align-items: stretch; }
  .section6 ._22 { width: 100%; min-height: 500px; }
  .section6 .section-desktop-glowing { order: 1; }
  .section6 ._22 { order: 2; }
  .section6 .section-desktop-glowing { width: 100%; }
  .section6 .link-large {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    align-self: stretch;
    padding-left: 16px;
    padding-right: 16px;
  }
  .section6 ._22 ._1-2-1 {
    width: 274px;
    height: 478px;
    left: calc(50% - 187px);
    bottom: -12px;
    object-fit: contain;
  }
  .section6 ._22 ._1-2-2 {
    width: 200px;
    height: 428px;
    left: calc(50% - 22px);
    bottom: -12px;
    object-fit: contain;
  }
  .section11 { flex-direction: column; width: 100% !important; }
  #contacts ._2.apply-panel { display: none; }
  #contacts .section2 { width: 100%; }
  #contacts .section5 { width: 100%; }
  .desktop { flex-direction: column; width: 100% !important; }
  .desktop ._23 { display: none; }
  .section-how-it-works { gap: 24px; }
  .section-how-it-works .container {
    width: 100%;
    padding: 0;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .seamless-process-effortless-management-heading-2-seamless-process-effortless-management {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -1.2px;
    text-align: left;
    width: 100%;
  }
  .cards {
    width: 100%;
    height: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
  }
  .cards ._01,
  .cards ._02,
  .cards ._03,
  .cards ._04,
  .cards ._05,
  .cards ._06 {
    width: 100%;
    max-width: 365px;
    min-width: 0;
    padding: 16px;
  }
  .cards2 {
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
  }
  .cards2 ._013,
  .cards2 ._4,
  .cards2 ._5,
  .cards2 ._6,
  .cards2 ._72,
  .cards2 ._82 {
    width: 100%;
    max-width: 365px;
    min-width: 0;
    padding: 16px;
    gap: 24px;
  }
  .section7 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 100%;
    height: auto;
  }
  .section7 > * {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }
  /* Steps order on mobile: text card -> image card (as in design) */
  .section7 ._012 { order: 1; }
  .section7 ._10 { order: 2; }
  .section7 ._022 { order: 3; }
  .section7 ._7 { order: 4; }
  .section7 ._032 { order: 5; }
  .section7 ._8 { order: 6; }
  .section7 ._042 { order: 7; }
  .section7 ._9 { order: 8; }
  .section9 {
    flex-direction: column;
    gap: 40px;
    padding: 0;
  }
  .saa-s-pro-has-changed-the-game-for-us-managing-properties-and-finding-buyers-has-never-been-easier-heading-3-soft-pro-has-changed-the-game-for-us-managing-properties-and-finding-buyers-has-never-been-easier {
    font-size: 24px;
    line-height: 1.2;
  }
  .start-listing-now-heading-1-start-listing-now {
    font-size: 24px;
    line-height: 1.2;
  }
  .section10 { width: 100%; max-width: 100%; }
  .right { width: 100%; max-width: 459px; margin: 0 auto; height: 337px; }
  .cards3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .cards3 ._014,
  .cards3 ._42,
  .cards3 ._52 {
    padding: 16px;
    gap: 33px;
  }

  .section6 .description {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -1.2px;
  }
  .section6 .description2 {
    background: rgba(12, 15, 23, 0.7);
    border: 1px solid #1d2038;
    border-radius: 24px;
    padding: 16px;
  }
  .section6 .section-desktop-glowing .section2 { gap: 40px; }

  .cards ._01,
  .cards ._02,
  .cards ._03,
  .cards ._04,
  .cards ._05,
  .cards ._06 {
    min-height: 306px;
  }

  .section7 ._012,
  .section7 ._022,
  .section7 ._032,
  .section7 ._042 {
    background: rgba(12, 15, 23, 0.7);
    border: 1px solid #1d2038;
    border-radius: 24px;
    padding: 16px;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
  }
  .section7 ._012 .section8,
  .section7 ._022 .section4,
  .section7 ._032 .section4,
  .section7 ._042 .section4 {
    flex: 1;
    width: 100%;
    min-width: 0;
  }
  .section7 .badge3 {
    width: 100%;
    min-width: 0;
  }
  .section7 .list-your-property-heading-6-list-your-property,
  .section7 .connect-with-buyers-heading-6-connect-with-buyers {
    min-width: 0;
  }
  .section7 .create-a-detailed-listing-for-your-property-including-photos-descriptions-and-pricing-create-a-detailed-listing-for-your-property-including-photos-descriptions-and-pricing {
    width: 100%;
    min-width: 0;
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .section7 ._7,
  .section7 ._8,
  .section7 ._10,
  .section7 ._9 {
    background: linear-gradient(-22.16deg, rgba(255, 172, 6, 0.8) 0%, rgba(255, 172, 6, 0) 100%),
      linear-gradient(to left, rgba(12, 15, 23, 0.7), rgba(12, 15, 23, 0.7));
    border: 1px solid #4a3e26;
    border-radius: 24px;
    padding: 32px;
    height: 188px;
    overflow: hidden;
  }

  .section11 { gap: 40px; }
  #contacts .section2 { max-width: 420px; }
  #contacts .section3 { gap: 16px; }
  #contacts .section4 { gap: 11px; }
  #contacts .section5 { max-width: 420px; }
  #contacts form { gap: 24px; }
  .link-large2,
  .link-large3,
  #contacts button.link-large {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
  #contacts ._2.apply-panel {
    display: flex;
    width: 100%;
    max-width: 358px;
    height: 500px;
    min-height: 500px;
    margin-top: 0;
  }
  #contacts ._2.apply-panel ._1-2-1 {
    width: 275px;
    height: 502px;
    left: calc(50% - 123px);
    bottom: -33px;
  }

  .desktop {
    gap: 40px;
    align-items: stretch;
  }
  .desktop .section16 {
    order: 1;
    width: 100%;
  }
  .desktop ._23 {
    display: block;
    order: 2;
    width: 100%;
    max-width: 358px;
    height: 598px;
  }
  .section17 {
    width: 100%;
    max-width: 356px;
  }
  .questions-answer-heading-2-questions-answer {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -1.2px;
  }
  .right-variant-1 { gap: 8px; }
  .right-variant-1 {
    width: 100%;
    align-self: stretch;
  }
  .closed {
    width: 100%;
    height: 54px;
    align-self: stretch;
  }
  .faq-answer-panel {
    width: 100%;
    align-self: stretch;
  }
  .faq-question {
    flex: 1;
    min-width: 0;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: -0.16px;
  }
  .tabler-plus,
  .tabler-plus2,
  .tabler-plus3,
  .tabler-plus4,
  .tabler-plus5 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: block;
  }

  /* Fluid width from 390px up to 1023px */
  .section {
    max-width: min(720px, calc(100% - 32px));
  }
  .section3,
  .hero-section .section2,
  .hero-section .section3,
  #contacts .section2,
  #contacts .section5,
  .section17 {
    max-width: 100%;
  }
  .hero-section ._2 {
    width: min(358px, 100%);
    max-width: 100%;
    left: 0;
    margin: 0 auto;
  }
  .cards ._01,
  .cards ._02,
  .cards ._03,
  .cards ._04,
  .cards ._05,
  .cards ._06,
  .cards2 ._013,
  .cards2 ._4,
  .cards2 ._5,
  .cards2 ._6,
  .cards2 ._72,
  .cards2 ._82,
  .cards3 ._014,
  .cards3 ._42,
  .cards3 ._52 {
    max-width: 100%;
  }
  #contacts ._2.apply-panel,
  .desktop ._23 {
    max-width: 100%;
  }

  .footer-desktop {
    width: calc(100% - 32px);
    height: auto;
    min-height: 260px;
    padding: 32px 16px 24px;
  }
  .footer-desktop .top {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .footer-desktop ._123-oak-street-suite-100-san-francisco-united-states,
  .footer-desktop .clip-path-group,
  .footer-desktop .footer-contact,
  .footer-desktop .footer-contact2,
  .footer-desktop .footer-link,
  .footer-desktop .footer-link2 {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
  }
  .footer-desktop .clip-path-group {
    order: 1;
    max-width: 132px;
  }
  .footer-desktop .footer-contact { order: 2; }
  .footer-desktop .footer-contact2 { order: 3; }
  .footer-desktop ._123-oak-street-suite-100-san-francisco-united-states {
    order: 4;
    margin-top: 8px;
  }
  .footer-desktop .footer-link {
    order: 5;
    margin-top: 8px;
  }
  .footer-desktop .footer-link2 { order: 6; }
  .footer-desktop .sapphirebet {
    position: static;
    margin-top: 24px;
  }
}

/* Form inputs: use input with same look as placeholder */
.overlay input.input-label,
.overlay input,
.overlay3 input {
  width: 100%;
  background: transparent;
  border: none;
  color: #9799b3;
  font-family: 'Inter-Regular', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.overlay input::placeholder,
.overlay3 input::placeholder { color: #9799b3; }

.overlay2 select.input-text {
  flex: 1;
  background: transparent;
  border: none;
  color: #9799b3;
  font-size: 16px;
  cursor: pointer;
  appearance: none;
}

.link-large3 { cursor: pointer; border: none; }
.link-large3 .text-button-get-early-access { pointer-events: none; }

#contacts button.link-large {
  cursor: pointer;
  border: none;
  text-decoration: none;
}
#contacts button.link-large:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
#contacts button.link-large .text-button-get-early-access { pointer-events: none; }

/* Cookie banner */
.sb-cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(18, 18, 24, 0.98);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 16px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  z-index: 99999;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.sb-cookie-banner-hidden {
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
}
.sb-cookie-banner-text {
  margin: 0;
  flex: 1;
  min-width: 200px;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}
.sb-cookie-banner-actions {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
.sb-cookie-btn {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  border: none;
  transition: background 0.2s;
}
.sb-cookie-accept {
  background: #1225f3;
  color: #fff;
}
.sb-cookie-accept:hover { background: #1a2ff5; }
.sb-cookie-more {
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.sb-cookie-more:hover { background: rgba(255, 255, 255, 0.08); }

@media (max-width: 767px) {
  .sb-cookie-banner {
    padding: 16px;
    gap: 12px;
    box-sizing: border-box;
  }
  .sb-cookie-banner-text {
    min-width: 0;
  }
  .sb-cookie-banner-actions {
    width: 100%;
    flex-direction: column;
    flex-shrink: 1;
  }
  .sb-cookie-btn {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    white-space: normal;
  }
}

/* Privacy Policy page */
.sb-privacy-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 24px 80px;
  color: rgba(255, 255, 255, 0.9);
}
.sb-privacy-title {
  font-size: 28px;
  margin-bottom: 24px;
  color: #fff;
}
.sb-privacy-content h2,
.sb-privacy-page h2 {
  font-size: 20px;
  margin: 32px 0 12px;
  color: #fff;
}
.sb-privacy-content h3,
.sb-privacy-page h3 { font-size: 18px; margin: 20px 0 8px; }
.sb-privacy-content h4,
.sb-privacy-page h4 { font-size: 16px; margin: 16px 0 8px; }
.sb-privacy-content p,
.sb-privacy-page p { margin: 0 0 12px; line-height: 1.6; }
.sb-privacy-content a,
.sb-privacy-page a { color: #1225f3; }

/* Anti-spam + Verify Manager */

/* Honeypot: kept in the DOM but off-screen so bots still fill it */
.sb-hp {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.sb-turnstile { margin: 16px 0 4px; }

/* Standalone Verify Manager section (left copy, right checker) */
.sb-verify-section {
  display: flex;
  gap: 48px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 40px;
  box-sizing: border-box;
}
.sb-verify-intro {
  flex: 1 1 0;
  min-width: 0;
}
.sb-verify-heading {
  color: #ffffff;
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 46px;
  letter-spacing: -0.8px;
  margin: 16px 0 16px;
}
.sb-verify-lead {
  color: #9799b3;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  max-width: 520px;
}
.sb-verify {
  flex: 0 0 460px;
  max-width: 460px;
  padding: 28px;
  background: #13161f;
  border: 1px solid #1d2038;
  border-radius: 24px;
  box-sizing: border-box;
}
.sb-verify-channels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 12px;
}
.sb-verify-channel {
  padding: 10px 8px;
  background: #171a29;
  border: 1px solid #1d2038;
  border-radius: 10px;
  color: #b8b9d0;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s;
}
.sb-verify-channel:hover { border-color: #3d4266; }
.sb-verify-channel.is-selected {
  border-color: #ffac06;
  color: #ffffff;
}
.sb-verify-row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.sb-verify-input {
  flex: 1 1 auto;
  min-width: 0;
  box-sizing: border-box;
  padding: 14px 16px;
  background: #0c0f17;
  border: 1px solid #1d2038;
  border-radius: 12px;
  color: #ffffff;
  font-size: 15px;
}
.sb-verify-input::placeholder { color: #5a6088; }
.sb-verify-input:focus { outline: none; border-color: #ffac06; }
.sb-verify-submit {
  flex: 0 0 auto;
  padding: 0 22px;
  background: transparent;
  border: 1px solid #ffac06;
  border-radius: 12px;
  color: #ffac06;
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.sb-verify-submit:hover { background: #ffac06; color: #0c0f17; }
.sb-verify-submit:disabled { opacity: 0.5; cursor: default; }
.sb-verify[data-verified="1"] { border-color: #39a2ff; }
.sb-verify-result {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 19px;
}
.sb-verify-result p { margin: 0; }
.sb-verify-result.is-ok {
  background: rgba(57, 162, 255, 0.12);
  border: 1px solid #39a2ff;
  color: #ffffff;
}
.sb-verify-result.is-error {
  background: rgba(255, 89, 89, 0.12);
  border: 1px solid #ff5959;
  color: #ffffff;
}

@media (max-width: 1023px) {
  .sb-verify-section {
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
    padding: 56px 24px;
  }
  .sb-verify-heading { font-size: 30px; line-height: 36px; }
  .sb-verify,
  .sb-verify-intro { flex: 1 1 auto; max-width: 100%; }
}
@media (max-width: 560px) {
  .sb-verify-row { flex-direction: column; }
  .sb-verify-submit { padding: 12px; }
}