
/* Dynamic Shifa experience */
.real-logo{min-width:190px;height:68px;overflow:hidden}.real-logo img{width:190px;height:125px;object-fit:contain;transform:translateY(-28px);filter:drop-shadow(0 3px 5px rgba(0,43,85,.08))}
.hero-slider{height:590px;min-height:590px;position:relative;background:#032f5d}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .9s ease,transform 5.8s ease,visibility .9s;overflow:hidden}.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,38,76,.98) 0%,rgba(0,54,101,.9) 42%,rgba(0,45,86,.2) 78%);z-index:1}.hero-slide:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12% 25%,rgba(38,175,245,.15) 0 2px,transparent 3px),linear-gradient(115deg,transparent 70%,rgba(32,167,235,.14) 70.2%,transparent 70.8%);background-size:42px 42px,100% 100%;z-index:1;pointer-events:none}.hero-slide.s1{background:url('https://lightskyblue-walrus-601216.hostingersite.com/wp-content/uploads/2026/09/Shifa-medical-imaging-hero.jpg') center/cover}.hero-slide.s2{background:url('https://lightskyblue-walrus-601216.hostingersite.com/wp-content/uploads/2026/09/Radiology-workflow.jpg') center/cover}.hero-slide.s3{background:url('https://lightskyblue-walrus-601216.hostingersite.com/wp-content/uploads/2026/09/X-ray-consultation.jpg') center/cover}.hero-slide.s4{background:url('https://lightskyblue-walrus-601216.hostingersite.com/wp-content/uploads/2026/09/Healthcare-technology.jpg') center/cover}.hero-slider .hero-inner{position:relative;z-index:3;height:590px;min-height:590px}.hero-slider .hero-copy{transform:translateY(28px);opacity:0}.hero-slide.active .hero-copy{animation:heroCopy .85s .2s cubic-bezier(.2,.8,.2,1) forwards}.hero-slide.active h1 span{display:inline-block;animation:glowIn 1.1s .45s both}.slider-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,36,72,.32);backdrop-filter:blur(10px);color:#fff;font-size:32px;cursor:pointer;transition:.25s}.slider-arrow:hover{background:var(--red);border-color:var(--red);transform:translateY(-50%) scale(1.08)}.slider-arrow.prev{left:22px}.slider-arrow.next{right:22px}.slider-dots{position:absolute;z-index:8;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:9px}.slider-dots button{width:9px;height:9px;border-radius:20px;border:0;padding:0;background:rgba(255,255,255,.45);transition:.35s;cursor:pointer}.slider-dots button.on{width:35px;background:#fff}.hero-orbit{position:absolute;z-index:2;border:1px solid rgba(70,190,255,.25);border-radius:50%;pointer-events:none}.orbit-a{width:390px;height:390px;right:-170px;bottom:-150px;animation:orbit 14s linear infinite}.orbit-b{width:230px;height:230px;right:4%;top:-140px;border-color:rgba(239,31,47,.3);animation:orbit 10s linear reverse infinite}
.card,.product{position:relative;overflow:hidden}.card:before,.product:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(42,174,242,.13),transparent 68%);right:-45px;top:-45px;transition:.5s}.card:hover:before,.product:hover:before{transform:scale(1.8)}.card .icon{transition:.45s}.card:hover .icon{transform:rotate(-8deg) scale(1.12)}.about-img{position:relative;overflow:hidden}.about-img:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,rgba(49,181,242,.18));animation:lightSweep 6s ease-in-out infinite}.stats b{transition:.3s}.stats-grid div:hover b{color:#6ed2ff;transform:translateY(-3px)}.product-visual{transition:.5s}.product:hover .product-visual{transform:scale(1.035)}.brand-row span{transition:.3s}.brand-row span:hover{filter:none;opacity:1;transform:translateY(-4px) scale(1.05)}.cta{position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:520px;height:110px;right:-70px;bottom:-65px;border:16px solid var(--red);border-left-color:#159fe9;border-radius:50%;transform:rotate(-10deg)}
@keyframes heroCopy{to{opacity:1;transform:translateY(0)}}@keyframes glowIn{0%{opacity:0;filter:blur(8px);transform:translateY(12px)}100%{opacity:1;filter:blur(0);transform:none}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes lightSweep{0%,100%{transform:translateX(-30%)}50%{transform:translateX(30%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:640px){.real-logo{min-width:150px}.real-logo img{width:155px}.hero-slider,.hero-slider .hero-inner{height:620px;min-height:620px}.slider-arrow{width:38px;height:38px;font-size:25px}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.hero-slider .hero-copy{padding:0 26px}.hero-slider h1{font-size:36px}}
