.review p {
    margin: 4px 0px;
    font-size: 18px;
    line-height: 1.2;
}

.review h5 {
    font-size: 18px;
    font-weight: 600;
}

.review img {
    width: 90px;
    border-radius: 0;
    background: #fff;
    padding: 6px;
}

.review {
    padding: 12px 8px 12px 8px;
    margin: 0px;
}

    .review i:hover {
        color: #E4313D;
    }

.reviews {
    margin-top: 30px;
    display: block;
}

.review-quote::before {
    content: open-quote;
    font-size: 01.5em;
    line-height: 0.1em;
    margin-right: 0.1em;
    color: #ccc;
}

.review-quote::after {
    content: close-quote;
    font-size: 01.5em;
    line-height: 0px;
    margin-left: 0.1em;
    vertical-align: -0.2em;
    color: #ccc;
}

.masonry {
     display: flex;
     flex-wrap: wrap;
     gap: 16px; /* Space between items */
   // column-count: 3; /* Number of columns */
   // column-gap: 1em; /* Space between columns */
   // width: 90%;
   // margin: auto;
}

.masonry-item {
     flex: 1 1 calc(33.333% - 16px); /* 3 items per row with gap accounted for */
     margin-bottom: 5px; /* Space at the bottom of each item */
     box-shadow: 0 3px 3px rgba(0, 0, 0, .15);
     border: 1px solid rgba(0, 0, 0, .0975);
    background: #fafafa;
    text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
  //  margin-bottom: 1em;
  //  padding: 10px;
  //  break-inside: avoid;
}

/*@media (max-width: 1200px) {
    .masonry {
        column-count: 3;
    }
}

@media (max-width: 800px) {
    .masonry {
        column-count: 2;
    }
}

@media (max-width: 500px) {
    .masonry {
        column-count: 1;
    }
}*/



@media screen and (max-width: 769px) {
    .masonry-item {
        flex: 1 1 calc(100% - 16px) !important; /* 2 items per row on smaller screens */
    }
    .collection-header-image {
        padding: 5px !important;
    }
}