.elementor-155 .elementor-element.elementor-element-72e94c8{--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-155 .elementor-element.elementor-element-0b2dcbc{--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;}.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-155 .elementor-element.elementor-element-7c335b1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:solid;border-width:-4px -4px -4px -4px;border-color:#FF0000;border-radius:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-155 .elementor-element.elementor-element-7c335b1.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-menu-toggle{margin-left:auto;}.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-nav-menu .elementor-item{font-family:"Open Sans Hebrew Condensed", Sans-serif;font-weight:600;}.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:25px;padding-right:25px;padding-top:0px;padding-bottom:0px;}.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-nav-menu--main .elementor-item:focus{color:#891B3F;fill:#891B3F;}.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-155 .elementor-element.elementor-element-a66fd6e{--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;}@media(max-width:767px){.elementor-155 .elementor-element.elementor-element-7c335b1{width:var( --container-widget-width, 303.667px );max-width:303.667px;--container-widget-width:303.667px;--container-widget-flex-grow:0;}}/* Start custom CSS for nav-menu, class: .elementor-element-7c335b1 *//*
===========================================================
== THE RADIANT GRADIENT MENU
== A truly attractive and captivating style.
===========================================================
*/

/* --- 1. Base Menu Setup --- */
/* Prepares the menu items for the gradient animation. */
.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-item {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 600; /* Bolder for more impact */
    color: #212529;
    padding: 15px 25px !important;
    border-radius: 50px; /* Pill shape for the background */
    position: relative;
    z-index: 1; /* Ensures text stays on top */
    overflow: hidden;
    transition: color 0.4s ease-out;
}

/* --- 2. The Gradient Background Element --- */
/* This is a hidden layer that will be revealed on hover. */
.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50px;
    
    /* THE GRADIENT */
    background: linear-gradient(45deg, #43cea2, #185a9d);
    
    /* THE ANIMATION */
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.4s ease-out;
}


/* --- 3. The Main Attraction: Hover & Active States --- */
/* This brings the gradient to life. */

/* On hover, reveal the gradient and change text to white */
.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-item:hover {
    color: #FFFFFF !important;
}
.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-item:hover::before {
    opacity: 1;
    transform: scale(1);
}

/* The active item has the gradient visible by default */
.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-item.elementor-item-active {
    color: #FFFFFF !important;
}
.elementor-155 .elementor-element.elementor-element-7c335b1 .elementor-item.elementor-item-active::before {
    opacity: 1;
    transform: scale(1);
}


/* --- 4. High-Contrast "Glass" Dropdown --- */
/* A dark, blurred dropdown makes the gradient menu pop. */
.elementor-155 .elementor-element.elementor-element-7c335b1 .sub-menu {
    margin-top: 10px !important;
    background: rgba(13, 17, 23, 0.7); /* Dark, semi-transparent background */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 10px;
}
.elementor-155 .elementor-element.elementor-element-7c335b1 .sub-menu .elementor-item {
    color: #F0F0F0 !important;
    font-weight: 500;
}
.elementor-155 .elementor-element.elementor-element-7c335b1 .sub-menu .elementor-item:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF !important;
}


/* --- 5. The Unmissable CTA Button --- */
/* This button uses the gradient to demand attention.
   INSTRUCTIONS: In Appearance > Menus, add the CSS Class `menu-button`
   to your CTA item.
*/
.elementor-155 .elementor-element.elementor-element-7c335b1 .menu-button a.elementor-item {
    color: #FFFFFF !important;
    transition: all 0.3s ease;
}

/* The button has the gradient visible by default */
.elementor-155 .elementor-element.elementor-element-7c335b1 .menu-button a.elementor-item::before {
    opacity: 1;
    transform: scale(1);
}

/* On hover, the button grows and glows */
.elementor-155 .elementor-element.elementor-element-7c335b1 .menu-button a.elementor-item:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px -10px #185a9d; /* Shadow from the darker gradient color */
}/* End custom CSS */