.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:-2}.hero-background:before{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;background-image:url(/Images/Header-Background.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;transform:scale(1.02)}.background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.5))}.hero-content{max-width:1200px;width:100%;padding:60px 20px 50px;text-align:center}.hero-text{margin-bottom:40px}.main-title{font-family:Almarai;font-size:80px;font-weight:400;color:black;margin-bottom:30px;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (max-width:768px){.main-title{font-size:2.5rem;letter-spacing:1px}.hero-content{padding:80px 15px 30px}}@media (max-width:480px){.main-title{font-size:2rem}}.image-carousel{position:relative;width:100%;max-width:none;margin:0;overflow:visible;opacity:1;transition:opacity .4s ease}.image-carousel.not-ready{opacity:0}.carousel-container{overflow:hidden;border-radius:20px;position:relative}.carousel-marquee,.carousel-track{display:flex;gap:20px}.carousel-marquee{align-items:center;will-change:transform;animation:marquee var(--marquee-duration,40s) linear infinite;animation-direction:var(--marquee-direction,normal);direction:ltr;flex-wrap:nowrap}.carousel-marquee.paused{animation-play-state:paused}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-25%)}}.carousel-item{flex:0 0 auto;width:300px;height:auto;position:relative}.image-wrapper{width:100%;height:auto;aspect-ratio:4/3;position:relative;border-radius:15px;overflow:hidden;box-shadow:none;transition:all .5s ease}.carousel-item.active .image-wrapper{box-shadow:0 20px 50px rgba(212,175,55,.3)}.carousel-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.carousel-item:hover .carousel-image{transform:scale(1.1)}.carousel-indicators{display:flex;justify-content:center;gap:12px;margin-top:30px}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid #d4af37;background:transparent;cursor:pointer;transition:all .3s ease;position:relative}.indicator.active{background:#d4af37;transform:scale(1.2);box-shadow:0 0 15px rgba(212,175,55,.5)}.indicator:hover{transform:scale(1.1);background:rgba(212,175,55,.5)}@media (max-width:768px){.carousel-item{width:240px}.carousel-marquee{gap:15px}.carousel-container{border-radius:15px}.image-wrapper{border-radius:12px}}@media (max-width:480px){.carousel-item{width:180px}.carousel-marquee{gap:12px}.carousel-container{border-radius:12px;margin:0 10px}.image-wrapper{border-radius:10px}}@media (max-width:360px){.carousel-item{width:160px}.carousel-marquee{gap:10px}.carousel-container{margin:0 5px}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .8s ease-out,visibility .8s ease-out;font-family:Almarai,sans-serif;overflow:hidden}.loading-screen.loading-complete{opacity:0;visibility:hidden;pointer-events:none}.loading-background{background:linear-gradient(135deg,#1a1a1a,#2c2c2c 50%,#1a1a1a)}.loading-background,.vintage-pattern{position:absolute;top:0;left:0;width:100%;height:100%}.vintage-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(208,164,84,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(208,164,84,.08) 0,transparent 50%),radial-gradient(circle at 75% 25%,rgba(208,164,84,.06) 0,transparent 50%),radial-gradient(circle at 25% 75%,rgba(208,164,84,.04) 0,transparent 50%);animation:patternFloat 8s ease-in-out infinite}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.3) 100%)}.loading-content{position:relative;text-align:center;z-index:2;max-width:400px;padding:40px}.loading-logo{position:relative;margin-bottom:30px;display:inline-block}.loading-logo .logo-image{height:80px;width:auto;filter:brightness(1.1) contrast(1.1);animation:logoGlow 3s ease-in-out infinite}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(208,164,84,.3) 0,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite}.loading-brand{font-size:48px;font-weight:700;color:#D0A454;margin:0 0 10px;letter-spacing:3px;text-shadow:0 0 20px rgba(208,164,84,.5);animation:brandShine 4s ease-in-out infinite}.loading-tagline{font-size:18px;color:#cccccc;margin:0 0 40px;font-weight:300;letter-spacing:1px;opacity:.9}.loading-progress{margin:40px 0;text-align:center}.progress-container{width:300px;height:6px;background:rgba(255,255,255,.1);margin:0 auto 15px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.progress-bar,.progress-container{position:relative;border-radius:3px}.progress-bar{height:100%;background:linear-gradient(90deg,#B8941F,#D0A454 50%,#E6C875);transition:width .3s ease;box-shadow:0 0 10px rgba(208,164,84,.5)}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent);animation:progressShine 2s ease-in-out infinite}.progress-text{color:#D0A454;font-size:14px;font-weight:600;letter-spacing:1px}.loading-text{margin:30px 0;display:flex;align-items:center;justify-content:center;gap:10px}.loading-message{color:#cccccc;font-size:16px;font-weight:400;letter-spacing:1px}.loading-dots{display:flex;gap:4px}.loading-dots span{width:6px;height:6px;background:#D0A454;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.decorative-elements{display:flex;align-items:center;justify-content:center;margin-top:40px;gap:20px}.deco-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,#D0A454 50%,transparent)}.deco-ornament{color:#D0A454;font-size:20px;animation:ornamentRotate 6s linear infinite}.vintage-frame{position:absolute;top:20px;left:20px;right:20px;bottom:20px;pointer-events:none;z-index:1}.frame-corner{position:absolute;width:40px;height:40px;border:2px solid rgba(208,164,84,.6)}.frame-top-left{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:8px}.frame-top-right{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:8px}.frame-bottom-left{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:8px}.frame-bottom-right{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:8px}@keyframes logoGlow{0%,to{filter:brightness(1.1) contrast(1.1)}50%{filter:brightness(1.3) contrast(1.2)}}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}}@keyframes brandShine{0%,to{text-shadow:0 0 20px rgba(208,164,84,.5)}50%{text-shadow:0 0 30px rgba(208,164,84,.8),0 0 40px rgba(208,164,84,.3)}}@keyframes progressShine{0%{left:-100%}to{left:100%}}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@keyframes ornamentRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes patternFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@media (max-width:768px){.loading-content{max-width:320px;padding:30px 20px}.loading-logo .logo-image{height:60px}.loading-brand{font-size:36px;letter-spacing:2px}.loading-tagline{font-size:16px}.progress-container{width:250px}.vintage-frame{top:15px;left:15px;right:15px;bottom:15px}.frame-corner{width:30px;height:30px}}@media (max-width:480px){.loading-content{max-width:280px;padding:20px 15px}.loading-brand{font-size:28px}.progress-container{width:200px}.decorative-elements{margin-top:30px}.deco-line{width:40px}}