.elementor-365 .elementor-element.elementor-element-8863978 > .elementor-container{max-width:1290px;}.elementor-365 .elementor-element.elementor-element-8863978 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-365 .elementor-element.elementor-element-8863978{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0% 2% 0% 2%;z-index:1;}.elementor-365 .elementor-element.elementor-element-8863978 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-365 .elementor-element.elementor-element-be50543.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-365 .elementor-element.elementor-element-be50543.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-365 .elementor-element.elementor-element-be50543 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:#DDDDDD42;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-365 .elementor-element.elementor-element-be50543 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-365 .elementor-element.elementor-element-a8c64b3{text-align:left;}.elementor-365 .elementor-element.elementor-element-a8c64b3 img{width:60%;}.elementor-bc-flex-widget .elementor-365 .elementor-element.elementor-element-7ebf48d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-365 .elementor-element.elementor-element-7ebf48d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-365 .elementor-element.elementor-element-7ebf48d.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-365 .elementor-element.elementor-element-7ebf48d > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-365 .elementor-element.elementor-element-be50543{width:25%;}.elementor-365 .elementor-element.elementor-element-7ebf48d{width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-365 .elementor-element.elementor-element-be50543{width:100%;}}@media(max-width:1024px){.elementor-365 .elementor-element.elementor-element-8863978{padding:10px 10px 10px 10px;}.elementor-365 .elementor-element.elementor-element-be50543 > .elementor-element-populated{border-width:0px 0px 1px 0px;margin:0px 0px 0px 0px;padding:10px 10px 20px 10px;}.elementor-365 .elementor-element.elementor-element-a8c64b3{text-align:center;}.elementor-365 .elementor-element.elementor-element-a8c64b3 img{width:20%;}.elementor-365 .elementor-element.elementor-element-7ebf48d > .elementor-element-populated{margin:5px 0px 0px 10px;}}@media(max-width:767px){.elementor-365 .elementor-element.elementor-element-be50543 > .elementor-element-populated{border-width:0px 0px 0px 0px;margin:0px 0px 0px 10px;padding:15px 0px 15px 0px;}.elementor-365 .elementor-element.elementor-element-a8c64b3{text-align:left;}.elementor-365 .elementor-element.elementor-element-a8c64b3 img{width:60%;}.elementor-365 .elementor-element.elementor-element-7ebf48d > .elementor-element-populated{margin:0px 10px 0px 0px;padding:15px 0px 15px 0px;}}/* Start custom CSS for wp-widget-nav_menu, class: .elementor-element-699efd7 *//* 1. Make the main menu horizontal AND align it right */
.elementor-365 .elementor-element.elementor-element-699efd7 .menu {
    /* Use flexbox for modern horizontal alignment */
    display: flex;
    flex-direction: row;
    
    /* THIS IS THE NEW LINE FOR RIGHT ALIGNMENT */
    justify-content: flex-end;
    
    /* Remove default list styling */
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 2. Style the top-level menu items */
.elementor-365 .elementor-element.elementor-element-699efd7 .menu > li {
    /* This makes the item a positioning parent for its dropdown */
    position: relative;
    /* Add some spacing between menu items */
    margin: 0 10px;
}

/* 3. Hide the sub-menus by default */
.elementor-365 .elementor-element.elementor-element-699efd7 .sub-menu {
    /* Position the dropdown absolutely, relative to its parent li */
    position: absolute;
    top: 100%; /* Position it right below the parent item */
    left: 0;
    
    /* Hide it */
    opacity: 0;
    visibility: hidden;
    
    /* Styling for the dropdown box */
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    min-width: 220px; /* Set a width for the dropdown */
    padding: 10px 0; /* Add some padding inside the box */
    z-index: 10; /* Ensure it's on top of other content */
    
    /* Add a smooth fade-in effect */
    transition: opacity 0.3s ease, visibility 0.3s ease;
    
    /* Ensure it's a vertical list (default) */
    display: block; 
    margin: 0; /* Reset margins */
}

/* 4. Show the sub-menu on hover */
/* We target the parent li (which has .menu-item-has-children) 
   and show its .sub-menu on hover.
*/
.elementor-365 .elementor-element.elementor-element-699efd7 .menu > li.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

/* 5. Style sub-menu items and links */
.elementor-365 .elementor-element.elementor-element-699efd7 .sub-menu li {
    /* Ensure items stack vertically */
    display: block;
    margin: 0;
    padding: 0;
}

.elementor-365 .elementor-element.elementor-element-699efd7 .sub-menu li a {
    /* Make the link fill the space for easy clicking */
    display: block;
    padding: 8px 20px;
    text-decoration: none;
    color: #333333; /* Link color */
}

/* 6. Add a hover effect for sub-menu links */
.elementor-365 .elementor-element.elementor-element-699efd7 .sub-menu li a:hover {
    background-color: #f5f5f5; /* Hover background color */
}/* End custom CSS */