@media (max-width: 768px) {
    .logo {
        width: 100px; /* Sesuaikan ukuran logo untuk layar kecil */
    }
    .user-status {
        font-size: 14px;
    }
    /* Logo Styling */
    .logo {
    max-width: 120px; /* Atur lebar maksimum logo */
    height: auto; /* Memastikan proporsi tetap */
    border-radius: 4px; /* Opsional: tambahkan sudut melengkung untuk estetika */
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15); /* Opsional: tambahkan bayangan */
    object-fit: contain; /* Pastikan logo tidak terpotong */
    }  
}
body {
    background-color: #f8f9fa;
}

.container {
    margin-top: 50px;
}

.card {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.card h5 {
    font-size: 1.5rem;
    color: #343a40;
}

.card p {
    font-size: 1rem;
    color: #6c757d;
}

.card p strong {
    color: #495057;
}

.btn-contact {
    background-color: #007bff;
    color: white;
    border: none;
}

.btn-contact:hover {
    background-color: #0056b3;
}