/* ==========================
      WHY SECTION
========================== */

.why{

    padding:100px 8%;

}

.why-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.why-card{

    background:#263238;

    padding:35px;

    border-radius:18px;

    text-align:center;

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

}

.why-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(0,0,0,.35);

}

.why-icon{

    font-size:55px;

    margin-bottom:20px;

}

.why-card h3{

    font-size:24px;

    margin-bottom:15px;

}

.why-card p{

    color:#cccccc;

    line-height:1.7;

}