:root {
  --proximanova: 'Proxima Nova', Arial,  sans-serif;
  --gray-600-601: #6d757e;
  --gray-900: #161617;
  --gray-700: #4f5459;
  --primary-blue: #0575d6;
  --light-blue: #4cafff;
  --gray-100: #f8f9fa;
  --gray-600: #6d757e;
  --gray-300-301: #dee2e6;
  --gray-800: #2e3033;
  --gray-400: #ced4da;
  --gray-200: #edf0f2;
  --dark-mode-blue: #041729;
  --dark-blue: #082645;
  --highlight-blue: #f3f8fd;
  --success: #15892b;
  --warning: #ffc107;
  --danger: #df4343;
  --white: white;
  --dark-mode-bg: #041729;
  --gray-500: #adb5bd;
  --primary-blue-hover: #0461b1;
  --deep-sky-blue: #4cafff9e;
  --home-max-teaser-size: 35rem;
  --gray-300: #dee2e6;
}
   
   .editor-control-layout html {
      box-sizing: border-box;
      background-color: var(--white);
    }

    .editor-control-layout *,
    .editor-control-layout ::before,
    .editor-control-layout ::after {
      box-sizing: inherit;
    }

    .marketingForm h1 {
      color: var(--gray-900);
      margin: 0px;
      padding: 0px;
      width: 100%;
      font-family: var(--proximanova);
      line-height: 1.25;
      font-size: 28px;
    }

    .marketingForm h2 {
      color: var(--gray-900);
      margin: 0px;
      padding: 0px;
      width: 100%;
      line-height: 1.25;
      font-family: var(--proximanova);
      font-size: 30px;
      font-weight: 600;
    }

    .marketingForm h3 {
      color: var(--gray-900);
      margin: 0px;
      padding: 0px;
      width: 100%;
      line-height: 1.25;
      font-family: var(--proximanova);
      font-size: 18px;
    }

    .marketingForm p {
      /*margin: 0px 0 2rem  0;*/
      padding: 0px;
      width: 100%;
      line-height: 1.25;
      font-family: var(--proximanova);
      font-size: 16px;
      color: var(--gray-700);
      }

    .marketingForm a,
    div[data-editorblocktype="Captcha"] td:nth-of-type(2) a {
      text-decoration: none;
      font-family: var(--proximanova);
      font-size: 14px;
    }

    .marketingForm .primaryButtonWrapper,
    .submitButtonWrapper {
      margin: 10px 0px;
    }

    .marketingForm .primaryButton,
    .submitButton {
      font-family: var(--proximanova);
      font-size: 16px;
      line-height: 22px;
      background-color: var(--primary-blue);
      border: none;
      border-radius: 4px;
      color: var(--white);
      padding: 10px 20px;
      cursor: pointer;
    }

    .marketingForm .secondaryButton {
      font-family: var(--proximanova);
      font-weight: 700;
      font-size: 16px;
      line-height: 22px;
      background-color: var(--white);
      border: 1px solid var(--primary-blue);
      border-radius: 4px;
      color: var(--primary-blue);
      padding: 10px 20px;
      margin: 0px;
      cursor: pointer;
    }

    .marketingForm .error {
      font-family: var(--proximanova);
      font-weight: bold;
      font-size: 8px;
      margin: 0px;
      padding: 0px;
      color: var(--danger);
    }

    .zero-state-container span {
      font-family: var(--proximanova);
      font-weight: 600;
      font-size: 20px;
      line-height: 26px;
      color: rgb(36, 36, 36);
    }

input#_registration {
    display: none;
}

    form.marketingForm {
      color: var(--gray-900);
      font-family: var(--proximanova);
      font-size: 14px;
      background-color: var(--gray-100);
      max-width: 80rem;
      display: flex;
      flex-direction: column;
      padding: 2rem 3rem;
    }

    form.marketingForm > div {
      width: 100% !important;
      display: flex;
      flex-direction: column;
      margin: 0 !important;
    }

    .emptyContainer.columns-equal-class.wrap-section {
      margin-bottom: 2rem !important;
  }
