.brand img {
    filter: grayscale(100%);
    transition: filter 0.3s ease-in-out;
}

.brand img:hover {
    filter: grayscale(0%);
    cursor: pointer;
}

#our-list .card {
    border-width: 0;
    --bs-card-border-width: 0;
}

#our-list .card-body {
    font-family: 'Roboto'; font-weight: 300;
}

.brand.ratio {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease-in-out;
}

.brand.ratio:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.brand img {
    object-fit: contain;
    /* padding: 20px; */
}