.how-make-money {
  background: #fdfbf7;
  padding-top: 130px;
}

.mini-text {
  font-size: 18px;
  color: #222a55;
  margin-bottom: 8px;
}

.section-title {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #222a55;
}

.sub-text {
  font-size: 20px;
  color: #222a55;
  margin-top: 12px;
}
.sub-text span{
    color:var(--theme-color);
}

.steps-wrapper {
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding-top: 45px;
}

/* Circle background behind mobile */
.circle-bg {
  width: 370px;
  position: relative;
  margin: auto;
}
.circle-bg::before {
    width: 420px;
    height: 420px;
    background: #f7ba1166;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.step-img {
  width: 70%;
  filter: drop-shadow(0px 6px 20px rgba(0,0,0,0.2));
}

.step-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #222a55;
}

.step-text {
  font-size: 20px;
  color: #555;
  max-width: 450px;
}

.left-sided-text {
    width: 80%;
    transform: translate(30%);
}

/* why real state section  */

a.theme-button{
    text-decoration: none;
}
.why-realestate-sec {
  background: #fdfbf7;
}

.why-box {
  background: #fff;
  border-radius: 32px;
  max-width: 900px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.section-title {
  font-size: 38px;
  font-weight: 800;
  color: #1d1d33;
}

.section-sub {
  font-size: 14px;
  color: #6f6f7f;
}

.compare-table {
  text-align: center;
}

.compare-table thead th {
  font-weight: 600;
  color: #4b4b61;
  border-bottom: 0;
  padding-bottom: 20px;
}

.compare-table tbody td {
  padding: 16px 10px;
  font-size: 14px;
  color: #4a4a52;
  vertical-align: middle;
}

.realestate-col {
  background: var(--theme-color) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

th.realestate-col{
    border-radius: 12px 12px 0px 0px;
}

table tr:last-child td.realestate-col{
    border-radius: 0px 0px 12px 12px;
}


.realestate-col .smalltxt {
  font-size: 11px;
  font-weight: 400;
  opacity: 0.9;
}

/* Footnote */
.footnote {
  font-size: 10px;
  color: #454553;
  margin-bottom: 20px;
}

section.how-it-work-cta div {
    background: #f2f2f2;
    padding: 50px 12px;
    text-align: center;
}

section.how-it-work-cta h3 {
    color: #222a55;
    font-weight: 400;
}
section.how-it-work-cta p {
    margin-bottom: 34px;
}

/* Responsive */
@media (max-width: 992px) {
  .steps-wrapper {
    gap: 60px;
  }

  .circle-bg {
    width: 200px;
    height: 200px;
  }

  .step-img {
    width: 75%;
  }

  .step-title {
    text-align: center;
  }

  .step-text {
    text-align: center;
    margin: auto;
    padding-bottom: 45px;
  }
}

@media (max-width: 576px) {
  .circle-bg {
    width: 170px;
    height: 100%;
  }

  .circle-bg::before {
    width: 180px;
    height: 180px;
    }
    .sub-text {
        font-size: 16px;
        width: 80%;
        margin:auto;
        padding-top: 16px;
    }
    .left-sided-text {
    width: 100%;
    transform: none;
    text-align: center;
}
}

/* why real state section  */
@media (max-width: 768px) {
  .realestate-col {
    border-radius: 0;
  }
  
  .why-box {
    padding: 25px !important;
  }

  .section-title {
    font-size: 28px;
  }

  .compare-table thead {
    display: none;
  }

  .compare-table tbody td:first-child {
    font-weight: 600;
    background: #fdbb2f24;
  }

  .compare-table tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 12px;
  }

  .compare-table td {
    display: flex;
    justify-content: space-between;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
  }

  .compare-table td:last-child {
    border-bottom: 0;
  }
}




@media screen and (max-width: 480px) { 
  .why-realestate-sec {
      padding: 40px 0px 0px 0px;
  }

   .step-text {
      font-size: 16px;
  }


 }