.section.private__dining{
    .container{
        .inquiry{
            a{
                color:$color-blue;
                font-weight:bold;
                &:hover{
                    color:$color-gold;
                }

            }
            .button{
                a{
                    color:$color-white;
                    font-weight:normal;
                }
            }
        }
        .menus {
            margin:50px 0;
            .call__out {
                
                display: flex;
                justify-content: space-between;
                a{
                    width:48%;
                    .item {
                        position: relative;
                        width: 100%;
                        height: 300px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-weight: normal;
                        font-family: "mozaic-geo-variable", sans-serif;
                        font-variation-settings: "wght" 500;
                        letter-spacing: 3px;
                        text-transform: uppercase;
                        padding-bottom: 0;
                        color: $color-white;
                        font-size: 26px;
            
                        &::before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            background: rgba(6,65,99, 0.3); /* Your gradient color */
                            z-index: 1; /* Overlay is above the background image */
                            transition:all 300ms linear;
                        }
                        &:hover{
                            &::before{
                                background: rgba(6,65,99, 0.6); /* Your gradient color */
                               
                            }
                        }
            
                        &.dining {
                            background-image: url(../img/marilena-dining-menus.jpg);
                        }
            
                        &.winelist {
                            background-image: url(../img/marilena-wine-list.jpg);
                        }
            
                        .item__content {
                            position: relative; /* Add this line */
                            z-index: 2; /* Text is at the forefront */
                        }
                        &:hover{
                            cursor:pointer;
                        }
                    }
                    @media screen and (max-width:$phone){
                        width:100%;
                        margin-bottom:20px;
                    }
                }
                @media screen and (max-width:$phone){
                    width:100%;
                    flex-direction:column;
                }
            }
        }
        
    }

}