.ant-drawer-body #Address_Style {
    padding: 20px;
    background-color: #ffffff;
  }

.ant-drawer-body .add-address {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    font-size: 16px !important;
    font-weight: bold;
    color: #0c2028 !important;
    background-color: #ffffff;
    margin: 10px 0;
  }

:is(.ant-drawer-body .add-address) i {
      font-weight: bold;
      font-size: 18px !important;
    }

#Address_Style .col-md-6,#Address_Style .col-md-12,#Address_Style .col-12 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

#Address_Style .MuiFormControl-root {
    width: 100% !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
    margin-bottom: 20px;
  }

:is(#Address_Style .MuiFormControl-root) .MuiFormLabel-root {
      font-family: 'Roboto', sans-serif !important;
      color: #0c2028 !important;
    }

.Mui-focused:is(:is(#Address_Style .MuiFormControl-root) .MuiFormLabel-root) {
        color: #007ce0 !important;
      }

.Mui-error:is(:is(#Address_Style .MuiFormControl-root) .MuiFormLabel-root) {
        color: red !important;
      }

:is(#Address_Style .MuiFormControl-root) .MuiTypography-root {
      font-family: 'Roboto', sans-serif !important;
      color: #0c2028 !important;
    }

#Address_Style .MuiTextField-root {
    width: 100% !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
  }

:is(#Address_Style .MuiTextField-root) .MuiFormLabel-root {
      font-family: 'Roboto', sans-serif !important;
      color: #0c2028 !important;
      font-size: 16px !important;
      transform: translate(14px, 12px);
    }

.MuiInputLabel-shrink:is(:is(#Address_Style .MuiTextField-root) .MuiFormLabel-root) {
        color: #0c2028 !important;
        transform: translate(14px, -9px) !important;
        font-size: 12px !important;
      }

.Mui-focused:is(:is(#Address_Style .MuiTextField-root) .MuiFormLabel-root) {
        color: #007ce0 !important;
      }

.Mui-error:is(:is(#Address_Style .MuiTextField-root) .MuiFormLabel-root) {
        color: red !important;
      }

:is(:is(#Address_Style .MuiTextField-root) .MuiFormLabel-root) .MuiFormLabel-asterisk {
        color: red !important;
      }

:is(:is(#Address_Style .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
        font-family: 'Roboto', sans-serif !important;
        color: #0c2028 !important;
        font-size: 16px !important;
        padding: 12px 16px !important;
        line-height: 22px !important;
      }

:is(:is(#Address_Style .MuiTextField-root) .MuiInputBase-root) legend {
        font-family: 'Roboto', sans-serif !important;
        color: #0c2028 !important;
        width: auto !important;
        font-size: 12px !important;
      }

:is(.Mui-focused:is(:is(#Address_Style .MuiTextField-root) .MuiInputBase-root),.Mui-focused:is(:is(#Address_Style .MuiTextField-root) .MuiInputBase-root):hover) .MuiOutlinedInput-notchedOutline {
          border-color: #007ce0 !important;
        }

:is(:is(#Address_Style .MuiTextField-root) .MuiInputBase-root):hover .MuiOutlinedInput-notchedOutline {
          border-color: #e5e5e5 !important;
        }

:is(:is(#Address_Style .MuiTextField-root) .MuiInputBase-root) .MuiOutlinedInput-notchedOutline {
        border-color: #e5e5e5 !important;
      }

:is(#Address_Style .MuiTextField-root) .MuiInputAdornment-root {
      color: #0c2028 !important;
    }

#Address_Style .MuiFormHelperText-root {
    margin: 8px 0 0 !important;
  }

:is(#Address_Style .MuiFormHelperText-root) label {
      font-size: 12px !important;
    }

:is(#Address_Style .contact-number) .contact-number-input {
      width: 100%;
    }

:is(#Address_Style .contact-number) .country-code-input {
      width: 55% !important;
      margin-right: 20px;
    }

:is(:is(#Address_Style .contact-number) .country-code-input) .MuiInputBase-root {
        padding: 0;
      }

:is(:is(#Address_Style .contact-number) .country-code-input) .MuiOutlinedInput-root {
        padding: 0;
      }

:is(:is(#Address_Style .country-state) .state-input) .MuiInputBase-root {
        padding: 0;
      }

:is(:is(#Address_Style .country-state) .state-input) .MuiOutlinedInput-root {
        padding: 0;
      }

:is(:is(#Address_Style .country-state) .country-input) .MuiInputBase-root {
        padding: 0;
      }

:is(:is(#Address_Style .country-state) .country-input) .MuiOutlinedInput-root {
        padding: 0;
      }

:is(:is(#Address_Style .city-town) .city-input) .MuiInputBase-root {
        padding: 0;
      }

:is(:is(#Address_Style .city-town) .city-input) .MuiOutlinedInput-root {
        padding: 0;
      }

:is(:is(#Address_Style .city-town) .town-input) .MuiInputBase-root {
        padding: 0;
      }

:is(:is(#Address_Style .city-town) .town-input) .MuiOutlinedInput-root {
        padding: 0;
      }

#Address_Style .radio-address {
    border: none !important;
    display: inline-flex;
    height: fit-content !important;
    width: 100% !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
    margin-bottom: 8px;
    margin-right: 0;
  }

@media (max-width: 442px) {

#Address_Style .radio-address {
      height: 48px;
      width: 100% !important;
      width: -moz-available !important;
      width: -webkit-fill-available !important;
      white-space: inherit;
  }
    }

:is(#Address_Style .radio-address) .ant-radio,:is(#Address_Style .radio-address) .ant-radio-checked {
      display: none;
    }

:is(#Address_Style .radio-address) span.ant-radio + * {
      width: 100% !important;
      padding: 0 !important;
    }

.ant-radio-wrapper-checked:is(#Address_Style .radio-address) {
      border: none !important;
    }

.selected:is(#Address_Style .radio-address) {
      border: none !important;
    }

:is(#Address_Style .radio-address) .feather-circle {
      color: #e5e5e5 !important;
      font-size: 24px;
      position: relative;
    }

:is(#Address_Style .radio-address) .anticon-check-circle {
      color: #5acc5a !important;
      font-size: 24px;
      position: relative;
    }

#Address_Style .address-detail {
    width: 100% !important;
  }

:is(#Address_Style .address-detail) .name-phone {
      font-weight: bold;
      font-size: 16px !important;
      color: #0c2028 !important;
      width: -webkit-fill-available;
      white-space: normal;
      align-self: center;
      margin-bottom: 4px;
    }

:is(:is(#Address_Style .address-detail) .name-phone) .default-tag {
        border: 1px solid #5acc5a;
        background: #5acc5a 0% 0% no-repeat padding-box;
        border-radius: 2px;
        color: #ffffff;
        font-size: 12px;
        line-height: 14px;
        font-weight: 100;
        text-align: left;
        letter-spacing: 0px;
        margin-left: 8px;
        margin-right: 12px;
        padding: 2px 8px !important;
      }

:is(#Address_Style .address-detail) .address {
      font-size: 16px !important;
      color: #0c2028 !important;
      width: -webkit-fill-available;
      white-space: normal;
      align-self: center;
    }

#Address_Style .plain-btn {
    width: fit-content !important;
    border-radius: 4px !important;
    font-weight: normal !important;
    text-transform: capitalize !important;
    color: #007ce0 !important;
    background-color: transparent !important;
    border-width: 0 !important;
    height: fit-content !important;
    padding: 12px 24px;
    font-size: 16px !important;
    line-height: 19px !important;
    margin-right: 16px !important;
  }

:is(#Address_Style .plain-btn) i {
      font-size: 18px !important;
      margin-right: 4px !important;
    }

.add-address:is(#Address_Style .plain-btn) {
      position: absolute !important;
      right: 10px !important;
      top: 24px !important;
    }

#Address_Style .plain-btn:hover,#Address_Style .plain-btn:focus {
    width: fit-content !important;
    border-radius: 4px !important;
    font-weight: normal !important;
    text-transform: capitalize !important;
    color: #007ce0 !important;
    background-color: transparent !important;
    border-width: 0 !important;
    font-size: 16px !important;
    line-height: 19px !important;
  }

#Address_Style .outline-btn,#Address_Style .outline-btn:hover,#Address_Style .outline-btn:focus {
    width: fit-content !important;
    border-radius: 4px !important;
    font-weight: normal !important;
    text-transform: capitalize !important;
    color: #0c2028 !important;
    background-color: transparent !important;
    border: 1px solid #d4d4d4 !important;
    height: fit-content !important;
    padding: 12px 24px;
    font-size: 14px !important;
    line-height: 17px !important;
    margin-right: 16px;
  }

#Address_Style .confirm-btn {
    width: fit-content !important;
    border-radius: 4px !important;
    font-weight: normal !important;
    text-transform: capitalize !important;
    color: #ffffff !important;
    background-color: #5acc5a !important;
    border-width: 0 !important;
    height: fit-content !important;
    padding: 12px 24px;
    font-size: 14px !important;
    line-height: 17px !important;
  }

#Address_Style .confirm-btn:hover,#Address_Style .confirm-btn:focus {
    width: fit-content !important;
    border-radius: 4px !important;
    font-weight: normal !important;
    text-transform: capitalize !important;
    color: #ffffff !important;
    background-color: #5acc5a !important;
    border-width: 0 !important;
    font-size: 14px !important;
    line-height: 17px !important;
  }

.StyledAddAddress_Modal {
  font-family: 'Roboto', sans-serif !important;
}

.StyledAddAddress_Modal .ant-modal-header {
    margin-bottom: unset !important;
  }

.StyledAddAddress_Modal .ant-modal-content {
    padding: unset !important;
  }

:is(.StyledAddAddress_Modal .ant-modal-body) .MuiFormControl-root {
      width: 100% !important;
      width: -moz-available !important;
      width: -webkit-fill-available !important;
      margin-bottom: 20px;
    }

:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiFormControl-root) .MuiFormLabel-root {
        font-family: 'Roboto', sans-serif !important;
        color: #0c2028 !important;
      }

.Mui-focused:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiFormControl-root) .MuiFormLabel-root) {
          color: #007ce0 !important;
        }

.Mui-error:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiFormControl-root) .MuiFormLabel-root) {
          color: red !important;
        }

:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiFormControl-root) .MuiTypography-root {
        font-family: 'Roboto', sans-serif !important;
        color: #0c2028 !important;
      }

:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root {
      width: 100% !important;
      width: -moz-available !important;
      width: -webkit-fill-available !important;
    }

:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiFormLabel-root {
        font-family: 'Roboto', sans-serif !important;
        color: #0c2028 !important;
        font-size: 16px !important;
        transform: translate(14px, 12px);
      }

.MuiInputLabel-shrink:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiFormLabel-root) {
          color: #0c2028 !important;
          transform: translate(14px, -9px) !important;
          font-size: 12px !important;
        }

.Mui-focused:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiFormLabel-root) {
          color: #007ce0 !important;
        }

.Mui-error:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiFormLabel-root) {
          color: red !important;
        }

:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
          font-family: 'Roboto', sans-serif !important;
          color: #0c2028 !important;
          font-size: 16px !important;
          padding: 12px 16px !important;
          line-height: 22px !important;
        }

:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root) legend {
          font-family: 'Roboto', sans-serif !important;
          color: #0c2028 !important;
          width: auto !important;
          font-size: 12px !important;
        }

:is(.Mui-focused:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root),.Mui-focused:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root):hover) .MuiOutlinedInput-notchedOutline {
            border-color: #007ce0 !important;
          }

:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root):hover .MuiOutlinedInput-notchedOutline {
            border-color: #e5e5e5 !important;
          }

:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root) .MuiOutlinedInput-notchedOutline {
          border-color: #e5e5e5 !important;
        }

:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputAdornment-root {
        color: #0c2028 !important;
      }

:is(.StyledAddAddress_Modal .ant-modal-body) .MuiFormHelperText-root {
      margin: 8px 0 0 !important;
    }

:is(:is(.StyledAddAddress_Modal .ant-modal-body) .MuiFormHelperText-root) label {
        font-size: 12px !important;
      }

:is(:is(.StyledAddAddress_Modal .ant-modal-body) .contact-number) .contact-number-input {
        width: 100%;
      }

:is(:is(.StyledAddAddress_Modal .ant-modal-body) .contact-number) .country-code-input {
        width: 55% !important;
        margin-right: 20px;
      }

:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .contact-number) .country-code-input) .MuiInputBase-root {
          padding: 0;
        }

:is(:is(:is(.StyledAddAddress_Modal .ant-modal-body) .contact-number) .country-code-input) .MuiOutlinedInput-root {
          padding: 0;
        }

@media (max-width: 768px) {

.StyledAddAddress_Modal .ant-modal-footer {
      background-color: #5acc5a !important;
  }
    }

