.elementor-2407 .elementor-element.elementor-element-773f371{--display:flex;overflow:visible;}/* Start custom CSS */@font-face{font-family:'El Messiri';font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v25/K2F0fZBRmr9vQ1pHEey6MoiAAhLz.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'El Messiri';font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/elmessiri/v25/K2F0fZBRmr9vQ1pHEey6Mo2AAg.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Tajawal';font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iura6YBj_oCad4k1nzSBC45I.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Tajawal';font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iura6YBj_oCad4k1nzGBCw.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Tajawal';font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l8KiHrRpiYlJ.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Tajawal';font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l8KiHrFpiQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Tajawal';font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l4qkHrRpiYlJ.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Tajawal';font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l4qkHrFpiQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Aref Ruqaa';font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/arefruqaa/v26/WwkbxPW1E165rajQKDulIIIoVeo5.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Aref Ruqaa';font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/arefruqaa/v26/WwkbxPW1E165rajQKDulIIcoVQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}
html{scroll-behavior:smooth;background:#0a0907}
body.elementor-page-2407{direction:rtl;background:transparent;color:#f3ead7;overflow-x:hidden}
#hero,#contact,#footer{scroll-margin-top:90px}
body.elementor-page-2407::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,9,7,.25) 0%,rgba(10,9,7,.45) 45%,rgba(10,9,7,.68) 100%),url("https://binmahfoozhajj.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-23-2026-12_06_14-PM.png") center/cover no-repeat}
html::before{content:"";position:fixed;inset:0;z-index:100000;background:radial-gradient(circle at center,#1a150d,#050403 70%);transition:opacity .8s,visibility .8s;animation:khairHide .6s 5s forwards}
html::after{content:"لبيك اللهم لبيك";position:fixed;left:50%;top:50%;z-index:100001;width:240px;margin:-135px 0 0 -120px;padding-top:170px;text-align:center;font:400 26px/1.4 'Aref Ruqaa',serif;color:#d9b870;background:url("https://binmahfoozhajj.com/wp-content/uploads/2026/09/a02d4fcd-53f8-4d18-ac79-bce4ae2b804e.png") top center/150px 150px no-repeat;animation:khairPulse 1.8s ease-in-out infinite,khairHide .6s 5s forwards;transition:opacity .8s,visibility .8s}
html.khair-ready::before,html.khair-ready::after{opacity:0;visibility:hidden}
html:has(body.elementor-editor-active)::before,html:has(body.elementor-editor-active)::after{display:none}
@keyframes khairHide{to{opacity:0;visibility:hidden}}
@keyframes khairPulse{50%{opacity:.6;filter:drop-shadow(0 0 16px rgba(221,184,108,.6))}}
#khair-progress{position:fixed;top:0;right:0;height:3px;width:0;z-index:10000;background:linear-gradient(90deg,#f3dfa3,#d4b064,#b08a43);box-shadow:0 0 12px rgba(221,184,108,.8)}
#khair-top{position:fixed;left:24px;bottom:24px;z-index:900;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f3dfa3,#d4b064 40%,#b08a43 70%,#e7cd8a);color:#1b150c;font-size:16px;box-shadow:0 10px 30px -8px rgba(201,164,92,.8);opacity:0;translate:0 20px;scale:.8;pointer-events:none;transition:.45s cubic-bezier(.22,.8,.24,1)}
#khair-top.is-visible{opacity:1;translate:0 0;scale:1;pointer-events:auto}
#khair-top:hover{translate:0 -4px}
#khair-top:hover i{animation:khairBounce .7s ease infinite}
@keyframes khairBounce{50%{translate:0 -4px}}
.khair-ico{line-height:1;transition:translate .4s,rotate .4s,scale .4s}
body.elementor-page-2407 .e-button-base.has-icon{display:inline-flex;align-items:center;justify-content:center;gap:10px}
body.elementor-page-2407 .e-button-base:hover .fa-comment-dots{rotate:-8deg;scale:1.2}
#site-header{transition:padding .5s,translate .5s cubic-bezier(.22,.8,.24,1),background .5s,box-shadow .5s}
#site-header.is-scrolled{padding-top:6px;padding-bottom:6px;background:rgba(10,9,7,.95);box-shadow:0 1px 0 rgba(201,164,92,.18),0 20px 40px -20px rgba(0,0,0,.8)}
#site-header.is-hidden{translate:0 -110%}
body.elementor-page-2407 [data-interaction-id="5cd4990c"]{transition:rotate .6s,scale .6s,filter .6s;filter:drop-shadow(0 0 0 rgba(221,184,108,0))}
#site-header [data-id="496051d6"]:hover [data-interaction-id="5cd4990c"]{scale:1.08;filter:drop-shadow(0 0 10px rgba(221,184,108,.55))}
#main-nav a{position:relative;color:#e8dfcb;transition:color .3s}
#main-nav a::after{content:"";position:absolute;right:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#f3dfa3,#d4b064);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.22,.8,.24,1)}
#main-nav a:hover,#main-nav a.is-active{color:#f1dca0}
#main-nav a:hover::after,#main-nav a.is-active::after{transform:scaleX(1)}
body.elementor-page-2407 .khair-burger{display:none;width:44px;height:44px;flex-shrink:0;border:1px solid rgba(201,164,92,.35);border-radius:10px;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:0}
.khair-burger span{width:20px;height:2px;background:#d9b870;transition:.4s cubic-bezier(.22,.8,.24,1)}
.khair-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.khair-burger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}
.khair-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1200px){
  body.elementor-page-2407 .khair-burger{display:flex}
  #main-nav{display:flex;position:absolute;top:100%;right:0;height:calc(100vh - 60px);width:min(320px,85vw);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:24px 28px;margin:0;background:rgba(12,10,8,.98);border-left:1px solid rgba(201,164,92,.18);translate:110% 0;transition:translate .6s cubic-bezier(.22,.8,.24,1);overflow-y:auto}
  #main-nav.is-open{translate:0 0}
  #main-nav a{padding:14px 0;border-bottom:1px solid rgba(201,164,92,.18);text-align:right;font-size:16px;justify-content:flex-start}
}
@media (max-width:420px){#site-header [data-interaction-id="3517661f"] .khair-txt{display:none}#site-header [data-interaction-id="3517661f"]{padding:10px 12px}}
body.elementor-page-2407 [data-interaction-id="3517661f"]{position:relative;overflow:hidden}
body.elementor-page-2407 [data-interaction-id="3517661f"]::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);animation:khairShine 3.5s ease-in-out infinite;pointer-events:none}
@keyframes khairShine{0%,60%{transform:translateX(120%)}100%{transform:translateX(-120%)}}
body.elementor-page-2407 [data-interaction-id="3517661f"]{transition:translate .35s,box-shadow .35s,background-color .35s,color .35s}
body.elementor-page-2407 [data-interaction-id="3517661f"]:hover{translate:0 -3px}
#hero-dust canvas{position:absolute;inset:0;width:100%;height:100%}
@keyframes khairSpin{to{rotate:360deg}}
body.elementor-page-2407 [data-interaction-id="3923f510"]{transition:rotate .8s}
body.elementor-page-2407 [data-id="358e05f2"]:hover [data-interaction-id="3923f510"]{rotate:y 360deg}
body.elementor-page-2407 [data-id="6e47ebd6"] a{transition:background-color .4s,color .4s,rotate .6s,translate .5s,box-shadow .4s}
body.elementor-page-2407 [data-id="6e47ebd6"] a:hover{rotate:360deg;translate:0 -5px;box-shadow:0 10px 20px -6px rgba(221,184,108,.7)}
body.elementor-page-2407 [data-id="55ecd2f4"] a,body.elementor-page-2407 [data-id="79609973"] a,body.elementor-page-2407 [data-id="21101b65"] a{transition:color .3s,padding .4s}
body.elementor-page-2407 [data-id="7f2c6751"],body.elementor-page-2407 [data-id="410bfb6b"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23d9b870' stroke-width='2'%3E%3Crect x='9' y='9' width='22' height='22'/%3E%3Crect x='9' y='9' width='22' height='22' transform='rotate(45 20 20)'/%3E%3Ccircle cx='20' cy='20' r='4' fill='%23d9b870'/%3E%3C/svg%3E") center/contain no-repeat;animation:khairSpin 14s linear infinite}
#site-header{animation:khairDrop .9s cubic-bezier(.22,.8,.24,1) .1s both}
body.elementor-page-2407 [data-id="496051d6"],#main-nav{animation:khairFade .9s ease .4s both}
#main-nav{animation-delay:.6s}
body.elementor-page-2407 [data-interaction-id="3517661f"]{animation:khairPop .7s cubic-bezier(.34,1.56,.64,1) .9s both}
html.khair-js:not(.khair-ready) #site-header,html.khair-js:not(.khair-ready) #main-nav,html.khair-js:not(.khair-ready) body.elementor-page-2407 [data-id="496051d6"],html.khair-js:not(.khair-ready) body.elementor-page-2407 [data-interaction-id="3517661f"]{animation-play-state:paused}
@keyframes khairDrop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes khairFade{from{opacity:0}to{opacity:1}}
@keyframes khairPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){body.elementor-page-2407 *,body.elementor-page-2407 *::before,body.elementor-page-2407 *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}}
@keyframes khairSpinBorder{to{--angle:360deg}}
body.elementor-page-2407 [data-id="65f5ecb4"]::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;background:conic-gradient(from var(--angle),transparent 0 70%,rgba(233,205,138,.9) 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:khairSpinBorder 8s linear infinite}
body.elementor-page-2407 [data-interaction-id="5f9f929a"]{background:linear-gradient(180deg,#fff6df 0%,#efdcb0 60%,#cfb27a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#map-slot iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(.15) contrast(1.05)}
body.elementor-page-2407 #contact .ct-field{width:100%;font-family:Tajawal,sans-serif;font-size:16px;color:#f3ead7;background:rgba(10,9,7,.55);border:1px solid rgba(201,164,92,.35);border-radius:12px;padding:0 18px;box-shadow:none;transition:border-color .3s,box-shadow .3s}
body.elementor-page-2407 #contact textarea.ct-field{padding:14px 18px;min-height:220px;resize:vertical}
body.elementor-page-2407 #contact .ct-field:focus{border-color:#d9b870;box-shadow:0 0 0 3px rgba(217,184,112,.2);outline:0}
#contact .ct-field::placeholder{color:#a3977f;opacity:1}
body.elementor-page-2407 #contact form button[type=submit]{border:0;color:#1b150c;background-image:linear-gradient(135deg,#f3dfa3 0%,#d4b064 40%,#b08a43 70%,#e7cd8a 100%);transition:translate .35s,box-shadow .35s;position:relative;overflow:hidden}
body.elementor-page-2407 #contact form button[type=submit]:hover{translate:0 -3px;color:#1b150c;background-color:transparent}
#contact .ct-row{transition:border-color .4s,translate .45s cubic-bezier(.22,.8,.24,1)}
#contact .ct-row:hover{translate:-4px 0}
#contact .ab-ico{transition:rotate .5s,scale .5s}
#contact .ct-row:hover .ab-ico{rotate:-10deg;scale:1.08}
body.elementor-page-2407 [data-id="2b99cd61"] a{transition:background-color .4s,color .4s,translate .4s,box-shadow .4s}
body.elementor-page-2407 [data-id="2b99cd61"] a:hover{translate:0 -4px;box-shadow:0 10px 20px -6px rgba(221,184,108,.7)}/* End custom CSS */