.elementor-257 .elementor-element.elementor-element-7cafd1d{--display:flex;}.elementor-widget-nav-menu .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-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-257 .elementor-element.elementor-element-56a289c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-257 .elementor-element.elementor-element-56a289c .elementor-menu-toggle{margin:0 auto;}.elementor-257 .elementor-element.elementor-element-56a289c .elementor-nav-menu .elementor-item{font-family:"Raleway", Sans-serif;font-size:1.125rem;font-weight:700;line-height:1.3em;}.elementor-257 .elementor-element.elementor-element-56a289c .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;padding-top:7px;padding-bottom:7px;}.elementor-257 .elementor-element.elementor-element-56a289c .elementor-nav-menu--main .elementor-item:hover,
					.elementor-257 .elementor-element.elementor-element-56a289c .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-257 .elementor-element.elementor-element-56a289c .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-257 .elementor-element.elementor-element-56a289c .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-257 .elementor-element.elementor-element-56a289c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-257 .elementor-element.elementor-element-56a289c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-257 .elementor-element.elementor-element-56a289c .e--pointer-framed .elementor-item:before,
					.elementor-257 .elementor-element.elementor-element-56a289c .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-257 .elementor-element.elementor-element-56a289c{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-257 .elementor-element.elementor-element-56a289c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}/* Start custom CSS for nav-menu, class: .elementor-element-56a289c */.e--pointer-underline .elementor-item:after {
  display: none !important;
}

.elementor-nav-menu--main .menu-item {
  position: relative;
  text-align: right;
}

.elementor-nav-menu--main .elementor-item {
  position: relative;
  z-index: 2;
}

/* Create a pseudo-element that's always there but at 0 width */
.elementor-nav-menu--main .menu-item:before {
  content: '';
  position: absolute;
  right: 0;
  top: 15px; 
  width: 0; /* Start with zero width */
  height: 50%; 
  background-color: #d1b173; 
  z-index: 1;
  transition: width 0.3s ease; /* Add transition for width */
  transform-origin: right; /* Ensure it grows from right to left */
}

/* Expand width on hover and for active items */
.elementor-nav-menu--main .menu-item:hover:before,
.elementor-nav-menu--main .menu-item.current-menu-item:before {
  width: 55%; /* Expand to final width */
}/* End custom CSS */