:is(.StyledAddAddress_Modal .ant-modal-footer) .outline-btn,:is(.StyledAddAddress_Modal .ant-modal-footer) .outline-btn:hover,:is(.StyledAddAddress_Modal .ant-modal-footer) .outline-btn:focus {
      width: fit-content !important;
      border-radius: 4px !important;
      font-weight: normal !important;
      text-transform: capitalize !important;
      color: #0c2028 !important;
      background-color: transparent !important;
      border: 1px solid #d4d4d4 !important;
      height: fit-content !important;
      padding: 12px 24px;
      font-size: 14px !important;
      line-height: 17px !important;
      margin-right: 16px;
    }

:is(.StyledAddAddress_Modal .ant-modal-footer) .primary-btn {
      width: fit-content !important;
      border-radius: 4px !important;
      font-weight: normal !important;
      text-transform: capitalize !important;
      color: #ffffff !important;
      background-color: #5acc5a !important;
      border-width: 0 !important;
      height: fit-content !important;
      padding: 12px 24px;
      font-size: 14px !important;
      line-height: 17px !important;
    }

@media (max-width: 768px) {

:is(.StyledAddAddress_Modal .ant-modal-footer) .primary-btn {
        font-size: 16px !important;
        width: 100% !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }
      }

:is(.StyledAddAddress_Modal .ant-modal-footer) .primary-btn:hover,:is(.StyledAddAddress_Modal .ant-modal-footer) .primary-btn:focus {
      width: fit-content !important;
      border-radius: 4px !important;
      font-weight: normal !important;
      text-transform: capitalize !important;
      color: #ffffff !important;
      background-color: #5acc5a !important;
      border-width: 0 !important;
      font-size: 14px !important;
      line-height: 17px !important;
    }

@media (max-width: 768px) {

:is(.StyledAddAddress_Modal .ant-modal-footer) .primary-btn:hover,:is(.StyledAddAddress_Modal .ant-modal-footer) .primary-btn:focus {
        font-size: 16px !important;
        width: 100% !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }
      }

.StyledChangeAddress_Modal {
  font-family: 'Roboto', sans-serif !important;
}

.StyledChangeAddress_Modal .ant-modal-header {
    margin-bottom: unset !important;
  }

.StyledChangeAddress_Modal .ant-modal-content {
    padding: unset !important;
  }

.StyledChangeAddress_Modal .ant-modal-body {
    height: 360px;
    overflow-y: auto;
  }

:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiFormControl-root {
      width: 100% !important;
      width: -moz-available !important;
      width: -webkit-fill-available !important;
      margin-bottom: 20px;
    }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiFormControl-root) .MuiFormLabel-root {
        font-family: 'Roboto', sans-serif !important;
        color: #0c2028 !important;
      }

.Mui-focused:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiFormControl-root) .MuiFormLabel-root) {
          color: #007ce0 !important;
        }

.Mui-error:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiFormControl-root) .MuiFormLabel-root) {
          color: red !important;
        }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiFormControl-root) .MuiTypography-root {
        font-family: 'Roboto', sans-serif !important;
        color: #0c2028 !important;
      }

:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root {
      width: 100% !important;
      width: -moz-available !important;
      width: -webkit-fill-available !important;
    }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiFormLabel-root {
        font-family: 'Roboto', sans-serif !important;
        color: #0c2028 !important;
        font-size: 16px !important;
        transform: translate(14px, 12px);
      }

.MuiInputLabel-shrink:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiFormLabel-root) {
          color: #0c2028 !important;
          transform: translate(14px, -9px) !important;
          font-size: 12px !important;
        }

.Mui-focused:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiFormLabel-root) {
          color: #007ce0 !important;
        }

.Mui-error:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiFormLabel-root) {
          color: red !important;
        }

:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
          font-family: 'Roboto', sans-serif !important;
          color: #0c2028 !important;
          font-size: 16px !important;
          padding: 12px 16px !important;
          line-height: 22px !important;
        }

:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root) legend {
          font-family: 'Roboto', sans-serif !important;
          color: #0c2028 !important;
          width: auto !important;
          font-size: 12px !important;
        }

