#Styled_CreateAccount {
  background-color: transparent !important;
  padding: 24px;
  margin: auto;
}
@media (min-width: 1024px) {
  #Styled_CreateAccount {
    width: 684px !important;
    padding: 32px 48px !important;
    border: 1px solid #d4d4d4cc;
}
  }
@media (max-width: 442px) {
  #Styled_CreateAccount {
    padding: 24px 0 !important;
}
  }
#Styled_CreateAccount .MuiFormControl-root {
    width: 100% !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
    margin-bottom: 20px;
  }
.gender-radio-group:is(#Styled_CreateAccount .MuiFormControl-root) {
      margin-bottom: 0 !important;
    }
@media (max-width: 1023px) {
  .gender-radio-group:is(#Styled_CreateAccount .MuiFormControl-root) {
        margin-bottom: 20px !important;
    }
      }
.gender-radio-group:is(#Styled_CreateAccount .MuiFormControl-root) .MuiFormLabel-root,.gender-radio-group:is(#Styled_CreateAccount .MuiFormControl-root) .MuiTypography-root {
        font-size: 16px !important;
      }
.gender-radio-group:is(#Styled_CreateAccount .MuiFormControl-root) .MuiRadio-root {
        padding: 4px 9px !important;
      }
@media (max-width: 442px) {
  .gender-radio-group:is(#Styled_CreateAccount .MuiFormControl-root) .MuiFormControlLabel-root {
          width: 48% !important;
      }
        }
:is(#Styled_CreateAccount .MuiFormControl-root) .MuiFormLabel-root {
      margin-bottom: 0 !important;
    }
.Mui-focused:is(:is(#Styled_CreateAccount .MuiFormControl-root) .MuiFormLabel-root) {
        color: #007ce0 !important;
      }
.Mui-error:is(:is(#Styled_CreateAccount .MuiFormControl-root) .MuiFormLabel-root) {
        color: red !important;
      }
:is(#Styled_CreateAccount .MuiFormControl-root) .MuiTypography-root {
      font-size: 12px !important;
    }
#Styled_CreateAccount .MuiTextField-root {
    width: 100% !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
  }
:is(#Styled_CreateAccount .MuiTextField-root) .MuiFormLabel-root {
      font-size: 16px !important;
      transform: translate(14px, 12px);
    }
.MuiInputLabel-shrink:is(:is(#Styled_CreateAccount .MuiTextField-root) .MuiFormLabel-root) {
        transform: translate(14px, -9px) !important;
        font-size: 12px !important;
      }
.Mui-focused:is(:is(#Styled_CreateAccount .MuiTextField-root) .MuiFormLabel-root) {
        color: #007ce0 !important;
      }
.Mui-error:is(:is(#Styled_CreateAccount .MuiTextField-root) .MuiFormLabel-root) {
        color: red !important;
      }
:is(:is(#Styled_CreateAccount .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
        font-size: 16px !important;
        padding: 12px 16px !important;
        line-height: 22px !important;
      }
:is(:is(#Styled_CreateAccount .MuiTextField-root) .MuiInputBase-root) legend {
        width: auto !important;
        font-size: 12px !important;
      }
:is(#Styled_CreateAccount .MuiTextField-root) .MuiInputAdornment-root {
      font-size: 16px !important;
    }
#Styled_CreateAccount .MuiFormHelperText-root {
    margin: 8px 0 0 !important;
  }
:is(#Styled_CreateAccount .MuiFormHelperText-root) label {
      font-size: 12px !important;
    }
:is(#Styled_CreateAccount .contact-number) .contact-number-input {
      width: 100%;
    }
:is(#Styled_CreateAccount .contact-number) .country-code-input {
      width: 38%;
      margin-right: 20px;
    }
@media (max-width: 1024px) {
  :is(#Styled_CreateAccount .contact-number) .country-code-input {
        width: 45% !important;
    }
      }
:is(:is(#Styled_CreateAccount .contact-number) .country-code-input) .MuiInputBase-root {
        padding: 0;
      }
:is(:is(#Styled_CreateAccount .contact-number) .country-code-input) .MuiOutlinedInput-root {
        padding: 0;
      }
:is(#Styled_CreateAccount .month-input) .ant-select,:is(#Styled_CreateAccount .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;
      color: #0c2028;
      opacity: 1 !important;
    }
@media (max-width: 1024px) {
  :is(#Styled_CreateAccount .month-input) .ant-select,:is(#Styled_CreateAccount .month-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
        font-size: 15px !important;
    }
      }
:is(#Styled_CreateAccount .month-input) .ant-select-arrow {
      color: #0c2028;
      opacity: 1 !important;
    }
:is(#Styled_CreateAccount .month-input) .ant-select-single .ant-select-selector .ant-select-selection-item,:is(#Styled_CreateAccount .month-input) .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
      line-height: 43px;
    }
:is(#Styled_CreateAccount .month-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
      height: 43px;
    }
:is(#Styled_CreateAccount .month-input) select,:is(#Styled_CreateAccount .month-input) select:hover,:is(#Styled_CreateAccount .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;
      color: #0c2028;
      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(#Styled_CreateAccount .month-input) .MuiFormControl-root {
        margin-bottom: 8px !important;
      }
      :is(#Styled_CreateAccount .month-input) .ps-0 {
        padding-left: 15px !important;
      }
      :is(#Styled_CreateAccount .month-input) .pe-0 {
        padding-right: 15px !important;
      }
    }
#Styled_CreateAccount .month-input {
    width: 60%;
    margin-right: 20px;
  }
@media (max-width: 1024px) {
  #Styled_CreateAccount .month-input {
      width: 60% !important;
  }
    }
@media (max-width: 375px) {
  #Styled_CreateAccount .month-input {
      width: 50% !important;
  }
    }
@media (max-width: 320px) {
  #Styled_CreateAccount .month-input {
      width: 45% !important;
  }
    }
#Styled_CreateAccount .day-input {
    width: 32%;
    margin-right: 20px;
  }
@media (max-width: 442px) {
  #Styled_CreateAccount .day-input {
      width: unset !important;
  }
    }
@media (max-width: 442px) {
  #Styled_CreateAccount .year-input {
      width: 32% !important;
      min-width: 26% !important;
  }
    }
:is(#Styled_CreateAccount .month-input,#Styled_CreateAccount .day-input,#Styled_CreateAccount .year-input) .MuiFormControl-root {
      margin-bottom: 8px;
    }
#Styled_CreateAccount .birthdate-error label {
    font-size: 12px;
  }
#Styled_CreateAccount .birthdate-gender,#Styled_CreateAccount .country-state,#Styled_CreateAccount .attribute {
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #d4d4d4;
  }
#Styled_CreateAccount .ant-input-password {
    height: 35px !important;
    border-radius: 4px;
  }
:is(#Styled_CreateAccount .ant-input-password) .ant-input {
      height: 26px !important;
    }
#Styled_CreateAccount .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;
  }
#Styled_CreateAccount .primary-btn:hover,#Styled_CreateAccount .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;
  }
#Styled_CreateAccount .account-text {
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
  }
#Styled_CreateAccount .account-term-text {
    text-align: center;
  }