.mepr-price-box-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    text-align: center !important;
}
@media (max-width: 480px) {

  .mepr-form {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .mepr-form label {
    font-size: 16px !important;
    line-height: 1.4 !important;
    word-wrap: break-word !important;
  }

  .mepr-form input[type="text"] {
    width: 100% !important;
  }

  .mepr-form .mepr-submit {
    width: 100% !important;
  }

}
@media (max-width: 480px){
  /* Keep buttons inside the white box on small screens */
  .mepr-form .mepr-submit,
  .mepr-form button,
  .mepr-form input[type="submit"],
  a.button,
  a.wp-block-button__link{
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }

  /* Make sure long text can wrap instead of overflowing */
  .mepr-form,
  .mepr-form *{
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}
/* MOBILE FIX – keep white agreement box and buttons aligned */
@media (max-width: 600px){

  /* Make the white content box full width inside the section */
  .membership-agreement,
  .agreement-box,
  .mepr-form,
  .entry-content{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  /* Force all agreement buttons to stay inside */
  .mepr-form a,
  .mepr-form button,
  .mepr-form input[type="submit"],
  .wp-element-button{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

}