.tg-79c15bb9-grid {
display: grid;
width: 100%;
} .tg-79c15bb9-cols-1 .tg-79c15bb9-grid {
grid-template-columns: 1fr;
}
.tg-79c15bb9-cols-2 .tg-79c15bb9-grid {
grid-template-columns: repeat(2, 1fr);
}
.tg-79c15bb9-cols-3 .tg-79c15bb9-grid {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.tg-79c15bb9-cols-2 .tg-79c15bb9-grid,
.tg-79c15bb9-cols-3 .tg-79c15bb9-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.tg-79c15bb9-cols-2 .tg-79c15bb9-grid,
.tg-79c15bb9-cols-3 .tg-79c15bb9-grid {
grid-template-columns: 1fr;
}
}
.tg-79c15bb9-card {
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.tg-79c15bb9-header {
display: flex;
align-items: center;
gap: 15px;
} .tg-79c15bb9-avatar {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
flex-shrink: 0;
transition: all 0.3s ease;
}
.tg-79c15bb9-shape-beveled .tg-79c15bb9-avatar {
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 25%);
border-radius: 4px;
}
.tg-79c15bb9-shape-circle .tg-79c15bb9-avatar {
border-radius: 50%;
}
.tg-79c15bb9-shape-square .tg-79c15bb9-avatar {
border-radius: 0;
}
.tg-79c15bb9-avatar-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tg-79c15bb9-avatar-initials {
font-weight: bold;
} .tg-79c15bb9-meta {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1;
}
.tg-79c15bb9-meta-left {
display: flex;
flex-direction: column;
}
.tg-79c15bb9-name {
margin: 0;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.tg-79c15bb9-location {
font-size: 11px;
}
.tg-79c15bb9-quote-icon {
display: flex;
align-items: center;
}
.tg-79c15bb9-quote-icon svg {
display: block;
}
.tg-79c15bb9-text {
line-height: 1.6;
font-size: 15px;
}