@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1f2937;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;direction:rtl;background:#fff;min-width:320px;margin:0;font-family:Tajawal,Arial,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#0876b938}:root{--primary:#0876b9;--primary-dark:#075f94;--secondary:#d7193f;--secondary-dark:#b61334;--dark:#123047;--darker:#0a2436;--light:#f4f9fc;--white:#fff;--text:#536575;--border:#e2edf3;--shadow:0 14px 40px #1a425a14}.site{min-height:100vh;overflow-x:hidden}.hero{min-height:720px;color:var(--white);background:radial-gradient(circle at 10% 10%,#58b8e766,#0000 28%),linear-gradient(135deg,#054a74 0%,#0876b9 62%,#1190cc 100%);padding:0 7%}.navbar{border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:30px;min-height:100px;display:flex}.brand{flex-shrink:0;align-items:center;gap:14px;display:flex}.brand-logo{background:var(--white);border-radius:50%;place-items:center;width:74px;height:74px;padding:4px;display:grid;overflow:hidden;box-shadow:0 8px 24px #00000029}.brand-logo img{object-fit:contain;width:100%;height:100%}.brand-text h2{margin-bottom:4px;font-size:22px}.brand-text p{opacity:.82;font-size:13px}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{padding:12px 0;font-size:15px;font-weight:600;position:relative}.nav-links a:after{content:"";background:var(--white);border-radius:99px;width:0;height:2px;transition:width .25s;position:absolute;bottom:5px;right:0}.nav-links a:hover:after{width:100%}.hero-content{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:80px;min-height:610px;display:grid}.hero-text{max-width:730px}.badge{background:#ffffff1f;border:1px solid #ffffff59;border-radius:999px;margin-bottom:23px;padding:10px 17px;font-size:14px;font-weight:600;display:inline-block}.hero-text h1{max-width:690px;margin-bottom:22px;font-size:clamp(42px,5vw,72px);line-height:1.2}.hero-text p{opacity:.93;max-width:660px;font-size:19px;line-height:2}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-buttons a{text-align:center;border-radius:12px;min-width:165px;padding:15px 25px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.hero-buttons a:hover{transform:translateY(-3px)}.primary-btn{background:var(--secondary);box-shadow:0 12px 30px #d7193f47}.primary-btn:hover{background:var(--secondary-dark)}.secondary-btn{background:#ffffff1a;border:1px solid #ffffffa6}.secondary-btn:hover{background:#ffffff2e}.hero-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border:1px solid #ffffff38;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:42px;display:flex;box-shadow:0 25px 70px #00000029}.medical-icon{background:var(--white);width:105px;height:105px;color:var(--secondary);border-radius:50%;place-items:center;margin-bottom:24px;font-size:72px;font-weight:300;line-height:1;display:grid}.hero-card h3{margin-bottom:9px;font-size:27px}.hero-card>p{opacity:.86}.working-hours{border-top:1px solid #ffffff40;justify-content:space-between;align-items:center;gap:15px;width:100%;max-width:260px;margin-top:28px;padding-top:20px;font-size:14px;display:flex}.working-hours strong{font-size:15px}.section{padding:100px 8%;scroll-margin-top:20px}.light-section{background:var(--light)}.section-heading{text-align:center;max-width:780px;margin:0 auto 48px}.section-heading span,.contact-content>span{color:var(--secondary);font-size:15px;font-weight:800}.section-heading h2,.contact-content h2{color:var(--dark);margin-top:10px;font-size:clamp(30px,4vw,46px);line-height:1.35}.about-text{max-width:1000px;color:var(--text);text-align:center;margin:auto;font-size:19px;line-height:2.25}.cards-grid{gap:24px;max-width:1180px;margin:auto;display:grid}.services-grid,.clinics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.clinic-card,.identity-card{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow);border-radius:20px;padding:34px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.service-card:hover,.clinic-card:hover,.identity-card:hover{border-color:#0876b940;transform:translateY(-6px);box-shadow:0 20px 50px #1a425a24}.card-icon{margin-bottom:18px;font-size:43px}.service-card h3,.clinic-card h3,.identity-card h3{color:var(--dark);margin-bottom:13px;font-size:22px}.service-card p,.clinic-card p,.identity-card p{color:var(--text);line-height:1.95}.clinic-card{padding-top:70px}.clinic-mark{color:var(--secondary);font-size:34px;font-weight:300;line-height:1;position:absolute;top:24px;right:34px}.identity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1180px;margin:auto;display:grid}.identity-number{color:#0876b917;font-size:65px;font-weight:900;line-height:1;position:absolute;top:18px;left:25px}.identity-card h3{margin-top:20px;font-size:25px;position:relative}.values-list{color:var(--text);gap:12px;list-style:none;display:grid}.values-list li{padding-right:24px;line-height:1.6;position:relative}.values-list li:before{content:"✓";color:var(--secondary);font-weight:900;position:absolute;right:0}.contact-section{background:radial-gradient(circle at left top, #0876b94d, transparent 36%), var(--dark);color:var(--white);border-radius:28px;justify-content:space-between;align-items:center;gap:45px;margin:40px 8% 80px;padding:58px;scroll-margin-top:25px;display:flex;box-shadow:0 25px 70px #1230472e}.contact-content{flex:1}.contact-content h2{max-width:680px;color:var(--white)}.contact-details{gap:9px;margin-top:24px;display:grid}.contact-details p{color:#ffffffd1;line-height:1.8}.contact-details strong{color:var(--white)}.contact-buttons{flex-direction:column;flex-shrink:0;gap:12px;width:250px;display:flex}.contact-buttons a{text-align:center;border-radius:11px;padding:15px 22px;font-weight:800;transition:transform .2s,filter .2s}.contact-buttons a:hover{filter:brightness(1.07);transform:translateY(-2px)}.contact-phone{background:var(--primary)}.contact-whatsapp{background:#179b56}.contact-email{background:var(--secondary)}.footer{background:var(--darker);color:#ffffffc2;justify-content:space-between;align-items:center;gap:30px;padding:30px 7%;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand img{background:var(--white);object-fit:contain;border-radius:50%;width:54px;height:54px;padding:3px}.footer-brand strong{color:var(--white);margin-bottom:4px;display:block}.footer-brand p,.copyright{font-size:14px}.floating-whatsapp{z-index:20;min-width:76px;color:var(--white);text-align:center;background:#179b56;border-radius:999px;padding:13px 17px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;position:fixed;bottom:22px;left:22px;box-shadow:0 12px 30px #179b5652}.floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 16px 35px #179b566b}@media (width<=1000px){.nav-links{gap:17px}.hero-content{gap:45px}.contact-section{padding:45px}}@media (width<=900px){.navbar{min-height:94px;padding:14px 0}.nav-links{display:none}.hero{min-height:auto}.hero-content{grid-template-columns:1fr;gap:45px;min-height:auto;padding:70px 0}.hero-text{max-width:780px}.hero-card{width:100%;min-height:300px}.services-grid,.clinics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-grid{grid-template-columns:1fr}.contact-section{flex-direction:column;align-items:stretch}.contact-buttons{width:100%}}@media (width<=650px){.hero{padding:0 5%}.brand-logo{width:58px;height:58px}.brand-text h2{font-size:17px}.brand-text p{font-size:11px}.hero-content{padding:55px 0}.hero-text h1{font-size:38px}.hero-text p{font-size:16px;line-height:1.9}.hero-buttons{flex-direction:column}.hero-buttons a{width:100%}.hero-card{min-height:280px;padding:34px 22px}.medical-icon{width:90px;height:90px;font-size:62px}.section{padding:75px 5%}.about-text{font-size:17px;line-height:2.1}.services-grid,.clinics-grid{grid-template-columns:1fr}.service-card,.clinic-card,.identity-card{padding-left:27px;padding-right:27px}.clinic-card{padding-top:68px}.clinic-mark{right:27px}.contact-section{margin:20px 5% 50px;padding:38px 25px}.footer{flex-direction:column;align-items:flex-start;padding:28px 5%}.floating-whatsapp{bottom:14px;left:14px}}