body {
    font-family: 'Space Grotesk', sans-serif;
    background-color: #fff;
}

.team-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
}

.team-card {
    background-color: #fff;
    border-radius: 15px; /* Increased roundness */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 19.1);
    padding: 20px;
    position: relative;
    display: none; /* Hide initially */
    overflow: hidden;
    width: 300px; /* Reduced width */
    border: #000;
    border-color: #000;
}

.team-card:nth-child(-n+6) {
    display: block; /* Show first 6 cards */
}

.image-container {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 15px;
}

.flower {
    width: 80px;
    height: 80px;
    border: 2px solid #4CAF50; /* Frame border color */
    background-color: #4CAF50; /* Frame background color */
    --g:/calc(37.019% + 2.548px) calc(37.019% + 2.548px) radial-gradient(#0000 calc(70% - 5px),#000 calc(71% - 5px) 70%,#0000 71%) no-repeat;
    mask: radial-gradient(100% 100%,#000 calc((37.019% + 2.548px)/1.454 - 3.441px),#0000 calc((37.019% + 2.548px)/1.454 - 3.441px + 1px)) intersect,79.895% 90.078% var(--g),21.121% 90.817% var(--g),2.257% 35.148% var(--g),49.372% 0.004% var(--g),97.355% 33.953% var(--g);
}

.flower img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mask: inherit;
    -webkit-mask: inherit;
}

.info-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}

h3 {
    margin: 0;
    font-size: 15px;
}

h4 {
    margin: 10px;
    font-size: 13px;
}

i.fa-brands.fa-linkedin {
    color: #0077B5;
    font-size: 1.5rem;
}

hr {
    border: none;
    border-top: 1px solid #eee;
    margin: 10px 0;
    clear: both;
}

p {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

.see-all-button {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* Responsive design for mobile */
@media (max-width: 768px) {
    .team-container {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .team-card {
        width: 100%;
        margin: 0 auto;
    }

    .image-container {
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }

    h3 {
        font-size: 14px;
    }

    h4 {
        font-size: 12px;
    }

    p {
        font-size: 12px;
    }

    i.fa-brands.fa-linkedin {
        font-size: 1.2rem;
    }
}