.demo-container {
    display: flex;
    flex-wrap: wrap; /* Allows flex items to wrap to the next line */
    justify-content: space-between; /* This will evenly space the child elements */

    padding: 0px; /* Optional padding */
    transition: opacity 0.5s ease, transform 0.5s ease;
  }

    .demo-navbar button{background-color:#757575}

  .demo-item {
    width: calc(33.33%); 

    padding: 0px; /* Optional padding */
    margin: 36px 0 0 0 ;
    box-sizing: border-box; /* Optional - includes padding in the width */
        transition: opacity 0.5s ease, transform 0.5s ease;
  }


  .demo-item > div{padding:0px 12px 12px 12px;margin-top:12px;}

 .demo-item img.demo-cover{width:100%;min-height:150px;border-radius:5px;margin-bottom:8px;}

  .demo-button{text-align:center;width:45%;padding:12px;border-radius:5px;min-height:48px;background-color:#0096d6;transition: background-color 0.3s ease;}  
  .demo-button a{color:white;font-size:16px;}
  /*.demo-button:hover{background-color:#ddd;}*/
  .demo-navbar button.active {
    color: #fff;
    background-color: #0096d6;
}

.demo-navbar {
    margin-bottom: 20px;
    margin-top: 20px;
}

.hs-content-id-101941104836 .dnd__area_2-row-0-max-width-section-centering > .row-fluid {
    width: 100%;
}

.demo-item h3 {
    margin-top: 20px;
}

.demo-button {
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 600;
    border-radius: 20px;
}

.demo-item p {
    margin-top: 8px;
    margin-bottom: 8px;
}

  @media (max-width: 768px) {
    .demo-item {
      width: 100%; /* One column on tablets and mobile devices */
    }
  }

  .demo-navbar {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }

  .demo-navbar button {
    margin: 0 10px;
    padding: 9px 20px;
    border: none;
    background-color: #C4C4C4;
    cursor: pointer;
    transition: background-color 0.3s ease;
        font-weight: 500;
  }

  .demo-navbar button:hover {
    background-color: #0096d6;
  }

  /* Hide animation */
  .demo-item.hide {
    opacity: 0;
    transform: translateY(-50px);
    display:none;