.benefits{
    background-color: white;
    padding:40px 200px;
}

.benefits .benefits-main{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin:40px 0;
}

.benefits .benefits-main .left-points{
    margin:0 40px 0 0;
}

.benefits .benefits-main .right-points{
    margin:0 0px 0 40px;
}

.benefits .benefits-main img{
    height:600px;
}

.benefits .benefits-main .point{
    margin:20px 0;
}

.benefits .benefits-main .point h3{
    font-weight: 600;
font-size: 16px;
text-align: left;
}

.benefits .benefits-main .point p{
    font-weight: 400;
font-size: 16px;
color:#686868;
text-align: left;
line-height: 1.8rem;
padding:0;

}



@media screen and (max-width: 1470px){  
        .benefits{
            background-color: white;
            padding:40px 100px;
        }
}

@media screen and (max-width: 1080px){
    .benefits{
        padding:40px;
    }

    .benefits .benefits-main .middle-img{
        display: none;
    }

    .benefits .benefits-main{
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin:40px 0;
    }
}

@media screen and (max-width: 720px){
    .benefits{
        padding:40px 60px;
    }

    .benefits .benefits-main .middle-img{
        display: none;
    }

    .benefits .benefits-main{
        display: grid;
        grid-template-columns:1fr;
        margin:40px 20px;
    }

    .benefits .benefits-main .left-points{
        margin:0px;
    }
    
    .benefits .benefits-main .right-points{
        margin:0px;
    }
}

@media screen and (max-width: 470px){
    .benefits{
        padding:40px 30px;
    }
}