/* -------- MAIN FORM STYLING -------- */
.shipment-form {
  max-width: 900px;
  margin: 40px auto;
  font-family: Arial, sans-serif;
  color: #2c2c2c;
}

.shipment-form h3 {
  margin: 25px 0 15px;
  font-size: 30px !important;
  font-weight: 600;
  letter-spacing: 1px;
}

.shipment-form form {
  width: 100%;
}

.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}

.form-row input,
.form-row textarea {
  flex: 1;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
  font-size: 14px;
}

.form-row textarea {
  min-height: 100px;
  resize: vertical;
}

.submit-btn {
  background: none;
  border: 2px solid #f9b233;
  color: #2c2c2c;
  padding: 12px 25px;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s ease;
}

.submit-btn:hover {
  background: #f9b233;
  color: #fff;
}

/* -------- MOBILE RESPONSIVE -------- */
@media (max-width: 768px) {

  .page-banner {
    height: 200px !important;
  }

  /* Form width full & padding */
  .shipment-form {
    margin: 20px 15px;
  }

  /* All inputs in single column */
  .form-row {
    flex-direction: column;
    gap: 12px;
  }

  .form-row input,
  .form-row textarea {
    width: 100%;
    font-size: 15px;
    padding: 14px;
  }

  h3 {
    font-size: 15px;
  }

  .submit-btn {
    width: 100%;
    padding: 14px;
    font-size: 16px;
  }
}