/* Start:/bitrix/templates/.default/components/bitrix/news.list/clients-page__cliens-list/style.css?16652814253188*/
.clients-list
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;

    margin-top: 50px;
}
@media screen and (max-width: 992px)
{
    .clients-list
    {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 768px)
{
    .clients-list
    {
        grid-gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 576px)
{
    .clients-list
    {
        grid-template-columns: 1fr;
        grid-gap: 30px 0;
        justify-content: center;
    }
}

.clients-list__item
{
    --client-item-transition-duration: 0.4s;

    background: #0D0D0D;
    border-radius: 2px;

    padding: 20px;

    min-height: 250px;

    position: relative;

    overflow: hidden;
}
@media screen and (max-width: 1400px)
{
    .clients-list__item
    {
        min-height: 180px;
    }
}
@media screen and (max-width: 1200px)
{
    .clients-list__item
    {
        min-height: 150px;
    }
}
@media screen and (max-width: 768px)
{
    .clients-list__item
    {
        padding: 10px;
    }
}
@media screen and (max-width: 576px)
{
    .clients-list__item
    {
        padding: 0;
        background-color: transparent;
    }
}

.clients-list__item::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    background-color: var(--mm-black-color);

    opacity: 0;
    pointer-events: none;

    transition: var(--client-item-transition-duration);
}
@media screen and (max-width: 576px)
{
    .clients-list__item::before
    {
        display: none;
    }
}

@media screen and (min-width: 577px)
{
    .clients-list__item:hover::before
    {
        opacity: 1;
    }
}

.clients-list__item-name--mobile
{
    display: none;

    font-family: var(--text-font-name), sans-serif;

    margin-bottom: 17px;
    color: var(--mm-accent-color);
}
@media screen and (max-width: 576px)
{
    .clients-list__item-name--mobile
    {
        display: block;
    }
}

.clients-list__item-logo
{
    width: 100%;
    height: 100%;

    max-height: 200px;

    object-fit: contain;
    border-radius: 2px;
}
@media screen and (max-width: 576px)
{
    .clients-list__item-logo
    {
        height: auto;
        max-height: unset;

        max-width: 360px;
    }
}

.clients-list__item-hover-info
{
    position: absolute;
    left: 0;
    bottom: 0;

    transform: translateY(100%);

    width: 100%;
    height: 100%;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;

    pointer-events: none;

    transition: transform var(--client-item-transition-duration);
}
@media screen and (max-width: 576px)
{
    .clients-list__item-hover-info
    {
        display: none;
    }
}

@media screen and (min-width: 577px)
{
    .clients-list__item:hover .clients-list__item-hover-info
    {
        transform: translateY(0);
    }
}

.clients-list__item-name
{
    color: var(--mm-white-color);

    margin: 0 auto;
}

.clients-list__item-detail-btn
{
    margin-top: 23px;
    pointer-events: all;
}
@media screen and (max-width: 768px)
{
    .clients-list__item-detail-btn
    {
        padding: 15px 20px;
    }
}
/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/clients-page__cliens-list/style.css?16652814253188 */