.elementor-38020 .elementor-element.elementor-element-638b9591{margin:0px 0px 65px 0px;}.elementor-38020 .elementor-element.elementor-element-30ca0705 .wd-nav-arrows{--wd-arrow-offset-h:0px;--wd-arrow-offset-v:50px;}@media(max-width:1024px){.elementor-38020 .elementor-element.elementor-element-638b9591{padding:0px 0px 0px 0px;}}@media(max-width:768px){.elementor-38020 .elementor-element.elementor-element-638b9591{margin:0px 0px 45px 0px;}}/* Start custom CSS for wd_images_gallery, class: .elementor-element-30ca0705 *//* 1. Constrain the height of the images so the menu isn't huge */
.wd-dropdown-menu .wd-images-gallery .wd-gallery-item img {
    max-height: 480px !important; /* Limits height to a readable size */
    width: auto !important;       /* Maintains aspect ratio */
    margin: 0 auto;               /* Centers the image in its slot */
    display: block;
}

/* 2. Fix the horizontal overflow */
.wd-dropdown-menu .wd-images-gallery {
    max-width: 100%;
    overflow: hidden; 
}

/* 3. Ensure the Elementor container respects the dropdown width */
.wd-dropdown-menu .elementor-section, 
.wd-dropdown-menu .elementor-column {
    max-width: 100% !important;
    width: 100% !important;
}

/* Force the carousel slots to shrink to the image width */
.wd-dropdown-menu .wd-carousel-item {
    width: auto !important;
    padding-right: 0px !important; /* Adjust this number to control the gap size */
}

/* Ensure images don't stretch weirdly */
.wd-dropdown-menu .wd-gallery-item img {
    width: auto !important;
    max-height: 400px !important; /* Keep your height limit */
    display: block;
}/* End custom CSS */