.elementor-13432 .elementor-element.elementor-element-390020cc{--display:flex;}/* Start custom CSS *//* =========================================
   IPA LEARNDASH REGISTRATION / LEARNER LOGIN
   Safe visual styling only
========================================= */

/* Page background spacing */
body.page {
  background: linear-gradient(180deg, #f4f8fc 0%, #eef4fb 100%);
}

/* Main LearnDash registration wrapper */
.ld-registration__wrapper,
.learndash-wrapper .ld-registration__wrapper,
.learndash-wrapper .ld-registration,
.ld-registration {
  max-width: 760px;
  margin: 50px auto 80px auto;
  background: #ffffff;
  border: 1px solid rgba(11, 58, 111, 0.08);
  border-radius: 24px;
  padding: 42px 42px 36px;
  box-shadow: 0 18px 50px rgba(7, 26, 58, 0.10);
  position: relative;
  overflow: hidden;
}

/* Premium top accent line */
.ld-registration__wrapper::before,
.learndash-wrapper .ld-registration__wrapper::before,
.learndash-wrapper .ld-registration::before,
.ld-registration::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 7px;
  background: linear-gradient(90deg, #071a3a 0%, #0b3a6f 50%, #39c3d6 100%);
}

/* Main form title */
.ld-registration__title,
.ld-registration h2,
.ld-registration h1,
.ld-registration__wrapper h2:first-of-type {
  font-size: 42px;
  line-height: 1.15;
  font-weight: 800;
  color: #071a3a;
  text-align: center;
  margin: 12px 0 14px;
}

/* Small helper text under title */
.ld-registration__wrapper p,
.ld-registration p {
  color: #475569;
  font-size: 16px;
  line-height: 1.65;
}

/* Hide duplicate login prompt inside the form
   since you already have a login button above */
.ld-registration__wrapper p a[href*="login"],
.ld-registration p a[href*="login"] {
  font-weight: 600;
}

.ld-registration__wrapper p:first-of-type,
.ld-registration p:first-of-type {
  text-align: center;
  margin-bottom: 28px;
  color: #64748b;
}

/* Optional: hide the repeated "Already have an account? Log In" line entirely */
.ld-registration__wrapper p:first-of-type,
.ld-registration p:first-of-type {
  display: none;
}

/* Labels */
.ld-registration label,
.ld-registration__wrapper label,
.learndash-wrapper .ld-registration label,
.learndash-wrapper .ld-registration__wrapper label {
  display: block;
  font-size: 17px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

/* Fields */
.ld-registration input[type="text"],
.ld-registration input[type="email"],
.ld-registration input[type="password"],
.ld-registration input[type="tel"],
.ld-registration input[type="number"],
.ld-registration select,
.ld-registration textarea,
.ld-registration__wrapper input[type="text"],
.ld-registration__wrapper input[type="email"],
.ld-registration__wrapper input[type="password"],
.ld-registration__wrapper input[type="tel"],
.ld-registration__wrapper input[type="number"],
.ld-registration__wrapper select,
.ld-registration__wrapper textarea,
.learndash-wrapper .ld-registration input,
.learndash-wrapper .ld-registration__wrapper input {
  width: 100%;
  min-height: 58px;
  border: 1px solid #cbd5e1;
  border-radius: 14px;
  background: #f8fbff;
  padding: 14px 18px;
  font-size: 16px;
  color: #0f172a;
  box-shadow: none;
  transition: all 0.25s ease;
}

/* Focus state */
.ld-registration input:focus,
.ld-registration select:focus,
.ld-registration textarea:focus,
.ld-registration__wrapper input:focus,
.ld-registration__wrapper select:focus,
.ld-registration__wrapper textarea:focus,
.learndash-wrapper .ld-registration input:focus,
.learndash-wrapper .ld-registration__wrapper input:focus {
  outline: none;
  border-color: #39c3d6;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(57, 195, 214, 0.14);
}

/* Form rows / spacing */
.ld-registration .form-row,
.ld-registration__wrapper .form-row,
.ld-registration .learndash-form-row,
.ld-registration__wrapper .learndash-form-row,
.ld-registration p,
.ld-registration__wrapper p {
  margin-bottom: 20px;
}

/* Show/hide password button */
.ld-registration button,
.ld-registration__wrapper button {
  border-radius: 14px;
}

/* Primary submit button */
.ld-registration input[type="submit"],
.ld-registration button[type="submit"],
.ld-registration .button,
.ld-registration .btn,
.ld-registration__wrapper input[type="submit"],
.ld-registration__wrapper button[type="submit"],
.ld-registration__wrapper .button,
.ld-registration__wrapper .btn,
.learndash-wrapper .ld-button,
.learndash-wrapper input[type="submit"] {
  display: inline-block;
  width: 100%;
  min-height: 58px;
  border: none;
  border-radius: 16px;
  background: linear-gradient(135deg, #071a3a 0%, #0b3a6f 100%);
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 700;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(11, 58, 111, 0.22);
  transition: all 0.25s ease;
  cursor: pointer;
}

/* Button hover */
.ld-registration input[type="submit"]:hover,
.ld-registration button[type="submit"]:hover,
.ld-registration .button:hover,
.ld-registration .btn:hover,
.ld-registration__wrapper input[type="submit"]:hover,
.ld-registration__wrapper button[type="submit"]:hover,
.ld-registration__wrapper .button:hover,
.ld-registration__wrapper .btn:hover,
.learndash-wrapper .ld-button:hover,
.learndash-wrapper input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(11, 58, 111, 0.28);
  color: #ffffff !important;
}

/* Required hints / helper text */
.ld-registration small,
.ld-registration__wrapper small,
.ld-registration .description,
.ld-registration__wrapper .description {
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
}

/* Error / notice boxes */
.ld-registration .learndash-message,
.ld-registration .ld-alert,
.ld-registration__wrapper .learndash-message,
.ld-registration__wrapper .ld-alert {
  border-radius: 14px;
  padding: 14px 18px;
  margin-bottom: 22px;
}

/* Mobile */
@media (max-width: 767px) {
  .ld-registration__wrapper,
  .learndash-wrapper .ld-registration__wrapper,
  .learndash-wrapper .ld-registration,
  .ld-registration {
    margin: 30px 16px 50px;
    padding: 30px 20px 24px;
    border-radius: 18px;
  }

  .ld-registration__title,
  .ld-registration h2,
  .ld-registration h1,
  .ld-registration__wrapper h2:first-of-type {
    font-size: 31px;/* End custom CSS */