.cs-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 65px;
  }
  .cs-category {
    border-radius: 12px;
    width: 25%;
  }
  .cs-top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
  }
  .cs-top a,.cs-top h3{
    flex: 1;
  }
  .cs-top h3{
    margin: unset;
    text-align: right;
  }
  .cs-cat-image {
    max-width: 100%;
    border-radius: 8px;
  }
  .cs-posts {
    list-style: none;
    padding: 0;
  }
  .cs-button {
    display: inline-block;
    margin-top: 10px;
    background: #0073aa;
    color: white;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 6px;
  }
  .cs-button:hover {
    background: #005d8c;
  }
  ul.cs-category-list{
    list-style:none;padding:0;margin:0;
    display: flex;
    flex-direction: column;
    gap:10px;
  }
  @media screen and (max-width:640px){
    .cs-wrapper{
      flex-direction: column;
      gap: 20px;
    }
    .cs-category{
      width: 100%;
    }
  }