.elementor-40 .elementor-element.elementor-element-dd6b6cf{--display:flex;--min-height:130vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.3;}.elementor-40 .elementor-element.elementor-element-dd6b6cf:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(58deg, var( --e-global-color-3542633 ) 0%, #16629F 100%);}.elementor-40 .elementor-element.elementor-element-dd6b6cf::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mbdusers.com/wp-content/uploads/2026/01/Graphic-BG.svg");--background-overlay:'';background-position:bottom right;background-repeat:no-repeat;background-size:52% auto;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-f4a5eb4{padding:0px 0px 30px 0px;}.elementor-40 .elementor-element.elementor-element-f4a5eb4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:55px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-1bf0183{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-40 .elementor-element.elementor-element-1bf0183.elementor-element{--align-self:center;}@media(max-width:1366px){.elementor-40 .elementor-element.elementor-element-dd6b6cf::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:1000px auto;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-40 .elementor-element.elementor-element-f4a5eb4 .elementor-heading-title{font-size:45px;}}@media(max-width:1024px){.elementor-40 .elementor-element.elementor-element-dd6b6cf::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:983px auto;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-40 .elementor-element.elementor-element-f4a5eb4 .elementor-heading-title{font-size:40px;}.elementor-40 .elementor-element.elementor-element-1bf0183{--container-widget-width:500px;--container-widget-flex-grow:0;width:var( --container-widget-width, 500px );max-width:500px;}}@media(max-width:767px){.elementor-40 .elementor-element.elementor-element-dd6b6cf::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-dd6b6cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:802px auto;}.elementor-40 .elementor-element.elementor-element-dd6b6cf{--padding-top:200px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-40 .elementor-element.elementor-element-f4a5eb4 .elementor-heading-title{font-size:30px;}.elementor-40 .elementor-element.elementor-element-1bf0183{--container-widget-width:315px;--container-widget-flex-grow:0;width:var( --container-widget-width, 315px );max-width:315px;}}/* Start custom CSS for pms-register, class: .elementor-element-1bf0183 *//* ================================
   PMS Register form – match Login UI
   Scoped to your custom class: .register
================================ */

/* 0) Prevent Elementor containers from clipping */
.register .elementor-widget-container,
.register .elementor-element,
.register .elementor-container,
.register .elementor-column,
.register .elementor-widget-wrap {
  overflow: visible !important;
}

/* 1) Hide PMS payment / gateways area (causes right box & layout issues) */
.register .pms-payment-gateways-wrapper,
.register .pms-paygates-holder {
  display: none !important;
}

/* 2) Form width + centering (desktop + mobile) */
.register .pms-form,
.register form {
  width: 100% !important;
  max-width: 560px !important;     /* NORMAL width like login */
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* 3) Field wrappers */
.register .pms-field,
.register .pms-field-wrapper,
.register .pms-form-field,
.register p {
  margin: 0 0 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 4) Labels */
.register label {
  display: block;
  font-size: 16px !important;      /* requested */
  line-height: 1.2;
  margin: 0 0 8px !important;
  font-weight: 500;
  color: #ffffff !important;
}

/* 5) Inputs (rounded, light blue, border color #25A9DF) */
.register input[type="text"],
.register input[type="email"],
.register input[type="password"],
.register input[type="tel"],
.register input[type="number"],
.register select,
.register textarea {
  width: 100% !important;          /* FIX: full width on desktop */
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;

  background: #eaf6ff !important;
  border: 1px solid #25A9DF !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  min-height: 54px;

  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

/* 6) Placeholder */
.register input::placeholder,
.register textarea::placeholder {
  color: rgba(0,0,0,0.35);
}

/* 7) Focus state */
.register input:focus,
.register select:focus,
.register textarea:focus {
  border-color: #25A9DF !important;
  box-shadow: 0 0 0 3px rgba(37,169,223,0.25) !important;
}

/* 8) Plan/subscription text */
.register .pms-subscription-plan,
.register .pms-subscription-plan-name,
.register .pms-subscription-plan-description,
.register .pms-error,
.register .pms-success {
  color: #ffffff !important
}

/* 9) Register button (pill like login) */
.register input[type="submit"],
.register button[type="submit"],
.register .pms-submit-button,
.register input[name="pms_new_subscription"],
.register input[name="pms_register"] {
  appearance: none;
  background: #ffffff !important;
  color: #000 !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  border-radius: 999px !important;
  padding: 14px 26px !important;
  min-height: 48px;
  font-weight: 600 !important;
  cursor: pointer;
  box-shadow: none !important;

  width: 100% !important;          /* match input width */
  max-width: 100% !important;
  display: block !important;
  margin: 24px 0 0 !important;
}

/* Hover */
.register input[type="submit"]:hover,
.register button[type="submit"]:hover,
.register input[name="pms_new_subscription"]:hover,
.register input[name="pms_register"]:hover {
  border-color: rgba(0,0,0,0.22) !important;
}

/* 10) Submit wrapper alignment */
.register .pms-submit,
.register .pms-form .pms-submit {
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
}

/* 11) OPTIONAL: Two-column layout on desktop
   (Only enable if you really want it; otherwise remove this block)
   IMPORTANT: This does NOT change input widths anymore. */
@media (min-width: 768px) {
  .register .pms-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 22px;
  }

  /* Full-width rows */
  .register .pms-subscription-plan,
  .register .pms-submit,
  .register .pms-form input[type="submit"],
  .register .pms-form button[type="submit"],
  .register input[name="pms_new_subscription"],
  .register input[name="pms_register"] {
    grid-column: 1 / -1;
  }
}

/* FIX: Stop 2-column grid on desktop (this creates the empty right side) */
@media (min-width: 768px){
  .register form#pms_register-form.pms-form,
  .register .pms-form{
    display: block !important;      /* kill grid */
    grid-template-columns: none !important;
    gap: 0 !important;
  }
}/* End custom CSS */