.ourlogo {
    width: 100% !important;
    aspect-ratio: 3 / 2;
    object-fit: contain;
}

.flow{
    height: 200px;
    overflow-y: auto;
}

.client-logo {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px; /* optional, adjust spacing inside box */
    border-radius: 6px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff; /* optional */
}

    .client-logo img {
        max-width: 150px;
        max-height: 150px;
        object-fit: contain;
    }
/*.highlight-heading {
    margin-bottom: 30px;
    background: linear-gradient(90deg, #38bdf8, #6366f1);
    background-size: 0% 5px;
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 8px;
    position: relative;
    animation: underline-expand 1s ease forwards;
}*/

/* Keyframes for underline animation */
/*@keyframes underline-expand {
    from {
        background-size: 0% 5px;
    }

    to {
        background-size: 100% 5px;
    }
}*/
.highlight-heading {
    margin-bottom: 30px;
    background: linear-gradient(90deg, #38bdf8, #6366f1);
    background-size: 0% 8px; /* Thicker underline */
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 10px; /* Slightly more space for the thicker line */
    position: relative;
    animation: underline-expand 1s ease forwards;
    border-radius: 4px; /* Simulates soft edges on the line */
}

/* Keyframes for underline animation */
@keyframes underline-expand {
    from {
        background-size: 0% 8px;
    }

    to {
        background-size: 100% 8px;
    }
}