.contact-hero {
  padding-top: 200px;
  padding-bottom: 20px;
  /* background: linear-gradient(90deg, #00c6ff1a 0, #0072ff0c 100%); */
}

.contact-form-section {
  /* background: #f8f9fa; */
  padding: 80px 0;
}

.contact-form {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.05);
  padding: 40px 32px;
  text-align: right;
  direction: rtl;
}

.contact-form label {
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
  text-align: right;
}

.contact-form .form-control {
  border-radius: 8px;
  text-align: right;
  direction: rtl;
}

.btn-send {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  color: #fff;
  font-weight: 700;
  border-radius: 10px;
  padding: 12px;
  font-size: 1.2rem;
  box-shadow: 0 2px 10px rgba(0, 114, 255, 0.14);
  transition: all 0.23s;
  border: none;
  letter-spacing: 1px;
}

.btn-send:hover, .btn-send:focus {
  background: linear-gradient(90deg,#43e2e2,#3f76d1);
  box-shadow: 0 6px 21px rgba(0, 114, 255, 0.18);
  color: #fff;
  outline: none;
  filter: drop-shadow(0 0 10px #66f5fa90);
}

@media (max-width: 720px) {
  .contact-hero {
    padding-top: 100px;
  }
  .contact-form-section {
    padding: 34px 0 40px 0;
  }
  .contact-form {
    padding: 18px 6px;
    border-radius: 11px;
  }
}