.menu-container {
    position: relative;
    text-align: center;
}

    .menu-container h2 {
        font-weight: 600;
        font-size: 32px;
        line-height: 44px;
        padding: 40px 0;
        margin-bottom: 60px;
    }

    .menu-container .menu-items-container {
        display: flex;
        justify-content: center;
        padding: 0 30px;
    }

    .menu-container .menu-items {
        display: flex;
        overflow: auto;
    }

        .menu-container .menu-items .menu-item {
            width: 206px;
            flex: 1 0 0%;
        }

            .menu-container .menu-items .menu-item a {
                padding: 30px 0;
                display: block;
                height: 220px;
                color: var(--rnd-secondary-colour);
                border: 1px solid transparent;
                opacity: 0.7;
                border-radius: 4px;
                text-decoration: none;
            }

                .menu-container .menu-items .menu-item a.disabled,
                .menu-container .menu-items .menu-item:hover a.disabled,
                .menu-container .menu-items .menu-item.menu-item-active a.disabled {
                    opacity: 0.4;
                    pointer-events: none;
                }

            .menu-container .menu-items .menu-item .menu-item-content {
                height: 161px;
                padding: 12px 35px 5px;
            }

            .menu-container .menu-items .menu-item .menu-item-icon {
                position: relative;
                margin-bottom: 20px;
            }

                .menu-container .menu-items .menu-item .menu-item-icon .icon-sitename {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -47%);
                    white-space: nowrap;
                    font-size: 9px;
                    font-weight: 700;
                    text-transform: uppercase;
                    text-shadow: -1px -1px 0 #FCFCFC, 1px -1px 0 #FCFCFC, -1px 1px 0 #FCFCFC, 1px 1px 0 #FCFCFC;
                }

            .menu-container .menu-items .menu-item .menu-item-label {
                font-weight: 400;
                font-size: 16px;
                line-height: 22px;
            }

            .menu-container .menu-items .menu-item .menu-item-details {
                margin-top: 16px;
                display: none;
                font-weight: 400;
                font-size: 14px;
                line-height: 22px;
                padding: 0 10px;
                opacity: 1;
            }

                .menu-container .menu-items .menu-item .menu-item-details .menu-item-description {
                    opacity: 0.4;
                }

            .menu-container .menu-items .menu-item:hover a,
            .menu-container .menu-items .menu-item.menu-item-active a {
                border: 1px solid rgba(23, 35, 76, 0.2);
                opacity: 1;
            }

            .menu-container .menu-items .menu-item:hover .menu-item-details,
            .menu-container .menu-items .menu-item.menu-item-active .menu-item-details {
                display: block;
            }

            .menu-container .menu-items .menu-item:not(:first-child) .menu-item-content {
                border-left: 1px solid rgba(209, 211, 219, 0.5);
            }

            .menu-container .menu-items .menu-item:not(:first-child):hover .menu-item-content,
            .menu-container .menu-items .menu-item:not(:first-child).menu-item-active .menu-item-content {
                border-left: 1px solid transparent;
            }

            .menu-container .menu-items .menu-item:hover + .menu-item .menu-item-content,
            .menu-container .menu-items .menu-item.menu-item-active + .menu-item .menu-item-content {
                border-left: 1px solid transparent;
            }

            .menu-container .menu-items .menu-item .menu-item-icon svg {
                width: var(--rnd-header-height);
                height: var(--rnd-header-height);
            }