/* Contact Form Custom Styles */

.contact-form-page-box .input-box {
  position: relative;
  margin-bottom: 10px;
}

.contact-form-page-box .input-box input.error,
.contact-form-page-box .input-box textarea.error {
  border-color: #dc3545 !important;
  background-color: #fff5f5;
}

.contact-form-page-box .input-box input:focus,
.contact-form-page-box .input-box textarea:focus {
  outline: none;
  border-color: #b882fc;
}

.contact-form-page-box .input-box .error-message {
  display: none;
  color: #dc3545;
  font-size: 13px;
  margin-top: 5px;
  font-weight: 500;
  animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.contact-form-page-box button[type="submit"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.form-success-message {
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
  display: none;
}

.form-error-message {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
  display: none;
}