/* Card container */
.card-container {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    gap: 10px;
    padding: 20px;
    background-color: #f1f1f1;
    max-width: 475px;
    margin-bottom: 20px;
    min-height: 140px; 
}

/* Initials container */
.initials-container {
    display: flex;
    align-items: center;
    justify-content: center;
    
}

/* Colors for background */
.color-orange { background-color: #D17938; }
.color-blue   { background-color: #007AC2; }

/* Circle behind the initials */
.initials-background {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

/* Initials */
.initials {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    max-width: 50px;
    color: white;
    font-weight: 600;
}

/* Contacts container */
.contacts-container {
    display: grid;
    align-content: center;
    gap: 10px;
    margin-left: 15px;
}

/* Contact full name */
.contact-name {
    font-size: 20px;
    font-weight: 500;
}