/* ===================================
   HUNGRY BANNER
=================================== */


.hungry-banner{

    padding:30px 0;

}


/* MAIN CARD */

.hungry-card{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:260px;

    padding:35px;

    border-radius:25px;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        #fff7eb,
        #ffe2b5
    );

}



/* ===================================
   LEFT CONTENT
=================================== */


.hungry-left{

    width:55%;

    position:relative;

    z-index:5;

}


.hungry-left h2{

    font-size:40px;

    font-weight:700;

    margin-bottom:8px;

}


.hungry-left h3{

    font-size:22px;

    font-weight:600;

    margin-bottom:10px;

}


.hungry-left p{

    font-size:15px;

    line-height:1.6;

    max-width:350px;

}



.food-btn{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:15px;

    padding:12px 25px;

    border-radius:30px;

    text-decoration:none;

}



/* ===================================
   BACKGROUND DECORATION
=================================== */


.hungry-center{

    position:absolute;

    right:10px;

    top:0;

    width:45%;

    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:1;

    pointer-events:none;

}



.hungry-center img{

    width:240px;

    height:240px;

    object-fit:contain;

    opacity:.14;

}



/* ===================================
   FOOD IMAGES AREA
=================================== */


.hungry-right{

    position:relative;

    width:40%;

    height:220px;

    z-index:4;

}



/* MAIN IMAGE */


.food-main{

    position:absolute;

    width:180px;

    height:180px;

    right:0;

    top:5px;

    object-fit:cover;

    border-radius:50%;

    border:6px solid #fff;

    box-shadow:

    0 12px 30px rgba(0,0,0,.18);

}



/* SMALL IMAGE */


.food-small{

    position:absolute;

    width:90px;

    height:90px;

    left:15px;

    bottom:5px;

    object-fit:cover;

    border-radius:50%;

    border:5px solid #fff;

    box-shadow:

    0 10px 25px rgba(0,0,0,.18);

}



/* ===================================
   MOBILE
=================================== */


@media(max-width:768px){


.hungry-card{

    min-height:220px;

    padding:20px;

}


.hungry-left{

    width:55%;

}


.hungry-left h2{

    font-size:28px;

}


.hungry-left h3{

    font-size:17px;

}


.hungry-left p{

    font-size:12px;

}



.hungry-center{

    width:45%;

}


.hungry-center img{

    width:140px;

    height:140px;

}



.hungry-right{

    width:45%;

    height:170px;

}



.food-main{

    width:125px;

    height:125px;

}



.food-small{

    width:70px;

    height:70px;

}



}



@media(max-width:420px){


.hungry-card{

    padding:15px;

}


.food-main{

    width:110px;

    height:110px;

}


.food-small{

    width:60px;

    height:60px;

}


}