:is(.Mui-focused:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root),.Mui-focused:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root):hover) .MuiOutlinedInput-notchedOutline {
            border-color: #007ce0 !important;
          }

:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root):hover .MuiOutlinedInput-notchedOutline {
            border-color: #e5e5e5 !important;
          }

:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputBase-root) .MuiOutlinedInput-notchedOutline {
          border-color: #e5e5e5 !important;
        }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiTextField-root) .MuiInputAdornment-root {
        color: #0c2028 !important;
      }

:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiFormHelperText-root {
      margin: 8px 0 0 !important;
    }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .MuiFormHelperText-root) label {
        font-size: 12px !important;
      }

:is(.StyledChangeAddress_Modal .ant-modal-body) .radio-address {
      border: none !important;
      display: inline-flex;
      height: fit-content !important;
      width: 100% !important;
      width: -moz-available !important;
      width: -webkit-fill-available !important;
      margin-bottom: 8px;
      margin-right: 0;
    }

@media (max-width: 442px) {

:is(.StyledChangeAddress_Modal .ant-modal-body) .radio-address {
        height: 48px;
        width: 100% !important;
        width: -moz-available !important;
        width: -webkit-fill-available !important;
        white-space: inherit;
    }
      }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .radio-address) .ant-radio,:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .radio-address) .ant-radio-checked {
        display: none;
      }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .radio-address) span.ant-radio + * {
        width: 100% !important;
        padding: 0 !important;
      }

.ant-radio-wrapper-checked:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .radio-address) {
        border: none !important;
      }

.selected:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .radio-address) {
        border: none !important;
      }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .radio-address) .feather-circle {
        color: #e5e5e5 !important;
        font-size: 24px;
        position: relative;
      }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .radio-address) .anticon-check-circle {
        color: #5acc5a !important;
        font-size: 24px;
        position: relative;
      }

:is(.StyledChangeAddress_Modal .ant-modal-body) .address-detail {
      width: 100% !important;
      padding: 0 10px 8px !important;
      border-bottom: 1px solid #e5e5e5;
    }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .address-detail) .name-phone-edit {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
      }

:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .address-detail) .name-phone-edit) .name-phone {
          font-weight: bold;
          font-size: 16px !important;
          color: #0c2028 !important;
          width: -webkit-fill-available;
          white-space: normal;
          align-self: center;
          margin-bottom: 4px;
        }

:is(:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .address-detail) .name-phone-edit) .name-phone) .default-tag {
            border: 1px solid #5acc5a;
            background: #5acc5a 0% 0% no-repeat padding-box;
            border-radius: 2px;
            color: #ffffff;
            font-size: 12px;
            line-height: 14px;
            font-weight: 100;
            text-align: left;
            letter-spacing: 0px;
            margin-left: 8px;
            margin-right: 12px;
            padding: 2px 8px !important;
          }

:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .address-detail) .name-phone-edit) .plain-btn {
          width: fit-content !important;
          border-radius: 4px !important;
          font-weight: normal !important;
          text-transform: capitalize !important;
          color: #007ce0 !important;
          background-color: transparent !important;
          border-width: 0 !important;
          height: fit-content !important;
          padding: 12px 24px;
          font-size: 16px !important;
          line-height: 19px !important;
        }

:is(:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .address-detail) .name-phone-edit) .plain-btn) i {
            font-size: 18px !important;
            margin-right: 4px !important;
          }

:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .address-detail) .name-phone-edit) .plain-btn:hover,:is(:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .address-detail) .name-phone-edit) .plain-btn:focus {
          width: fit-content !important;
          border-radius: 4px !important;
          font-weight: normal !important;
          text-transform: capitalize !important;
          color: #007ce0 !important;
          background-color: transparent !important;
          border-width: 0 !important;
          font-size: 16px !important;
          line-height: 19px !important;
        }

:is(:is(.StyledChangeAddress_Modal .ant-modal-body) .address-detail) .address {
        font-size: 16px !important;
        color: #0c2028 !important;
        width: -webkit-fill-available;
        white-space: normal;
        align-self: center;
      }

@media (max-width: 768px) {

.StyledChangeAddress_Modal .ant-modal-footer {
      padding: 0 !important;
  }
    }

:is(.StyledChangeAddress_Modal .ant-modal-footer) .outline-btn,:is(.StyledChangeAddress_Modal .ant-modal-footer) .outline-btn:hover,:is(.StyledChangeAddress_Modal .ant-modal-footer) .outline-btn:focus {
      width: fit-content !important;
      border-radius: 4px !important;
      font-weight: normal !important;
      text-transform: capitalize !important;
      color: #0c2028 !important;
      background-color: transparent !important;
      border: 1px solid #d4d4d4 !important;
      height: fit-content !important;
      padding: 12px 24px;
      font-size: 14px !important;
      line-height: 17px !important;
      margin-right: 16px;
    }

:is(.StyledChangeAddress_Modal .ant-modal-footer) .primary-btn {
      width: fit-content !important;
      border-radius: 4px !important;
      font-weight: normal !important;
      text-transform: capitalize !important;
      color: #ffffff !important;
      background-color: #5acc5a !important;
      border-width: 0 !important;
      height: fit-content !important;
      padding: 12px 24px;
      font-size: 14px !important;
      line-height: 17px !important;
    }

@media (max-width: 768px) {

:is(.StyledChangeAddress_Modal .ant-modal-footer) .primary-btn {
        font-size: 16px !important;
        width: 100% !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }
      }

