.app-card {
  box-shadow: 5px 9px 27px 0 rgba(135, 151, 170, 0.14);
  font-family: "Poppins", sans-serif !important;
  .ant-card-body {
    padding: 15px;
    border-radius: 20px;
    .ant-card-meta-avatar {
      padding-inline-end: 10px;
    }
    .img-box {
      width: 40px;
      height: 55px;
      border-radius: 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      img {
        width: 20px !important;
      }
    }
    .ant-card-meta-title {
      color: #2f323b;
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 0px !important;
    }
    .ant-card-meta-description {
      font-size: 24px;
      font-weight: 600;
    }
  }
}

.app-card.bg1 {
  background-color: #fdead3;
  .img-box {
    background-color: #f1dec7;
  }

  .ant-card-meta-description {
    color: #6e5331;
  }
}
.app-card.bg2 {
  background-color: #fde5f9;
  .img-box {
    background-color: #f0d8ec;
  }
  .ant-card-meta-description {
    color: #662f5f;
  }
}

.app-card.bg3 {
  background-color: #d0f7ff;
  .img-box {
    background-color: #c3eaf2;
  }
  .ant-card-meta-description {
    color: #1a4950;
  }
}

.app-card.bg4 {
  background-color: #e7fde5;
  .img-box {
    background-color: #daf0d8;
  }
  .ant-card-meta-description {
    color: #32652b;
  }
}
.app-card.bg5 {
  background-color: #e9e5fd;
  .img-box {
    background-color: #dcd8f0;
  }
  .ant-card-meta-description {
    color: #582b65;
  }
}
.app-card.bg6 {
  background-color: #ffdbd9;
  .ant-card-meta-title,
  .ant-card-meta-description {
    color: #c54042;
  }
}
.app-card.bg7 {
  background-color: #bde2f9;
  .ant-card-meta-title,
  .ant-card-meta-description {
    color: #2e5b77;
  }
}
.app-card.bg8 {
  background-color: #f9ebbd;
  .ant-card-meta-title,
  .ant-card-meta-description {
    color: #967e2c;
  }
}