.controlli-sliderP {
    background: transparent !important;
}

.promo-betclic {
    background: #F7F8FA;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.10);
}

.bg-betclic {
    background-color: #e8e9eb !important;
}

.filtro-promo-b a.bottone-filtro {
    padding: .75rem 1.25rem;
    border-bottom: 3px solid transparent;
    margin-right: 2rem;
    font-family: 'Metropolis-Bold', sans-serif /*!important*/;
}

.filtro-promo-b a.bottone-filtro.active {
    border-color: #d2161e;
}

.promo-container {
    background-color: transparent!important;
    padding-bottom: 4rem;
    margin-top: 20px;
}

.controlli-sliderB {
    height: 100%;
    position: absolute;
    top: 0;
}

.controlli-sliderB.precedente {
    left: 2rem;
}

.controlli-sliderB.successiva {
    right: 2rem;
}

.promo-container .row.margine-giu {
    margin-bottom: 3rem;
}

.rettangolo-promo {
    position: relative;
    cursor: pointer;
}

.rettangolo-promo img {
    border-radius: 4px;
}

.riga-promozioni {
    grid-gap: 1rem;
}

.rettangolo-promo:hover .titolo-promo {
    height: 100%;
    background: rgba(0, 0, 0, .75);
    padding: 0;
    transition: all 500ms linear;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.rettangolo-promo .titolo-promo {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, .25) 0%, rgba(51, 51, 51, .15) 25%, rgba(102, 102, 102, .1) 50%, rgba(0, 0, 0, 0) 75%);
    transition: all 500ms linear;
    transition-property: height, padding-bottom;
    color: #fff;
    text-align: center;
    padding-top: 6rem;
    padding-bottom: 2rem;
}