.elementor-238 .elementor-element.elementor-element-c5d75ed{--display:flex;--position:absolute;--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:space-around;--align-items:center;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--z-index:10;}.elementor-238 .elementor-element.elementor-element-c5d75ed:hover{background-color:#000000;--overlay-opacity:0.5;}.elementor-238 .elementor-element.elementor-element-c5d75ed::before, .elementor-238 .elementor-element.elementor-element-c5d75ed > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-c5d75ed > .e-con-inner > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-c5d75ed > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-c5d75ed > .e-con-inner > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-c5d75ed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-238 .elementor-element.elementor-element-c5d75ed:hover::before, .elementor-238 .elementor-element.elementor-element-c5d75ed:hover > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-c5d75ed:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-c5d75ed > .elementor-background-slideshow:hover::before, .elementor-238 .elementor-element.elementor-element-c5d75ed > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-238 .elementor-element.elementor-element-ef3878e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.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-238 .elementor-element.elementor-element-8bc1a63 img{width:60%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-238 .elementor-element.elementor-element-06a0afc{width:var( --container-widget-width, 50vw );max-width:50vw;--container-widget-width:50vw;--container-widget-flex-grow:0;}.elementor-238 .elementor-element.elementor-element-06a0afc.elementor-element{--align-self:center;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-menu-toggle{margin:0 auto;background-color:#EFDC7A;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu .elementor-item{font-family:"El Messiri", Sans-serif;font-size:20px;font-weight:400;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--main .elementor-item{color:#EFDC7A;fill:#EFDC7A;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--main .elementor-item:hover,
					.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#EFDC7A;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--dropdown a, .elementor-238 .elementor-element.elementor-element-06a0afc .elementor-menu-toggle{color:#FFFFFFCC;fill:#FFFFFFCC;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--dropdown{background-color:#0F0F0F;border-style:solid;border-color:#EFDC7A;border-radius:6px 6px 6px 6px;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--dropdown .elementor-item, .elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"El Messiri", Sans-serif;font-size:14px;font-weight:400;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:6px;border-top-right-radius:6px;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:6px;border-bottom-left-radius:6px;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--dropdown a{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;}.elementor-238 .elementor-element.elementor-element-06a0afc div.elementor-menu-toggle{color:#000000;}.elementor-238 .elementor-element.elementor-element-06a0afc div.elementor-menu-toggle svg{fill:#000000;}.elementor-238 .elementor-element.elementor-element-06a0afc div.elementor-menu-toggle:hover{color:#EFDC7A;}.elementor-238 .elementor-element.elementor-element-06a0afc div.elementor-menu-toggle:hover svg{fill:#EFDC7A;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-menu-toggle:hover{background-color:#EFDC7A;}.elementor-238 .elementor-element.elementor-element-417d550{--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;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-238 .elementor-element.elementor-element-568fefa .elementor-button{background-color:#EFDC7A;font-family:"El Messiri", Sans-serif;font-size:15px;font-weight:600;fill:#000000;color:#000000;border-style:none;}.elementor-238 .elementor-element.elementor-element-568fefa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-238 .elementor-element.elementor-element-568fefa .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-238 .elementor-element.elementor-element-ac3ad57 .elementor-button{background-color:#EFDC7A;font-family:"El Messiri", Sans-serif;font-size:15px;font-weight:600;fill:#000000;color:#000000;border-style:none;}.elementor-238 .elementor-element.elementor-element-64a4202{--display:flex;--position:absolute;--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:space-around;--align-items:center;--gap:20% 20%;--row-gap:20%;--column-gap:20%;--z-index:10;}.elementor-238 .elementor-element.elementor-element-64a4202::before, .elementor-238 .elementor-element.elementor-element-64a4202 > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-64a4202 > .e-con-inner > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-64a4202 > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-64a4202 > .e-con-inner > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-64a4202 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-238 .elementor-element.elementor-element-6724e01{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-238 .elementor-element.elementor-element-54b998a{text-align:right;}.elementor-238 .elementor-element.elementor-element-54b998a img{width:60%;}.elementor-238 .elementor-element.elementor-element-8ded377.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-menu-toggle{margin-right:auto;}.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu .elementor-item{font-family:"Tajawal", Sans-serif;font-size:20px;font-weight:400;letter-spacing:0.8px;}.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--main .elementor-item{color:#EFDC7A;fill:#EFDC7A;}.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#EFDC7A;}.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--dropdown a, .elementor-238 .elementor-element.elementor-element-8ded377 .elementor-menu-toggle{color:#EFDC7A;fill:#EFDC7A;}.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--dropdown{background-color:#000000;border-style:none;}.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--dropdown .elementor-item, .elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Tajawal", Sans-serif;font-size:32px;font-weight:normal;}.elementor-238 .elementor-element.elementor-element-8ded377 div.elementor-menu-toggle{color:#EFDC7A;}.elementor-238 .elementor-element.elementor-element-8ded377 div.elementor-menu-toggle svg{fill:#EFDC7A;}.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-238 .elementor-element.elementor-element-ef3878e{--grid-auto-flow:row;}.elementor-238 .elementor-element.elementor-element-8bc1a63 img{width:60%;}.elementor-238 .elementor-element.elementor-element-06a0afc{width:100%;max-width:100%;}.elementor-238 .elementor-element.elementor-element-6724e01{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-238 .elementor-element.elementor-element-c5d75ed{--width:100%;--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;--justify-content:space-between;}.elementor-238 .elementor-element.elementor-element-ef3878e{--width:100%;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-238 .elementor-element.elementor-element-ef3878e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-238 .elementor-element.elementor-element-8bc1a63{text-align:right;}.elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--dropdown .elementor-item, .elementor-238 .elementor-element.elementor-element-06a0afc .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:24px;}.elementor-238 .elementor-element.elementor-element-64a4202{--width:100%;--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;--justify-content:space-between;}.elementor-238 .elementor-element.elementor-element-6724e01{--width:100%;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-238 .elementor-element.elementor-element-6724e01.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-238 .elementor-element.elementor-element-54b998a{text-align:right;}.elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--dropdown .elementor-item, .elementor-238 .elementor-element.elementor-element-8ded377 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:20px;}}@media(min-width:768px){.elementor-238 .elementor-element.elementor-element-c5d75ed{--width:100%;}.elementor-238 .elementor-element.elementor-element-417d550{--width:100%;}.elementor-238 .elementor-element.elementor-element-64a4202{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-238 .elementor-element.elementor-element-ef3878e{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-568fefa */.mybutton {
    padding: 1rem 2rem;
    font-size: 1.2rem;
    background: #0a2437;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    color: white;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    border: none;
    cursor: pointer;
}

