.catalog-brands {
    display: flex;
    text-align: center;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    height: 600px;
    margin: 0 auto;
}

#catalog {
    font-weight: 800;

}

.brand-item {
    background: #dbdbdb;
    margin: 5px;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 1px 1px 10px #2e99db;
     transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.brand-item:hover {
    background: #2c2c2c;
    color: #dbdbdb;
    border: solid 1px #dbdbdb;
    transform: translateY(-3px); /* Эффект поднятия блока вверх */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Тень для объема */
}

.brand-item a {
    color: #1a1a1a !important;
    text-decoration: none;
}

.brand-item:hover a{
    color: #dbdbdb !important;
    text-decoration: none;
}