.sections{
max-width:1100px;
margin:auto;
padding:70px 20px;
}

.titles{
text-align:center;
font-size:34px;
font-weight:700;
color:#222;
margin-bottom:50px;
}

/* GRID */

.grids{
display:grid;
grid-template-columns:1fr 1fr;
border-radius:12px;
overflow:hidden;
box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

/* LEFT COLUMN */

.left{
background:#f3dada;
padding:28px;
border-bottom:1px solid #e7bcbc;
border-right:1px solid #e7bcbc;
transition:all .35s ease;
}

/* RIGHT COLUMN */

.right{
background:#cfe6cf;
padding:28px;
border-bottom:1px solid #b7d4b7;
transition:all .35s ease;
font-weight:600;
}

/* HOVER EFFECT */

.left:hover{
background:#ffdede;
transform:translateX(-6px);
}

.right:hover{
background:#dff5df;
transform:translateX(6px);
}

/* TEXT */

.cell{
font-size:16px;
line-height:1.6;
color:#333;
}

/* RESPONSIVE */

@media (max-width:800px){

.grids{
grid-template-columns:1fr;
}

.left{
border-right:none;
}

.right{
border-right:none;
}

}