.h2m-menu__desktop .h2m-main-menu-item .h2m-submenu-pos--full_width{
top: calc(100% - 5px) !important;

}

.header-menu{justify-content: flex-start !important;}


.mega-menu {
                    display: flex;
                    width: 100%;
                    position: relative;
                    font-family: 'Abel', sans-serif;
                }

                .links-column{
                    flex: 1;
                }

                .image-column {
                    flex: 1;
                    position: relative;
                }

                .menu-link {
                    display: block;
                    padding: 10px 0;
                    text-decoration: none;
                    color: #333;
                    position: relative;
                }

                .menu-link h4 {
                    margin: 0;
                    font-size: 24px;
                    color: #333;
                    transition: color 0.3s ease;
                }

                .menu-link:hover h4 {
                    color: #B49D8F;
                }

                /* Default image styling */
                .default-image {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 300px;
                    object-fit: cover;
                    opacity: 1;
                    transition: opacity 0.3s ease;
                    z-index: 1; /* Ensure default image is behind hover images */
                }

                /* Hover images styling - fixed position in the right column */
                .hover-image {
                    position: fixed;
                    top: 20px;
                    right: 20px;
                    height: 300px;
                    object-fit: cover;
                    opacity: 0;
                    transition: opacity 0.3s ease;
                    pointer-events: none; /* Prevents image from interfering with hover */
                    z-index: 2; /* Ensure hover images are above default image */
                }

                /* Show the hover image when its parent link is hovered */
                .menu-link:hover .hover-image {
                    opacity: 1;
                }

                /* Hide default image when any menu link is hovered */
                .links-column:hover ~ .image-column .default-image {
                    opacity: 0;
                }