.zn-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
}

.modal {
    backdrop-filter: blur(5px);
}

.zn-bg-modal {
    background: #eef6ff;
    border-radius: 0px 0px 20px 20px !important;
}

.ant-modal-content{
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 20px !important;
}

.separator {
    border: 1px dashed #efefef;
}

.card-footer.footerDetail {
    position: relative;
    background: #272727;
    padding: 1.4rem 1.6rem;
    border-radius: 0px 0px 18px 18px !important;
  
    .containerDetail {
      display: flex;
      justify-content: start;
      align-items: center;
      margin-bottom: 6px;
  
      .name {
        position: relative;
        width: 100px;
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        color: #fff;
      }
      .subname {
        font-size: 14px;
        font-weight: 300;
        line-height: 18px;
        color: #fff;
      }
    }
}