.elementor-63 .elementor-element.elementor-element-4036034{--display:flex;}.elementor-63 .elementor-element.elementor-element-e9f9efe{--display:flex;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-54475b0 */input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: transparent !important;
  color: #002b5e !important;
  border: 2px solid #002b5e !important;
  padding: 10px 8px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  font-family: 'DM Sans', sans-serif !important;
  text-align: center !important;
}

/* Hover Style for All Buttons */
input[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
  background-color: #002b5e !important;
  color: white !important;
}
input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit] {
  background-color: transparent !important;
  color: white !important; /* Always white text */
  border: 2px solid #002b5e !important;
  padding: 10px 8px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  font-family: 'DM Sans', sans-serif !important;
  text-align: center !important;
}

/* Hover Style — Background changes, text stays white */
input[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
  background-color: #002b5e !important;
  color: white !important;
}
input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit] {
  background-color: transparent !important;
  color: white !important; /* Always white text */
  border: none !important; /* No border */
  padding: 10px 8px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  font-family: 'DM Sans', sans-serif !important;
  text-align: center !important;
}

/* Hover Style — background visible, text remains white */
input[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
  background-color: #002b5e !important;
  color: white !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54475b0 *//* Form Wrapper & Universal Styles */
#tutor-apply-section .wpforms-container-full,
#tutor-apply-section .wpforms-form * {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  color: #333;
  box-sizing: border-box;
  line-height: 1.6;
}

/* ===== Desktop (Default) ===== */
#tutor-apply-section {
  margin: 0 auto;
  max-width: 80%;
  width: 100%;
  padding: 10px 20px; /* Desktop padding */
  box-sizing: border-box;
}

/* ===== Mobile & Tablet (≤768px) ===== */
@media (max-width: 768px) {
  #tutor-apply-section {
    padding: 1px;         /* Mobile: remove left/right space */
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}


/* Form field spacing */
#tutor-apply-section .wpforms-field {
  margin-bottom: 20px;
  text-align: left;
}

/* Input & Textarea */
#tutor-apply-section input[type="text"],
#tutor-apply-section input[type="email"],
#tutor-apply-section input[type="number"],
#tutor-apply-section input[type="tel"],
#tutor-apply-section textarea {
  width: 100%;
  max-width: 100%;
  padding: 12px 16px;
  background-color: #f9fbff;
  border: 1px solid #c9d6e2;
  border-radius: 8px;
  transition: border 0.3s, box-shadow 0.3s;
  display: block;
  line-height: 1.4;
}

/* Select */
#tutor-apply-section select {
  width: 100%;
  max-width: 100%;
  padding: 10px 16px;
  background-color: #f9fbff;
  border: 1px solid #c9d6e2;
  border-radius: 8px;
  transition: border 0.3s, box-shadow 0.3s;
  display: block;
  line-height: 1.4;
  height: auto;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Focus styles */
#tutor-apply-section input:focus,
#tutor-apply-section textarea:focus,
#tutor-apply-section select:focus {
  border-color: #002b5e;
  box-shadow: 0 0 0 3px rgba(0, 43, 94, 0.15);
  outline: none;
}

/* Labels */
#tutor-apply-section .wpforms-field-label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  color: #002b5e;
  text-align: left;
}

/* Descriptions */
#tutor-apply-section .wpforms-field-description {
  font-size: 13px;
  color: #777;
  margin-bottom: 8px;
  text-align: left;
}

/* Checkbox/radio alignment */
#tutor-apply-section .wpforms-field-layout,
#tutor-apply-section .wpforms-field .wpforms-list {
  text-align: left !important;
}

/* Buttons */
#tutor-apply-section .wpforms-submit,
#tutor-apply-section .wpforms-page-button {
  background-color: transparent !important;
  color: #002b5e !important;
  border: 2px solid #002b5e !important;
  padding: 7px 8px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  font-family: 'DM Sans', sans-serif !important;
  text-align: center !important;
}

/* Hover for buttons */
#tutor-apply-section .wpforms-submit:hover,
#tutor-apply-section .wpforms-page-button:hover {
  background-color: #002b5e !important;
  color: white !important;
}

/* Error message */
#tutor-apply-section .wpforms-error {
  color: red;
  font-size: 13px;
  margin-top: 5px;
}

/* Confirmation message */
#tutor-apply-section .wpforms-confirmation-container {
  background-color: #e6f3ff;
  border: 1px solid #b3daff;
  padding: 20px;
  border-radius: 10px;
  color: #004085;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
}

/* ========== Responsive Styles ========== */

/* Tablets and below (≤768px) */
@media (max-width: 768px) {
  #tutor-apply-section {
    padding: 1px 10px;
  }

  #tutor-apply-section input,
  #tutor-apply-section textarea,
  #tutor-apply-section select {
    font-size: 15px;
    padding: 10px 14px;
  }

  #tutor-apply-section .wpforms-submit,
  #tutor-apply-section .wpforms-page-button {
    font-size: 15px !important;
  }

  #tutor-apply-section .wpforms-field {
    margin-bottom: 24px;
  }
}

/* Phones and very small screens (≤480px) */
@media (max-width: 480px) {
  #tutor-apply-section {
    padding: 8px 12px;
  }

  #tutor-apply-section input,
  #tutor-apply-section textarea,
  #tutor-apply-section select {
    padding: 9px 12px;
    font-size: 14px;
  }

  #tutor-apply-section .wpforms-submit,
  #tutor-apply-section .wpforms-page-button {
    font-size: 14px !important;
    padding: 6px 10px !important;
  }

  #tutor-apply-section .wpforms-field-label {
    font-size: 14px;
  }

  #tutor-apply-section .wpforms-field-description {
    font-size: 12px;
  }
}/* End custom CSS */