.hero-support{
    background: linear-gradient(to right, rgba(18, 18, 18, 0.9) 50%, rgba(18, 18, 18, 0)), url('../img/product2.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100vh !important;
    width: 100% !important;
    
}

.support-cards .card h4{
    font-size: 1.2rem;
    font-family: "Ubuntu", sans-serif;
}
.border-support-right{
    width: 30%;
    border-top: 1px solid #d3d3d3;
    padding: 10px;
    position: absolute; 
    top: 50%;
    right: -10%;
    transform: rotate(90deg) translate(-10% , -50%);

}

@media(max-width:800px){
    .border-support-right{
        width: 30%;
        border-top: 1px solid #d3d3d3;
        padding: 10px;
        position: absolute; 
        top: 100%;
        right: 50%;
        transform: rotate(0deg) translate(50% , 0%);
    
    }
}