/* CTGL Member Grid Styles */
.ctgl-member-grid-wrapper { width: 100%; }
.ctgl-member-grid { display: grid; gap: 20px; }
.ctgl-member-grid-item {
    display: flex;
    padding: 32px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    background: var(--CTGL-Stroke-Greyish-Green, #DEE7E7);
}
.ctgl-member-grid-section {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}
.ctgl-member-grid-arrow-icon {
    width: 24px;
    height: 16px;
    aspect-ratio: 3/2;
}
.ctgl-member-grid-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
flex: 1 0 0;
overflow: hidden;
color: var(--CTGL-Text---Black, #2F2F2F);
text-overflow: ellipsis;

/* H6 */
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 32px */
}
.ctgl-member-grid-filters { margin-bottom: 20px; display: flex; gap: 10px; }
.ctgl-member-grid-filter-heading { padding: 8px; border-radius: 3px; border: 1px solid #ccc; }
.ctgl-member-grid-filter-custom-field { padding: 8px; border-radius: 3px; border: 1px solid #ccc; }
.ctgl-member-grid-pagination { display: flex; gap: 8px; justify-content: center; margin-top: 20px; }
.ctgl-member-grid-page { padding: 8px 14px; background: #f0f0f0; color: #333; border-radius: 3px; text-decoration: none; transition: background 0.3s; }
.ctgl-member-grid-page.active { background: #3498db; color: #fff; }
.ctgl-member-grid-page:hover { background: #2980b9; color: #fff; }
.ctgl-member-grid-thumb { border-radius: 50%; width: 80px; height: 80px; object-fit: cover; margin-bottom: 10px; }
.ctgl-member-grid-categories { font-size: 13px; color: #888; margin-top: 6px; }