.feature-1 {
        background: #fff;
        padding: 25px 15px;
        border: 1px solid #eee; /* Clean border */
        border-radius: 8px;
        text-align: center;
        transition: 0.3s;
        height: 100%;
        box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    }
    .feature-1:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.08);
        border-color: #51BE78; /* Green hover */
    }

    /* 2. IMAGE STYLES (SHORT & CIRCLE) */
    .staff-img-main {
        width: 130px;         /* Made Short */
        height: 130px;        /* Made Short */
        object-fit: cover;
        border-radius: 50%;   /* Circle */
        margin: 0 auto 15px;
        border: 3px solid #f8f9fa;
    }
    
    .staff-list-img {
        width: 40px;          /* Very Small for Lists */
        height: 40px;
        object-fit: cover;
        border-radius: 50%;
        margin-right: 15px;
        border: 1px solid #ddd;
    }

    /* 3. TEXT STYLES */
    .feature-1 h2 { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 5px; }
    .position { color: #51BE78; font-size: 13px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; display: block; }
    .center-text { font-size: 12px; color: #777; font-style: italic; }

    /* 4. LIST STYLES */
    .staff-list-ul { list-style: none; padding: 0; margin: 0; }
    .staff-list-li {
        display: flex;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #f0f0f0;
    }
    .staff-list-li:last-child { border-bottom: none; }
    
    /* 5. SECTION HEADERS */
    .section-header { position: relative; margin-bottom: 40px; text-align: center; }
    .section-header h3 { font-weight: 700; color: #000; text-transform: uppercase; position: relative; display: inline-block; padding-bottom: 10px; }
    .section-header h3:after { content: ''; position: absolute; display: block; width: 100%; height: 3px; background: #51BE78; bottom: 0; left: 0; }