.outlet-section{
    padding:80px 20px;
    background:#f3f3f3;
}

.outlet-title{
    text-align:center;
    font-size:42px;
    font-weight:800;
    color:#5b3219;
    margin-bottom:50px;
}

.outlet-grid{

    display:grid;

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

    gap:30px;

}

.outlet-card{

    background:#fff;

    border:3px solid #7d7d7d;

    border-radius:12px;

    padding:18px;

    box-shadow:6px 6px 0 rgba(0,0,0,.45);

    transition:.3s;

}

.outlet-card:hover{

    transform:translateY(-5px);

}

.outlet-card h3{

    text-align:center;

    font-size:22px;

    margin-bottom:18px;

    color:#6d6d6d;

}

.btn{

    display:block;

    text-align:center;

    text-decoration:none;

    color:#fff;

    padding:14px;

    margin:12px 0;

    border-radius:6px;

    font-weight:700;

    transition:.3s;

}

.btn:hover{

    opacity:.9;

    transform:scale(1.02);

}

.gofood{

    background:#ff2338;

}

.grabfood{

    background:#06b34d;

}

.shopeefood{

    background:#ff5a2f;

}

@media(max-width:1024px){

.outlet-grid{

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

}

}

@media(max-width:768px){

.outlet-grid{

grid-template-columns:1fr;

}