#MembershipSignUpStyle {
  min-height: 100% !important;
  margin: 0 auto auto !important;
}

#MembershipSignUpStyle .inner-container {
    width: 100%;
    margin: 0 auto !important;
    padding: 0px 10px;
  }

:is(#MembershipSignUpStyle .inner-container) .create-account-container {
      padding-top: unset;
      padding-bottom: unset;
    }

@media (min-width: 1025px) {

  :is(#MembershipSignUpStyle .inner-container) .create-account-container {
        max-width: 100% !important;
    }
      }

@media (max-width: 1024px) {

  :is(#MembershipSignUpStyle .inner-container) .create-account-container {
        max-width: 600px !important;
        margin: 0 auto;
    }

        :is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .container {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }
      }

:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .row {
        margin-left: -10px !important;
        margin-right: -10px !important;
      }

:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .col-md-12,:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .col-lg-6,:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .col-md-6,:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .col-12,:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .col-8,:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .col-4 {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }

@media (max-width: 1023px) {
        :is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .row {
          margin-left: -10px !important;
          margin-right: -10px !important;
        }
          :is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .row) .col-md-12,:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .row) .col-md-8,:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .row) .col-md-6,:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .row) .col-md-4,:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .row) .col-12 {
            padding-left: 10px !important;
            padding-right: 10px !important;
          }
      }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiFormControl-root {
          width: -webkit-fill-available !important;
          margin-bottom: 20px;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiFormControl-root) .MuiFormLabel-root {
            margin-bottom: 0 !important;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiFormControl-root) .MuiTypography-root {
            font-size: 12px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiTextField-root {
          width: -webkit-fill-available !important;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiTextField-root) .MuiFormLabel-root {
            font-size: 16px !important;
            transform: translate(14px, 12px);
          }

.MuiInputLabel-shrink:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiTextField-root) .MuiFormLabel-root) {
              transform: translate(14px, -9px) !important;
              font-size: 12px !important;
            }

.Mui-focused:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiTextField-root) .MuiFormLabel-root) {
              color: #007ce0 !important;
            }

.Mui-error:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiTextField-root) .MuiFormLabel-root) {
              color: red !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
              font-size: 16px !important;
              padding: 12px 16px !important;
              line-height: 22px !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiTextField-root) .MuiInputBase-root) legend {
              width: auto !important;
              font-size: 12px !important;
            }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiTextField-root) .MuiInputAdornment-root {
            font-size: 16px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiFormHelperText-root {
          margin: 8px 0 0 !important;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .MuiFormHelperText-root) label {
            font-size: 12px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .contact-number-input {
          width: 100%;
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input {
          width: 45%;
          margin-left: 20px;
        }

@media (max-width: 1024px) {

  :is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input {
            width: 45% !important;
        }
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) .ant-select,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
            height: 45px;
            line-height: 45px;
            border-radius: 4px;
            border-color: #e5e5e5 !important;
            width: 100%;
            width: -moz-available;
            width: -webkit-fill-available;
            font-size: 17px !important;
            opacity: 1 !important;
          }

@media (max-width: 1024px) {

  :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) .ant-select,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
              font-size: 15px !important;
          }
            }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) .ant-select-arrow {
            opacity: 1 !important;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-item,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
            line-height: 43px;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
            height: 43px;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) select,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) select:hover,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) select:focus {
            height: 45px;
            width: 100%;
            width: -moz-available;
            width: -webkit-fill-available;
            border-radius: 4px;
            border: 1px solid #e5e5e5 !important;
            background-color: #ffffff;
            font-size: 16px !important;
            opacity: 1 !important;

            padding: 0 15px;

            outline: none !important;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-position: 96% 50%;
            background-repeat: no-repeat;
            background-image: url('https://api.iconify.design/ant-design:down-outlined.svg?color=%230C2028&width=14px');
          }

@media (max-width: 1024px) {
            :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) .ps-0 {
              padding-left: 15px !important;
            }
            :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .email) .country-code-input) .pe-0 {
              padding-right: 15px !important;
            }
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiFormControl-root {
          width: -webkit-fill-available !important;
          margin-bottom: 20px;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiFormControl-root) .MuiFormLabel-root {
            margin-bottom: 0 !important;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiFormControl-root) .MuiTypography-root {
            font-size: 12px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiTextField-root {
          width: -webkit-fill-available !important;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiTextField-root) .MuiFormLabel-root {
            font-size: 16px !important;
            transform: translate(14px, 12px);
          }

.MuiInputLabel-shrink:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiTextField-root) .MuiFormLabel-root) {
              transform: translate(14px, -9px) !important;
              font-size: 12px !important;
            }

