.elementor-7 .elementor-element.elementor-element-b4967e3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:100;}.elementor-7 .elementor-element.elementor-element-b4967e3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7 .elementor-element.elementor-element-6dadd3b .elementor-menu-toggle{margin:0 auto;}.elementor-7 .elementor-element.elementor-element-6dadd3b .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7 .elementor-element.elementor-element-6dadd3b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-7 .elementor-element.elementor-element-6dadd3b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-7 .elementor-element.elementor-element-6dadd3b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-7 .elementor-element.elementor-element-6dadd3b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-45de1ca{width:34.844%;}.elementor-7 .elementor-element.elementor-element-3743438{width:65.156%;}}/* Start custom CSS for section, class: .elementor-element-b4967e3 *//* -- Changing the menu background on scroll effect -- */

.elementor-sticky--effects {
    background-color: rgba(0, 0, 0, 0.80);
  # background: 	#000000!important; /* change the background color here*/
}

.elementor-sticky--effects .sticky-menu-items ul li a /* change the menu text color here*/ {
   color: #fff!important;
}

.elementor-sticky--effects, .sticky-menu-items ul li a {
  transition: .5s all ease-in-out;
}/* End custom CSS */