﻿@font-face {
    font-family: 'NvidiaBold';
    src: url('../../fonts/NVIDIASans_W_Bd.woff') format('woff');
}

.bcm__container {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 50px;
    font-family: 'NvidiaBold';
}

    .bcm__container h2 {
        font-family: 'NvidiaBold';
        font-size: 32px;
        color: #FFFFFF;
        font-weight: var(--semibold);
        text-wrap: balance;
        text-align: center
    }

.bcm__list {
    display: flex;
    gap: 50px;
    justify-content: center;
    width: 100%;
}

.bcm__cat {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    flex: 1;
}
    .bcm__cat a {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }
    .bcm__cat h3 {
        font-family: 'NvidiaBold';
        font-size: 32px;
        color: #FFFFFF;
        font-weight: var(--semibold);
        text-wrap: balance;
        text-align: center;
    }

    .bcm__cat img {
        height: 265px;
        object-fit: contain;
        filter: drop-shadow(0px 0px 25px #FFFFFF);
    }

    .bcm__cat span {
        padding: 10px 20px;
        background: #FFFFFF;
        font-weight: var(--semibold);
        font-size: 20px;
        text-transform: uppercase;
        width: max-content
    }