.Mui-focused:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiTextField-root) .MuiFormLabel-root) {
              color: #007ce0 !important;
            }

.Mui-error:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiTextField-root) .MuiFormLabel-root) {
              color: red !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
              font-size: 16px !important;
              padding: 12px 16px !important;
              line-height: 22px !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiTextField-root) .MuiInputBase-root) legend {
              width: auto !important;
              font-size: 12px !important;
            }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiTextField-root) .MuiInputAdornment-root {
            font-size: 16px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiFormHelperText-root {
          margin: 8px 0 0 !important;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .MuiFormHelperText-root) label {
            font-size: 12px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .contact-number-input {
          width: 100%;
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input {
          width: 45%;
          margin-right: 20px;
        }

@media (max-width: 1024px) {

  :is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input {
            width: 45% !important;
        }
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) .ant-select,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
            height: 45px;
            line-height: 45px;
            border-radius: 4px;
            border-color: #e5e5e5 !important;
            width: 100%;
            width: -moz-available;
            width: -webkit-fill-available;
            font-size: 17px !important;
            opacity: 1 !important;
          }

@media (max-width: 1024px) {

  :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) .ant-select,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
              font-size: 15px !important;
          }
            }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) .ant-select-arrow {
            opacity: 1 !important;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-item,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
            line-height: 43px;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
            height: 43px;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) select,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) select:hover,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) select:focus {
            height: 45px;
            width: 100%;
            width: -moz-available;
            width: -webkit-fill-available;
            border-radius: 4px;
            border: 1px solid #e5e5e5 !important;
            background-color: #ffffff;
            font-size: 16px !important;
            opacity: 1 !important;
            padding: 0 15px;
            outline: none !important;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-position: 96% 50%;
            background-repeat: no-repeat;
            background-image: url('https://api.iconify.design/ant-design:down-outlined.svg?color=%230C2028&width=14px');
          }

@media (max-width: 1024px) {
            :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) .ps-0 {
              padding-left: 15px !important;
            }
            :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .sms) .country-code-input) .pe-0 {
              padding-right: 15px !important;
            }
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormControl-root {
          width: -webkit-fill-available !important;
          margin-bottom: 20px;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormControl-root) .MuiFormLabel-root {
            font-size: 16px !important;
            transform: translate(14px, 12px);
          }

.MuiInputLabel-shrink:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormControl-root) .MuiFormLabel-root) {
              transform: translate(14px, -9px) !important;
              font-size: 12px !important;
            }

.Mui-focused:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormControl-root) .MuiFormLabel-root) {
              color: #007ce0 !important;
            }

.Mui-error:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormControl-root) .MuiFormLabel-root) {
              color: red !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormControl-root) .MuiInputBase-root) .MuiInputBase-input {
              font-size: 16px !important;
              padding: 12px 16px !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormControl-root) .MuiInputBase-root) legend {
              width: auto !important;
              font-size: 12px !important;
            }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormControl-root) .MuiInputAdornment-root {
            font-size: 16px !important;
          }

:is(:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormControl-root) .MuiInputAdornment-root) .MuiButtonBase-root):focus,:is(:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormControl-root) .MuiInputAdornment-root) .MuiButtonBase-root):hover {
                background-color: transparent !important;
                outline: 0 !important;
              }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormHelperText-root {
          margin: 8px 0 0 !important;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .password) .MuiFormHelperText-root) label {
            font-size: 12px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiFormControl-root {
          width: -webkit-fill-available !important;
          margin-bottom: 20px;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiFormControl-root) .MuiFormLabel-root {
            margin-bottom: 0 !important;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiFormControl-root) .MuiTypography-root {
            font-size: 12px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiTextField-root {
          width: -webkit-fill-available !important;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiTextField-root) .MuiFormLabel-root {
            font-size: 16px !important;
            transform: translate(14px, 12px);
          }

.MuiInputLabel-shrink:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiTextField-root) .MuiFormLabel-root) {
              transform: translate(14px, -9px) !important;
              font-size: 12px !important;
            }

.Mui-focused:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiTextField-root) .MuiFormLabel-root) {
              color: #007ce0 !important;
            }

