/* SECTION */
.mortgage-section{
  padding:60px 20px;
  background:#f5f6fa;
  direction:rtl;
}

.mortgage-wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  max-width:1200px;
  margin:auto;
}

/* BOX */
.mortgage-box{
  width:50%;
  height:220px;
  background:#e5e7eb;
  border-radius:20px;
}

/* CONTENT */
.mortgage-content{
  width:50%;
  text-align:right;
}

.mortgage-content h2{
  margin-bottom:16px;
}

.mortgage-content button{
  margin-top:20px;
  background:#2f3e8f;
  color:#fff;
  border:none;
  padding:12px 28px;
  border-radius:12px;
  cursor:pointer;
  transition:.3s;
}

.mortgage-content button:hover{
  background:#1f2d6e;
}

/* POPUP */
.popup-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.55);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

.popup-box{
  background:#fff;
  padding:30px;
  border-radius:16px;
  max-width:420px;
  text-align:right;
  box-shadow:0 12px 30px rgba(0,0,0,0.2);
}

.popup-box ul{
  padding-right:18px;
  line-height:1.8;
}

.popup-actions{
  display:flex;
  gap:12px;
  margin-top:20px;
}

.popup-cancel{
  background:#ccc;
  border:none;
  padding:10px 16px;
  border-radius:8px;
  cursor:pointer;
}

.popup-confirm{
  background:#1e3a8a;
  color:#fff;
  padding:10px 16px;
  border-radius:8px;
  text-decoration:none;
}

/* RESPONSIVE */
@media (max-width:768px){
  .mortgage-wrapper{
    flex-direction:column;
  }

  .mortgage-box,
  .mortgage-content{
    width:100%;
  }

  .mortgage-box{
    height:160px;
  }

  .mortgage-content{
    text-align:center;
  }
}