.card:hover {
    transform: scale(1.05);
    transition: transform 0.3s;
}

.client-logo img {
    width: 100%;
    max-width: 150px; /* Adjust this value as needed */
    max-height: 100px; /* Ensure a uniform height */
    object-fit: contain; /* Keep the aspect ratio */
    transition: transform 0.3s;
}

.client-logo img:hover {
    transform: scale(1.1);
}

.typing-text {
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    border-right: 0.1em transparent rgb(0, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    width: 100ch; /* Adjust width according to the longest word */
    animation: blink-caret .75s step-end infinite;
    letter-spacing: 0.1em;
}

@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: rgb(0, 0, 0); }
}
.image-placeholder {
    background-color: #e9ecef;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 1.5rem;
}
.image-placeholder img {
    max-width: 100%;
    height: auto;
}
.hover-effect:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
}