.card-rn {
    margin: 8px;
    /* border: 1px solid #ddd; */
    border-radius: 8px;
    /* padding: 10px; */
    /* background-color: #f0f8ff; */
    display: flex;
    justify-content: stretch;
    align-items: stretch ;
    box-shadow: 0 4px 15px -3px rgba(73, 94, 144, 0.2), 
    0 4px 6px -2px rgba(73, 94, 144, 0.1) !important;
  }
  
  .card-rn .title {
    background-color: #495D90;
    font-weight: bold;
    color: white;
    width: 15%;
    min-width: 150px;
    padding: 16px;
    border-radius: 4px 0 0 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .title-new {
    background-color: var(--green-300) !important;
  }

  .card-rn .content {
    background-color: white;
    padding: 8px 16px 8px 0px;
    border-radius: 0 4px 4px 0;
    width: 85%;
    display: flex;
    align-items: center;
  }

  .card-rn .content ul {
    margin: 0px;
  }

  .card-rn .content strong {
    color: #495D90;
  }

  .content ul {
    width: 100%;
  }

  .line-tuto {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }