/* ==================== MOBILE LEADERSHIP SECTION - MATCHING REFERENCE IMAGE ==================== */

/* Ensure desktop remains horizontal scroll/row */
@media (min-width: 769px) {
    .leadership-row {
        display: flex;
        justify-content: center;
        overflow-x: auto;
    }

    .leadership-inline {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 1rem;
    }

    .leader-item {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100px;
        /* Adjust as needed for desktop */
    }
}

/* Mobile Styling (Max Width 768px) */
@media (max-width: 768px) {

    /* Main Container Background */
    .leadership-row {
        background-color: #F8F5F2 !important;
        /* Light cream/beige background from image */
        padding: 1.5rem 1rem !important;
    }

    /* Grid Layout - Strictly 2 Columns */
    .leadership-inline {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        /* 2 Columns */
        gap: 1rem !important;
        /* Spacing between cards */
        width: 100% !important;
        padding: 0 !important;
        justify-items: stretch !important;
    }

    /* Individual Card Styling */
    .leadership-inline .leader-item,
    .leader-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        background: white !important;
        border-radius: 15px !important;
        /* Rounded corners */
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
        /* Soft shadow */
        padding: 1.5rem 0.5rem !important;
        /* Inner padding */
        width: 100% !important;
        min-height: 180px !important;
        /* Consistent height */
        margin: 0 !important;
        border: none !important;
        justify-content: space-between !important;
    }

    /* Image Styling */
    .leadership-inline .leader-img,
    .leader-img {
        width: 80px !important;
        height: 80px !important;
        border-radius: 50% !important;
        border: 3px solid #D4AF37 !important;
        /* Gold/Bronze border */
        object-fit: cover !important;
        margin-bottom: 0.75rem !important;
        padding: 2px !important;
        background: white !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    }

    /* designation (HON. PM, etc.) */
    .leadership-inline .leader-info span,
    .leader-info span {
        display: block !important;
        font-size: 0.65rem !important;
        font-weight: 600 !important;
        color: #888888 !important;
        /* Gray color */
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 0.25rem !important;
    }

    /* Name (Mr. Narendra Modi, etc.) */
    .leadership-inline .leader-info p,
    .leader-info p {
        font-size: 0.9rem !important;
        font-weight: 800 !important;
        color: #000000 !important;
        /* Black color */
        line-height: 1.2 !important;
        margin: 0 !important;
        font-family: 'Poppins', sans-serif !important;
    }

    /* Info Container - Ensure centering */
    .leadership-inline .leader-info,
    .leader-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
    }
}