@import url("../fonts.css?v=3");
@import url("../theme.css?v=3");

.line-header { width: 100%; }

.block-choice-brand-wraper {
    display: flex;
    justify-content: center;
}

.block-choice-brand {
    margin: 100px 0px;

    display: flex;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}

.block-choice-brand li{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 520px;
    height: 590px;
}

.block-choice-brand li a {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    
    background: #2f2f2f;

    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: 8px;
    color: #fff;
    font-family: "Mina-Regular", Arial, Helvetica, sans-serif;

    position: relative;

    overflow: hidden;
    z-index: 1;
}

.block-choice-brand li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    opacity: 0.2;

    transition: .4s;

    position: relative;
    z-index: 2;
}

.block-choice-brand li a span {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    position: absolute;
    z-index: 3;
}