/* =========================
   ROI BOOSTERZ FORM STYLE
========================= */

/* FORM WRAPPER */
.rb-form{
  background:#ffffff;
  padding:45px;
  border-radius:24px;
  border:1px solid #eef2f7;
  box-shadow: 0 30px 90px rgba(0,0,0,0.06);
}

/* Remove bootstrap spacing conflict */
.rb-form .row{
  margin-left:0;
  margin-right:0;
}

/* Field Wrapper */
.rb-form-field{
  margin-bottom:18px;
}

/* Labels */
.rb-form .form-label{
  font-size:14px;
  font-weight:600;
  color:#0f1e35;
  margin-bottom:8px;
  display:block;
}

/* Inputs & Textarea */
.rb-form .form-control{
  width:100%;
  padding:16px 18px;
  border-radius:14px;
  border:1px solid #e3eaf3;
  background:#f8fbff;
  font-size:15px;
  color:#0f1e35;
  transition: all .3s ease;
}

/* Placeholder */
.rb-form .form-control::placeholder{
  color:#8aa0b8;
}

/* Focus State */
.rb-form .form-control:focus{
  border-color:#00c389;
  background:#ffffff;
  box-shadow: 0 0 0 3px rgba(0,195,137,0.15);
  outline:none;
}

/* Textarea Resize Control */
.rb-form textarea.form-control{
  resize: vertical;
  min-height:120px;
}

/* Submit Button Wrapper */
.rb-form-actions{
  margin-top:25px !important;
  justify-content:center;
}

/* Submit Button */
.rb-form .btn.btn-primary{
  padding:18px 42px;
  border:none;
  border-radius:50px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  background: linear-gradient(90deg, #00c389, #1e63ff);
  color:#ffffff;
  transition: all .3s ease;
  box-shadow: 0 18px 50px rgba(30,99,255,0.25);
}

/* Button Hover */
.rb-form .btn.btn-primary:hover{
  transform: translateY(-4px);
  box-shadow: 0 25px 70px rgba(30,99,255,0.35);
}

/* Button Active */
.rb-form .btn.btn-primary:active{
  transform: translateY(-2px);
}

/* Success Message (auto generated) */
.rb-form-success{
  background:#e9fff6;
  border:1px solid #b6f5da;
  color:#0f5132;
  padding:15px 20px;
  border-radius:12px;
  margin-top:20px;
  font-size:14px;
}

/* Responsive */
@media (max-width: 768px){

  .rb-form{
    padding:30px;
  }

  .rb-form .btn.btn-primary{
    width:100%;
  }

}