*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;background:#061b15;font-family:Arial,Helvetica,sans-serif}.topline{height:49px;background:#06271f;border-bottom:1px solid rgba(255,255,255,.12)}.topline-inner{max-width:1180px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:18px;font-size:14px}.topline i{height:17px;border-left:1px solid rgba(255,255,255,.5)}.header{background:#05281f}.header-inner{max-width:1450px;margin:auto;min-height:102px;padding:0 28px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;text-decoration:none;color:#fff;min-width:275px}.logo-mark{position:relative;width:74px;height:80px;border:3px solid #dfbd63;border-radius:42px 42px 8px 8px;display:flex;align-items:flex-end;justify-content:center;color:#dfbd63}.logo-mark:before{content:"";position:absolute;inset:9px;border:2px solid #dfbd63;border-radius:35px 35px 5px 5px}.logo-mark b{position:absolute;top:-25px;font-size:30px}.logo-mark em{position:absolute;top:-2px;font-style:normal}.logo-mark strong{font-size:31px;line-height:1;margin-bottom:8px}.logo-copy{margin-left:14px}.logo-copy>strong{display:block;font-family:Georgia,serif;font-size:27px;letter-spacing:.5px}.logo-copy small{display:block;color:#e0bd5a;font-size:10px;letter-spacing:.8px;margin:5px 0}.logo-copy span{display:block;color:#e0bd5a;font-size:13px}nav{display:flex;align-items:center;gap:30px;flex:1}nav a{color:#fff;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}nav a.active{background:#e0bb5c;color:#06271f;padding:12px 16px;border-radius:7px}.head-actions{display:flex;gap:14px}.call-outline,.wa,.gold-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:8px}.call-outline{border:1px solid #d9b65b;color:#f2cc67;padding:10px 18px;gap:10px}.call-outline b{font-size:13px}.call-outline small,.gold-btn small{display:block;font-size:10px;margin-top:2px}.wa{background:#0f673f;color:#fff;padding:14px 22px;gap:8px}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.ticker{overflow:hidden;background:linear-gradient(90deg,#d9b458,#efd17e,#d9b458);color:#10281f;border-top:1px solid #f3dd9c;border-bottom:1px solid #bf9433}.ticker-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-group{display:flex;align-items:center;gap:24px;padding:16px 12px;flex-shrink:0}.ticker-group span{font-size:14px;font-weight:800;white-space:nowrap}.ticker-group i{color:#fff;font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}.hero{position:relative;min-height:450px;background:#020907 url('../images/hero-cinematic.svg') center 56%/cover no-repeat;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;top:0;bottom:0;width:125px;background:linear-gradient(90deg,rgba(210,171,72,.34),transparent);clip-path:polygon(0 0,100% 0,55% 100%,0 100%)}.hero:after{right:0;left:auto;transform:scaleX(-1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,8,6,.94) 0%,rgba(0,8,6,.77) 48%,rgba(0,8,6,.58) 100%)}.hero-inner{position:relative;z-index:2;max-width:1120px;margin:auto;padding:48px 25px 28px;display:grid;grid-template-columns:1.4fr .72fr;gap:75px}.eyebrow{color:#dfb957;font-weight:800;letter-spacing:1px}.hero h1{font-family:Georgia,serif;font-size:50px;line-height:1.08;margin:13px 0 18px}.intro{max-width:590px;font-size:17px;line-height:1.6}.trust{display:flex;gap:35px;margin:28px 0;font-size:14px}.trust span{display:flex;align-items:center;gap:9px}.hero-buttons{display:flex;gap:15px}.hero-buttons .big{min-width:230px}.gold-btn{background:#dfb956;color:#08271d;padding:15px 28px;gap:8px}.available{display:block;text-align:center;width:410px;margin-top:12px}.expert-card{border:2px solid #d9b45a;border-radius:140px 140px 8px 8px;background:linear-gradient(180deg,rgba(7,55,42,.96),rgba(2,25,20,.97));padding:28px 22px 20px;text-align:center;box-shadow:inset 0 0 0 6px rgba(218,180,90,.08)}.allah{width:55px;height:55px;border:2px solid #d9b45a;transform:rotate(45deg);margin:0 auto 18px;display:grid;place-items:center;color:#d9b45a;font-family:Georgia,serif}.allah::first-letter{transform:rotate(-45deg)}.expert-card p{font-family:Georgia,serif;font-size:20px;margin:4px}.expert-card h2{color:#d9b45a;font-family:Georgia,serif;font-size:31px;margin:4px}.expert-card h3{margin:3px 0 18px}.ornament{color:#d9b45a}.card-copy{font-family:Arial!important;font-size:16px!important;line-height:1.55;margin:16px 0!important}.card-actions{display:flex;gap:3px}.card-actions a{flex:1;padding:13px 10px;border-radius:5px}.privacy{margin-top:18px;font-size:13px}.services{background:#fbf8f1;color:#081d17;padding:25px 24px 55px}.section-title{text-align:center}.section-title h2{font-family:Georgia,serif;font-size:31px;margin:0;color:#09271f}.section-title h2:before,.section-title h2:after{content:"✦";color:#d2aa4d;margin:0 18px;font-size:17px}.section-title p{margin:7px 0 12px}.cards{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.cards article{min-height:270px;border:1px solid #d7b359;border-radius:70px 70px 0 0;padding:24px 12px 16px;background:#fffdf8}.icon{width:58px;height:58px;border-radius:50%;background:#06271f;color:#d9b45a;margin:0 auto 12px;display:grid;place-items:center;font-size:25px;font-weight:700}.cards h3{text-align:center;font-family:Georgia,serif;font-size:16px;min-height:54px;margin:0 0 10px}.cards ul{padding-left:17px;margin:0;font-size:12px;line-height:1.8}.simple{text-align:center;padding:70px 20px;background:#06271f}.float-call,.float-wa{position:fixed;bottom:18px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;z-index:20}.float-call{left:18px;background:#d9b45a;color:#06271f}.float-wa{right:18px;background:#169652}@media(max-width:1200px){.header-inner{gap:15px}.logo{min-width:235px}.logo-copy>strong{font-size:22px}nav{gap:16px}.head-actions .call-outline{display:none}.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.topline{display:none}.header-inner{min-height:78px;padding:0 16px}.logo-mark{width:52px;height:58px}.logo-copy>strong{font-size:20px}.logo-copy small,.logo-copy span{display:none}.menu{display:block;margin-left:auto}.header nav{display:none;position:absolute;top:78px;left:12px;right:12px;background:#06271f;padding:15px;z-index:50;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.head-actions{display:none}.hero-inner{grid-template-columns:1fr;gap:28px;padding-top:38px}.hero-copy{text-align:center}.hero h1{font-size:39px}.intro{margin:auto}.trust{justify-content:center;flex-wrap:wrap}.hero-buttons{justify-content:center}.available{width:auto}.expert-card{max-width:390px;margin:auto}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.ticker-group{padding:13px 8px;gap:18px}.ticker-group span{font-size:13px}.hero h1{font-size:32px}.intro{font-size:15px}.trust{gap:15px;font-size:13px}.hero-buttons{flex-direction:column}.hero-buttons a{width:100%}.card-actions{flex-direction:column;gap:8px}.cards{grid-template-columns:1fr}.cards article{min-height:auto}.section-title h2{font-size:24px}.section-title h2:before,.section-title h2:after{margin:0 7px}}
/* Final added sections */
.premium-services{padding:55px 24px 70px;background:#f9f6ee}.mini-title{display:inline-block;background:#0c4d37;color:#f3cf69;border:1px solid #d3ad4e;border-radius:20px;padding:7px 15px;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:12px}.service-grid{max-width:1180px;margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{padding:0!important;min-height:0!important;border:1px solid #cda33f!important;border-radius:12px!important;background:#06271f!important;color:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(5,35,27,.14)}.service-image{height:180px;position:relative;overflow:hidden;background:#0a2e24}.service-image img{width:100%;height:100%;object-fit:cover;display:block;filter:none}.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(2,20,15,.5))}.service-image span{position:absolute;z-index:2;top:12px;left:12px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e1b949;color:#06271f;font-weight:900}.service-body{padding:20px;text-align:center}.service-body h3{font-size:21px;min-height:0;margin:0 0 10px;color:#fff}.service-body p{font-size:14px;line-height:1.6;min-height:67px;color:#e8eee9}.service-wa{display:inline-flex;padding:11px 18px;border-radius:6px;font-size:13px}.name-banner{max-width:1180px;margin:55px auto;padding:32px 38px;border:2px solid #d4ab48;background:linear-gradient(100deg,#041b14,#0a3b2c);display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:14px;box-shadow:0 15px 35px rgba(0,0,0,.18)}.name-banner small,.final-cta small{color:#e1bc5a;letter-spacing:1px;font-weight:800}.name-banner h2{font:38px Georgia,serif;margin:8px 0}.name-banner h2 span{color:#e1bc5a}.name-banner p{margin:0;color:#d9e4de}.banner-contact{text-align:right}.banner-contact>strong{display:block;font-size:29px;margin-bottom:12px;color:#fff}.banner-contact>div{display:flex;gap:10px}.about-home{padding:65px 24px;background:#fbf8f1;color:#09271f}.about-box{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.about-box h2{font:40px Georgia,serif;margin:5px 0 18px}.about-box p{font-size:16px;line-height:1.75;color:#33463f}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-points div{background:#06271f;color:#fff;border:1px solid #d7b359;border-radius:12px;padding:25px 16px;text-align:center}.about-points b{display:block;color:#e1bc5a;font:27px Georgia,serif}.about-points span{display:block;font-size:13px;margin-top:7px}.three-columns{max-width:1180px;margin:65px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0 24px}.info-card{border:1px solid #cda33f;background:#082d22;border-radius:12px;padding:27px;box-shadow:0 15px 30px rgba(0,0,0,.18)}.info-card h3{font:25px Georgia,serif;color:#e7c462;margin-top:0}.info-card ul{padding-left:20px;line-height:2}.info-card li::marker{color:#e0b94f}.stars{color:#f0c54f;font-size:22px;letter-spacing:3px}.reviews blockquote{margin:14px 0;padding:14px;background:#05241b;border-left:3px solid #e0b94f;border-radius:6px;font-size:13px;line-height:1.55}.reviews blockquote b{display:block;color:#e0b94f;margin-top:7px}.info-card ol{padding-left:20px}.info-card ol li{margin-bottom:16px}.info-card ol b,.info-card ol span{display:block}.info-card ol span{font-size:13px;color:#c7d5cf;margin-top:3px}.faq-section{padding:65px 24px;background:#fbf8f1;color:#09271f}.faq-grid{max-width:980px;margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{background:#fff;border:1px solid #d4b35b;border-radius:9px;padding:18px}.faq-grid summary{font-weight:800;cursor:pointer}.faq-grid p{line-height:1.6;color:#42544d}.final-cta{padding:42px max(24px,calc((100% - 1120px)/2));background:linear-gradient(100deg,#02130e,#0c4b36);border-top:2px solid #d7b359;border-bottom:2px solid #d7b359;display:flex;align-items:center;justify-content:space-between;gap:25px}.final-cta h2{font:36px Georgia,serif;margin:7px 0}.final-cta h3{color:#e2bd59;font:31px Georgia,serif;margin:0 0 6px}.final-cta strong{font-size:25px}.final-cta>div:last-child{display:flex;gap:12px}.footer{background:#031711;padding:52px 24px 18px}.footer-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:55px}.footer h3{color:#e0b94f;font:27px Georgia,serif}.footer h4{color:#e0b94f;margin-bottom:16px}.footer a,.footer span{display:block;color:#d7e0dc;text-decoration:none;margin:9px 0;font-size:14px}.footer p{color:#c6d3cd;line-height:1.7}.footer-bottom{max-width:1120px;margin:35px auto 0;border-top:1px solid rgba(255,255,255,.13);padding-top:16px;display:flex;justify-content:space-between}.footer-bottom span{display:inline}.footer-bottom a{display:inline}
@media(max-width:900px){.service-grid,.three-columns{grid-template-columns:repeat(2,1fr)}.name-banner,.final-cta{flex-direction:column;text-align:center}.banner-contact{text-align:center}.banner-contact>div,.final-cta>div:last-child{justify-content:center}.about-box{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.service-grid,.three-columns,.faq-grid,.footer-grid{grid-template-columns:1fr}.service-image{height:190px}.name-banner{margin:35px 14px;padding:26px 18px}.name-banner h2,.about-box h2,.final-cta h2{font-size:29px}.banner-contact>div,.final-cta>div:last-child{flex-direction:column}.about-points{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.service-body p{min-height:0}}
/* Screenshot-matched What We Help With section */
.help-section{background:#fbf8f1;color:#071f18;padding:28px 40px 58px;border-top:1px solid #eee4cc}.help-heading{text-align:center;margin-bottom:16px}.help-heading h2{font:700 42px/1.1 Georgia,"Times New Roman",serif;letter-spacing:.5px;margin:0;color:#08271f}.help-heading h2 span{color:#d7ad4d;font-size:22px;vertical-align:middle;margin:0 14px}.help-heading p{font-size:20px;margin:7px 0 0;color:#090f0d}.help-grid{max-width:1820px;margin:0 auto;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;align-items:stretch}.help-card{background:#fffdf8;border:1.5px solid #d7ad4d;border-radius:96px 96px 0 0;padding:29px 18px 24px;min-height:382px;transition:transform .25s ease,box-shadow .25s ease}.help-card:hover{transform:translateY(-5px);box-shadow:0 13px 28px rgba(8,39,31,.12)}.help-icon{width:72px;height:72px;margin:0 auto 17px;border-radius:50%;display:grid;place-items:center;background:#032d24;color:#e6bb52;font-size:32px;font-weight:800;line-height:1}.help-icon.arabic-icon{font:700 24px Georgia,"Times New Roman",serif}.help-card h3{font:700 23px/1.02 Georgia,"Times New Roman",serif;text-align:center;color:#071f18;margin:0 0 19px;min-height:71px}.help-card ul{margin:0;padding-left:20px;font-size:16px;line-height:1.6}.help-card li{padding-left:3px;margin-bottom:4px}.help-card li::marker{color:#071f18;font-size:13px}
@media(max-width:1500px){.help-section{padding-left:24px;padding-right:24px}.help-card{padding-left:12px;padding-right:12px}.help-card h3{font-size:18px}.help-card ul{font-size:13px;line-height:1.55}.help-icon{width:64px;height:64px}.help-grid{gap:6px}}
@media(max-width:1180px){.help-grid{grid-template-columns:repeat(3,1fr);gap:16px}.help-card{min-height:330px;border-radius:72px 72px 0 0;padding:26px 20px}.help-card h3{font-size:22px;min-height:54px}.help-card ul{font-size:15px}.help-heading h2{font-size:34px}}
@media(max-width:720px){.help-section{padding:35px 16px 45px}.help-grid{grid-template-columns:1fr 1fr;gap:12px}.help-card{min-height:310px;padding:22px 14px;border-radius:58px 58px 0 0}.help-icon{width:58px;height:58px;font-size:25px}.help-card h3{font-size:18px;min-height:58px}.help-card ul{font-size:13px;padding-left:18px}.help-heading h2{font-size:27px}.help-heading h2 span{font-size:15px;margin:0 5px}.help-heading p{font-size:15px}}
@media(max-width:460px){.help-grid{grid-template-columns:1fr}.help-card{min-height:auto;border-radius:74px 74px 0 0;padding:25px 24px 28px}.help-card h3{font-size:22px;min-height:0}.help-card ul{font-size:15px}.help-icon{width:68px;height:68px}}
/* Corrected responsive sizing for the 9-card help section */
.help-section *,
.help-section *::before,
.help-section *::after{box-sizing:border-box}
.help-grid{width:100%}
.help-card{min-width:0;overflow:hidden}
.help-card h3,.help-card li{overflow-wrap:anywhere;word-break:normal}
@media (max-width:1800px) and (min-width:1401px){
.help-section{padding-left:28px;padding-right:28px}
.help-grid{gap:8px}
.help-card{padding:25px 11px 22px;min-height:390px;border-radius:82px 82px 0 0}
.help-icon{width:62px;height:62px;margin-bottom:15px;font-size:27px}
.help-card h3{font-size:17px;line-height:1.05;min-height:66px;margin-bottom:15px}
.help-card ul{font-size:12.5px;line-height:1.55;padding-left:17px}
.help-card li{padding-left:1px;margin-bottom:4px}
}
@media (max-width:1400px) and (min-width:1181px){
.help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px}
.help-card{min-height:340px;border-radius:76px 76px 0 0;padding:28px 24px}
.help-card h3{font-size:22px;min-height:58px}
.help-card ul{font-size:15px}
}
/* Premium full-width Ahmad Khan banner — placed directly after About Us */
.ahmad-premium-banner{position:relative;isolation:isolate;overflow:hidden;background:#031b14 url('../images/ahmad-khan-banner-bg.jpg') center/cover no-repeat;border-top:2px solid #d5af50;border-bottom:2px solid #d5af50;min-height:430px;display:flex;align-items:center}
.ahmad-premium-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,20,15,.96) 0%,rgba(3,36,27,.86) 50%,rgba(3,29,22,.52) 100%)}
.ahmad-premium-banner::after{content:"";position:absolute;inset:18px;z-index:-1;border:1px solid rgba(226,190,91,.55);pointer-events:none}
.ahmad-banner-inner{width:min(1180px,calc(100% - 48px));margin:auto;padding:64px 0;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:center}
.ahmad-banner-copy{max-width:820px}
.ahmad-banner-kicker{display:inline-block;color:#e7c568;font-size:13px;font-weight:900;letter-spacing:2.2px;margin-bottom:16px}
.ahmad-banner-copy h2{margin:0;color:#fff;font:700 clamp(40px,5vw,68px)/1.02 Georgia,"Times New Roman",serif;text-shadow:0 3px 18px rgba(0,0,0,.35)}
.ahmad-banner-copy h2 span{color:#e6bf58}
.ahmad-banner-copy p{margin:18px 0 20px;color:#e9f0ed;font-size:clamp(16px,1.8vw,22px);line-height:1.55}
.ahmad-banner-phone{display:block;color:#fff;font-size:clamp(28px,3.2vw,43px);letter-spacing:1px;margin-bottom:22px}
.ahmad-banner-actions{display:flex;gap:12px;flex-wrap:wrap}
.ahmad-banner-actions a{min-width:180px;justify-content:center;text-align:center}
.ahmad-banner-seal{width:220px;height:220px;border:2px solid #e2bd59;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:rgba(2,29,22,.72);box-shadow:0 0 0 12px rgba(226,189,89,.08),0 20px 55px rgba(0,0,0,.3)}
.ahmad-banner-seal span{color:#e2bd59;font-size:74px;line-height:.9;transform:rotate(-14deg)}
.ahmad-banner-seal small{color:#fff;font-weight:900;letter-spacing:2px;line-height:1.4;margin-top:7px}
@media(max-width:850px){.ahmad-premium-banner{min-height:0;background-image:url('../images/ahmad-khan-banner-bg-mobile.jpg');background-position:center}.ahmad-premium-banner::before{background:linear-gradient(180deg,rgba(1,21,16,.94),rgba(3,41,30,.84))}.ahmad-premium-banner::after{inset:12px}.ahmad-banner-inner{width:min(100% - 32px,680px);padding:52px 20px;grid-template-columns:1fr;text-align:center;gap:28px}.ahmad-banner-copy{max-width:none}.ahmad-banner-kicker{font-size:11px;letter-spacing:1.5px}.ahmad-banner-actions{justify-content:center}.ahmad-banner-seal{width:150px;height:150px;margin:auto}.ahmad-banner-seal span{font-size:52px}.ahmad-banner-seal small{font-size:10px}}
@media(max-width:520px){.ahmad-banner-inner{padding:44px 12px}.ahmad-banner-copy h2{font-size:38px}.ahmad-banner-copy p{font-size:15px}.ahmad-banner-phone{font-size:28px}.ahmad-banner-actions{flex-direction:column}.ahmad-banner-actions a{width:100%;min-width:0}.ahmad-banner-seal{width:128px;height:128px}.ahmad-banner-seal span{font-size:44px}}
/* Final realistic Ahmad Khan banner */
.ahmad-realistic-banner{position:relative;width:100%;max-width:1536px;margin:0 auto;background:#031b14;border-top:2px solid #d5af50;border-bottom:2px solid #d5af50;overflow:hidden;line-height:0}
.ahmad-realistic-banner img{width:100%;height:auto;display:block}
.ahmad-realistic-phone{position:absolute;left:28.2%;top:68.4%;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:255px;padding:12px 20px;border:1px solid #e0b650;border-radius:7px;background:rgba(3,31,23,.94);color:#f4cf68!important;text-decoration:none!important;font-weight:900;font-size:clamp(15px,1.45vw,23px);line-height:1.1;box-shadow:0 8px 24px rgba(0,0,0,.35);letter-spacing:.4px}
.ahmad-realistic-whatsapp,.ahmad-realistic-call{position:absolute;z-index:2;top:67.2%;height:7.7%;display:block}
.ahmad-realistic-whatsapp{left:4.1%;width:22.7%}
.ahmad-realistic-call{left:28.1%;width:14.1%}
@media(max-width:700px){.ahmad-realistic-banner{margin:0}.ahmad-realistic-banner img{width:165%;max-width:none;transform:translateX(-32%)}.ahmad-realistic-phone{left:50%;top:auto;bottom:14px;min-width:0;width:calc(100% - 28px);font-size:17px;padding:12px 10px}.ahmad-realistic-whatsapp,.ahmad-realistic-call{display:none}}
/* Google Ads conversion-focused enhancements */
.conversion-trust-strip{max-width:1180px;margin:-22px auto 42px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #d6b052;border-radius:14px;box-shadow:0 16px 45px rgba(2,34,25,.17);overflow:hidden}
.conversion-trust-strip>div{padding:20px 18px;display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center;border-right:1px solid #eadcb7}
.conversion-trust-strip>div:last-child{border-right:0}
.conversion-trust-strip span{grid-row:1/3;font-size:27px}
.conversion-trust-strip b{color:#063428;font-size:15px}
.conversion-trust-strip small{color:#53635d;font-size:12px;line-height:1.4}
.conversion-mid-cta{max-width:1120px;margin:50px auto;padding:34px 38px;border:1px solid #d8b052;border-radius:15px;background:linear-gradient(105deg,#031a13,#0b4c37);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 18px 45px rgba(3,32,24,.2)}
.conversion-mid-copy small,.conversion-privacy small{color:#e7c463;font-weight:900;letter-spacing:1.6px}
.conversion-mid-copy h2{margin:7px 0 8px;font:700 34px/1.15 Georgia,serif}
.conversion-mid-copy p{margin:0;color:#dce8e3}
.conversion-mid-actions{display:flex;gap:12px;flex-shrink:0}
.conversion-privacy{max-width:1120px;margin:55px auto;padding:32px 36px;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:24px;background:#faf7ef;border:1px solid #dec27d;border-radius:14px;color:#08291f}
.conversion-privacy-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#06382b;font-size:29px}
.conversion-privacy h2{font:700 30px Georgia,serif;margin:5px 0 8px}
.conversion-privacy p{margin:0;line-height:1.65;color:#465a52}
.sticky-conversion-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:1000;width:min(760px,calc(100% - 32px));display:grid;grid-template-columns:1fr 160px 160px;align-items:center;gap:8px;padding:9px;background:rgba(3,29,22,.97);border:1px solid #d5ad4d;border-radius:14px;box-shadow:0 14px 45px rgba(0,0,0,.38);backdrop-filter:blur(10px)}
.sticky-conversion-copy{padding:0 12px;color:#fff;line-height:1.2}
.sticky-conversion-copy small{display:block;color:#e7c25e;font-size:10px;letter-spacing:1.3px}
.sticky-conversion-copy b{font-size:16px}
.sticky-call,.sticky-wa{height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;font-weight:900}
.sticky-call{background:#e0b64e;color:#08251c}
.sticky-wa{background:#18a957;color:#fff}
.consult-popup[hidden]{display:none}
.consult-popup{position:fixed;inset:0;z-index:2000;background:rgba(1,15,11,.78);display:grid;place-items:center;padding:20px}
.consult-popup-card{position:relative;width:min(430px,100%);padding:34px;background:linear-gradient(145deg,#052b20,#0d4b37);border:2px solid #ddb650;border-radius:18px;color:#fff;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.48)}
.consult-popup-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}
.consult-popup-lock{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:50%;background:#e0b64e;font-size:27px}
.consult-popup-card small{color:#e9c668;font-weight:900;letter-spacing:1.4px}
.consult-popup-card h2{font:700 31px/1.1 Georgia,serif;margin:8px 0 12px}
.consult-popup-card p{color:#dce8e3;line-height:1.6}
.consult-popup-card .gold-btn,.consult-popup-card .wa{display:flex;justify-content:center;margin:10px 0;padding:14px}
.consult-popup-card em{display:block;margin-top:12px;color:#b9cbc4;font-size:11px;font-style:normal}
.popup-open{overflow:hidden}
.ads-disclaimer{max-width:1120px;margin:28px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#aebeb7!important;font-size:11px!important;line-height:1.6;text-align:center}
body{padding-bottom:86px}
@media(max-width:900px){
.conversion-trust-strip{grid-template-columns:repeat(2,1fr);margin:0 16px 34px}
.conversion-trust-strip>div:nth-child(2){border-right:0}
.conversion-trust-strip>div:nth-child(-n+2){border-bottom:1px solid #eadcb7}
.conversion-mid-cta{margin:38px 16px;padding:28px;flex-direction:column;text-align:center}
.conversion-mid-actions{justify-content:center}
.conversion-privacy{margin:40px 16px;grid-template-columns:64px 1fr}
.conversion-privacy>a{grid-column:1/-1;text-align:center}
}
@media(max-width:600px){
body{padding-bottom:78px}
.conversion-trust-strip{grid-template-columns:1fr;margin:-10px 12px 28px}
.conversion-trust-strip>div{border-right:0;border-bottom:1px solid #eadcb7}
.conversion-trust-strip>div:last-child{border-bottom:0}
.conversion-mid-cta{padding:25px 18px}
.conversion-mid-copy h2{font-size:28px}
.conversion-mid-actions{width:100%;flex-direction:column}
.conversion-mid-actions a{width:100%;text-align:center}
.conversion-privacy{padding:26px 20px;grid-template-columns:1fr;text-align:center}
.conversion-privacy-icon{margin:auto}
.conversion-privacy h2{font-size:27px}
.sticky-conversion-bar{bottom:8px;width:calc(100% - 16px);grid-template-columns:1fr 1fr;padding:7px}
.sticky-conversion-copy{display:none}
.sticky-call,.sticky-wa{height:52px;font-size:15px}
.float-call,.float-wa{bottom:78px}
.consult-popup-card{padding:30px 20px}
.consult-popup-card h2{font-size:28px}
}
/* Premium WhatsApp-style review section */
.conversion-info-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px}
.whatsapp-review-section{position:relative;padding:78px 24px 72px;background:
radial-gradient(circle at 10% 10%,rgba(218,181,78,.12),transparent 30%),
linear-gradient(145deg,#031a14,#075039 58%,#03271d);overflow:hidden}
.whatsapp-review-section:before{content:"";position:absolute;inset:0;opacity:.075;background-image:
linear-gradient(45deg,transparent 46%,#fff 47%,#fff 48%,transparent 49%),
linear-gradient(-45deg,transparent 46%,#fff 47%,#fff 48%,transparent 49%);background-size:38px 38px}
.whatsapp-review-heading{position:relative;z-index:1;color:#fff;max-width:780px;margin:0 auto 38px;text-align:center}
.whatsapp-review-heading h2{color:#fff}
.whatsapp-review-heading p{max-width:690px;margin:12px auto 0;color:#d4e5df;line-height:1.7;font-size:14px}
.wa-review-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1180px;margin:auto;align-items:center}
.wa-review-phone{position:relative;min-height:590px;border:8px solid #17201e;border-radius:35px;background:#efeae2;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.34),inset 0 0 0 1px #50605b;transform:translateZ(0)}
.wa-review-phone.featured{min-height:640px;transform:translateY(-8px);border-color:#d5ae4f;box-shadow:0 30px 80px rgba(0,0,0,.46),0 0 0 4px rgba(213,174,79,.15)}
.wa-featured-badge{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:8;background:#e0b64f;color:#073027;padding:6px 12px;border-radius:20px;font-size:9px;font-weight:1000;letter-spacing:1px;white-space:nowrap}
.wa-phone-top{height:26px;background:#0b141a;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#fff}
.wa-phone-top i{display:block;width:76px;height:17px;border-radius:0 0 13px 13px;background:#050807}
.wa-phone-top span{width:20px;height:4px;border-radius:4px;background:#6d7874}
.wa-chat-header{height:68px;background:#075e54;color:#fff;display:flex;align-items:center;gap:10px;padding:9px 11px}
.wa-chat-header button{border:0;background:transparent;color:#fff;font-size:32px;line-height:1;padding:0;cursor:default}
.wa-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e3bd5e,#fff0b4);color:#07352b;font-weight:1000;font-size:18px}
.wa-contact{min-width:0;flex:1;display:flex;flex-direction:column}
.wa-contact b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-contact small{font-size:10px;color:#d8eee8}
.wa-chat-header>span{font-size:17px}
.wa-chat-body{min-height:455px;padding:18px 12px 14px;background-color:#efeae2;background-image:
radial-gradient(circle at 20% 20%,rgba(7,94,84,.045) 0 2px,transparent 3px),
radial-gradient(circle at 75% 65%,rgba(7,94,84,.04) 0 2px,transparent 3px);background-size:34px 34px}
.featured .wa-chat-body{min-height:505px}
.wa-date{width:max-content;margin:0 auto 10px;padding:5px 9px;border-radius:7px;background:#fff;color:#63736e;font-size:9px;font-weight:800;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.wa-security{margin:0 auto 14px;padding:7px 10px;border-radius:7px;background:#ffeecd;color:#775d20;text-align:center;font-size:9px;line-height:1.4}
.wa-bubble,.wa-voice-note{position:relative;max-width:87%;margin:8px 0;padding:10px 10px 18px;border-radius:8px;color:#18231f;font-size:12px;line-height:1.55;box-shadow:0 1px 2px rgba(0,0,0,.17)}
.wa-bubble.received,.wa-voice-note.received{background:#fff;border-top-left-radius:2px}
.wa-bubble.sent{margin-left:auto;background:#d9fdd3;border-top-right-radius:2px}
.wa-bubble.short{max-width:72%}
.wa-bubble time,.wa-voice-note time{position:absolute;right:7px;bottom:4px;color:#75827e;font-size:8px;white-space:nowrap}
.wa-bubble.sent time span{color:#34a5e4;font-weight:1000}
.wa-voice-note{height:54px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:6px;padding:8px 9px 14px}
.wa-voice-note button{width:30px;height:30px;border:0;border-radius:50%;background:#079f86;color:#fff}
.wa-wave{overflow:hidden;color:#80918b;letter-spacing:1px;white-space:nowrap}
.wa-voice-note small{color:#6d7b76;font-size:8px}
.wa-chat-input{height:55px;display:flex;align-items:center;gap:8px;padding:7px;background:#efeae2}
.wa-chat-input>div{flex:1;height:39px;border-radius:22px;background:#fff;color:#89938f;display:flex;align-items:center;padding:0 13px;font-size:11px}
.wa-chat-input>b{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#00a884;color:#fff}
.wa-preview-label{padding:8px;background:#7a251f;color:#fff;text-align:center;font-size:8px;font-weight:1000;letter-spacing:.8px}
.wa-review-bottom{position:relative;z-index:1;max-width:1040px;margin:36px auto 0;padding:20px 24px;border:1px solid rgba(225,187,91,.55);border-radius:13px;background:rgba(0,25,18,.56);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.wa-review-bottom>div{display:flex;align-items:center;gap:13px}
.wa-review-bottom>div>span{font-size:26px}
.wa-review-bottom p{margin:0;display:flex;flex-direction:column}
.wa-review-bottom small{color:#c8dbd4;margin-top:4px}
.wa-review-bottom .wa{flex-shrink:0;text-decoration:none;padding:14px 18px;border-radius:8px}
@media(max-width:960px){
.wa-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.wa-review-phone:last-child{grid-column:1/-1;width:min(360px,100%);justify-self:center}
.wa-review-phone.featured{transform:none}
}
@media(max-width:720px){
.conversion-info-row{grid-template-columns:1fr}
.whatsapp-review-section{padding:58px 14px}
.wa-review-grid{grid-template-columns:1fr;max-width:390px}
.wa-review-phone:last-child{grid-column:auto;width:100%}
.wa-review-phone,.wa-review-phone.featured{min-height:590px}
.featured .wa-chat-body,.wa-chat-body{min-height:455px}
.wa-review-bottom{flex-direction:column;text-align:center;padding:20px 16px}
.wa-review-bottom>div{flex-direction:column}
.wa-review-bottom .wa{width:100%;text-align:center}
}
/* Final professional happy-customer/service trust section */
.happy-customer-section{
position:relative;
padding:82px 24px;
background:
radial-gradient(circle at 12% 20%,rgba(223,183,76,.15),transparent 31%),
radial-gradient(circle at 88% 76%,rgba(15,112,80,.22),transparent 34%),
linear-gradient(145deg,#faf7ef 0%,#f4ead2 48%,#fbf9f2 100%);
overflow:hidden;
}
.happy-customer-section:before,
.happy-customer-section:after{
content:"";
position:absolute;
width:310px;
height:310px;
border:1px solid rgba(111,81,24,.11);
border-radius:50%;
}
.happy-customer-section:before{left:-145px;top:-145px}
.happy-customer-section:after{right:-155px;bottom:-165px}
.happy-customer-inner{position:relative;z-index:1;max-width:1180px;margin:auto}
.happy-customer-heading{max-width:790px;margin:0 auto 42px;text-align:center}
.happy-customer-heading h2{
margin:8px 0 13px;
color:#07362a;
font:700 clamp(31px,4vw,47px)/1.08 Georgia,serif;
}
.happy-customer-heading p{margin:0;color:#56655f;line-height:1.75}
.happy-customer-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}
.happy-stat-card{
position:relative;
min-height:264px;
padding:29px 26px 27px;
border:1px solid #d7ba70;
border-radius:16px;
background:rgba(255,255,255,.9);
box-shadow:0 16px 42px rgba(30,55,43,.10);
text-align:center;
transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
overflow:hidden;
}
.happy-stat-card:before{
content:"";
position:absolute;
left:0;right:0;top:0;
height:4px;
background:linear-gradient(90deg,#064331,#ddb34d,#064331);
}
.happy-stat-card:hover{
transform:translateY(-7px);
border-color:#b98d29;
box-shadow:0 23px 52px rgba(27,62,47,.16);
}
.happy-stat-icon{
width:62px;height:62px;
margin:0 auto 16px;
display:grid;place-items:center;
border-radius:50%;
background:linear-gradient(145deg,#073d2f,#0c6b4c);
border:3px solid #e1bd61;
box-shadow:0 8px 22px rgba(6,63,46,.22);
font-size:27px;
}
.happy-stat-value{
color:#b08321;
font-size:12px;
font-weight:1000;
letter-spacing:1.45px;
text-transform:uppercase;
}
.happy-stat-card h3{
margin:7px 0 10px;
color:#07352a;
font:700 23px/1.22 Georgia,serif;
}
.happy-stat-card p{margin:0;color:#607069;font-size:13px;line-height:1.7}
.happy-customer-cta{
margin-top:30px;
padding:20px 22px;
display:grid;
grid-template-columns:1fr auto auto;
gap:13px;
align-items:center;
border:1px solid #d9b85d;
border-radius:14px;
background:linear-gradient(105deg,#03271d,#07513a);
box-shadow:0 18px 44px rgba(2,45,32,.19);
color:#fff;
}
.happy-customer-cta div{display:flex;flex-direction:column;gap:4px}
.happy-customer-cta small{color:#e4bd58;font-weight:900;letter-spacing:1.4px}
.happy-customer-cta strong{font:700 24px Georgia,serif}
.happy-customer-cta a{min-width:145px;text-align:center;text-decoration:none}
/* Final responsive and tap-target refinements */
img{max-width:100%;height:auto}
a,button{touch-action:manipulation}
.gold-btn,.wa,.sticky-call,.sticky-wa{min-height:48px}
@media(max-width:980px){
.happy-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.happy-customer-cta{grid-template-columns:1fr 1fr}
.happy-customer-cta>div{grid-column:1/-1;text-align:center}
}
@media(max-width:640px){
.happy-customer-section{padding:58px 13px}
.happy-customer-heading{margin-bottom:29px}
.happy-customer-heading h2{font-size:31px}
.happy-customer-heading p{font-size:14px}
.happy-customer-grid{grid-template-columns:1fr;gap:15px}
.happy-stat-card{min-height:0;padding:25px 20px}
.happy-stat-card:hover{transform:none}
.happy-customer-cta{grid-template-columns:1fr;padding:20px 15px}
.happy-customer-cta>div{grid-column:auto}
.happy-customer-cta strong{font-size:21px}
.happy-customer-cta a{width:100%}
}
@media(max-width:390px){
.happy-customer-section{padding-left:10px;padding-right:10px}
.happy-stat-card h3{font-size:21px}
.sticky-call,.sticky-wa{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Marquee repair only: original marquee design and text preserved */
.ticker{
position:relative;
overflow:hidden;
}
.ticker-track{
display:flex!important;
width:max-content!important;
will-change:transform;
animation:originalMarqueeMove 30s linear infinite!important;
transform:translate3d(0,0,0);
}
.ticker-group{
min-width:max-content;
flex:0 0 auto!important;
}
@keyframes originalMarqueeMove{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(-50%,0,0)}
}
@media(max-width:640px){
.ticker-track{animation-duration:23s!important}
}
@media(prefers-reduced-motion:reduce){
.ticker-track{animation:originalMarqueeMove 45s linear infinite!important}
}
/* Premium Islamic calendar section */
.islamic-calendar-section{
position:relative;
padding:78px 24px;
overflow:hidden;
background:
radial-gradient(circle at 12% 16%,rgba(224,184,76,.16),transparent 30%),
radial-gradient(circle at 88% 82%,rgba(16,111,80,.19),transparent 31%),
linear-gradient(145deg,#031b14,#07513a 55%,#03271d);
}
.islamic-calendar-section:before{
content:"☾";
position:absolute;
right:5%;
top:2%;
color:rgba(230,192,92,.08);
font-size:250px;
line-height:1;
}
.islamic-calendar-inner{position:relative;z-index:1;max-width:1180px;margin:auto}
.islamic-calendar-heading{max-width:790px;margin:0 auto 40px;text-align:center;color:#fff}
.islamic-calendar-heading h2{
margin:8px 0 13px;
font:700 clamp(32px,4vw,48px)/1.08 Georgia,serif;
}
.islamic-calendar-heading p{margin:0;color:#d4e3dd;line-height:1.75}
.islamic-calendar-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
}
.islamic-date-card{
position:relative;
min-height:286px;
padding:28px 22px;
overflow:hidden;
border:1px solid rgba(225,186,85,.72);
border-radius:16px;
background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(248,241,221,.96));
box-shadow:0 20px 48px rgba(0,0,0,.22);
text-align:center;
transition:transform .25s ease,box-shadow .25s ease;
}
.islamic-date-card:hover{transform:translateY(-7px);box-shadow:0 28px 58px rgba(0,0,0,.3)}
.islamic-date-card:after{
content:"";
position:absolute;
left:0;right:0;bottom:0;
height:4px;
background:linear-gradient(90deg,#07513a,#ddb64e,#07513a);
}
.islamic-date-icon{
width:66px;height:66px;
margin:0 auto 17px;
display:grid;place-items:center;
border-radius:50%;
background:linear-gradient(145deg,#063a2d,#0b6a4c);
border:3px solid #deb650;
box-shadow:0 10px 24px rgba(6,63,46,.23);
font-size:29px;
}
.islamic-date-card small{
display:block;
color:#a47b20;
font-size:10px;
font-weight:1000;
letter-spacing:1.25px;
}
.islamic-date-card h3{
margin:8px 0 12px;
color:#07362a;
font:700 24px/1.2 Georgia,serif;
}
.islamic-date-card time{
display:inline-block;
padding:8px 12px;
border-radius:8px;
background:#063c2e;
color:#f5d77b;
font-weight:900;
font-size:14px;
}
.islamic-date-card p{margin:14px 0 0;color:#5e6d67;font-size:13px;line-height:1.65}
.islamic-date-card.upcoming{
border:2px solid #e3bd5d;
transform:translateY(-8px);
}
.islamic-upcoming-badge{
position:absolute;
right:-36px;top:18px;
width:135px;
padding:7px 0;
transform:rotate(38deg);
background:#d7a933;
color:#052d23;
font-size:9px;
font-weight:1000;
letter-spacing:1px;
}
.islamic-calendar-note{
margin-top:28px;
padding:17px 20px;
display:flex;
align-items:flex-start;
gap:12px;
border:1px solid rgba(226,188,91,.48);
border-radius:12px;
background:rgba(0,24,18,.58);
color:#dce9e4;
}
.islamic-calendar-note span{
flex:0 0 28px;
width:28px;height:28px;
display:grid;place-items:center;
border-radius:50%;
background:#deb650;
color:#06362a;
font-weight:1000;
}
.islamic-calendar-note p{margin:0;line-height:1.65;font-size:13px}
.islamic-calendar-note b{color:#f0ce74}
@media(max-width:980px){
.islamic-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.islamic-date-card.upcoming{transform:none}
}
@media(max-width:620px){
.islamic-calendar-section{padding:56px 13px}
.islamic-calendar-heading{margin-bottom:28px}
.islamic-calendar-heading h2{font-size:31px}
.islamic-calendar-grid{grid-template-columns:1fr;gap:15px}
.islamic-date-card{min-height:0;padding:25px 18px}
.islamic-date-card:hover{transform:none}
.islamic-calendar-note{text-align:left}
}
/* FINAL HEADER ACTION FIX */
.header-inner{
max-width:1440px;
}
.head-actions{
display:grid!important;
grid-template-columns:142px 195px;
gap:16px!important;
align-self:stretch;
flex:0 0 auto;
}
.header-action{
min-height:82px;
padding:12px 15px;
display:flex!important;
align-items:center;
justify-content:center;
gap:10px;
border-radius:0 0 10px 10px;
text-decoration:none;
line-height:1.05;
}
.header-call{
border:1px solid #e1b84e;
border-top:0;
background:#062f25;
color:#f5cf61;
}
.header-whatsapp{
border:1px solid #15955c;
border-top:0;
background:#126c43;
color:#fff;
}
.header-action-icon{
flex:0 0 auto;
font-size:22px;
}
.header-action-copy{
display:flex;
flex-direction:column;
gap:5px;
text-align:left;
}
.header-action-copy strong{
font-size:16px;
font-weight:1000;
letter-spacing:.3px;
}
.header-action-copy small{
font-size:11px;
font-weight:900;
line-height:1.2;
white-space:nowrap;
}
.header-action:hover{
transform:translateY(-2px);
filter:brightness(1.07);
}
@media(max-width:1240px){
.header-inner{padding-left:16px;padding-right:16px}
.header-inner nav{gap:20px}
.head-actions{grid-template-columns:128px 164px;gap:9px!important}
.header-action{padding-left:10px;padding-right:10px}
.header-action-copy strong{font-size:14px}
.header-action-copy small{font-size:10px}
}
@media(max-width:1050px){
.head-actions{
display:flex!important;
width:100%;
gap:9px!important;
padding:9px 14px 12px;
}
.header-action{
flex:1;
min-height:54px;
border-radius:8px;
border-top:1px solid;
}
.header-action-copy strong{font-size:13px}
}
@media(max-width:480px){
.head-actions{padding-left:10px;padding-right:10px}
.header-action{padding:9px 7px;gap:6px}
.header-action-icon{font-size:18px}
.header-action-copy strong{font-size:12px}
.header-action-copy small{font-size:9px}
}
/* Review UI final polish */
.wa-review-phone{
padding-bottom:18px!important;
}
.wa-featured-badge{
white-space:nowrap;
max-width:88%;
overflow:hidden;
text-overflow:ellipsis;
}
.wa-review-phone .wa-chat-body{
min-height:545px;
}
@media(max-width:640px){
.wa-review-phone .wa-chat-body{min-height:510px}
}
/* LIVE ISLAMIC CALENDAR */
.live-hijri-dashboard{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px;
margin-bottom:25px;
}
.live-hijri-main,
.live-next-event{
position:relative;
min-height:220px;
padding:30px;
border:1px solid rgba(226,188,91,.72);
border-radius:17px;
background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,238,211,.97));
box-shadow:0 20px 48px rgba(0,0,0,.22);
color:#07362a;
text-align:center;
}
.live-calendar-icon{
width:66px;
height:66px;
margin:0 auto 15px;
display:grid;
place-items:center;
border-radius:50%;
background:linear-gradient(145deg,#063a2d,#0b6a4c);
border:3px solid #deb650;
color:#f1cf75;
font-size:34px;
}
.live-hijri-main small,
.live-next-event small{
color:#a47b20;
font-size:10px;
font-weight:1000;
letter-spacing:1.35px;
}
.live-hijri-main h3,
.live-next-event h3{
margin:9px 0;
font:700 clamp(25px,3vw,36px)/1.15 Georgia,serif;
}
.live-hijri-main p{margin:0;color:#627068}
.live-next-event time{
display:block;
color:#54665e;
font-weight:800;
}
.event-countdown{
display:inline-block;
margin-top:17px;
padding:10px 15px;
border-radius:999px;
background:#063c2e;
color:#f5d77b;
font-size:13px;
font-weight:1000;
}
.live-event-grid{
margin-top:0;
}
.loading-card{
grid-column:1/-1;
}
@media(max-width:760px){
.live-hijri-dashboard{grid-template-columns:1fr}
.live-hijri-main,.live-next-event{min-height:0;padding:25px 18px}
}
/* COMPACT LIVE ISLAMIC CALENDAR */
.compact-islamic-calendar{
padding:52px 22px!important;
}
.compact-calendar-heading{
margin-bottom:24px!important;
}
.compact-calendar-heading h2{
font-size:clamp(29px,3.5vw,40px)!important;
margin-bottom:9px!important;
}
.compact-calendar-heading p{
max-width:720px;
margin:auto;
font-size:14px;
}
.compact-calendar-layout{
display:grid;
grid-template-columns:1.08fr .92fr;
gap:18px;
max-width:1040px;
margin:0 auto;
}
.compact-hijri-card,
.compact-next-card{
min-height:150px;
padding:23px 25px;
border:1px solid #d9b857;
border-radius:15px;
background:linear-gradient(145deg,#fff,#f5edd7);
box-shadow:0 14px 34px rgba(0,0,0,.16);
}
.compact-hijri-card{
display:flex;
align-items:center;
gap:20px;
text-align:left;
}
.compact-moon{
flex:0 0 64px;
width:64px;
height:64px;
display:grid;
place-items:center;
border-radius:50%;
border:3px solid #deb650;
background:#07503b;
color:#f4cf69;
font-size:31px;
}
.compact-hijri-card small,
.compact-next-card small{
color:#a27619;
font-size:10px;
font-weight:1000;
letter-spacing:1.25px;
}
.compact-hijri-card h3,
.compact-next-card h3{
margin:5px 0 4px;
color:#07362a;
font:700 clamp(22px,2.7vw,31px)/1.12 Georgia,serif;
}
.compact-hijri-card p,
.compact-next-card time{
color:#607069;
font-size:13px;
}
.compact-next-card{
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
}
.compact-next-card strong{
display:inline-block;
align-self:center;
margin-top:11px;
padding:8px 13px;
border-radius:999px;
background:#063c2e;
color:#f5d77b;
font-size:12px;
}
.compact-event-strip{
max-width:1040px;
margin:16px auto 0;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}
.compact-event-item{
min-height:88px;
padding:13px 14px;
display:flex;
align-items:center;
gap:10px;
border:1px solid rgba(224,184,76,.52);
border-radius:11px;
background:rgba(0,28,21,.55);
color:#fff;
}
.compact-event-item.is-next{
border-color:#efc65f;
background:rgba(222,182,80,.14);
}
.compact-event-item>span{
font-size:24px;
}
.compact-event-item div{
min-width:0;
display:flex;
flex-direction:column;
gap:2px;
}
.compact-event-item small{
color:#efc65f;
font-size:8px;
font-weight:1000;
letter-spacing:1px;
}
.compact-event-item b{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:12px;
}
.compact-event-item time{
color:#cddfd8;
font-size:10px;
}
.compact-moon-note{
max-width:1040px;
margin:13px auto 0;
text-align:center;
color:#d7e5df;
font-size:11px;
}
@media(max-width:800px){
.compact-calendar-layout{grid-template-columns:1fr}
.compact-event-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
.compact-islamic-calendar{padding:42px 12px!important}
.compact-hijri-card{padding:20px 16px;gap:13px}
.compact-next-card{padding:20px 16px}
.compact-moon{flex-basis:53px;width:53px;height:53px;font-size:26px}
.compact-event-strip{grid-template-columns:1fr}
}
/* ABOUT AHMAD KHAN */
.about-ahmad-section{
padding:76px 24px;
background:
radial-gradient(circle at 10% 15%,rgba(216,176,67,.12),transparent 27%),
linear-gradient(145deg,#fffdf8,#f4ead3);
}
.about-ahmad-inner{
max-width:1180px;
margin:auto;
display:grid;
grid-template-columns:1.45fr .75fr;
gap:34px;
align-items:stretch;
}
.about-ahmad-copy{
padding:37px;
border:1px solid #dbc06f;
border-radius:17px;
background:rgba(255,255,255,.92);
box-shadow:0 18px 45px rgba(35,61,48,.10);
}
.about-ahmad-copy h2{
margin:8px 0 16px;
color:#07362a;
font:700 clamp(31px,4vw,47px)/1.08 Georgia,serif;
}
.about-ahmad-copy>p{
color:#586a62;
line-height:1.75;
}
.about-trust-list{
margin-top:23px;
display:grid;
grid-template-columns:1fr 1fr;
gap:13px;
}
.about-trust-list>div{
padding:15px;
display:flex;
gap:11px;
border:1px solid #ead9a8;
border-radius:11px;
background:#fbf8ef;
}
.about-trust-list>div>span{
flex:0 0 27px;
width:27px;
height:27px;
display:grid;
place-items:center;
border-radius:50%;
background:#07503b;
color:#efca66;
font-weight:1000;
}
.about-trust-list p{
margin:0;
display:flex;
flex-direction:column;
gap:4px;
}
.about-trust-list b{color:#07362a;font-size:14px}
.about-trust-list small{color:#6a7871;line-height:1.45}
.about-ahmad-actions{
margin-top:23px;
display:flex;
flex-wrap:wrap;
gap:12px;
}
.about-ahmad-card{
padding:34px 27px;
border:1px solid #dfb94f;
border-radius:17px;
background:linear-gradient(155deg,#03271d,#07523a);
box-shadow:0 20px 48px rgba(0,40,29,.24);
color:#fff;
text-align:center;
}
.about-profile-mark{
width:88px;
height:88px;
margin:0 auto 17px;
display:grid;
place-items:center;
border-radius:50%;
border:4px solid #e0ba53;
background:#0b6a4c;
color:#f7d774;
font:700 31px Georgia,serif;
}
.about-ahmad-card h3{
margin:0;
font:700 30px Georgia,serif;
}
.about-ahmad-card>p{
margin:7px 0 21px;
color:#d8e6e0;
}
.about-case-focus{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
}
.about-case-focus span{
padding:8px 10px;
border:1px solid rgba(237,198,93,.48);
border-radius:999px;
background:rgba(255,255,255,.07);
color:#f5d77b;
font-size:11px;
font-weight:800;
}
.about-ahmad-card>small{
display:block;
margin-top:22px;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.13);
color:#bcd1c8;
line-height:1.5;
}
@media(max-width:900px){
.about-ahmad-inner{grid-template-columns:1fr}
}
@media(max-width:640px){
.about-ahmad-section{padding:55px 13px}
.about-ahmad-copy{padding:26px 19px}
.about-trust-list{grid-template-columns:1fr}
.about-ahmad-actions a{width:100%;text-align:center}
}
/* Premium Islamic artwork inside Ahmad Khan profile card */
.about-islamic-art{
position:relative;
min-height:260px;
margin-top:25px;
padding:28px 18px 20px;
overflow:hidden;
border-top:1px solid rgba(255,255,255,.14);
background:
radial-gradient(circle at 50% 42%,rgba(229,190,83,.18),transparent 30%),
linear-gradient(180deg,rgba(255,255,255,.01),rgba(0,20,15,.18));
text-align:center;
}
.about-islamic-art:before,
.about-islamic-art:after{
content:"";
position:absolute;
width:120px;
height:120px;
border:1px solid rgba(229,190,83,.13);
border-radius:50%;
}
.about-islamic-art:before{left:-66px;top:20px}
.about-islamic-art:after{right:-70px;bottom:8px}
.art-stars{
position:absolute;
left:50%;
top:17px;
transform:translateX(-50%);
color:#dfb94f;
font-size:14px;
letter-spacing:8px;
opacity:.75;
}
.art-crescent{
position:relative;
z-index:2;
width:66px;
height:66px;
margin:6px auto 12px;
display:grid;
place-items:center;
border:2px solid #e3bd58;
border-radius:50%;
background:linear-gradient(145deg,#0b6a4c,#043428);
box-shadow:0 10px 28px rgba(0,0,0,.26),0 0 28px rgba(225,186,81,.12);
color:#f3ce68;
font-size:35px;
}
.art-title{
position:relative;
z-index:2;
margin-bottom:18px;
color:#f5d77b;
font:700 17px Georgia,serif;
letter-spacing:.5px;
}
.art-mosque{
position:relative;
z-index:2;
height:86px;
margin:0 auto 13px;
max-width:280px;
border-bottom:4px solid #deb650;
}
.art-mosque .dome,
.art-mosque .minaret{
position:absolute;
bottom:0;
display:block;
background:linear-gradient(180deg,#ddb64e,#9f741a);
box-shadow:0 0 16px rgba(225,185,78,.18);
}
.art-mosque .dome{
border-radius:80px 80px 7px 7px;
}
.art-mosque .dome:before{
content:"";
position:absolute;
left:50%;
top:-13px;
width:2px;
height:15px;
transform:translateX(-50%);
background:#e0b94f;
}
.art-mosque .dome:after{
content:"☾";
position:absolute;
left:50%;
top:-28px;
transform:translateX(-50%);
color:#f2cf6e;
font-size:14px;
}
.art-mosque .main{
left:50%;
width:86px;
height:64px;
transform:translateX(-50%);
}
.art-mosque .small-left{
left:20%;
width:48px;
height:41px;
}
.art-mosque .small-right{
right:20%;
width:48px;
height:41px;
}
.art-mosque .minaret{
width:18px;
height:68px;
border-radius:8px 8px 0 0;
}
.art-mosque .minaret:before{
content:"";
position:absolute;
left:50%;
top:-14px;
width:28px;
height:17px;
transform:translateX(-50%);
border-radius:50% 50% 4px 4px;
background:#ddb64e;
}
.art-mosque .minaret:after{
content:"";
position:absolute;
left:50%;
top:-26px;
width:2px;
height:14px;
transform:translateX(-50%);
background:#e0b94f;
}
.art-mosque .left{left:5%}
.art-mosque .right{right:5%}
.about-islamic-art p{
position:relative;
z-index:2;
max-width:310px;
margin:0 auto;
color:#c9ddd5;
font-size:12px;
line-height:1.6;
}
@media(max-width:900px){
.about-islamic-art{min-height:235px}
}
/* =========================================================
FINAL MOBILE RESPONSIVE LOCK — 2026-07-29
Keeps desktop design intact and prevents every mobile overflow.
========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{min-width:0!important}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
main,header,section,footer,div,article,aside,nav{min-width:0}
p,h1,h2,h3,h4,h5,h6,span,a,small,strong,li{overflow-wrap:anywhere}
@media(max-width:850px){
.header{position:relative;width:100%;overflow:visible}
.header-inner{
width:100%;max-width:100%;min-height:0!important;
padding:10px 12px 0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto;
grid-template-areas:"logo menu" "actions actions";
align-items:center;gap:8px 10px!important;
}
.logo{grid-area:logo;min-width:0!important;width:auto;max-width:100%;overflow:hidden}
.logo-mark{flex:0 0 48px;width:48px!important;height:54px!important}
.logo-copy{min-width:0;margin-left:9px}
.logo-copy>strong{font-size:clamp(16px,5.2vw,21px)!important;white-space:nowrap}
.menu{grid-area:menu;display:block!important;margin:0!important;padding:7px 8px;line-height:1}
.header nav{top:100%!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important}
.head-actions{
grid-area:actions;
display:grid!important;width:100%!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:8px!important;padding:0 0 10px!important;
align-self:auto!important;
}
.header-action{
width:100%!important;min-width:0!important;min-height:54px!important;height:auto!important;
padding:9px 8px!important;border-radius:8px!important;border-top:1px solid!important;
gap:7px!important;overflow:hidden
}
.header-action-icon{font-size:18px!important}
.header-action-copy{min-width:0;gap:3px!important;text-align:center!important}
.header-action-copy strong{font-size:12px!important;white-space:nowrap}
.header-action-copy small{font-size:8.5px!important;white-space:nowrap!important;letter-spacing:-.1px}
.ticker,.ticker-track,.ticker-group{max-width:none}
.ticker{width:100%;overflow:hidden!important}
.hero{width:100%;min-height:0!important;background-position:center!important}
.hero:before,.hero:after{width:54px!important;opacity:.38}
.hero-inner{
width:100%!important;max-width:100%!important;margin:0!important;
padding:34px 15px 28px!important;display:grid!important;
grid-template-columns:minmax(0,1fr)!important;gap:26px!important
}
.hero-copy,.expert-card{width:100%;max-width:100%!important;min-width:0}
.hero h1{font-size:clamp(30px,9vw,39px)!important;line-height:1.12!important}
.hero h1 br{display:none}
.intro{width:100%;max-width:590px;font-size:15px!important}
.trust{width:100%;gap:12px 18px!important}
.hero-buttons{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important}
.hero-buttons a,.hero-buttons .big{width:100%!important;min-width:0!important;padding:13px 8px!important;font-size:13px;text-align:center}
.available{width:100%!important;max-width:100%;padding:0 5px}
.expert-card{margin:0 auto!important;padding:27px 16px 20px!important;border-radius:110px 110px 8px 8px!important}
.expert-card h2{font-size:clamp(27px,8vw,31px)!important}
.card-copy br{display:none}
.card-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}
.card-actions a{min-width:0!important;width:100%!important;padding:12px 7px!important;font-size:12px!important}
.conversion-trust-strip{width:100%!important;max-width:100%!important;margin:0!important;grid-template-columns:1fr 1fr!important}
.conversion-trust-strip>div{min-width:0!important;padding-left:10px!important;padding-right:10px!important}
.services,.premium-services,.help-section,.about-home,.islamic-calendar-section,.reviews-section,.faq-section{width:100%;max-width:100%;padding-left:14px!important;padding-right:14px!important}
.cards,.service-grid,.help-grid,.three-columns,.faq-grid,.footer-grid,.about-box,.live-hijri-dashboard{width:100%;max-width:100%}
.section-title h2,.help-heading h2{overflow-wrap:normal!important;word-break:normal!important}
.name-banner,.final-cta{width:auto!important;max-width:calc(100% - 28px)!important;margin-left:14px!important;margin-right:14px!important;padding-left:18px!important;padding-right:18px!important}
.banner-contact,.banner-contact>div,.final-cta>div{width:100%;max-width:100%}
.banner-contact>strong{font-size:clamp(22px,7vw,29px)!important;overflow-wrap:normal!important}
.banner-contact a,.final-cta a{min-width:0!important;max-width:100%}
.ahmad-realistic-banner{width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}
.ahmad-realistic-banner img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;transform:none!important;object-fit:contain!important}
.ahmad-realistic-phone{position:static!important;width:calc(100% - 28px)!important;margin:10px 14px 14px!important;transform:none!important;min-width:0!important}
.wa-review-phone,.wa-chat-body,.wa-chat-header{width:100%;max-width:100%;min-width:0}
.wa-featured-badge{max-width:100%!important;white-space:normal!important}
}
@media(max-width:560px){
.hero-buttons{grid-template-columns:1fr!important}
.card-actions{grid-template-columns:1fr 1fr!important}
.conversion-trust-strip{grid-template-columns:1fr 1fr!important}
.service-grid,.three-columns,.faq-grid,.footer-grid,.live-hijri-dashboard{grid-template-columns:1fr!important}
.help-grid{grid-template-columns:1fr!important}
.about-points{grid-template-columns:1fr 1fr!important}
.name-banner h2,.about-box h2,.final-cta h2{font-size:clamp(27px,9vw,34px)!important}
}
@media(max-width:390px){
.header-inner{padding-left:8px!important;padding-right:8px!important}
.logo-mark{flex-basis:43px;width:43px!important;height:49px!important}
.logo-copy>strong{font-size:15px!important}
.head-actions{gap:6px!important}
.header-action{padding:8px 5px!important;gap:4px!important}
.header-action-icon{font-size:15px!important}
.header-action-copy strong{font-size:11px!important}
.header-action-copy small{font-size:7.5px!important}
.conversion-trust-strip{grid-template-columns:1fr!important}
.about-points{grid-template-columns:1fr!important}
}
/* FINAL MOBILE FOOTER CENTER FIX — 2026-07-29 */
@media(max-width:600px){
.footer{
width:100%!important;
max-width:100%!important;
padding:42px 18px 20px!important;
text-align:center!important;
overflow:hidden!important;
}
.footer-grid{
width:100%!important;
max-width:520px!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:28px!important;
justify-items:center!important;
text-align:center!important;
}
.footer-grid>div{
width:100%!important;
max-width:420px!important;
margin:0 auto!important;
text-align:center!important;
grid-column:auto!important;
}
.footer h3,.footer h4,.footer p,
.footer a,.footer span{
text-align:center!important;
margin-left:auto!important;
margin-right:auto!important;
}
.footer-grid p{
max-width:390px!important;
}
.ads-disclaimer{
width:100%!important;
max-width:520px!important;
margin:28px auto 0!important;
padding-left:0!important;
padding-right:0!important;
text-align:center!important;
}
.footer-bottom{
width:100%!important;
max-width:520px!important;
margin:28px auto 0!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
text-align:center!important;
}
.footer-bottom span{
width:100%!important;
display:block!important;
margin:0 auto!important;
text-align:center!important;
}
.footer-bottom a{
display:inline!important;
}
}
/* FINAL WHAT-WE-HELP MOBILE LAYOUT FIX — 2026-07-29 */
.help-section,
.help-section .help-heading,
.help-section .help-grid,
.help-section .help-card{
box-sizing:border-box;
}
@media(max-width:760px){
.help-section{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:40px 14px 46px!important;
overflow:hidden!important;
}
.help-heading{
width:100%!important;
max-width:100%!important;
margin:0 auto 24px!important;
padding:0 4px!important;
text-align:center!important;
}
.help-heading h2{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
width:100%!important;
margin:0!important;
font-size:clamp(25px,7.4vw,32px)!important;
line-height:1.14!important;
letter-spacing:0!important;
white-space:normal!important;
overflow-wrap:normal!important;
word-break:keep-all!important;
}
.help-heading h2 span{
flex:0 0 auto!important;
margin:0!important;
font-size:14px!important;
}
.help-heading p{
max-width:520px!important;
margin:10px auto 0!important;
padding:0 4px!important;
font-size:14px!important;
line-height:1.55!important;
}
.help-grid{
width:100%!important;
max-width:540px!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:16px!important;
}
.help-card{
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:24px 22px 26px!important;
border-radius:52px 52px 14px 14px!important;
overflow:hidden!important;
text-align:center!important;
}
.help-icon{
width:64px!important;
height:64px!important;
margin:0 auto 14px!important;
font-size:27px!important;
}
.help-card h3{
width:100%!important;
min-height:0!important;
margin:0 0 16px!important;
font-size:22px!important;
line-height:1.16!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.help-card h3 br{display:none!important}
.help-card ul{
display:inline-block!important;
width:auto!important;
max-width:100%!important;
margin:0 auto!important;
padding-left:21px!important;
text-align:left!important;
font-size:15px!important;
line-height:1.55!important;
}
.help-card li{
margin:0 0 6px!important;
padding-left:2px!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
}
@media(max-width:360px){
.help-section{padding-left:10px!important;padding-right:10px!important}
.help-heading h2{font-size:23px!important;gap:4px!important}
.help-heading h2 span{font-size:11px!important}
.help-card{padding:22px 16px 24px!important;border-radius:44px 44px 12px 12px!important}
.help-card h3{font-size:20px!important}
.help-card ul{font-size:14px!important}
}