:is(.StyledChangeAddress_Modal .ant-modal-footer) .primary-btn:hover,:is(.StyledChangeAddress_Modal .ant-modal-footer) .primary-btn:focus {
      width: fit-content !important;
      border-radius: 4px !important;
      font-weight: normal !important;
      text-transform: capitalize !important;
      color: #ffffff !important;
      background-color: #5acc5a !important;
      font-size: 14px !important;
      line-height: 17px !important;
    }

@media (max-width: 768px) {

:is(.StyledChangeAddress_Modal .ant-modal-footer) .primary-btn:hover,:is(.StyledChangeAddress_Modal .ant-modal-footer) .primary-btn:focus {
        font-size: 16px !important;
        width: 100% !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }
      }

.one-page-checkout-drawer .ant-drawer-content-wrapper {
    width: 100% !important;
  }

.one-page-checkout-drawer .ant-drawer-header {
    padding: 0 !important;
  }

:is(.one-page-checkout-drawer .ant-drawer-header) .ant-drawer-close {
      color: black;
      font-weight: 100;
      display: block;
      padding: 20px;
      color: rgba(0, 0, 0, 0.45);
      font-weight: 700;
      font-size: 16px;
      font-style: normal;
      line-height: 1;
      text-align: center;
      text-transform: none;
      text-decoration: none;
      background: transparent;
      border: 0;
      outline: 0;
      cursor: pointer;
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      transition: color 0.3s;
      text-rendering: auto;
    }

:is(:is(.one-page-checkout-drawer .ant-drawer-header) .ant-drawer-close) .feather-arrow-left {
        padding-right: 8px;
        font-size: 24px;
        line-height: 20px;
        vertical-align: sub;
      }

.one-page-checkout-drawer .ant-drawer-body {
    background-color: #f6f6f6;
    padding: 8px 0;
  }

.one-page-checkout-drawer .ant-drawer-footer {
    padding: 0 0 !important;
    height: 56px;
    max-width: 100%;
    max-height: 100%;
  }

:is(.one-page-checkout-drawer .ant-drawer-footer) .confirm-btn,:is(.one-page-checkout-drawer .ant-drawer-footer) .confirm-btn:hover,:is(.one-page-checkout-drawer .ant-drawer-footer) .confirm-btn:focus {
      background-color: #5acc5a;
      color: #ffffff;
      width: 100%;
      height: 100%;
    }

.one-page-checkout-drawer .one-page-checkout-drawer-section {
    background-color: #ffffff;
    padding: 8px 8px;
  }

.one-page-checkout-drawer.address-form-drawer {
    font-family: var(--font-roboto) !important;
    z-index: 1018;
  }

.one-page-checkout-drawer.address-form-drawer .ant-drawer-mask {
      background: none !important;
    }

.one-page-checkout-drawer.address-form-drawer .ant-drawer-content-wrapper {
      max-width: 574px !important;
    }

.one-page-checkout-drawer.address-form-drawer .ant-drawer-title {
      font-size: 20px !important;
      font-weight: normal !important;
      padding: 0 12px 0 0;
    }

.one-page-checkout-drawer.address-form-drawer .ant-drawer-close {
      padding: 16px;
      margin-right: 0;
    }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-close) .feather-arrow-left {
        padding-right: 0 !important;
      }

.one-page-checkout-drawer.address-form-drawer .confirm-btn,.one-page-checkout-drawer.address-form-drawer .confirm-btn:hover,.one-page-checkout-drawer.address-form-drawer .confirm-btn:focus {
      font-size: 18px !important;
    }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .address-form {
        background: #ffffff;
      }

:is(:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .address-form) .form-item {
          padding: 0 12px;
        }

