/* Team Section Horizontal Scroll */
.team-list {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping */
    overflow-x: auto; /* Enable horizontal scroll */
    gap: 20px;
    padding-bottom: 20px; /* Space for scrollbar */
    margin: 0 -15px; /* Counteract container padding if needed */
    scroll-snap-type: x mandatory; /* Snap to items */
    -webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
}

/* Hide scrollbar for a cleaner look (optional) */
.team-list::-webkit-scrollbar {
    height: 8px;
}

.team-list::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 4px;
}

.team-list::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}

.team-list::-webkit-scrollbar-thumb:hover {
    background: #4192E7;
}

.team-item {
    flex: 0 0 280px; /* Fixed width for desktop items */
    width: 280px;
    padding: 0;
    margin-bottom: 0;
    scroll-snap-align: start; /* Snap point */
}
.team-item100 {
    flex: 0 0 100%; /* Fixed width for desktop items */
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    scroll-snap-align: start; /* Snap point */
}
.team-item .pic{ height: auto;}
.team-item .pic .p1{ height: auto; font-size: 15px; color: #ccc;}

/* Mobile Specifics */
@media (max-width: 768px) {
    .team-list {
        margin: 0;
        gap: 15px;
        padding-bottom: 15px;
    }
    
    .team-item {
        flex: 0 0 100%; /* Show 85% of item on mobile to encourage scroll */
        width: 100%;
        min-height: auto;
    }
    
    .team-item .pic {
        height: auto; min-height: auto; /* Adjust height for mobile aspect ratio */
    }
    .team-item .pic .p1{ height: auto; font-size: 13px;}
}