.elementor-255 .elementor-element.elementor-element-92c5eb3{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-around;--align-items:center;}.elementor-255 .elementor-element.elementor-element-92c5eb3:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-92c5eb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-255 .elementor-element.elementor-element-3d6c9ef{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-3d6c9ef.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-255 .elementor-element.elementor-element-7401955.elementor-element{--align-self:center;}.elementor-255 .elementor-element.elementor-element-7401955{border-style:none;}.elementor-255 .elementor-element.elementor-element-7401955 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-3cdb96e );}.elementor-255 .elementor-element.elementor-element-d8e85ec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -9px;border-style:none;}.elementor-255 .elementor-element.elementor-element-d8e85ec .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-3cdb96e );}.elementor-255 .elementor-element.elementor-element-be11927{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -14px;border-style:none;}.elementor-255 .elementor-element.elementor-element-be11927.elementor-element{--align-self:center;}.elementor-255 .elementor-element.elementor-element-be11927 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-3cdb96e );}.elementor-255 .elementor-element.elementor-element-a00f3d6{--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;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-255 .elementor-element.elementor-element-7906b2d{width:var( --container-widget-width, 20.092% );max-width:20.092%;--container-widget-width:20.092%;--container-widget-flex-grow:0;}.elementor-255 .elementor-element.elementor-element-7906b2d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-255 .elementor-element.elementor-element-7906b2d .elementor-image-box-wrapper{text-align:start;}.elementor-255 .elementor-element.elementor-element-7906b2d.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-255 .elementor-element.elementor-element-7906b2d.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-255 .elementor-element.elementor-element-7906b2d.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-255 .elementor-element.elementor-element-7906b2d .elementor-image-box-title{margin-bottom:0px;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:600;}.elementor-255 .elementor-element.elementor-element-7906b2d .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-255 .elementor-element.elementor-element-7906b2d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-255 .elementor-element.elementor-element-7906b2d .elementor-image-box-description{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-255 .elementor-element.elementor-element-e2adb64{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-255 .elementor-element.elementor-element-cfd6d15{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-cfd6d15.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-255 .elementor-element.elementor-element-a261739{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-255 .elementor-element.elementor-element-a261739 img{width:51%;}.elementor-255 .elementor-element.elementor-element-00743d9{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-00743d9.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-255 .elementor-element.elementor-element-1c38268 .e-search-input{background-color:#F8F8F8;font-size:14px;border-style:none;border-radius:50px 0px 0px 50px;}.elementor-255 .elementor-element.elementor-element-1c38268 .e-search-submit{background-color:#F8F8F8;border-style:none;}.elementor-255 .elementor-element.elementor-element-1c38268{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;border-style:none;border-radius:15px 15px 15px 15px;--e-search-placeholder-color:#C7C7C7;--e-search-icon-label-color:#5A7AFF00;--e-search-input-padding-block-start:6px;--e-search-input-padding-inline-start:0px;--e-search-input-padding-block-end:8px;--e-search-input-padding-inline-end:0px;--e-search-submit-margin-inline-start:0px;--e-search-submit-border-radius:0% 50% 50% 0%;--e-search-submit-padding:0px 0px 0px 0px;}.elementor-255 .elementor-element.elementor-element-1c38268:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:15px 15px 15px 15px;}.elementor-255 .elementor-element.elementor-element-1c38268.e-focus .e-search-input{border-style:none;}.elementor-255 .elementor-element.elementor-element-ed1d1d9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-ed1d1d9.e-con{--align-self:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-255 .elementor-element.elementor-element-779f544 .elementor-icon-box-wrapper{align-items:center;gap:2px;}.elementor-255 .elementor-element.elementor-element-779f544 .elementor-icon{font-size:20px;}.elementor-255 .elementor-element.elementor-element-779f544 .elementor-icon-box-title, .elementor-255 .elementor-element.elementor-element-779f544 .elementor-icon-box-title a{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:600;}.elementor-255 .elementor-element.elementor-element-779f544 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-255 .elementor-element.elementor-element-779f544:has(:hover) .elementor-icon-box-title,
					 .elementor-255 .elementor-element.elementor-element-779f544:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-255 .elementor-element.elementor-element-c4011f0{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-primary );--toggle-button-border-width:0px;--toggle-icon-size:22px;--toggle-icon-padding:0px 0px 0px 0px;--cart-border-style:none;--cart-close-button-color:#FA0000;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-255 .elementor-element.elementor-element-c4011f0 .widget_shopping_cart_content{--subtotal-divider-left-width:0px;--subtotal-divider-right-width:0px;--subtotal-divider-top-width:0px;--subtotal-divider-bottom-width:0px;}.elementor-255 .elementor-element.elementor-element-c4011f0 .elementor-button--view-cart{border-style:none;}.elementor-255 .elementor-element.elementor-element-07a950a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -13px;}.elementor-255 .elementor-element.elementor-element-07a950a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:500;color:var( --e-global-color-text );}.elementor-255 .elementor-element.elementor-element-3589583{--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-255 .elementor-element.elementor-element-9b8df39{--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;}.elementor-255 .elementor-element.elementor-element-19635da{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:36px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-255 .elementor-element.elementor-element-d0160d0{--display:flex;}.elementor-255 .elementor-element.elementor-element-493835a{--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-255 .elementor-element.elementor-element-7b40aed{--display:flex;}.elementor-255 .elementor-element.elementor-element-86de8f3{--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-255 .elementor-element.elementor-element-07e289d{--display:flex;}.elementor-255 .elementor-element.elementor-element-8a89704{--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-255 .elementor-element.elementor-element-0072221{--display:flex;}.elementor-255 .elementor-element.elementor-element-6f897d8{--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-255 .elementor-element.elementor-element-669de6d{--display:flex;}.elementor-255 .elementor-element.elementor-element-e40364f{--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-255 .elementor-element.elementor-element-d20a960{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:-116px;--margin-right:0px;}.elementor-255 .elementor-element.elementor-element-f9116c3{--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-255 .elementor-element.elementor-element-8ff1025{--display:flex;}.elementor-255 .elementor-element.elementor-element-fe44a77{--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-255 .elementor-element.elementor-element-8f55a5f{--display:flex;}.elementor-255 .elementor-element.elementor-element-7089dd1{--display:flex;}.elementor-255 .elementor-element.elementor-element-702b50e{--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-255 .elementor-element.elementor-element-84d0a66{--display:flex;}.elementor-255 .elementor-element.elementor-element-2d14d5e{--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-255 .elementor-element.elementor-element-b1334ac{--display:flex;}.elementor-255 .elementor-element.elementor-element-0c09a91{--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-255 .elementor-element.elementor-element-f7fbeaf{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-255 .elementor-element.elementor-element-f7fbeaf {--n-menu-title-color-hover:var( --e-global-color-3cdb96e );--n-menu-title-color-active:var( --e-global-color-3cdb96e );}.elementor-255 .elementor-element.elementor-element-ae4eabb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-255 .elementor-element.elementor-element-d3c1ba1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-d3c1ba1.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-255 .elementor-element.elementor-element-eb20c9b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-255 .elementor-element.elementor-element-eb20c9b img{width:51%;}.elementor-255 .elementor-element.elementor-element-2ba1c62{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:36px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-255 .elementor-element.elementor-element-393e0be .elementor-icon-wrapper{text-align:center;}.elementor-255 .elementor-element.elementor-element-393e0be.elementor-view-stacked .elementor-icon{background-color:#5A7AFF00;}.elementor-255 .elementor-element.elementor-element-393e0be.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-393e0be.elementor-view-default .elementor-icon{color:#5A7AFF00;border-color:#5A7AFF00;}.elementor-255 .elementor-element.elementor-element-393e0be.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-393e0be.elementor-view-default .elementor-icon svg{fill:#5A7AFF00;}.elementor-255 .elementor-element.elementor-element-fcf60c1{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-primary );--toggle-button-border-color:#02010100;--toggle-button-icon-hover-color:var( --e-global-color-primary );--toggle-button-hover-border-color:#02010100;--cart-border-style:none;--cart-close-button-color:#FF0000;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-255 .elementor-element.elementor-element-fcf60c1 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-255 .elementor-element.elementor-element-fcf60c1 .elementor-button--view-cart{border-style:none;}.elementor-255 .elementor-element.elementor-element-fcf60c1 .elementor-button--checkout{border-style:none;}.elementor-255 .elementor-element.elementor-element-89e7866 .elementor-icon-wrapper{text-align:center;}.elementor-255 .elementor-element.elementor-element-16f0474{--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-255 .elementor-element.elementor-element-d23057d .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-255 .elementor-element.elementor-element-d23057d{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-255 .elementor-element.elementor-element-ebb14d2{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-255 .elementor-element.elementor-element-d3c1ba1{--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;--flex-wrap:wrap;}.elementor-255 .elementor-element.elementor-element-eb20c9b{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;text-align:start;}.elementor-255 .elementor-element.elementor-element-eb20c9b.elementor-element{--align-self:center;}.elementor-255 .elementor-element.elementor-element-2ba1c62{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-255 .elementor-element.elementor-element-393e0be{margin:6px -32px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-255 .elementor-element.elementor-element-393e0be .elementor-icon{font-size:25px;}.elementor-255 .elementor-element.elementor-element-393e0be .elementor-icon svg{height:25px;}.elementor-255 .elementor-element.elementor-element-fcf60c1{margin:3px -31px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--toggle-icon-size:25px;}.elementor-255 .elementor-element.elementor-element-89e7866{margin:6px 2px calc(var(--kit-widget-spacing, 0px) + 0px) 2px;}.elementor-255 .elementor-element.elementor-element-89e7866.elementor-element{--align-self:center;}.elementor-255 .elementor-element.elementor-element-89e7866 .elementor-icon{font-size:31px;}.elementor-255 .elementor-element.elementor-element-89e7866 .elementor-icon svg{height:31px;}.elementor-255 .elementor-element.elementor-element-d23057d{--e-off-canvas-width:302px;}.elementor-255 .elementor-element.elementor-element-ebb14d2{--margin-top:23px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-255 .elementor-element.elementor-element-54465d7 img{width:30%;}}@media(max-width:767px){.elementor-255 .elementor-element.elementor-element-7906b2d .elementor-image-box-img{margin-bottom:0px;}.elementor-255 .elementor-element.elementor-element-ae4eabb.e-con{--align-self:center;}.elementor-255 .elementor-element.elementor-element-d3c1ba1{--width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;}.elementor-255 .elementor-element.elementor-element-eb20c9b{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:38%;--container-widget-flex-grow:0;width:var( --container-widget-width, 38% );max-width:38%;}.elementor-255 .elementor-element.elementor-element-eb20c9b.elementor-element{--align-self:center;}.elementor-255 .elementor-element.elementor-element-eb20c9b img{width:100%;max-width:100%;}.elementor-255 .elementor-element.elementor-element-2ba1c62{--width:36%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;}.elementor-255 .elementor-element.elementor-element-393e0be{margin:7px -37px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-255 .elementor-element.elementor-element-393e0be.elementor-element{--align-self:center;}.elementor-255 .elementor-element.elementor-element-393e0be .elementor-icon{font-size:24px;}.elementor-255 .elementor-element.elementor-element-393e0be .elementor-icon svg{height:24px;}.elementor-255 .elementor-element.elementor-element-fcf60c1{width:var( --container-widget-width, 12% );max-width:12%;margin:0px 25px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:12%;--container-widget-flex-grow:0;--side-cart-alignment-transform:translateX(-100%);--side-cart-alignment-right:auto;--side-cart-alignment-left:0;--toggle-icon-size:27px;--cart-padding:27px 24px 0px 15px;}.elementor-255 .elementor-element.elementor-element-fcf60c1 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-255 .elementor-element.elementor-element-3d6c9ef{--width:20%;}.elementor-255 .elementor-element.elementor-element-cfd6d15{--width:15%;}.elementor-255 .elementor-element.elementor-element-00743d9{--width:55%;}.elementor-255 .elementor-element.elementor-element-ed1d1d9{--width:30%;}.elementor-255 .elementor-element.elementor-element-d3c1ba1{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-255 .elementor-element.elementor-element-d3c1ba1{--width:100%;}.elementor-255 .elementor-element.elementor-element-2ba1c62{--width:40%;}}/* Start custom CSS for search, class: .elementor-element-1c38268 */#search-e54c9ba::placeholder {
    padding-left: 10px;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-779f544 */.elementor-255 .elementor-element.elementor-element-779f544 h3.elementor-icon-box-title {
    padding-top: 8px;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-c4011f0 */.elementor-menu-cart__close-button {
    margin: 30px 0 20px;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5222ae2 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a56c822 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}
.elementor-nav-menu > li {
  display: block;
}

.elementor-nav-menu .sub-menu {
  display: none;
}

.elementor-nav-menu li:hover > .sub-menu {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031834c */.trade-show-menu {
  background: #fff;
  padding: 24px 32px;
  width: 100%;
}

/* Grid layout */
.trade-show-menu .menu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  column-gap: 48px;
}

/* Reset */
.trade-show-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* View all */
.view-all a {
  font-size: 14px;
  font-weight: 500;
  color: #1a73e8;
  margin-bottom: 14px;
  display: inline-block;
}

/* Main items */
.menu-item.bold > a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #222;
  padding: 6px 0;
  text-decoration: none;
}

/* Sub items */
.submenu-item > a {
  display: block;
  font-size: 13.5px;
  font-weight: 400;
  color: #444;
  padding: 4px 0 4px 18px; /* INDENT */
  text-decoration: none;
}

/* Hover */
.trade-show-menu a:hover {
  color: #1a73e8;
}

/* Vertical rhythm */
.submenu-item:last-child {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09b56b1 */.riders-menu {
  position: relative;
}

.riders-menu > .sub-menu {
  top: 0;
  left: 100%;       
  margin-left: 8px;    
}



body.is-scrolled .riders-menu > .sub-menu {
  width: 720px;
  padding: 16px;

  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 8px 16px;

  max-height: 520px;
  overflow-y: auto;

  top: 0;
  left: 100%;          /* ✅ همچنان روبه‌رو */
}

/* آیتم‌ها */
body.is-scrolled .riders-menu > .sub-menu li {
  width: 100%;
}

body.is-scrolled .riders-menu > .sub-menu a {
  white-space: normal;
  padding: 8px 10px;
  border-radius: 6px;
}

body.is-scrolled .riders-menu > .sub-menu {
  max-height: 264px;       /* ✅ 6 آیتم */
  overflow-y: auto;        /* ✅ اسکرول عمودی */
  overflow-x: hidden;      /* ❌ اسکرول افقی */
}

/* ارتفاع ثابت آیتم‌ها */
.riders-menu > .sub-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;        /* ✅ ارتفاع دقیق هر آیتم */
  padding: 10px 12px;
  white-space: normal;
}


.riders-menu > .sub-menu::-webkit-scrollbar {
  width: 6px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-track {
  background: transparent;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.riders-menu > .sub-menu::-webkit-scrollbar-thumb:hover {
  background: #888;
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-f7fbeaf *//* =====================================================
   MEGA MENU – SLIDE DOWN PREMIUM ANIMATION
===================================================== */

/* Override Elementor display none */
.e-n-menu-item .e-n-menu-content {
  display: block !important;

  max-height: 0;

  opacity: 0;
  transform: translateY(-14px);

  transition:
    max-height .6s cubic-bezier(.16,.84,.44,1),
    opacity .25s ease,
    transform .45s cubic-bezier(.16,.84,.44,1);

  pointer-events: none;
}

/* Hover / Open state */
.e-n-menu-item:hover .e-n-menu-content,
.e-n-menu-item:focus-within .e-n-menu-content {
  max-height: 1200px; /* اگر منوت بزرگتره، عدد رو بیشتر کن */
  opacity: 1;
  transform: translateY(0);
color: #FFF;
  pointer-events: auto;
}
/* =====================================================
   PRINT INDUSTRY STYLE – ACTIVE MEGA MENU OUTLINE
===================================================== */

.e-n-menu-item:hover > .e-n-menu-title,
.e-n-menu-item:focus-within > .e-n-menu-title {
  border-radius: 5px;

  padding: 0px 10px;

  background-color:#0074d9;
  color:#fff;

  transition:
    border-color .25s ease,
    background-color .25s ease;
}

.elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text {
    text-align: center !important;
}
.head-title {
    color: #0074d9;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-fcf60c1 */.elementor-menu-cart__close-button {
    margin: 60px 0 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e611cf0 *//* ===============================
   ROOT
================================ */
#re-mobile-menu {
  width: 100%;
  background: #ffffff;
  font-family: inherit;
}

/* ===============================
   RESET
================================ */
.re-menu-root,
.re-sub {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ===============================
   ITEMS
================================ */
.re-item {
  border-bottom: 1px solid #e6e6e6;
  opacity: 1;
}

/* ===============================
   TOGGLE (MAIN ITEM)
================================ */
.re-toggle {
  width: 100%;
  padding: 14px 16px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  background: transparent;
  border: none;
  cursor: pointer;

  font-size: 15px;
  font-weight: 500;
  color: #000;

  transition:
    color 0.25s ease,
    background 0.25s ease;
}

/* Hover (مشکی → آبی ملایم) */
.re-toggle:hover {
  color: #0074d9;
  background: rgba(0, 116, 217, 0.08);
}

/* ===============================
   ARROW
================================ */
.re-toggle::after {
  content: "›";
  font-size: 20px;
  color: #0074d9;

  transform: rotate(0deg);
  transition: transform 0.35s cubic-bezier(.4,0,.2,1);
}

/* ===============================
   OPEN STATE
================================ */
.re-item.open > .re-toggle {
  color: #0074d9;
  font-weight: 600;
  background: rgba(0, 116, 217, 0.12);
}

.re-item.open > .re-toggle::after {
  transform: rotate(90deg);
}

/* ===============================
   SUB MENU (ACCORDION)
================================ */
.re-sub {
  max-height: 0;
  overflow: hidden;

  background: #f9fbfd;

  transition:
    max-height 0.45s cubic-bezier(.4,0,.2,1),
    padding 0.35s ease;
}

.re-item.open > .re-sub {
  max-height: 1200px;
  padding-bottom: 6px;
}

/* ===============================
   SUB LINKS
================================ */
.re-sub a {
  display: block;
  padding: 10px 16px 10px 32px;

  font-size: 14px;
  font-weight: 400;

  color: #000;
  text-decoration: none;

  transition:
    color 0.2s ease,
    background 0.2s ease,
    padding-left 0.25s ease;
}

/* Hover sub links */
.re-sub a:hover {
  color: #0074d9;
  background: rgba(0, 116, 217, 0.08);
  padding-left: 36px;
}/* End custom CSS */