:is(:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .address-form) .add-new-title {
          padding: 12px 12px 0;
        }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item .ant-form-item-label,:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item .ant-form-item-control {
        flex: auto !important;
        -webkit-flex: auto !important;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item .ant-form-item-label {
        text-align: left !important;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form-item .ant-form-item-label {
        padding: 0 !important;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form-item-label > label {
        margin-bottom: 0 !important;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form-item-with-help .ant-form-item-explain {
        text-align: right;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item {
        -webkit-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
      }

:is(:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item) input {
          border: none !important;
          text-align: right;
          padding-left: 0 !important;
          padding-right: 0 !important;
        }

:is(:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item) .address-input {
          text-align: left !important;
        }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .form-item {
        border-bottom: 1px solid #d4d4d4;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .form-item-error {
        color: #ff4d4f;
        text-align: right;
      }

.one-page-checkout-drawer.search-select-list-drawer {
    font-family: var(--font-roboto) !important;
    z-index: 1019;
  }

.one-page-checkout-drawer.search-select-list-drawer .ant-drawer-mask {
      background: none !important;
    }

.one-page-checkout-drawer.search-select-list-drawer .ant-drawer-content-wrapper {
      max-width: 574px !important;
    }

.one-page-checkout-drawer.search-select-list-drawer .ant-drawer-title {
      font-size: 20px !important;
      font-weight: normal !important;
      padding: 0 12px 0 0;
    }

.one-page-checkout-drawer.search-select-list-drawer .ant-drawer-close {
      padding: 16px;
      margin-right: 0;
    }

:is(.one-page-checkout-drawer.search-select-list-drawer .ant-drawer-close) .feather-arrow-left {
        padding-right: 0 !important;
      }

.one-page-checkout-drawer.search-select-list-drawer .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }

.one-page-checkout-drawer.search-select-list-drawer .ant-input-search-button {
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important;
    }

@media screen and (-webkit-min-device-pixel-ratio: 0) {

.one-page-checkout-drawer.search-select-list-drawer .ant-input-search-button {
        height: 45px !important;
    }
      }

:is(.one-page-checkout-drawer.search-select-list-drawer .ant-input-search-button) .anticon {
        margin-bottom: 8px;
      }

@media screen and (-webkit-min-device-pixel-ratio: 0) {

:is(.one-page-checkout-drawer.search-select-list-drawer .ant-input-search-button) .anticon {
          margin-bottom: 0 !important;
      }
        }

.one-page-checkout-drawer.search-select-list-drawer .ant-list-item {
      background: #ffffff;
      line-height: 32px;
      padding: 4px 12px;
      border-bottom: 1px solid #e5e5e5;
    }

:is(.one-page-checkout-drawer.search-select-list-drawer .ant-list-item) .feather-check {
        font-weight: bold;
        color: #5acc5a;
        font-size: 20px;
      }

.one-page-checkout-drawer.change-address-drawer {
    font-family: var(--font-roboto) !important;
    z-index: 1017;
  }

.one-page-checkout-drawer.change-address-drawer .ant-drawer-mask {
      background: #0c202899 0% 0%;
    }

.one-page-checkout-drawer.change-address-drawer .ant-drawer-content-wrapper {
      max-width: 574px !important;
    }

.one-page-checkout-drawer.change-address-drawer .ant-drawer-title {
      font-size: 20px !important;
      font-weight: normal !important;
      padding: 0 12px 0 0;
    }

.one-page-checkout-drawer.change-address-drawer .ant-drawer-close {
      padding: 16px;
      margin-right: 0;
    }

:is(.one-page-checkout-drawer.change-address-drawer .ant-drawer-close) .feather-arrow-left {
        padding-right: 0 !important;
      }

:is(.one-page-checkout-drawer.change-address-drawer .ant-drawer-body) .one-page-checkout-drawer-section {
        padding: 12px !important;
      }

.one-page-checkout-drawer.change-address-drawer .confirm-btn,.one-page-checkout-drawer.change-address-drawer .confirm-btn:hover,.one-page-checkout-drawer.change-address-drawer .confirm-btn:focus {
      font-size: 18px !important;
    }

.one-page-checkout-drawer.change-address-drawer .radio-adress-item {
      display: inline-flex;
      min-height: 50px;
      width: -webkit-fill-available !important;
      background-color: #ffffff;
      border-bottom: 1px solid #e5e5e5;
      border-radius: 4px;
      margin-right: 0;
      padding: 12px;
      align-items: center;
    }

.one-page-checkout-drawer.change-address-drawer .user-address {
      width: -webkit-fill-available;
    }

:is(.one-page-checkout-drawer.change-address-drawer .user-address) .user-info {
        font-weight: bold;
        margin-right: 12px;
      }

:is(.one-page-checkout-drawer.change-address-drawer .user-address) .address-info {
        margin-right: 12px;
        white-space: normal;
        word-break: break-word;
      }

.one-page-checkout-drawer.change-address-drawer .default-tag {
      background: #5acc5a 0% 0% no-repeat padding-box;
      border-radius: 2px;
      color: #ffffff;
      font-size: 12px;
      font-weight: 100;
      text-align: left;
      letter-spacing: 0px;
      margin-left: 8px;
      margin-right: 12px;
    }

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) .ant-radio,:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) .ant-radio-checked {
        display: none;
      }

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) span.ant-radio + * {
        padding-right: 8px;
        padding-left: 0px;
      }

@media (max-width: 1132px) {

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) span.ant-radio + * {
          padding-left: 0px;
      }
        }

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) .feather-circle {
        font-size: 22px;
        color: #e5e5e5;
        vertical-align: middle;
        padding-right: 8px;
      }

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) .anticon {
        font-size: 20px;
        color: #5acc5a;
        padding-right: 10px;
      }

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) .ant-space-item {
        border-bottom: 1px solid #d4d4d4;
        padding: 12px;
        align-items: center;
      }

.one-page-checkout-drawer.change-address-drawer .feather-plus {
      font-size: 20px;
      padding-right: 8px;
    }

.one-page-checkout-drawer.shipping-method-drawer {
    font-family: var(--font-roboto) !important;
    z-index: 1017;
  }

.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-mask {
      background: #0c202899 0% 0%;
    }

.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-content-wrapper {
      max-width: 574px !important;
    }

.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-title {
      font-size: 20px !important;
      font-weight: normal !important;
      padding: 0 12px 0 0;
    }

.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-close {
      padding: 16px 12px;
      margin-right: 0;
    }

:is(.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-close) .feather-arrow-left {
        padding-right: 0 !important;
      }

.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-close {
      margin-right: 0 !important;
    }

.one-page-checkout-drawer.shipping-method-drawer .confirm-btn,.one-page-checkout-drawer.shipping-method-drawer .confirm-btn:hover,.one-page-checkout-drawer.shipping-method-drawer .confirm-btn:focus {
      font-size: 18px !important;
    }

.one-page-checkout-drawer.shipping-method-drawer .radio-shipping {
      display: inline-flex;
      height: 50px;
      min-height: 50px;
      width: -webkit-fill-available !important;
      background-color: #ffffff;
      border-bottom: 1px solid #e5e5e5;
      border-radius: 4px;
      margin-right: 0;
      padding: 12px;
      align-items: center;
    }

