.chadgpt-team-section {
max-width: 1400px;
margin: 0 auto;
}
.chadgpt-team-container {
background: #000000;
border-radius: 20px;
padding: 30px;
position: relative;
}
.chadgpt-team-grid {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
row-gap: 32px;
column-gap: 16px;
max-width: 100%;
}
.chadgpt-team-member {
display: flex;
flex-direction: column;
gap: 8px;
background: #000000;
border-radius: 12px;
}
.chadgpt-team-photo {
aspect-ratio: 3 / 4;
border-radius: 12px;
overflow: hidden;
position: relative;
}
.chadgpt-team-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.chadgpt-team-badge {
position: absolute;
left: 8px;
bottom: 8px;
background: rgba(255, 255, 255, 0.88);
color: #111111;
font-size: 11px;
font-weight: 600;
line-height: 1;
padding: 5px 10px;
border-radius: 999px;
z-index: 2;
}
.chadgpt-team-linkedin {
position: absolute;
right: 8px;
bottom: 8px;
width: 23px;
height: 23px;
display: flex;
align-items: center;
justify-content: center;
background: #0a66c2;
border-radius: 6px;
color: #ffffff;
z-index: 2;
}
.chadgpt-team-caption {
padding: 0 2px 4px;
} .chadgpt-team-name {
font-family: "Inter", Sans-serif;
font-size: 16px;
font-weight: 700;
color: #ffffff;
line-height: 1.2;
} .chadgpt-team-role {
font-family: "Inter", Sans-serif;
font-size: 11px;
font-weight: 400;
color: #ffffff;
line-height: 1.2;
margin-top: 2px;
}
@media (max-width: 768px) {
.chadgpt-team-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 24px;
column-gap: 12px;
}
}