.elementor-1434 .elementor-element.elementor-element-43500b7{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1434 .elementor-element.elementor-element-43500b7:not(.elementor-motion-effects-element-type-background), .elementor-1434 .elementor-element.elementor-element-43500b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1434 .elementor-element.elementor-element-4d1af0c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:0px 0px 0px 0px;}.elementor-1434 .elementor-element.elementor-element-4d1af0c.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-1434 .elementor-element.elementor-element-2b8343d{--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:space-between;--margin-top:12px;--margin-bottom:12px;--margin-left:12px;--margin-right:12px;}.elementor-1434 .elementor-element.elementor-element-2b8343d.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1434 .elementor-element.elementor-element-6ed9c5a{width:var( --container-widget-width, 25.923% );max-width:25.923%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:25.923%;--container-widget-flex-grow:0;text-align:center;}.elementor-1434 .elementor-element.elementor-element-6ed9c5a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1434 .elementor-element.elementor-element-c7d4054{--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-1434 .elementor-element.elementor-element-c7d4054.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1434 .elementor-element.elementor-element-1f9c805.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-menu-toggle{margin:0 auto;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu .elementor-item{font-family:"Cairo", Sans-serif;font-size:13px;font-weight:700;line-height:13px;letter-spacing:2.2px;word-spacing:2px;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main .elementor-item:focus{color:#344000;fill:#344000;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--dropdown a, .elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--dropdown .elementor-item, .elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Madani-Arabic", Sans-serif;font-size:16px;font-weight:400;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--dropdown{border-style:none;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-1434 .elementor-element.elementor-element-68dce01{--display:flex;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1434 .elementor-element.elementor-element-c2bc4b9{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-1434 .elementor-element.elementor-element-e2413be{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-1434 .elementor-element.elementor-element-e2413be .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-1434 .elementor-element.elementor-element-dc5b1ac{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-1434 .elementor-element.elementor-element-dc5b1ac.e-con{--order:99999 /* order end hack */;}.elementor-1434 .elementor-element.elementor-element-e587da5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1434 .elementor-element.elementor-element-2123950{--main-alignment:right;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-1434 .elementor-element.elementor-element-2123950 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-1434 .elementor-element.elementor-element-8235971 .elementor-menu-toggle{margin:0 auto;}.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-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-1434 .elementor-element.elementor-element-1f9c805{width:var( --container-widget-width, 169px );max-width:169px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:68px 0px 0px 0px;--container-widget-width:169px;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 25px / 2 );}.elementor-1434 .elementor-element.elementor-element-1f9c805.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main .elementor-item{padding-left:16px;padding-right:16px;padding-top:14px;padding-bottom:14px;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:25px;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--dropdown .elementor-item, .elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:100px;}.elementor-1434 .elementor-element.elementor-element-c2bc4b9{--grid-auto-flow:row;}.elementor-1434 .elementor-element.elementor-element-e587da5{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1434 .elementor-element.elementor-element-4d1af0c{--width:20%;}.elementor-1434 .elementor-element.elementor-element-2b8343d{--width:87.039%;}.elementor-1434 .elementor-element.elementor-element-c7d4054{--width:60%;}.elementor-1434 .elementor-element.elementor-element-68dce01{--content-width:20%;}.elementor-1434 .elementor-element.elementor-element-c2bc4b9{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1434 .elementor-element.elementor-element-2b8343d{--width:216px;}}@media(max-width:767px){.elementor-1434 .elementor-element.elementor-element-2b8343d.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1434 .elementor-element.elementor-element-6ed9c5a{width:100%;max-width:100%;margin:0px -0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1434 .elementor-element.elementor-element-6ed9c5a img{max-width:150px;}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-1434 .elementor-element.elementor-element-1f9c805{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 9px / 2 );}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;padding-top:1px;padding-bottom:1px;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:9px;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:13px;padding-bottom:13px;}.elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1434 .elementor-element.elementor-element-1f9c805 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-1px !important;}.elementor-1434 .elementor-element.elementor-element-c2bc4b9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1434 .elementor-element.elementor-element-e587da5{--width:50%;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for nav-menu, class: .elementor-element-1f9c805 */header {
  transition: all 0.3s ease;
}
background: rgba(255,255,255,0.7);
backdrop-filter: blur(10px);/* End custom CSS */
/* Start custom CSS */header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 9999;
}

/* Hide header */
header.hide-header {
    transform: translateY(-100%);
}

/* Optional: add shadow when scrolling */
header.scrolled {
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}<script>
let lastScroll = 0;
const header = document.querySelector("header");

window.addEventListener("scroll", () => {
    let currentScroll = window.pageYOffset;

    // Add shadow when scrolling
    if (currentScroll > 50) {
        header.classList.add("scrolled");
    } else {
        header.classList.remove("scrolled");
    }

    // Hide on scroll down
    if (currentScroll > lastScroll && currentScroll > 100) {
        header.classList.add("hide-header");
    } 
    // Show on scroll up
    else {
        header.classList.remove("hide-header");
    }

    lastScroll = currentScroll;
});
</script><header class="elementor-location-header">document.querySelector("header")/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Madani-Arabic';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://test.theonlyoud.com/wp-content/uploads/2025/09/Madani-Arabic-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Madani-Arabic';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://test.theonlyoud.com/wp-content/uploads/2025/09/Madani-Arabic-Semi-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Madani-Arabic';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://test.theonlyoud.com/wp-content/uploads/2025/09/Madani-Arabic-Extra-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Madani-Arabic';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://test.theonlyoud.com/wp-content/uploads/2025/09/Madani-Arabic-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Madani-Arabic';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://test.theonlyoud.com/wp-content/uploads/2025/09/Madani-Arabic-Extra-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */