.about .partners {
  .categories {
    padding: 1rem;
    
    a {
      display: inline-block;
      font-size: .9rem;
      background: var(--bs-color);
      padding: .4rem 1rem .5rem 1rem;
      margin: 0 .25rem;
      border: .15rem solid var(--hr-color);
      border-radius: 99rem;

      &:hover {
        border-color: var(--s-color);
      }
    }

    .selected {
      border-color: var(--s-color);
    }
  }

  .lists {
    display: grid;
    grid-template-columns: 4fr 1fr;
    padding: 0 0 4rem .75rem;
  
    .links {
      display: grid;
      grid-template-columns: 1fr 1fr;
  
      .card {
        display: grid;
        grid-template-columns: 1fr 6fr;
        background: var(--bs-color);
        padding: 1rem 1.25rem 1.25rem;
        margin: .5rem;
        /* border-top: .25rem solid var(--hr-color); */
  
        img {
          width: 100%;
          margin: .5rem 0 0 0;
        }
  
        .details {
          padding: 0 0 0 1.25rem;
  
          .title {
            font-size: 1.15rem;
            line-height: 1.75rem;
            font-weight: 600;
            padding: 0;
            margin: 0;
          }
    
          p {
            font-size: .9rem;
            padding: 0;
            margin: 0;
          }
        }
  
      }
    }
  }
}

@media only screen and (--viewport-4) {
  .about .partners {
    .categories {
      padding: 1rem 2rem 2rem 2.1rem;
    }

    .lists {
      display: block;
      padding: 0 2.25rem 4rem 2.1rem;
    
      .links {
        display: block;

        .card {
          margin: .25rem .25rem 1rem .25rem;
        }
      }
    }
  }
}