﻿#whatsapp-conversations {
    background: #f9f9f9;
}

    #whatsapp-conversations h2 {
        color: #043370;
        font-size: 2.5rem;
        font-weight: 600;
    }

.conversation-card {
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    transition: 0.3s all ease-in-out;
}

    .conversation-card:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .conversation-card h4 {
        color: #043370;
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .conversation-card p {
        font-size: 1rem;
        color: #555;
        margin-bottom: 10px;
    }

    .conversation-card .scenario {
        font-size: 0.95rem;
        color: #333;
        font-style: italic;
    }
