.page-partners {
    background: var(--gradient-background-light);
}

.section-partners {
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.partners-top {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    align-items: center;

    h2 {
        text-align: center;
    }

    p {
        text-align: center;
        max-width: 774px;
    }
}

.partners-tabs {
    display: flex;
}

.partners-tab {
    cursor: pointer;
    display: flex;
    gap: 8px;
    padding: 10px 12px;
    color: var(--color-text-gray);
    font-size: 12px;

    .partners-tab__count {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        border: 1px solid #F7F7F8;
        background: var(--gradient-background-light);
    }
}

.--active-tab {
    color: var(--color-text-deep-blue);
    border-bottom: 2px solid var(--color-text-deep-blue);

    .partners-tab__count {
        border-color: var(--color-text-deep-blue);
    }
}

.partners-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}

.partners-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-xs);
    padding: 32px 0;
    background: var(--background-color-white);
    border-radius: var(--border-radius-15);
    text-align: center;
    height: 100%;

    img {
        width: 100%;
        max-height: 96px;
        object-fit: contain;
    }

    a {
        display: contents;
    }

    h3 {
        color: var(--color-text-black);
        font-size: var(--font-size-sm);
        font-weight: 400;
        max-width: 250px;

    }

    p {
        color: var(--color-text-gray);
        font-size: var(--font-size-xs);
    }
}