@media (max-width: 1132px) {

.one-page-checkout-drawer.shipping-method-drawer .radio-shipping {
        height: fit-content !important;
        min-height: 48px !important;
    }
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ant-radio,:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ant-radio-checked {
        display: none;
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) span.ant-radio + * {
        width: 100% !important;
        padding: 0;
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .feather-circle {
        font-size: 24px;
        color: #e5e5e5;
        position: relative;
        margin-right: 8px;
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .anticon-check-circle {
        font-size: 24px;
        color: #5acc5a;
        position: relative;
        margin-right: 8px;
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method {
        display: inline-flex;
        justify-content: space-between;
        width: 100% !important;
        align-items: center;
        padding-right: 10px;
      }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info {
          display: flex;
          width: -webkit-fill-available;
          align-self: center;
        }

@media (max-width: 425px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info {
            display: block !important;
        }
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info) img {
            height: auto !important;
            min-width: 81px;
            width: 81px !important;
            border: none;
            border-radius: 4px !important;
            margin-right: 8px;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info) .method-label {
            font-size: 16px !important;
            color: #0c2028 !important;
            width: -webkit-fill-available;
            max-width: 300px;
            white-space: normal;
            align-self: center;
            word-break: break-word;
          }

@media (max-width: 425px) {

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info) .method-label {
              font-size: 14px !important;
              max-width: 270px !important;
          }
            }

@media (max-width: 375px) {

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info) .method-label {
              max-width: 220px !important;
          }
            }

@media (max-width: 320px) {

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info) .method-label {
              max-width: 160px !important;
          }
            }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-fee {
          font-size: 16px !important;
          color: #0c2028 !important;
          min-width: 120px !important;
          font-weight: bold;
          align-self: center;
          text-align: right;
        }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand {
        font-family: 'Noto Sans TC', sans-serif !important;
        color: #0c2028 !important;
        background-color: #ffffff;
        padding: 0 10px 12px 24px;
      }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ant-divider-horizontal {
          margin: 12px 0 24px;
        }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ant-checkbox + span {
          font-size: 16px !important;
          color: #0c2028 !important;
        }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ant-checkbox + span {
            font-size: 14px !important;
        }
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiFormControl-root {
          width: -webkit-fill-available !important;
          margin-bottom: 20px;
        }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiFormControl-root) .MuiFormLabel-root {
            font-family: var(--font-roboto) !important;
            color: #647176 !important;
            margin-bottom: 0 !important;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiFormControl-root) .MuiTypography-root {
            font-size: 12px !important;
            font-family: var(--font-roboto) !important;
            color: #0c2028 !important;
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root {
          width: -webkit-fill-available !important;
        }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root {
            font-size: 16px !important;
            font-family: var(--font-roboto) !important;
            transform: translate(14px, 12px);
            color: #647176 !important;
          }

.MuiInputLabel-shrink:is(:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root) {
              transform: translate(14px, -9px) !important;
              font-size: 12px !important;
              color: #647176 !important;
            }

.Mui-focused:is(:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root) {
              color: #007ce0 !important;
            }

.Mui-error:is(:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root) {
              color: red !important;
            }

:is(:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
              font-size: 16px !important;
              font-family: var(--font-roboto) !important;
              padding: 12px 16px !important;
              color: #0c2028 !important;
              line-height: 22px !important;
            }

:is(:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiInputBase-root) legend {
              font-family: var(--font-roboto) !important;
              width: auto !important;
              font-size: 12px !important;
              color: #0c2028 !important;
            }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiInputAdornment-root {
            font-size: 16px !important;
            color: #0c2028 !important;
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiFormHelperText-root {
          font-size: 12px !important;
          color: #647176 !important;
          margin: 8px 0 0 !important;
        }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiFormHelperText-root) label {
            font-size: 12px !important;
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .contact-number-input {
          width: 100%;
        }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input {
          width: 30%;
          margin-right: 20px;
        }

@media (max-width: 1024px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input {
            width: 30% !important;
        }
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select,:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .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: -webkit-fill-available;
            width: stretch;
            width: -moz-available;
            font-size: 17px !important;
            color: #0c2028;
            opacity: 1 !important;
          }

@media (max-width: 1024px) {

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select,:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
              font-size: 15px !important;
          }
            }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-arrow {
            color: #0c2028;
            opacity: 1 !important;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-item,:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
            font-family: var(--font-roboto) !important;
            line-height: 43px;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
            height: 43px;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) select,:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) select:hover,:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) select:focus {
            height: 45px;
            width: -webkit-fill-available;
            width: stretch;
            width: -moz-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');
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .MuiOutlinedInput-root {
            padding: 0;
          }

@media (max-width: 1024px) {
            :is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ps-0 {
              padding-left: 15px !important;
            }
            :is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .pe-0 {
              padding-right: 15px !important;
            }
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ecpay-label {
          font-size: 16px !important;
        }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ecpay-label {
            font-size: 14px !important;
        }
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ecpay-val {
          font-size: 16px !important;
          font-weight: bold !important;
        }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ecpay-val {
            font-size: 14px !important;
        }
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn {
          width: 100% !important;
          padding: 12px 40px !important;
          box-shadow: none !important;
          font-size: 16px !important;
          font-weight: normal !important;
          text-transform: capitalize !important;
          box-shadow: none !important;
          color: #ffffff !important;
          background-color: #5acc5a !important;
          border-color: #11aa4f !important;
          border-width: 0px !important;
          border-radius: 4px !important;
          height: fit-content;
        }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn):disabled {
            cursor: not-allowed !important;
          }

@media (min-width: 1132px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn {
            border-radius: 4px !important;
            padding: 10px !important;
        }
          }

@media (max-width: 442px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn {
            padding: 12px 24px !important;
        }
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn):hover {
            color: #ffffff !important;
            background-color: #11aa4f !important;
            border-color: #11aa4f !important;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn):focus {
            color: #ffffff !important;
            background-color: #005c34 !important;
            border-color: #11aa4f !important;
          }

.one-page-checkout-drawer.shipping-method-drawer .pickup-expand {
      color: #0c2028 !important;
      background-color: #ffffff;
      padding: 20px 18px 0px 32px;
      border-bottom: 1px solid #e5e5e5;
    }

:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .ant-divider-horizontal {
        margin: 12px 0 24px;
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiFormControl-root {
        width: -webkit-fill-available !important;
        margin-bottom: 20px;
      }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiFormControl-root) .MuiFormLabel-root {
          font-family: var(--font-roboto) !important;
          color: #647176 !important;
          margin-bottom: 0 !important;
        }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiFormControl-root) .MuiTypography-root {
          font-size: 12px !important;
          font-family: var(--font-roboto) !important;
          color: #0c2028 !important;
        }

:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root {
        width: -webkit-fill-available !important;
      }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiFormLabel-root {
          font-size: 16px !important;
          font-family: var(--font-roboto) !important;
          transform: translate(14px, 12px);
          color: #647176 !important;
        }

.MuiInputLabel-shrink:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiFormLabel-root) {
            transform: translate(14px, -9px) !important;
            font-size: 12px !important;
            color: #647176 !important;
          }

.Mui-focused:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiFormLabel-root) {
            color: #007ce0 !important;
          }

.Mui-error:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiFormLabel-root) {
            color: red !important;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
            font-size: 16px !important;
            font-family: var(--font-roboto) !important;
            padding: 12px 16px !important;
            color: #0c2028 !important;
            line-height: 22px !important;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiInputBase-root) legend {
            font-family: var(--font-roboto) !important;
            width: auto !important;
            font-size: 12px !important;
            color: #0c2028 !important;
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiInputAdornment-root {
          font-size: 16px !important;
          color: #0c2028 !important;
        }

:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiFormHelperText-root {
        font-size: 12px !important;
        color: #647176 !important;
        margin: 8px 0 0 !important;
      }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiFormHelperText-root) label {
          font-size: 12px !important;
        }

.one-page-checkout-drawer.payment-method-drawer {
    font-family: var(--font-roboto) !important;
    z-index: 1017;
  }

.one-page-checkout-drawer.payment-method-drawer .ant-drawer-mask {
      background: #0c202899 0% 0%;
    }

.one-page-checkout-drawer.payment-method-drawer .ant-drawer-content-wrapper {
      max-width: 574px !important;
    }

.one-page-checkout-drawer.payment-method-drawer .ant-drawer-title {
      font-size: 20px !important;
      font-weight: normal !important;
      padding: 0 12px 0 0;
    }

.one-page-checkout-drawer.payment-method-drawer .ant-drawer-close {
      padding: 16px;
      margin-right: 0;
    }

:is(.one-page-checkout-drawer.payment-method-drawer .ant-drawer-close) .feather-arrow-left {
        padding-right: 0 !important;
      }

.one-page-checkout-drawer.payment-method-drawer .ant-drawer-close {
      margin-right: 0 !important;
    }

.one-page-checkout-drawer.payment-method-drawer .confirm-btn,.one-page-checkout-drawer.payment-method-drawer .confirm-btn:hover,.one-page-checkout-drawer.payment-method-drawer .confirm-btn:focus {
      font-size: 18px !important;
    }

@media (max-width: 1132px) {

.one-page-checkout-drawer.payment-method-drawer .ant-radio-group {
        width: 100% !important;
    }
      }

.one-page-checkout-drawer.payment-method-drawer .radio-payment {
      display: inline-flex;
      height: fit-content;
      min-height: 48px;
      width: -webkit-fill-available !important;
      background-color: #ffffff;
      border-bottom: 1px solid #e5e5e5;
      border-radius: 4px;
      margin-right: 0;
      padding: 0 12px;
      align-items: center;
    }

:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .ant-radio,:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .ant-radio-checked {
        display: none;
      }

:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) span.ant-radio + * {
        width: 100% !important;
      }

:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .feather-circle {
        font-size: 24px;
        color: #e5e5e5;
        position: relative;
        margin-top: 4px;
        align-self: center;
      }

:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .anticon-check-circle {
        font-size: 24px;
        color: #5acc5a;
        position: relative;
        margin-top: 4px;
        align-self: center;
      }

:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method {
        display: inline-flex;
        width: 100% !important;
        padding-left: 8px;
        align-items: center;
      }

:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info {
          display: flex;
          width: -webkit-fill-available;
          align-self: center;
        }

:is(:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) img {
            height: auto !important;
            min-width: 81px;
            width: 81px !important;
            border: none;
            border-radius: 4px !important;
            margin-right: 8px;
            padding: 10px 0;
          }

:is(:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
            font-size: 14px !important;
            color: #0c2028 !important;
            width: -webkit-fill-available;
            max-width: 300px;
            white-space: normal;
            align-self: center;
            word-break: break-word;
          }

@media (max-width: 425px) {

:is(:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
              max-width: 260px !important;
          }
            }

@media (max-width: 375px) {

:is(:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
              max-width: 210px !important;
          }
            }

@media (max-width: 320px) {

:is(:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
              max-width: 155px !important;
          }
            }

.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .feather-check {
          font-size: 16px;
          color: #5acc5a;
          position: relative;
          margin-top: 4px;
          align-self: center;
        }

.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method {
          display: inline-flex;
          width: 100% !important;
          padding-left: 0;
          align-items: center;
        }

:is(.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info {
            display: flex;
            width: -webkit-fill-available;
            align-self: center;
          }

:is(:is(.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
              width: -webkit-fill-available;
              max-width: 300px;
              white-space: normal;
              align-self: center;
              color: #0c2028 !important;
              word-break: break-word;
            }

@media (max-width: 425px) {

:is(:is(.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
                max-width: 260px !important;
            }
              }

@media (max-width: 375px) {

:is(:is(.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
                max-width: 210px !important;
            }
              }

@media (max-width: 320px) {

:is(:is(.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
                max-width: 155px !important;
            }
              }