/*    [data-layout="true"] {
      max-width: 800px;
      background-color: rgba(255, 255, 255, 0);
      border-style: none;
      font-family: var(--proximanova);
    } */

    div[data-editorblocktype="SubmitButton"] {
      padding: 0;
      display: flex;
    }

    div[data-editorblocktype="Captcha"] {
      padding: 20px 12%;
    }

    div[data-editorblocktype="Captcha"] table,
    div[data-editorblocktype="Captcha"] div>table>tbody>tr>td:nth-of-type(2) {
      width: 100% !important;
    }

    div[data-editorblocktype="Captcha"] div>div>table>tbody>tr:first-of-type>td:last-of-type {
      padding-bottom: 12px !important;
    }

    div[data-editorblocktype="Captcha"] tr[id="wlspispHIPErrorContainer"] {
      margin-top: 20px;
    }

    div[data-editorblocktype="Captcha"] tr[id="wlspispHIPErrorContainer"] td:nth-of-type(2) {
      width: auto !important;
    }

    div[data-editorblocktype="Captcha"] tr[id="wlspispHIPErrorContainer"] img {
      display: flex;
    }

    div[data-editorblocktype="Captcha"] td:nth-of-type(2)>div>div {
      margin-top: 4px;
    }

    div[data-editorblocktype="Captcha"] td:nth-of-type(2)>div>div * {
      font-weight: 400;
    }

    div[data-editorblocktype="Captcha"] td:nth-of-type(2)>div>div b {
      color: rgb(121, 119, 117);
    }

    div[data-editorblocktype="Captcha"] tr:nth-of-type(2)>td {
      height: 0px !important;
    }

    div[data-editorblocktype="Captcha"] td input {
      margin-top: 20px !important;
      padding: 16px 8px !important;
      width: 100% !important;
    }

    div[data-editorblocktype="Captcha"] div[id^="wlspaudioBtnHolder"] {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    div[data-editorblocktype="About"],
    div[data-editorblocktype="Sessions"],
    div[data-editorblocktype="Speakers"] {
      padding: 32px 24px;
    }

    div[data-editorblocktype="About"] span,
    div[data-editorblocktype="Sessions"] span,
    div[data-editorblocktype="Speakers"] span {
      color: var(--gray-700);
    }

    div[data-editorblocktype="About"] p {
      display: flex;
      margin-top: 10px;
      color: var(--gray-700);
    }

    div[data-editorblocktype="About"] p span {
      margin-right: 10px;
    }

    .textFormFieldBlock,
    .dateTimeFormFieldBlock,
    .twoOptionFormFieldBlock,
    .optionSetFormFieldBlock,
    .multiOptionSetFormFieldBlock,
    .lookupFormFieldBlock {
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      margin: 4rem 0 !important;
    }

    table.multi .textFormFieldBlock,
    table.multi .dateTimeFormFieldBlock,
    table.multi .twoOptionFormFieldBlock,
    table.multi .optionSetFormFieldBlock,
    table.multi .multiOptionSetFormFieldBlock,
    table.multi .lookupFormFieldBlock {
      padding: 0;
      margin: 0;
    }

    .consentBlock {
      padding: 4px 30px;
    }

    .textFormFieldBlock label,
    .dateTimeFormFieldBlock label,
    .lookupFormFieldBlock label,
    .twoOptionFormFieldBlock label.block-label,
    .optionSetFormFieldBlock label.block-label,
    .multiOptionSetFormFieldBlock label.block-label,
    div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"],
    .textFormFieldBlock label *,
    .dateTimeFormFieldBlock label *,
    .lookupFormFieldBlock label *,
    .twoOptionFormFieldBlock label.block-label *,
    .optionSetFormFieldBlock label.block-label *,
    .multiOptionSetFormFieldBlock label.block-label *,
    .consentBlock label * {
      font-family: var(--proximanova);
      font-size: 16px;
      font-weight: 400;
      color: var(--gray-700);
      line-height: 2.2rem;
    }

    .textFormFieldBlock label,
    .dateTimeFormFieldBlock label,
    .lookupFormFieldBlock label,
    .twoOptionFormFieldBlock label.block-label,
    .optionSetFormFieldBlock label.block-label,
    .multiOptionSetFormFieldBlock label.block-label,
    div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"] {
      display: flex;
      margin: 4px 0px 0px;
      padding: 0px;
      width: 100%;
      justify-content: flex-start;
      flex-direction: row;
      flex: auto;
    }

    .textFormFieldBlock label>*,
    .dateTimeFormFieldBlock label>*,
    .lookupFormFieldBlock label>*,
    .twoOptionFormFieldBlock label.block-label>*,
    .optionSetFormFieldBlock label.block-label>*,
    .multiOptionSetFormFieldBlock label.block-label>*,
    .consentBlock label>* {
      display: inline-flex;
    }

    .textFormFieldBlock label p::after,
    .twooption_checkbox label p::after,
    .dateTimeFormFieldBlock label p::after,
    .lookupFormFieldBlock label p::after,
    .twoOptionFormFieldBlock label.block-label p::after,
    .twoOptionFormFieldBlock div.twooption_checkbox label p::after,
    .optionSetFormFieldBlock label.block-label p::after,
    .multiOptionSetFormFieldBlock label.block-label p::after,
    .consentBlock label p::after,
    div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"]::after {
      width: 22px;
      display: inline-block;
      line-height: 22px;
      text-align: center;
      content: "*";
      visibility: hidden;
    }

    div[data-required].textFormFieldBlock label p::after,
    div[data-required].dateTimeFormFieldBlock label p::after,
    div[data-required].lookupFormFieldBlock label p::after,
    div[data-required] div.twooption_checkbox label p::after,
    div[data-required] label.block-label p::after,
    div[data-required="true"].consentBlock label p::after,
    div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"]::after {
      visibility: visible;
    }

    div[data-hide].textFormFieldBlock,
    div[data-hide].dateTimeFormFieldBlock,
    div[data-hide].lookupFormFieldBlock,
    div[data-hide].twoOptionFormFieldBlock,
    div[data-hide].optionSetFormFieldBlock,
    div[data-hide].multiOptionSetFormFieldBlock {
      background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzc05hbWU9ImhpZGRlbkZpZWxkSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiPg0KICAgICAgICA8cGF0aCBkPSJNNzQgMjkybDkwLTkwIDE2MzAgMTYyOS05MSA5MS00NTctNDU3cS01NCAzNS0xMDUgNTN0LTExNyAxOHEtODAgMC0xNTAtMzB0LTEyMi04Mi04Mi0xMjItMzAtMTUwcTAtNjUgMTgtMTE2dDUzLTEwNkwzOTEgNjEwUTI2NiA3MTUgMTk3IDg1MXQtNjkgMzAxSDBxMC05MSAyMS0xNzl0NjAtMTcwIDk0LTE1MyAxMjYtMTMwTDc0IDI5MnptNjk0IDg2MHEwIDUzIDIwIDk5dDU1IDgyIDgxIDU1IDEwMCAyMHEzNiAwIDY3LTl0NjItMjdsLTM0OS0zNDlxLTE3IDMxLTI2IDYydC0xMCA2N3ptMzI4LTI0NUw5NjMgNzc0bDMwLTRxMTUtMiAzMS0yIDc5IDAgMTQ5IDMwdDEyMiA4MiA4MyAxMjMgMzAgMTQ5cTAgMTUtMiAzMHQtNCAzMWwtMTMzLTEzM3EtNDItMTMxLTE3My0xNzN6bTk1MiAyNDVoLTEyOHEwLTExOC0zNi0yMjF0LTk5LTE4OC0xNTAtMTUyLTE4NS0xMTMtMjA4LTcwLTIxOC0yNHEtOTggMC0xOTIgMTl0LTE4NSA1NmwtOTgtOThxMTE2LTUzIDIzMS03OXQyNDQtMjZxMTQ0IDAgMjg1IDM1dDI2NSAxMDUgMjI2IDE3MCAxNjYgMjM0cTQwIDgyIDYxIDE3MXQyMSAxODF6Ig0KICAgICAgICBmaWxsPSIjQzMzNDAwIiAvPg0KICAgICAgICA8L3N2Zz4=);
      background-repeat: no-repeat;
      background-position: 86% 20%;
    }

    .optionSetFormFieldBlock select,
    .textFormFieldBlock input,
    .dateTimeFormFieldBlock input,
    .lookupFormFieldBlock input,
    .marketingForm textarea,
    div[data-editorblocktype="Captcha"] input {
      font-family: var(--proximanova);
      padding: 1.5rem 2rem;
      background-color: var(--white);
      border: 1px solid var(--gray-400);
      border-radius: 6px;
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      font-size: 1.6rem;
      flex: 2 1 0%;
      max-width: 50rem;
    }

    .optionSetFormFieldBlock select,
    .textFormFieldBlock input::placeholder,
    .dateTimeFormFieldBlock input,
    .lookupFormFieldBlock input::placeholder,
    .marketingForm textarea::placeholder,
    div[data-editorblocktype="Captcha"] input::placeholder {
      color: var(--gray-700) !important;
    }

    .textFormFieldBlock textarea {
      resize: vertical;
      height: 120px;
    }

    .lookupFormFieldBlock input {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiPjxwYXRoIGQ9Ik0xMzQ0IDBxOTcgMCAxODcgMjV0MTY4IDcxIDE0MiAxMTAgMTExIDE0MyA3MSAxNjggMjUgMTg3cTAgOTctMjUgMTg3dC03MSAxNjgtMTEwIDE0Mi0xNDMgMTExLTE2OCA3MS0xODcgMjVxLTEyNSAwLTIzOS00MnQtMjExLTEyMWwtNzg1IDc4NHEtMTkgMTktNDUgMTl0LTQ1LTE5LTE5LTQ1cTAtMjYgMTktNDVsNzg0LTc4NXEtNzktOTYtMTIxLTIxMHQtNDItMjQwcTAtOTcgMjUtMTg3dDcxLTE2OCAxMTAtMTQyVDk4OSA5NnQxNjgtNzEgMTg3LTI1em0wIDEyODBxMTE5IDAgMjI0LTQ1dDE4My0xMjQgMTIzLTE4MyA0Ni0yMjRxMC0xMTktNDUtMjI0dC0xMjQtMTgzLTE4My0xMjMtMjI0LTQ2cS0xMTkgMC0yMjQgNDVUOTM3IDI5NyA4MTQgNDgwdC00NiAyMjRxMCAxMTkgNDUgMjI0dDEyNCAxODMgMTgzIDEyMyAyMjQgNDZ6Ii8+PC9zdmc+);
      background-repeat: no-repeat;
      background-position: 98% 50%;
      background-size: 1em 1em;
    }

    .optionSetFormFieldBlock select {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDYuNzA4OThMMC4xNDY0ODQgMC44NTU0NjlMMC44NTU0NjkgMC4xNDY0ODRMNiA1LjI5MTAyTDExLjE0NDUgMC4xNDY0ODRMMTEuODUzNSAwLjg1NTQ2OUw2IDYuNzA4OThaIiBmaWxsPSIjNjA1RTVDIi8+Cjwvc3ZnPgo=);
      background-repeat: no-repeat;
      background-position: 98% 50%;
      appearance: none;
    }

    .optionSetFormFieldBlock select option {
      background-color: var(--gray-100);
    }

    .twoOptionFormFieldBlock div.radiobuttons,
    .twoOptionFormFieldBlock div.twooption_checkbox,
    .optionSetFormFieldBlock div.radiobuttons,
    .multiOptionSetFormFieldBlock fieldset {
      font-family: var(--proximanova);
      font-size: 14px;
      border: none;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;
      flex: 2 1 0%;
      justify-content: flex-start !important;
    }

    .twoOptionFormFieldBlock div.radiobuttons,
    .optionSetFormFieldBlock div.radiobuttons,
    .multiOptionSetFormFieldBlock fieldset {
      margin-top: 16px;
    }

    .twoOptionFormFieldBlock div.radiobuttons>div,
    .twoOptionFormFieldBlock div.twooption_checkbox>div,
    .optionSetFormFieldBlock div.radiobuttons>div,
    .multiOptionSetFormFieldBlock fieldset>div,
    .consentBlock>div {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;
    }

    .twoOptionFormFieldBlock div.radiobuttons div label,
    .optionSetFormFieldBlock div.radiobuttons div label {
      font-family: var(--proximanova);
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      color: var(--gray-700);
    }

    .twoOptionFormFieldBlock div.twooption_checkbox div label,
    .twoOptionFormFieldBlock div.twooption_checkbox div label div,
    .consentBlock div label p {
      font-family: var(--proximanova);
      font-weight: 400;
      font-size: 16px;
      line-height: 2.2rem;
      letter-spacing: 0;
      margin: -1px 0 0 0;
    }

    .multiOptionSetFormFieldBlock fieldset>div>label {
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      color: var(--gray-700);
    }

  

    .twoOptionFormFieldBlock div.radiobuttons,
    .optionSetFormFieldBlock div.radiobuttons {
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
    }

    .twoOptionFormFieldBlock div.twooption_checkbox>div,
    .consentBlock>div {
      width: 100%;
      border-radius: 0px;
    }

    .twoOptionFormFieldBlock div.radiobuttons div,
    .optionSetFormFieldBlock div.radiobuttons div {
      width: 100%;
    }

    .twoOptionFormFieldBlock div.twooption_checkbox div,
    .consentBlock div {
      padding: 0px;
      margin: 0px;
    }

    .twoOptionFormFieldBlock div.radiobuttons div input,
    .twoOptionFormFieldBlock div.twooption_checkbox div input,
    .optionSetFormFieldBlock div.radiobuttons div input,
    .multiOptionSetFormFieldBlock fieldset>div>input[type="checkbox"],
    .consentBlock div input {
      margin: 0px;
      box-sizing: border-box;
      width: 20px;
      height: 20px;
      border: 1px solid var(--gray-700);
      border-radius: 2px;
      accent-color: var(--primary-blue);
      flex-shrink: 0;
    }

    .marketingForm [dir="rtl"],
    .marketingForm [dir="rtl"] * {
      text-align: right;
    }

    .marketingForm s span {
      text-decoration: line-through;
    }

    .marketingForm u span {
      text-decoration: underline;
    }

    .dividerWrapper p span {
      line-height: 0px;
    }

    .marketingForm ul,
    .marketingForm ol {
      margin-top: 15px;
      margin-bottom: 15px;
      line-height: 1.25;
      padding-inline-end: 0px !important;
    }

    .marketingForm p img {
      max-width: 100%;
    }

    .marketingForm u a {
      text-decoration: underline;
    }

    .marketingForm .imageWrapper a img {
      text-decoration: none;
      border: 0px;
    }

    .marketingForm th.columnContainer,
    .marketingForm th.inner {
      font-weight: normal;
      text-align: left;
      height: auto !important;
      width: 100% !important;
      
    }

    .marketingForm [dir="rtl"] th.columnContainer,
    .marketingForm [dir="rtl"] th.inner {
      font-weight: normal;
      text-align: right;
    }

    @media only screen and (max-width: 768px) {
      .marketingForm a span {
        line-height: inherit !important;
      }

      form.marketingForm tr, form.marketingForm th {
        display: flex !important; 
      }

      .marketingForm .multi table {
        table-layout: fixed;
        height: auto !important;
      }

      .marketingForm .multi td {
        width: auto !important;
        min-height: auto !important;
      }

      .marketingForm .multi tbody,
      .marketingForm .multi tbody tr,
      .marketingForm .multi tbody tr td,
      .marketingForm .multi tbody tr th,
      .marketingForm .outer tbody,
      .marketingForm .outer tbody tr,
      .marketingForm .outer tbody tr td,
      .marketingForm .outer tbody tr th {
        display: block;
        box-sizing: border-box;
        height: auto !important;
        min-height: auto !important;
      }

      .marketingForm .wrap-section .multi tbody,
      .marketingForm .wrap-section .multi tbody tr,
      .marketingForm .wrap-section .multi tbody tr td,
      .marketingForm .wrap-section .multi tbody tr th,
      .marketingForm .wrap-section .outer tbody,
      .marketingForm .wrap-section .outer tbody tr,
      .marketingForm .wrap-section .outer tbody tr td,
      .marketingForm .wrap-section .outer tbody tr th {
        width: 100% !important;
      }

      .marketingForm .multi .inner {
        height: auto !important;
        min-height: auto !important;
      }

      .marketingForm .tbContainer .inner {
        box-sizing: border-box;
      }

      .marketingForm .outer {
        width: 100% !important;
      }

      .marketingForm .tbContainer .columnContainer table {
        table-layout: fixed !important;
      }

      .marketingForm .innerTable {
        min-height: auto !important;
      }

      .marketingForm .no-wrap-section .outer {
        display: table !important;
      }

      .marketingForm .no-wrap-section .multi table {
        height: 100% !important;
      }

      .marketingForm .no-wrap-section .multi tbody,
      .marketingForm .no-wrap-section .outer tbody {
        display: table-row-group !important;
        width: 100% !important;
      }

      .marketingForm .no-wrap-section .multi tbody tr,
      .marketingForm .no-wrap-section .outer tbody tr {
        display: table-row !important;
        width: 100% !important;
      }

      .marketingForm .no-wrap-section .multi tbody tr td,
      .marketingForm .no-wrap-section .multi tbody tr th,
      .marketingForm .no-wrap-section .outer tbody tr td,
      .marketingForm .no-wrap-section .outer tbody tr th {
        display: table-cell !important;
      }

      .marketingForm .no-wrap-section.columns-equal-class .outer tbody tr td,
      .marketingForm .no-wrap-section.columns-equal-class .outer tbody tr th {
        height: 0px !important;
      }

      .marketingForm .no-wrap-section .outer tbody tr td.inner,
      .marketingForm .no-wrap-section .outer tbody tr th.inner {
        width: 100% !important;
        height: auto !important;
      }

      .marketingForm a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: var(--proximanova);
        font-weight: inherit !important;
        line-height: inherit !important;
      }
                .no-wrap-section .outer .multi tbody tr td,
                .no-wrap-section .outer .multi tbody tr th {
                    display: table-cell !important;
                }
                .no-wrap-section .outer .multi tbody tr td.inner,
                .no-wrap-section .outer .multi tbody tr th.inner {
                    display: block !important;
                }
                .no-wrap-section .outer .multi .dividerWrapper tbody tr td,
                .no-wrap-section .outer .multi .dividerWrapper tbody tr th {
                    display: block !important;
                }
                .no-wrap-section .containerWrapper tr {
                    display: flex !important;
                }
                .no-wrap-section .containerWrapper .innerTable tr {
                    display: block !important;
                }
                .hide-on-mobile-class {
                    display: none !important;
                }
                .hide-on-desktop-class {
                    display: block !important;
                }
                .hide-on-desktop-class.hide-on-mobile-class{
                    display: none !important;
                }
            }.notification-container {
      margin: 10px;
    }

    .notification-message {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 38px;
      border: 1.44737px solid var(--gray-300);
      border-radius: 10px;
      margin-bottom: 10px;
      margin-top: 10px;
    }

    .notification-message-hide {
      display: none;
    }
  
                .hide-on-desktop-class {
                    display: none;
                }

                button span {
                  background: none !important;
                }
form.marketingForm table, 
form.marketingForm tbody {
    width: 100% !important;
    padding: 0;
    display: flex !important;
    flex-direction: column;
}

form.marketingForm tr, form.marketingForm th {
  width: 100%;
  display: block !important;
  padding: 0 !important;
}

/* In your custom CSS file */

/* Keep this rule if you want the button itself to have no border */
button.submitButton {
  /* other button styles... */
  border: none !important;
}

/* Add/Modify the rule for the spinner */
.submitButtonSpinner {
display: inline-block;
width: 16px;
height: 16px;

/* These are the crucial styles for the original look */
border: 3px solid #fff !important;      /* Use !important to override the parent's border:none !important */
border-top-color: #2266e3 !important; /* Use !important */
border-radius: 50% !important;       /* Use !important */

/* Make sure background is not set, or is transparent */
background: transparent; /* Or remove any background property */

animation: spin 1s linear infinite;
vertical-align: middle;
/* margin-left: 5px; /* Optional spacing */
}

/* Ensure the animation definition is also in your CSS */
@keyframes spin {
to {
  transform: rotate(360deg);
}
}