/*======================================
MENU
======================================*/

.menu{
    padding:100px 20px;
    background:#F8FAFC;
}

.menu .container{
    max-width:1400px;
    margin:auto;
}

/*------------------------------------*/

.menu__tag{

    display:block;

    width:max-content;

    margin:0 auto;

    padding:10px 24px;

    border-radius:50px;

    background:#59C3CF;

    color:#FFF;

    font-weight:600;

    letter-spacing:1px;

}

/*------------------------------------*/

.menu__title{
    margin-top:20px;
    text-align:center;
    font-size:clamp(2.2rem,5vw,3.6rem);
    color:#222;
}

/*------------------------------------*/

.menu__description{
    max-width:650px;
    margin:20px auto 60px;
    text-align:center;
    color:#666;
    line-height:1.8;
    font-size:1.05rem;
}

/*------------------------------------*/

.menu__gallery{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:40px;

}

/*------------------------------------*/

.menu__gallery img{
    width:100%;
    max-width:850px;
    height:auto;
    display:block;
    border-radius:18px;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
    transition:.35s;
}

.menu__gallery img:hover{

    transform:translateY(-6px);

}

@media (max-width:992px){

    .menu{

        padding:80px 20px;

    }

    .menu__gallery{

        gap:35px;

    }

    .menu__gallery img{

        max-width:700px;

    }

}

@media (max-width:768px){

    .menu{

        padding:70px 16px;

    }

    .menu__title{

        font-size:2rem;

    }

    .menu__description{

        margin-bottom:40px;

        font-size:1rem;

    }

    .menu__gallery{

        gap:25px;

    }

    .menu__gallery img{

        width:100%;

        max-width:100%;

        border-radius:14px;

    }

}

@media (max-width:480px){
    .menu__title{
        margin-top:10px;
        text-align:center;
        font-size:clamp(2.2rem,5vw,3.6rem);
        color:#222;
    }
    
    /*------------------------------------*/
    
    .menu__description{
        max-width:650px;
        margin:0px auto 30px;
        text-align:center;
        color:#666;
        line-height:1.8;
        font-size:1.05rem;
    }
    .menu__gallery img{
        width:100%;
        max-width:max-content;
    }

    .menu{

        padding:45px 0px;

    }

    .menu__tag{

        font-size:.8rem;

        padding:8px 18px;

    }

    .menu__title{

        font-size:1.7rem;

    }

    .menu__description{

        font-size:.95rem;

    }

    .menu__gallery{

        gap:20px;

    }

    .menu__gallery img{

        border-radius:10px;

    }

}