/* Portfolio card */
    .portfolio-wrap {
      position: relative;
      border-radius: .5rem;
      overflow: hidden;
      box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
      background:#fff;
    }
    .portfolio-wrap > a {
      display: block;
      position: relative;
    }
 


.portfolio-wrap img {
  height: 280px !important;
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

    .portfolio-wrap:hover img {
      transform: scale(1.04);
    }

    /* Overlay inside the link */
    .portfolio-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity .3s ease;
      pointer-events: none; /* let clicks pass to the <a> */
      text-align: center;
    }
    .portfolio-wrap:hover .portfolio-overlay {
      opacity: 1;
    }

    /* Filter buttons */
    #filter-buttons .btn {
      border-radius: 50rem;
      padding: .5rem 1rem;
      font-weight: 600;
    }
    #filter-buttons .btn.active {
      background: var(--bs-primary);
      color: #fff;
      border-color: var(--bs-primary);
    }

    /* Hide/Show items for filter */
    .portfolio-item {
      transition: opacity .3s ease, transform .3s ease;
    }
    .portfolio-item.hidden {
      display: none !important;
    }

    /* Info note */
    .fix-note {
      background: #fff3cd;
      border: 1px solid #ffe69c;
      color: #664d03;
      border-radius: .5rem;
    }