.elementor-5096 .elementor-element.elementor-element-15b4a70{--display:flex;--background-transition:0.3s;}.elementor-5096 .elementor-element.elementor-element-15b4a70:not(.elementor-motion-effects-element-type-background), .elementor-5096 .elementor-element.elementor-element-15b4a70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-5096 .elementor-element.elementor-element-15b4a70, .elementor-5096 .elementor-element.elementor-element-15b4a70::before{--border-transition:0.3s;}.elementor-5096 .elementor-element.elementor-element-85b0ee1 .widget-image-caption{color:#FFFFFF;}.elementor-5096 .elementor-element.elementor-element-32b01b8{text-align:center;}.elementor-5096 .elementor-element.elementor-element-32b01b8 .elementor-heading-title{color:#D7AE2D;font-size:40px;}.elementor-5096 .elementor-element.elementor-element-28789b2{--display:flex;--background-transition:0.3s;}.elementor-5096 .elementor-element.elementor-element-7400a2b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-5096 .elementor-element.elementor-element-d7954d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-5096 .elementor-element.elementor-element-28d4709 .elementor-menu-toggle{margin:0 auto;}.elementor-5096 .elementor-element.elementor-element-b0586a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}@media(min-width:768px){.elementor-5096 .elementor-element.elementor-element-d7954d8{--width:33.3333%;}.elementor-5096 .elementor-element.elementor-element-b0586a2{--width:66.6666%;}}/* Start custom CSS for nav-menu, class: .elementor-element-28d4709 *//* Container for the toggle button */
.elementor-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    background-color: lightblue; /* Light blue background for button */
    border: none;
    cursor: pointer;
}

/* Text for "BROWSE CATEGORIES" before the toggle icon */
.elementor-menu-toggle:before {
    content: 'BROWSE CATEGORIES';
    font-size: 16px; /* Adjust the size if necessary */
    font-weight: bold; /* Bold font for emphasis */
    color: white; /* White text color */
    margin-right: 10px; /* Space between text and toggle icon */
}

/* Dropdown menu styling to keep the background color */
.vertical-menu-container,
.vertical-menu-wrapper,
.nav-dropdown {
    background-color: lightblue; /* Light blue background for dropdown menu */
    color: white; /* White text color for dropdown menu items */
    padding: 0;
}

/* Styling for the dropdown menu items */
.vertical-menu-container .menu-item a,
.vertical-menu-wrapper .menu-item a,
.nav-dropdown .menu-item a {
    color: white; /* White text color for menu items */
    background-color: lightblue; /* Consistent background for items */
    padding: 8px 16px;
    text-decoration: none;
}

/* Hover effect for dropdown menu items */
.vertical-menu-container .menu-item a:hover,
.vertical-menu-wrapper .menu-item a:hover,
.nav-dropdown .menu-item a:hover {
    background-color: #87ceeb; /* Lighter blue on hover */
}/* End custom CSS */