.Mui-error:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiTextField-root) .MuiFormLabel-root) {
              color: red !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
              font-size: 16px !important;
              padding: 12px 16px !important;
              line-height: 22px !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiTextField-root) .MuiInputBase-root) legend {
              width: auto !important;
              font-size: 12px !important;
            }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiTextField-root) .MuiInputAdornment-root {
            font-size: 16px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiFormHelperText-root {
          margin: 8px 0 0 !important;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .MuiFormHelperText-root) label {
            font-size: 12px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .verification-code-input {
          width: 48%;
          min-width: 48%;
          margin-right: 20px;
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .get-code {
          width: 100%;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .get-code) .primary-btn {
            width: 100% !important;
            height: 46px !important;
            padding: 0 !important;
            text-align: center;
            border-radius: 4px !important;
            font-size: 18px !important;
            outline: 0 !important;
            border-style: solid !important;
          }

:is(:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .get-code) .primary-btn) .ant-statistic) .ant-statistic-content {
                font-size: 18px !important;
              }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .get-code) .primary-btn:hover,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .get-code) .primary-btn:focus {
            width: 100% !important;
            height: 46px !important;
            padding: 0 !important;
            text-align: center;
            border-radius: 4px !important;
            font-size: 18px !important;
            outline: 0 !important;
            border-style: solid !important;
          }

:is(:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .get-code) .primary-btn:hover,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .verification-code) .get-code) .primary-btn:focus) .ant-statistic) .ant-statistic-content {
                font-size: 18px !important;
              }

:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) a {
        font-size: 14px;
        color: #007ce0 !important;
      }

:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form {
        background-color: transparent !important;
        padding-left: 6px;
        padding-right: 6px;
        margin: auto;
      }

@media (min-width: 1024px) {

  :is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form {
          width: 684px !important;
          padding-left: 48px !important;
          padding-right: 48px !important;
      }
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root {
          width: -webkit-fill-available !important;
          margin-bottom: 20px;
        }

.gender-radio-group:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root) {
            margin-bottom: 0 !important;
          }

@media (max-width: 1023px) {

  .gender-radio-group:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root) {
              margin-top: 20px !important;
              margin-bottom: 20px !important;
          }
            }

.gender-radio-group:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root) .MuiFormLabel-root,.gender-radio-group:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root) .MuiTypography-root {
              font-size: 16px !important;
              text-align: left;
            }

.gender-radio-group:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root) .MuiRadio-root {
              padding: 4px 9px !important;
            }

@media (max-width: 442px) {

  .gender-radio-group:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root) .MuiFormControlLabel-root {
                width: 48% !important;
            }
              }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root) .MuiFormLabel-root {
            margin-bottom: 0 !important;
          }

.Mui-focused:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root) .MuiFormLabel-root) {
              color: #007ce0 !important;
            }

.Mui-error:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root) .MuiFormLabel-root) {
              color: red !important;
            }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormControl-root) .MuiTypography-root {
            font-size: 12px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiTextField-root {
          width: -webkit-fill-available !important;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiTextField-root) .MuiFormLabel-root {
            font-size: 16px !important;
            transform: translate(14px, 12px);
          }

.MuiInputLabel-shrink:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiTextField-root) .MuiFormLabel-root) {
              transform: translate(14px, -9px) !important;
              font-size: 12px !important;
            }

.Mui-focused:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiTextField-root) .MuiFormLabel-root) {
              color: #007ce0 !important;
            }

.Mui-error:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiTextField-root) .MuiFormLabel-root) {
              color: red !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
              font-size: 16px !important;
              padding: 12px 16px !important;
              line-height: 22px !important;
              text-align: left;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiTextField-root) .MuiInputBase-root) legend {
              width: auto !important;
              font-size: 12px !important;
            }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiTextField-root) .MuiInputAdornment-root {
            font-size: 16px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormHelperText-root {
          margin: 8px 0 0 !important;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .MuiFormHelperText-root) label {
            font-size: 12px !important;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .contact-number-input {
            width: 100%;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input {
            width: 38%;
            margin-right: 20px;
          }

@media (max-width: 1024px) {

  :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input {
              width: 45% !important;
          }
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .MuiInputBase-root {
              padding: 0px !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .ant-select,:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
              height: 45px;
              line-height: 45px;
              border-radius: 4px;
              border-color: #e5e5e5 !important;
              width: 100%;
              width: -moz-available;
              width: -webkit-fill-available;
              font-size: 17px !important;
              opacity: 1 !important;
            }

@media (max-width: 1024px) {

  :is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .ant-select,:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
                font-size: 15px !important;
            }
              }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .ant-select-arrow {
              opacity: 1 !important;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-item,:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
              line-height: 43px;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
              height: 43px;
            }

:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) select,:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) select:hover,:is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) select:focus {
              height: 45px;
              width: 100%;
              width: -moz-available;
              width: -webkit-fill-available;
              border-radius: 4px;
              border: 1px solid #e5e5e5 !important;
              background-color: #ffffff;
              font-size: 16px !important;
              opacity: 1 !important;
              padding: 0 15px;
              outline: none !important;
              -webkit-appearance: none;
              -moz-appearance: none;
              background-position: 96% 50%;
              background-repeat: no-repeat;
              background-image: url('https://api.iconify.design/ant-design:down-outlined.svg?color=%230C2028&width=14px');
            }

