/* Additional Mobile Styles */
@media (max-width: 767.98px) {
    .team-section {
        /* padding: 30px 0; */
        margin: 5px;
    }

    .team-section .row {
        gap: 10px;
    }
    /* Match preferred clients section title size to services section on mobile */
    .preferred-clients .section-title {
        font-size: 1.7rem !important;
        
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .team-member {
        max-width: 100%;
        margin: 0;
    }

    .member-image {
        height: 250px;
    }

    .member-info {
        padding: 12px;
    }

    .member-skills {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        margin-bottom: 0; /* Remove bottom margin since stats will be hidden */
    }

    .skill-badge {
        font-size: 0.75rem;
        padding: 2px 6px;
    }

    /* Hide member stats on mobile */
    .member-stats {
        display: none;
    }

    .team-section .container {
        padding: 0 10px;
    }

    

    .social-icon {
        width: 32px;
        height: 32px;
    }

    /* Reduce text sizes for mobile */
    .member-name {
        font-size: 1.1rem;
        margin-bottom: 4px;
    }

    .member-position {
        font-size: 0.9rem;
        margin-bottom: 8px;
    }
    
    /* Adjust card spacing */
    .col-12 {
        padding: 0 5px;
    }

    /* Add gap between cards */
    .team-member {
        margin-bottom: 10px;
    }

    /* Two-card section mobile adjustments */
    .two-card-section .info-card {
        padding: 0.75rem 0.5rem;
    }

    .two-card-section .card-heading {
        font-size: 1.6rem;
    }

    .two-card-section .card-copy {
        font-size: 0.95rem;
        max-width: 340px;
        margin: 0 auto 12px;
    }

    .two-card-section .btn-lg {
        padding: 0.38rem 1.3rem !important;
        font-size: 0.9rem !important;
    }
}