#sortable-view {
        overflow-x: hidden;
    }

    .menu-card {
        background: #FAFAFB;
        border: 1px solid #e7eaec;
        margin: 0 0 10px 0;
        padding: 20px;
        border-radius: 10px;
        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        cursor: default;
        transform: scale(1);
       
    }

        .menu-card:hover {
            transform: scale(1); /* Zoom-in effect */
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            cursor: move;
        }

    .menu-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        
    }
    
    .menu-title h3 {
        color: #676a6c;
    }

    .menu-title h3:hover{
        color: #1ab394;
    }

    .menu-link i{
         color: #676a6c;
    }

    .delete-btn {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .menu-card:hover .delete-btn {
        opacity: 1;
    }

    .ui-sortable-helper {
        transform: none !important;
        box-shadow: none !important;
    }

    .sortable-placeholder {
        border: 1px dashed #ccc;
        background-color: transparent;
        min-height: 60px;
        margin-bottom: 10px;
        margin-left:12px;
    }