@media (max-width: 1024px) {
              :is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .ps-0 {
                padding-left: 15px !important;
              }
              :is(:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .contact-number) .country-code-input) .pe-0 {
                padding-right: 15px !important;
              }
            }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .ant-select,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
            height: 45px;
            line-height: 45px;
            border-radius: 4px;
            border-color: #e5e5e5 !important;
            width: 100%;
            width: -moz-available;
            width: -webkit-fill-available;
            font-size: 17px !important;
            opacity: 1 !important;
          }

@media (max-width: 1024px) {

  :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .ant-select,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
              font-size: 15px !important;
          }
            }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .ant-select-arrow {
            opacity: 1 !important;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .ant-select-single .ant-select-selector .ant-select-selection-item,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
            line-height: 43px;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
            height: 43px;
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) select,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) select:hover,:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) select:focus {
            height: 45px;
            width: 100%;
            width: -moz-available;
            width: -webkit-fill-available;
            border-radius: 4px;
            border: 1px solid #e5e5e5 !important;
            background-color: #ffffff;
            font-size: 16px !important;
            opacity: 1 !important;
            padding: 0 15px;
            outline: none !important;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-position: 96% 50%;
            background-repeat: no-repeat;
            background-image: url('https://api.iconify.design/ant-design:down-outlined.svg?color=%230C2028&width=14px');
          }

@media (max-width: 1024px) {
            :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .MuiFormControl-root {
              margin-bottom: 8px !important;
            }
            :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .ps-0 {
              padding-left: 15px !important;
            }
            :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input) .pe-0 {
              padding-right: 15px !important;
            }
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input {
          width: 60%;
          margin-right: 20px;
        }

@media (max-width: 1024px) {

  :is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input {
            width: 60% !important;
        }
          }

@media (max-width: 375px) {

  :is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input {
            width: 50% !important;
        }
          }

@media (max-width: 320px) {

  :is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input {
            width: 45% !important;
        }
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .day-input {
          width: 32%;
          margin-right: 20px;
        }

@media (max-width: 442px) {

  :is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .day-input {
            width: unset !important;
        }
          }

@media (max-width: 442px) {

  :is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .year-input {
            width: 32% !important;
            min-width: 26% !important;
        }
          }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .month-input,:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .day-input,:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .year-input) .MuiFormControl-root {
            margin-bottom: 8px;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .birthdate-error label {
          font-size: 12px;
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .birthdate-gender,:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .country-state {
          padding-bottom: 20px !important;
          margin-bottom: 20px !important;
          border-bottom: 1px solid #d4d4d4;
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .ant-input-password {
          height: 35px !important;
          border-radius: 4px;
        }

:is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .ant-input-password) .ant-input {
            height: 26px !important;
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .primary-btn {
          margin-bottom: 12px !important;
          width: 100% !important;
          height: 46px !important;
          padding: 0 !important;
          text-align: center;
          border-radius: 4px !important;
          font-size: 18px !important;
          outline: 0 !important;
          border-style: solid !important;
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .primary-btn:hover,:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .primary-btn:focus {
          width: 100% !important;
          height: 46px !important;
          padding: 0 !important;
          text-align: center;
          border-radius: 4px !important;
          font-size: 18px !important;
          outline: 0 !important;
          border-style: solid !important;
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .agree-tnc {
          width: fit-content;
          display: inline-block !important;
          text-align: center;
          font-size: 14px !important;
          margin: 0 auto 20px !important;
        }

@media (min-width: 768px) {

  :is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .agree-tnc {
            display: flex !important;
            flex-wrap: wrap;
        }
            :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .agree-tnc) a {
              margin-left: 4px !important;
            }
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .account-exist {
          width: fit-content;
          display: inline-block !important;
          text-align: center;
          font-size: 14px !important;
          margin: 0 auto 20px !important;
        }

@media (min-width: 375px) {

  :is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .account-exist {
            display: flex !important;
            flex-wrap: wrap;
        }
            :is(:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .account-exist) a {
              margin-left: 4px !important;
            }
          }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .account-text {
          width: fit-content;
          margin-left: auto;
          margin-right: 0;
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) a {
          font-size: 14px;
          color: #007ce0 !important;
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .account-link {
          width: fit-content;
          margin-left: 4px;
          margin-right: auto;
          cursor: pointer !important;
        }

:is(:is(:is(#MembershipSignUpStyle .inner-container) .create-account-container) .create-account-form) .accountTermsModal {
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 10px 0;
          white-space: break-spaces;
        }