@tailwind base;body{background-color:#87ceeb;font-family:Amiri,Times New Roman,serif;margin:0;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes tumbleRight{0%{opacity:0;transform:translateX(-100px) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateX(120vw) rotate(3turn)}}@keyframes tumbleLeft{0%{opacity:0;transform:translateX(100vw) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateX(-100px) rotate(-3turn)}}@keyframes dustScroll{0%{background-position:0 0}to{background-position:2000px 0}}@keyframes windFly{0%{opacity:0;transform:translateX(-100px) scaleX(1)}50%{opacity:.5}to{opacity:0;transform:translateX(120vw) scaleX(2)}}@keyframes pulseArrow{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}.timeline-container{background:#87ceeb;height:100vh;overflow-x:auto;overflow-y:hidden;position:relative;width:100vw}.sun-element{background:gold;border-radius:50%;box-shadow:0 0 60px gold;height:80px;opacity:.7;position:fixed;right:50px;top:50px;width:80px;z-index:1}.mountain-layer{background:linear-gradient(180deg,#8b5a2b,peru);-webkit-clip-path:polygon(0 100%,5% 20%,10% 80%,15% 30%,25% 90%,30% 15%,40% 80%,50% 10%,60% 85%,70% 20%,80% 90%,90% 15%,95% 80%,100% 100%);clip-path:polygon(0 100%,5% 20%,10% 80%,15% 30%,25% 90%,30% 15%,40% 80%,50% 10%,60% 85%,70% 20%,80% 90%,90% 15%,95% 80%,100% 100%);height:25%;left:0;position:absolute;top:30%;z-index:5}.ground-layer{background:linear-gradient(180deg,#f4a460,#8b4513);height:45%;top:55%;z-index:6}.ground-layer,.road-svg{left:0;position:absolute}.road-svg{height:100%;pointer-events:none;top:0;z-index:7}.tumbleweed{background-image:url(/static/media/tumbleweed.22dd9515036907143851.png);background-repeat:no-repeat;background-size:contain;opacity:.9;pointer-events:none;position:absolute;z-index:20}.tumbleweed-container{height:100%;pointer-events:none;position:fixed;width:100%;z-index:20}.dust-overlay{animation:dustScroll 60s linear infinite;background-color:#8b45131a;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);background-repeat:repeat;height:200%;left:-50%;mix-blend-mode:multiply;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:25}.wind-line{animation:windFly linear infinite;background:#ffffff4d;filter:blur(1px);height:2px;position:fixed;z-index:26}.ghazwat-items-wrapper{height:100%;position:relative;z-index:50}.ghazwa-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;transform:translate(-50%,-50%)}.ghazwa-icon-circle{align-items:center;background:#fdf5e6;border:4px solid #8b4513;border-radius:50%;box-shadow:0 10px 25px #0009;display:flex;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.ghazwa-icon-img{height:60%;object-fit:contain;width:60%;z-index:2}.pulse-effect{animation:pulseArrow 2s infinite;border:2px solid gold;border-radius:50%;height:100%;position:absolute;width:100%;z-index:1}.ghazwa-info-box{background:#3e2723f2;border:1px solid #d4af37;border-radius:8px;box-shadow:0 4px 6px #0000004d;color:#fff;margin-top:10px;min-width:140px;padding:8px 15px;text-align:center}.ghazwa-title{font-size:16px;font-weight:700}.ghazwa-year{color:gold;font-size:12px;margin-top:2px}.home-btn{background:#fff;border:none;border-radius:20px;box-shadow:0 4px 6px #0003;font-weight:700;gap:5px;left:20px;padding:10px 20px;top:20px}.home-btn,.nav-arrow{align-items:center;cursor:pointer;display:flex;position:fixed;z-index:100}.nav-arrow{animation:pulseArrow 2s infinite;background:#3e2723cc;border:2px solid #d4af37;border-radius:50%;box-shadow:0 4px 10px #0000004d;color:gold;height:50px;justify-content:center;top:50%;transform:translateY(-50%);width:50px}.left-arrow{left:20px}.right-arrow{right:20px}.home-container{align-items:center;background:linear-gradient(135deg,#fdfbfb,#ebedee);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.home-title{color:#2c3e50;font-family:serif;font-size:3rem;margin-bottom:50px;text-align:center}.menu-grid{flex-wrap:wrap;gap:20px;max-width:900px;width:100%}.menu-card,.menu-grid{display:flex;justify-content:center}.menu-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 10px 20px #0000001a;cursor:pointer;flex-direction:column;height:150px;width:200px}.home-footer{color:#7f8c8d;margin-top:50px;text-align:center}@media (max-width:768px){.timeline-container{-webkit-overflow-scrolling:touch}.mobile-hidden{display:none!important}.sun-element{height:50px;right:20px;top:20px;width:50px}.road-svg{height:120%!important;top:-10%!important}.ghazwa-item{margin-top:-3vh!important;transform:translate(-50%,-50%) scale(.85)!important}.ghazwa-info-box{min-width:100px;padding:5px 10px}.ghazwa-title{font-size:14px}.home-container{justify-content:flex-start;padding:40px 15px}.home-title{font-size:1.8rem;margin-bottom:30px;margin-top:20px}.menu-grid{align-items:center;flex-direction:column}.menu-card{height:120px;max-width:300px;width:100%}}.detail-bg{background-position:50%;background-size:cover;filter:blur(8px) brightness(.6);height:100%;left:0;position:absolute;top:0;transform:scale(1.1);width:100%;z-index:0}.mihrab-card{background:linear-gradient(135deg,#fffbf0,#fff8e1);border:4px solid #d4af37;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:50% 120px;border-top-right-radius:50% 120px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;height:85vh;max-width:700px;overflow:hidden;position:relative;width:90%;z-index:10}.islamic-pattern-overlay{background-image:url(https://www.transparenttextures.com/patterns/arabesque.png);height:100%;left:0;opacity:.05;pointer-events:none;position:absolute;top:0;width:100%}.mihrab-content{align-items:center;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:80px 30px 40px;scrollbar-color:#d4af37 #0000;scrollbar-width:thin;text-align:center;z-index:2}.audio-placeholder{align-items:center;background:#d4af371a;border:1px solid #d4af37;border-radius:50px;cursor:pointer;display:flex;justify-content:space-between;margin-top:20px;max-width:350px;padding:10px 20px;transition:all .3s;width:100%}.audio-placeholder:hover{background:#d4af3733;transform:scale(1.02)}@media (max-width:768px){.mihrab-card{border-top-left-radius:50% 80px;border-top-right-radius:50% 80px;height:90vh;width:95%}.mihrab-content{padding:60px 20px 20px}.detail-bg{filter:blur(5px) brightness(.5)}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.home-container{-ms-overflow-style:none;height:100vh!important;justify-content:flex-start!important;overflow-y:auto!important;padding:40px 20px 100px!important;scrollbar-width:none}.home-container::-webkit-scrollbar{display:none}.menu-card{max-width:320px!important;min-height:140px;width:100%!important}.home-footer{font-size:.8rem;margin-top:auto!important;padding-bottom:20px}}.mobile-swipe-hint{display:none}@keyframes swipePulse{0%{opacity:.3;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}to{opacity:.3;transform:translateY(-50%) scale(1)}}@media (max-width:768px){.mobile-swipe-hint{align-items:center;animation:swipePulse 1.5s infinite;background:#0000004d;border-radius:50%;box-shadow:0 0 15px #ffd70080;color:#ffffffe6;display:flex;height:50px;justify-content:center;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);width:50px;z-index:999}.hint-left{left:10px}.hint-right{right:10px}}.back-btn{align-items:center;background:#00000080;border:1px solid #d4af37;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;left:30px;padding:10px 20px;position:absolute;top:30px;transition:all .3s;z-index:50}.back-btn:hover{background:#000c;transform:scale(1.05)}@media (max-width:768px){.back-btn{background:#000000b3!important;border-radius:20px!important;font-size:13px!important;left:15px!important;padding:6px 12px!important;top:15px!important}}
/*# sourceMappingURL=main.9e97386e.css.map*/