.mybutton:hover {
    color: black;
    transition-delay: 0.3s;
    background: white;
    box-shadow: 0 0 10px white, 0 0 40px white, 0 0 80px white;
}

/* For adding border animation on hover */
.mybutton::before,
.mybutton::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, white);
    z-index: 99;
    opacity: 0;
    transition: 0.5s;
}

.mybutton::before {
    top: -100%;
    left: 0;
    width: 100%;
    height: 2.5px;
    transition: 1s;
    transition-delay: 0.25s;
}

.mybutton::after {
    top: -100%;
    right: 0;
    width: 2.5px;
    height: 100%;
    transition: 1s;
    transition-delay: 0.5s;
}

.mybutton:hover::before {
    top: 0;
    opacity: 1;
}

.mybutton:hover::after {
    top: 0;
    opacity: 1;
}

/* Keyframe animations to control border animation */
@keyframes borderAnimation1 {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@keyframes borderAnimation2 {
    0% {
        top: -100%;
    }
    100% {
        top: 100%;
    }
}

.mybutton:hover::before {
    animation: borderAnimation1 1s forwards;
    animation-delay: 0.25s;
}

.mybutton:hover::after {
    animation: borderAnimation2 1s forwards;
    animation-delay: 0.5s;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ac3ad57 */.mybutton {
    padding: 1rem 2rem;
    font-size: 1.2rem;
    background: #0a2437;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    color: white;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    border: none;
    cursor: pointer;
}

.mybutton:hover {
    color: black;
    transition-delay: 0.3s;
    background: white;
    box-shadow: 0 0 10px white, 0 0 40px white, 0 0 80px white;
}

/* For adding border animation on hover */
.mybutton::before,
.mybutton::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, white);
    z-index: 99;
    opacity: 0;
    transition: 0.5s;
}

.mybutton::before {
    top: -100%;
    left: 0;
    width: 100%;
    height: 2.5px;
    transition: 1s;
    transition-delay: 0.25s;
}

.mybutton::after {
    top: -100%;
    right: 0;
    width: 2.5px;
    height: 100%;
    transition: 1s;
    transition-delay: 0.5s;
}

.mybutton:hover::before {
    top: 0;
    opacity: 1;
}

.mybutton:hover::after {
    top: 0;
    opacity: 1;
}

/* Keyframe animations to control border animation */
@keyframes borderAnimation1 {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@keyframes borderAnimation2 {
    0% {
        top: -100%;
    }
    100% {
        top: 100%;
    }
}

.mybutton:hover::before {
    animation: borderAnimation1 1s forwards;
    animation-delay: 0.25s;
}

.mybutton:hover::after {
    animation: borderAnimation2 1s forwards;
    animation-delay: 0.5s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5d75ed *//* الشكل الأساسي */
.myStickyHeader {
  transition: background-color 0.3s ease;
  background-color: transparent;
}

/* بعد ما المستخدم يعمل Scroll */
.elementor-sticky--effects.myStickyHeader {
  background-color: black; /* غير اللون حسب ما تحب */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64a4202 *//* الشكل الأساسي */
.myStickyHeader {
  transition: background-color 0.3s ease;
  background-color: transparent;
}

/* بعد ما المستخدم يعمل Scroll */
.elementor-sticky--effects.myStickyHeader {
  background-color: black; /* غير اللون حسب ما تحب */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}/* End custom CSS */