.Styled_Modal_NotifyMe {
  z-index: 1007 !important;
}

@media (max-width: 1132px) {

  .Styled_Modal_NotifyMe {
    max-height: 100vh !important;
    min-width: 100% !important;
    margin: 0 !important;
}
  }

.Styled_Modal_NotifyMe .ant-modal-header {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    padding: 12px 24px !important;
    margin-bottom: unset !important;
  }

@media (max-width: 1024px) {

  .Styled_Modal_NotifyMe .ant-modal-header {
      border-top-left-radius: 0 !important;
      border-top-right-radius: 0 !important;
      position: fixed;
      width: 100%;
      max-width: 600px;
      z-index: 1000;
  }
    }

:is(.Styled_Modal_NotifyMe .ant-modal-header) .un-modal-title {
      width: fit-content;
      margin: 0 auto;
    }

:is(.Styled_Modal_NotifyMe .ant-modal-header) .un-modal-close {
      position: absolute;
      right: 12px;
      top: 12px;
      cursor: pointer;
    }

:is(:is(.Styled_Modal_NotifyMe .ant-modal-header) .un-modal-close) .feather-x {
        font-size: 20px;
        color: #90999d !important;
      }

@media (max-width: 1024px) {

  :is(.Styled_Modal_NotifyMe .ant-modal-header) .un-modal-close {
        top: 8px;
    }

        :is(:is(.Styled_Modal_NotifyMe .ant-modal-header) .un-modal-close) .feather-x {
          font-size: 32px;
        }
      }

:is(.Styled_Modal_NotifyMe .ant-modal-header) .ant-modal-title {
      color: #0c2028 !important;
      font-size: 16px !important;
      font-weight: bold !important;
      text-align: center !important;
    }

@media (max-width: 1024px) {

  :is(.Styled_Modal_NotifyMe .ant-modal-header) .ant-modal-title {
        font-size: 20px !important;
        font-weight: normal !important;
    }
      }

:is(.Styled_Modal_NotifyMe .ant-modal-close):hover {
      background-color: transparent !important;
    }

.Styled_Modal_NotifyMe .ant-modal-close {
    display: none !important;
  }

.Styled_Modal_NotifyMe .ant-modal-content {
    border-radius: 4px !important;
    max-width: 600px !important;
    margin: 0 auto;
    padding: unset !important;
  }

@media (min-width: 1025px) {

  .Styled_Modal_NotifyMe .ant-modal-content {
      max-width: 100% !important;
  }
    }

@media (max-width: 1024px) {

  .Styled_Modal_NotifyMe .ant-modal-content {
      max-width: 100%;
      height: 100vh;
      overflow-y: auto;
      border-radius: 0 !important;
      box-shadow: none !important;
  }
    }

.Styled_Modal_NotifyMe .ant-modal-body {
    padding: 20px 24px 0 24px !important;
  }

:is(.Styled_Modal_NotifyMe .ant-modal-body) .ant-picker {
      border-radius: 4px;
    }

@media (max-width: 1024px) {

  .Styled_Modal_NotifyMe .ant-modal-body {
      padding: 80px 24px 100px 24px !important;
  }
    }

.Styled_Modal_NotifyMe .ant-modal-footer {
    border-top: none !important;
    padding: 24px !important;
    margin-top: unset !important;
  }

:is(.Styled_Modal_NotifyMe .ant-modal-footer) .primary-btn {
      border-color: #5acc5a !important;
      background-color: #5acc5a !important;
      color: #ffffff !important;
    }

:is(.Styled_Modal_NotifyMe .ant-modal-footer) .primary-btn:hover,:is(.Styled_Modal_NotifyMe .ant-modal-footer) .primary-btn:focus {
      border-color: #11aa4f !important;
      background-color: #11aa4f !important;
      color: #ffffff !important;
    }

@media (max-width: 1023px) {

  .Styled_Modal_NotifyMe .ant-modal-footer {
      position: fixed;
      bottom: 0;
      width: 100%;
      max-width: 600px;
      padding: 0 !important;
  }

      :is(.Styled_Modal_NotifyMe .ant-modal-footer) .primary-btn {
        width: 100% !important;
        height: unset !important;
        text-align: center;
        border-radius: 0 !important;
        font-size: 18px !important;
        border-color: #5acc5a !important;
        background-color: #5acc5a !important;
        color: #ffffff !important;
        border-style: solid !important;
        padding: 12px 24px !important;
      }
      :is(.Styled_Modal_NotifyMe .ant-modal-footer) .primary-btn:hover,:is(.Styled_Modal_NotifyMe .ant-modal-footer) .primary-btn:focus {
        width: 100% !important;
        height: unset !important;
        padding: 0;
        text-align: center;
        border-radius: 4px !important;
        font-size: 18px !important;
        border-color: #5acc5a !important;
        background-color: #5acc5a !important;
        color: #ffffff !important;
        border-style: solid !important;
      }
    }

.Styled_Modal_NotifyMe .primary-btn {
    height: 41px !important;
    border-radius: 4px !important;
    margin-left: 0 !important;
    padding-left: 24px;
    padding-right: 24px;
    outline: 0 !important;
    border-style: solid !important;
  }

.Styled_Modal_NotifyMe .primary-btn:hover,.Styled_Modal_NotifyMe .primary-btn:focus {
    height: 41px !important;
    border-radius: 4px !important;
    margin-left: 0 !important;
    padding-left: 24px;
    padding-right: 24px;
    outline: 0 !important;
    border-style: solid !important;
  }

.Styled_Modal_NotifyMe .outline-btn {
    color: #0c2028 !important;
    height: 41px !important;
    border: none !important;
    border-radius: 4px !important;
    margin-right: 16px !important;
    box-shadow: none !important;
  }

@media (max-width: 1024px) {

  .Styled_Modal_NotifyMe .outline-btn {
      display: none !important;
  }
    }
