#servizi-dettaglio .header{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10;
}

#servizi-dettaglio .header .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .9s, transform 1.2s ease-out;
    -moz-transition: opacity .9s, transform 1.2s ease-out;
    -o-transition: opacity .9s, transform 1.2s ease-out;
    transition: opacity .9s, transform 1.2s ease-out;
}

#servizi-dettaglio .verticalBorder{
    border-left: 1px solid var(--lightgrey);
    border-right: 1px solid var(--lightgrey);
}

#servizi-dettaglio .header.entrance .bg{
    opacity: 1;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

#news .prev-news{
    position: absolute;
    top: 50%;
    left: -3rem;
    cursor: pointer;
}

#news .next-news{
    position: absolute;
    top: 50%;
    right: -3rem;
    cursor: pointer;
}

#news .cta .continueBtn::after{
    content: url('../images/link-freccia-black.svg');
    margin-left: 15px;
}

.cover{
    border-radius: 0 0 0 7px;
    overflow: hidden;
    height: calc(100% - 1rem);
}


@media (max-width: 991px){
    .cover{
        height: 40vh;
    }
}

@media (max-width: 575px){


    .news-arrow{
        position: relative;
    }

    #news .next-news{
        right: 1rem;
    }
    #news .prev-news{
        left: 1rem;
    }
}

@media (min-width: 768px){


    .news-card-slider{
        border-right: 1px solid var(--black);
    }
}

@media (min-width: 992px){
        
    #servizi-dettaglio .header{
        height: calc(100 * var(--vh) - var(--menuh));
    }
    
    #servizi-dettaglio .header > div{
        flex-grow: 1;
    }
    
    #servizi-dettaglio .header > div .row{
        height: 100%;
    }
}