#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
    margin-top: -15px !important; /* Adjust this value until the gap closes */
}

@media (min-width: 992px) {
    /* Targets the dropdown menu container */
    #header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
        left: 15px !important; /* Adjust '10px' to your preferred distance */
        
        /* Optional: If you want to move the "arrow" (tip) as well */
        transform: none !important; 
    }
}

/* Fixes the horizontal scroll gap on mobile */
html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

.body {
    overflow-x: hidden;
}