.elementor-284 .elementor-element.elementor-element-38b90bc{--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;--gap:0px 0px;--background-transition:0.3s;box-shadow:0px 0px 10px 5px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-284 .elementor-element.elementor-element-38b90bc:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-38b90bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-38b90bc, .elementor-284 .elementor-element.elementor-element-38b90bc::before{--border-transition:0.3s;}.elementor-284 .elementor-element.elementor-element-7fbc6ac{--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;--background-transition:0.3s;}.elementor-284 .elementor-element.elementor-element-7fbc6ac.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu .elementor-item{font-family:"Cairo", Sans-serif;font-size:16px;font-weight:600;line-height:22px;}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--dropdown a:hover,
					.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--dropdown a.highlighted,
					.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-menu-toggle:hover{color:#FFFFFF;}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--dropdown a:hover,
					.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--dropdown{border-style:solid;border-color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 4px 10px 4px rgba(0,0,0,0.5);}.elementor-284 .elementor-element.elementor-element-94a97cd div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-94a97cd div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-284 .elementor-element.elementor-element-20c4b8e{--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:flex-end;--align-items:center;--background-transition:0.3s;}.elementor-284 .elementor-element.elementor-element-31381fd{--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;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-284 .elementor-element.elementor-element-5f4f47d .cpel-switcher__lang a{font-family:"Cairo", Sans-serif;font-size:16px;font-weight:600;line-height:25px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-284 .elementor-element.elementor-element-5f4f47d .cpel-switcher__nav{--cpel-switcher-space:0px;}.elementor-284 .elementor-element.elementor-element-5f4f47d .cpel-switcher__name{padding-left:10px;}.elementor-284 .elementor-element.elementor-element-5f4f47d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-284 .elementor-element.elementor-element-7fbc6ac{--width:72%;}.elementor-284 .elementor-element.elementor-element-20c4b8e{--width:25%;}.elementor-284 .elementor-element.elementor-element-31381fd{--width:3%;}}@media(max-width:1366px) and (min-width:768px){.elementor-284 .elementor-element.elementor-element-38b90bc{--content-width:95%;}}@media(max-width:1074px) and (min-width:768px){.elementor-284 .elementor-element.elementor-element-31381fd{--width:4%;}}@media(max-width:1366px){.elementor-284 .elementor-element.elementor-element-7fbc6ac{--gap:0px 0px;}}@media(max-width:1074px){.elementor-284 .elementor-element.elementor-element-7fbc6ac{--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;--gap:0px 0px;}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--main .elementor-item{padding-left:15px;padding-right:15px;}.elementor-284 .elementor-element.elementor-element-20c4b8e{--gap:0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-284 .elementor-element.elementor-element-38b90bc{--z-index:9;}.elementor-284 .elementor-element.elementor-element-7fbc6ac{--width:15%;}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--dropdown{border-width:1px 1px 1px 1px;}.elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-284 .elementor-element.elementor-element-94a97cd .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:29px !important;}.elementor-284 .elementor-element.elementor-element-94a97cd{z-index:4;}.elementor-284 .elementor-element.elementor-element-20c4b8e{--width:70%;}.elementor-284 .elementor-element.elementor-element-31381fd{--width:15%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for container, class: .elementor-element-38b90bc *//***
* Shrinking Sticky header, Elementor Container edition
* class: .sticky-header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/
header.sticky-header.e-con.elementor-element {
	--header-height: 100px; /* Set your own header height */
	--shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	background-color: rgba(244, 245, 248, 1); /* Set your own background color */
	--min-height: var(--header-height);
	--transition: background-color var(--transition-timing),
					backdrop-filter var(--transition-timing),
					box-shadow var(--transition-timing),
					min-height var(--transition-timing);
}
header.sticky-header.e-con.elementor-element.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .8); /* Set your own background color on scroll */
	
	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	--min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
header.sticky-header .logo img,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
	--logo-height: 57px; /* This should be the original logo height _before_ being shrunk */
	--logo-shrink-to: 0.80; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
	height: var(--logo-height);
	transition: height var(--transition-timing);
}
header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	height: calc(var(--logo-height) * var(--logo-shrink-to));
}
header.sticky-header .logo .elementor-icon svg {
	width: auto;
}/* End custom CSS */