.why-choose-section{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/* card */
.why-card{
    position:relative;
    height:250px;
    border-radius:20px;
    overflow:hidden;
    background-size:cover;
    background-position:center;
}

/* dark overlay */
.why-overlay{
    position:absolute;
    inset:0;
    padding:35px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    background:linear-gradient(to right, rgba(0,0,0,0.75), rgba(0,0,0,0.2));
}

/* title */
.why-overlay h3{
    color:#ffffff;
    margin-bottom:10px;
}

/* description */
.why-overlay p{
    color:#dcdcdc;
    max-width:420px;
}

@media (max-width:768px){
.why-choose-section{
grid-template-columns:1fr;
}
}