:root{--blue:#428dd1;--blue2:#307bc3;--purple:#673888;--text:#787878;--bg:#f2f7fc;--page-w:1920px;--page-h:15908px}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:"IBM Plex Sans Arabic",Arial,sans-serif;color:#333}
.stage{position:relative;width:100%;overflow:hidden;background:#fff}
.page{position:relative;width:1920px;height:15908px;background:linear-gradient(90deg,#f2f7fc,#f2f7fc);overflow:hidden}
.section{position:absolute;left:0;width:1920px}
.fill-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.header{top:0;height:128px;z-index:20}
.header-strip{height:37.1px;background:var(--blue)}
.nav-shell{height:90.9px;background:#f2f7fc;position:relative}
.logo{position:absolute;right:76px;top:19px;width:154px;height:66px;object-fit:contain}
.nav{position:absolute;right:529px;top:25px;height:52px;display:flex;align-items:center;gap:22px;direction:rtl}
.nav a{font-size:27.64px;text-decoration:none;color:#787878;line-height:1;padding:10px 18px;white-space:nowrap;border-radius:92px}
.nav a.active{color:var(--blue2);background:rgba(48,123,195,.15)}
.nav a{transition:color .2s ease,transform .2s ease}
.nav a:hover,.nav a:focus-visible{color:var(--purple);transform:scale(1.05)}
.nav a:focus-visible{outline:2px solid rgba(103,56,136,.5);outline-offset:-2px}
.nav-tools{position:absolute;left:100px;top:22px;width:124px;height:45px;display:flex;align-items:center;gap:20px}
.language-toggle{position:absolute;left:18px;top:25px;width:72px;height:38px;padding:0 8px;border:1px solid rgba(103,56,136,.35);border-radius:999px;background:rgba(255,255,255,.82);color:var(--purple);font:600 14px/1 "IBM Plex Sans",Arial,sans-serif;direction:ltr;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;opacity:1;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
.language-toggle:hover{border-color:var(--purple);background:#fff;transform:translateY(-1px)}
.language-flag-frame{display:grid;place-items:center;width:22px;height:14px;flex:0 0 22px;overflow:hidden}
.language-flag{display:block;width:100%;height:100%;object-fit:contain}
.language-toggle:focus-visible{outline:2px solid rgba(103,56,136,.5);outline-offset:2px}
.icon-btn{width:40px;height:40px;border:0;background:transparent;position:relative;cursor:pointer}
.hero{top:128px;height:1034px;overflow:hidden}
.hero-bg{object-position:center 42%}
.hero-overlay{object-fit:cover;object-position:bottom}
.hero-copy{position:absolute;left:95px;top:35px;width:782px;text-align:center;color:#fff}
.hero-copy:before{content:"";position:absolute;inset:0 auto auto 0;width:782px;height:232px;border-radius:135px;background:rgba(0,0,0,.25);filter:blur(54px);z-index:-1}
.hero h1{font-size:59.14px;line-height:1.233;font-weight:700;margin:0;width:745px}
.hero p{font-size:35.47px;line-height:59px;font-weight:600;background:rgba(103,56,136,.5);border-radius:20px;margin:18px auto 0;width:740px;height:59px}
.journey{top:1162px;height:830px;overflow:hidden}
.journey-bg{object-fit:cover}
.journey-shade{position:absolute;inset:0;background:rgba(221,221,221,.85)}
.section-heading{position:absolute;text-align:center}
.section-heading h2{margin:0;color:var(--blue2);font-size:47.35px;line-height:1.6;font-weight:700}
.section-heading p{margin:8px auto 0;color:var(--text);font-size:29.78px;line-height:1.535}
.heading-mark{display:block;width:248px;height:12px;margin:-1px auto 0;border-bottom:4px solid currentColor;position:relative;color:var(--blue2)}
.heading-mark:after{content:"";position:absolute;left:50%;bottom:-2px;width:13px;height:13px;border:4px solid currentColor;border-left:0;border-bottom:0;transform:translateX(-50%) rotate(45deg);background:transparent}
.heading-mark.short{width:145px}
.journey-heading{top:62px;left:524px;width:872px}
.journey-heading h2{font-size:44.3px}
.journey-heading p{width:696px;font-size:27.86px}
.journey-steps{position:absolute;left:214px;top:268px;width:1493px;display:flex;justify-content:space-between;direction:rtl}
.journey-step{width:371px;text-align:center}
.journey-photo-wrap{position:relative;width:371px;height:410px}
.journey-photo-wrap img{position:absolute;left:14px;top:53px;width:343px;height:343px;border-radius:50%;object-fit:cover}
.journey-photo-wrap>picture{display:block;width:100%;height:100%}
.journey-photo-wrap:before,.journey-photo-wrap:after{content:"";position:absolute;border-radius:50%;border:2px solid #fff;left:0;top:39px;width:371px;height:371px}
.journey-photo-wrap:after{left:8px;top:46px;width:356px;height:356px}
.journey-photo-wrap span{position:absolute;top:0;left:147px;width:78px;height:78px;border-radius:50%;background:var(--purple);color:#fff;font-size:42px;font-weight:700;line-height:78px;z-index:3;box-shadow:0 7px 0 rgba(103,56,136,.15)}
.journey-step h3{font-size:30px;color:var(--blue2);margin:0;font-weight:700}
.ar-banner{top:2022px;left:110px;width:1700px;height:700px;border-radius:26.56px;overflow:hidden}
.ar-banner:after{content:"";position:absolute;right:39px;top:38px;width:721px;height:369px;background:rgba(0,0,0,.19);filter:blur(52px)}
.ar-copy{position:absolute;right:103px;top:68px;width:620px;color:#fff;text-align:right;z-index:2}
.ar-copy h2{font-size:68.74px;line-height:1.535;margin:0;font-weight:700}
.ar-copy p{font-size:40.6px;line-height:1.235;margin:0 0 28px}
.pill-btn{display:inline-flex;height:79px;min-width:271px;align-items:center;justify-content:center;border-radius:215px;background:var(--blue2);border:8px double transparent;outline:1.5px solid var(--blue2);outline-offset:7px;color:#fff;text-decoration:none;font-weight:700;font-size:32.65px}
.pill-btn.small{min-width:160px;height:50px;font-size:22px;outline-offset:4px}
.about{top:2783px;height:787px;background:#f2f7fc;overflow:hidden}
.about-copy{position:absolute;left:110px;top:66px;width:817px;text-align:right}
.about-copy .section-heading{position:relative;width:100%;text-align:right}
.about-copy .section-heading h2{font-size:45.45px}
.align-right .heading-mark{margin:0 0 0 auto}
.about-lead{font-size:25.47px;line-height:45.8px;color:var(--text);margin:14px 0 10px;width:813px}
.vision-item{display:flex;flex-direction:row-reverse;gap:26px;align-items:flex-start;margin-top:12px}
.vision-item .round-icon{flex:0 0 77px;height:77px;border-radius:50%;background:#fff;border:4px solid var(--blue2);color:var(--purple);font-size:40px;line-height:69px;text-align:center}
.vision-item div{width:550px}
.vision-item h3{font-size:31.97px;color:var(--blue2);margin:0}
.vision-item p{font-size:19.31px;line-height:1.75;color:var(--text);margin:0}
.about-copy .pill-btn{float:right;margin-top:16px}
.about-art{position:absolute;left:1050px;top:25px;width:760px;height:671px}
.about-art>img:first-child{width:100%;height:100%;object-fit:contain}
.about-logo{position:absolute!important;left:96px;top:6px;width:138px!important;height:83px!important;object-fit:contain!important}
.services{top:3603px;height:2867px;background:var(--blue);overflow:hidden}
.services:before,.services:after{content:"";position:absolute;width:1150px;height:897px;border:85px solid rgba(255,255,255,.055);border-radius:50%;transform:rotate(-28deg)}
.services:before{left:-250px;top:-340px}
.services:after{right:-250px;bottom:-380px}
.services-heading{top:94px;left:524px;width:872px}
.services-heading h2,.services-heading p,.services-heading .heading-mark{color:#f3f4f6}
.services-heading p{font-size:29.78px}
.services-visual{position:absolute;left:110px;top:283px;width:1700px;height:632px;border-radius:50px;overflow:hidden}
.services-visual img{width:100%;height:100%;object-fit:cover}
.service-card-grid{position:absolute;left:110px;top:964px;width:1700px;height:1771px;display:grid;grid-template-columns:repeat(4,409.45px);grid-auto-rows:576.34px;column-gap:20.73px;row-gap:20.73px;direction:rtl}
.service-card{background:#fff;border-radius:20.73px;overflow:hidden;text-align:center;position:relative;color:var(--text)}
.service-card>picture{display:block;width:100%;height:406.34px}
.service-card img{width:100%;height:406.34px;object-fit:cover;display:block}
.service-card h3{font-size:23.59px;color:var(--purple);line-height:1.45;margin:10px auto 0;width:90%;font-weight:700}
.service-card p{font-size:19.45px;line-height:1.335;margin:4px auto 0;width:85%}
.service-card.featured img{height:100%}
.service-card.featured>picture{height:100%}
.service-card.featured .feature-overlay{position:absolute;inset:0;background:rgba(48,123,195,.64);backdrop-filter:blur(8.5px);padding:20px 24px;text-align:right}
.service-card.featured h3,.service-card.featured p{color:#fff;width:100%;margin:0}
.service-card.featured h3{font-size:23.6px}
.service-card.featured p{font-size:22.45px;line-height:1.45;margin-top:16px}
.team-heading-section{top:6470px;height:309px;background:#f2f7fc}
.team-main-heading{top:66px;left:508px;width:905px}
.team-main-heading p{width:905px}
.doctor{overflow:hidden}
.doctor-one{top:6779px;height:1154px;background:#eef2f9}
.doctor-bg{object-fit:contain;object-position:center}
.doctor h2{position:absolute;color:var(--purple);font-size:43.05px;line-height:1.395;font-weight:700;margin:0}
.doctor-one h2{left:110px;top:18px;width:617px;text-align:right}
.doctor-box{background:#fff;border-radius:30px;color:var(--text);font-size:27.38px;line-height:1.395;text-align:right;padding:23px 33px}
.doctor-one .doctor-box{position:absolute;left:110px;width:792px}
.doctor-one .b1{top:88px;height:408px}
.doctor-one .b2{top:513px;height:383px}
.doctor-one .b3{top:913px;height:147px}
.doctor-two{top:7957px;height:893px;background:#e4ebf6}
.doctor-two .doctor-bg{object-fit:cover;object-position:bottom}
.doctor-two-copy{position:absolute;right:110px;top:201px;width:792px}
.doctor-two-copy h2{position:relative;left:auto;top:auto;text-align:center;margin-bottom:25px}
.doctor-two-copy .doctor-box{height:316px}
.medical-warning{top:8898px;height:648px;background:rgba(250,252,254,.96);text-align:center;padding-top:76px}
.warning-icon{margin:0 auto;width:358px;height:273px;position:relative}
.medical-warning p{margin:50px auto 0;width:1231px;color:var(--purple);font-size:42.95px;line-height:1.435;font-weight:700}
.stories{top:9542px;height:1659px;background:#fff}
.stories-title{text-align:center;padding-top:67px}
.stories-title h2{font-size:47.6px;color:var(--blue2);margin:0;line-height:1.395}
.stories-title p{width:598px;margin:0 auto;font-size:36.55px;line-height:1.395;color:var(--text)}
.story-row{position:absolute;left:108px;width:1703px;height:267px}
.row-a{top:280px}
.row-b{top:619px}
.row-c{top:958px}
.row-d{top:1297px}
.story-row h3{position:absolute;right:0;top:80px;width:220px;margin:0;color:var(--purple);font-size:39px;line-height:1.05;text-align:right}
.row-d h3{font-size:31.56px}
.story-images{position:absolute;left:0;top:0;width:1459px;height:267px;display:flex;gap:6px;align-items:center;direction:rtl}
.story-images.three{justify-content:flex-start;width:873px;left:586px}
.story-images figure{position:relative;margin:0;width:287px;height:240px;border:4px solid var(--purple);border-radius:50%;overflow:visible;background:#fff}
.story-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;overflow:hidden}
.story-media{position:absolute;display:block;overflow:hidden;border-radius:inherit}
.story-media img{right:auto;bottom:auto;object-fit:fill;clip-path:none;border-radius:0;overflow:visible}
.story-media .story-main,.story-media .story-alt{position:absolute}
.story-media .story-alt{z-index:1}
.story-images b{position:absolute;top:-30px;left:103px;width:62px;height:62px;background:var(--purple);border-radius:50%;color:#fff;font-size:34px;line-height:62px;text-align:center;box-shadow:0 8px 0 rgba(103,56,136,.14)}
.cta{top:11265px;left:110px;width:1700px;height:640px;border-radius:30px;overflow:hidden}
.cta:after{content:"";position:absolute;right:39px;top:117px;width:721px;height:270px;background:rgba(0,0,0,.19);filter:blur(52px)}
.cta-copy{position:absolute;right:4.470588%;top:134px;width:38.705882%;color:#fff;z-index:2;text-align:right}
.cta-copy h2{font-size:49.57px;line-height:1.535;margin:0 0 32px}
.cta-copy .pill-btn{font-size:26.54px;min-width:220px;height:64px}
.partners{top:11905px;height:594px;background:#f2f7fc}
.partners-heading{top:30px;left:508px;width:905px}
.partner-grid{position:absolute;left:138px;top:264px;width:1644px;display:grid;grid-template-columns:repeat(4,396px);gap:20px;direction:rtl}
.partner-grid img{width:396px;height:273px;object-fit:contain;background:#fff;border-radius:20px;box-shadow:0 0 12px rgba(0,0,0,.15)}
.partner-grid img:nth-child(-n+2){object-fit:cover}
.partner-grid img:nth-child(n+3){object-fit:contain}
.faq{top:12499px;height:1135px;background:#fff}
.faq-wave,.blog-wave-bottom{position:absolute;left:-15px;width:1949.98px;height:69.44px;pointer-events:none}
.faq-wave-top{top:-1.44px;transform:rotate(180deg);z-index:0}
.faq-wave-bottom{bottom:-4.44px;z-index:2}
.faq-heading{top:75px;left:820px;width:281px}
.accordion{position:absolute;left:123px;top:207px;width:1672px;display:flex;flex-direction:column;gap:22px}
.faq-item{border-radius:23px;background:#f2f7fc;overflow:hidden;transition:.2s}
.faq-item button{width:100%;height:124px;border:0;border-bottom:1px solid rgba(48,123,195,.25);background:transparent;padding:0 80px;display:flex;align-items:center;justify-content:flex-start;font:600 32px/1.25 "IBM Plex Sans Arabic";color:#3b3f58;text-align:right;cursor:pointer;position:relative}
.faq-item button i{position:absolute;right:40px;width:23px;height:23px;border-right:4px solid currentColor;border-bottom:4px solid currentColor;transform:rotate(45deg);transition:.2s}
.faq-answer{height:0;overflow:hidden}
.faq-answer p{margin:0;padding:5px 0 38px 80px;font-size:32.95px;line-height:1.58;color:#f2f7fc;text-align:right}
.faq-item.open{background:var(--blue);color:#fff}
.faq-item.open button{color:#f2f7fc}
.faq-item.open button i{transform:rotate(-135deg)}
.faq-item.open .faq-answer{height:104px}
.faq-item.open button::after{content:"";position:absolute;left:80px;right:80px;bottom:0;height:1px;background:rgba(242,247,252,.5)}
.blog{top:13623px;height:1038px;background:var(--blue)}
.blog-wave-bottom{bottom:-5.44px;z-index:2}
.blog-heading{top:29px;left:543px;width:834px}
.blog-heading h2,.blog-heading p,.blog-heading .heading-mark{color:#fff}
.blog-heading p{color:rgba(255,255,255,.85);font-size:32px;line-height:44.68px}
.blog-grid{position:absolute;left:110px;top:270px;width:1699px;height:650px;display:grid;grid-template-columns:repeat(2,838.26px);grid-template-rows:repeat(2,317.6px);gap:14.88px 22.48px;direction:ltr}
.blog-card{background:#fcfcfd;border-radius:14.88px;display:flex;overflow:hidden;direction:rtl}
.blog-card>img{width:418.76px;height:100%;object-fit:cover;flex:0 0 auto}
.blog-card>div{padding:38px 30px;width:419.5px;text-align:right;display:flex;flex-direction:column;align-items:flex-start}
.blog-card span{display:inline-block;background:rgba(103,56,136,.07);color:var(--purple);font-weight:700;font-size:21.8px;padding:8px 16px;border-radius:6px}
.blog-card h3{font-size:14.59px;color:#717070;line-height:23.44px;margin:14px 0}
.blog-card p{font-size:12.34px;line-height:19.64px;color:#a09f9f}
.blog-card a{display:inline-flex;align-self:flex-start;margin-top:auto;background:var(--blue);color:#fff;text-decoration:none;border-radius:50px;padding:6px 21px;font-size:17.65px}

/* Blog card controls follow the exported Figma bounds (category flush to the
   text-panel edge and the 132px action pill anchored to the lower edge). */
.blog-card>div{padding:39.4px 30px 39.4px}
.blog-card span{align-self:flex-start;width:211.982px;height:52.9px;box-sizing:border-box;padding:10px 16px;margin-right:-30px}
.blog-card a{width:132.396px;height:39.374px;box-sizing:border-box;padding:0;align-items:center;justify-content:center}
.image-left{flex-direction:row-reverse}
.contact{top:14725px;height:742px;background:#f2f7fc}
.map-card{position:absolute;left:91px;top:0;width:919.4px;height:742.37px;border-radius:20px;overflow:hidden}
.map-base{object-fit:cover}
.map-overlay{width:198.757759%;left:-98.757765%;height:134.153849%;top:-22.205129%;right:auto;bottom:auto;object-fit:fill;object-position:initial}
.map-zoom{position:absolute;left:50px;bottom:55px;display:flex;flex-direction:column}
.map-zoom button{width:55px;height:55px;border:0;background:#fff;color:#2c3052;font-size:44px;line-height:55px}
.contact-card{position:absolute;right:91px;top:92px;width:723px;height:559px;background:#fff;border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.15);padding:47px 74px}
.contact-card h2{color:var(--blue2);font-size:42.87px;line-height:1.25;margin:0 0 35px}
.contact-card dl{margin:0}
.contact-card dl>div{margin-bottom:28px}
.contact-card dt{font-size:35px;color:rgba(51,51,51,.8);font-weight:500}
.contact-card dd{font-size:26.75px;color:#787777;margin:6px 0 0;line-height:1.5}
.footer{top:15524px;height:384px;background:var(--blue);color:#fff;overflow:hidden}
.footer-bg{inset:0;width:100%;height:100%;opacity:.1;object-fit:cover;object-position:center bottom}
.footer-brand{position:absolute;text-align:right}
.footer-brand img{object-fit:cover;display:block}
.footer-brand p{font-size:20.66px;line-height:30.7px;color:rgba(255,255,255,.8);margin:0}
.footer-links,.footer-contact{position:absolute;text-align:right}
.footer h3{font-size:29.68px;line-height:1.4;margin:0 0 12px}
.footer a{display:block;color:#e5e4e4;text-decoration:none;font-size:21.5px;line-height:2.1}

@media(max-width:900px){body{background:#fff}
}



/* Pixel-match corrections from the Figma Home frame (5:57). */

/* Header: use the actual Figma icon assets and exact nav coordinates. */
.nav-shell{position:absolute;left:0;top:37.101px;width:1920px;height:90.899px}

.logo{left:1690px;right:auto;top:18.899px;width:154px;height:66px}

.nav{position:absolute;left:0;right:auto;top:0;width:1920px;height:90.899px;display:block;direction:ltr}

.nav a{position:absolute;top:25.899px;padding:0;margin:0;height:41px;line-height:41px;text-align:center;font-size:27.643px;border-radius:92.35px}

.nav a:nth-child(1){left:1259.786px;top:29.364px;width:130.214px;height:41.558px;line-height:41.558px;font-size:23.946px}

.nav a:nth-child(2){left:1152.817px;width:85px}

.nav a:nth-child(3){left:1045.385px;width:77px}

.nav a:nth-child(4){left:793px;width:226px}

.nav a:nth-child(5){left:693px;width:76px}

.nav a:nth-child(6){left:553px;width:118px}
.nav a.active{height:41.558px;line-height:41.558px;padding-inline:8px}

.nav-tools{left:100px;top:22.899px;width:124px;height:40px;display:block}

.nav-tools .icon-btn{position:absolute;top:0;width:40px;height:40px;padding:0}

.nav-tools .search-btn{left:0}
.nav-tools-divider{position:absolute;left:55px;top:8px;width:1px;height:24px;background:#a4a4a4}
.nav-tools .account-btn{left:75px;display:block}
.nav-tools .icon-btn img{position:absolute;width:25px;height:25px;left:7.5px;top:7.5px;display:block}

.nav-tools .search-btn img{width:25px;height:25px;transform:rotate(180deg)}

/* Shared article search panel: the button opens this lightweight GET form so
   visitors can search the article index without changing the home artboard. */
.search-panel{position:fixed;top:128px;left:50%;z-index:120;width:min(560px,calc(100vw - 32px));transform:translateX(-50%);padding:18px 20px 20px;border:1px solid rgba(48,123,195,.2);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 18px 42px rgba(43,71,104,.22);direction:rtl}
.search-panel label{display:block;margin:0 0 8px;color:var(--purple);font:700 16px/1.4 "IBM Plex Sans Arabic",Arial,sans-serif}
.search-panel-row{display:flex;align-items:stretch;gap:8px}
.search-panel input{min-width:0;flex:1;height:46px;padding:8px 13px;border:1px solid rgba(48,123,195,.35);border-radius:9px;background:#fff;color:#333;font:16px/1.4 "IBM Plex Sans Arabic",Arial,sans-serif}
.search-panel button{min-width:78px;height:46px;padding:8px 17px;border:0;border-radius:9px;background:var(--blue2);color:#fff;font:700 16px/1.4 "IBM Plex Sans Arabic",Arial,sans-serif;cursor:pointer}
.search-panel button:hover{background:var(--purple)}


/* Keep every desktop navigation label on Home's source baseline. */
.nav a:nth-child(n+2){top:29.364px}


/* Global Figma section separators. */
.section-wave{position:absolute;display:block;max-width:none;pointer-events:none;z-index:5}

.hero-wave{left:-15px;bottom:-18.44px;width:1949.98px;height:69.44px}

.journey-wave{left:-15px;bottom:-0.44px;width:1949.98px;height:69.44px}

.services-wave-top{left:-15px;top:-5.44px;width:1949.98px;height:69.44px;transform:rotate(180deg)}

.services-wave-bottom{left:-15px;bottom:-18.44px;width:1949.98px;height:69.44px}

.warning-wave{left:-15px;top:-0.44px;bottom:auto;width:1949.98px;height:69.44px;transform:none}


/* hero-desktop.* is the 1920x1034 banner1 frame itself, so it fills the hero
   box 1:1 instead of being stretched into that crop synthetically. */
.hero-bg{object-fit:cover!important;object-position:center!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none}

.hero-overlay{width:104.123264%;height:107.912377%;left:-.588109%;top:-5.011021%;right:auto;bottom:auto;object-fit:fill!important;object-position:initial!important;filter:none}

.hero-copy{left:95px;top:35px;width:782px}

.hero h1{font-size:59.139px;line-height:72.966px;width:745px;margin-left:11px}

.hero p{font-size:35.468px;line-height:43.745px;height:59px;width:740px;margin-top:18px;padding-top:6px}


/* Journey: exact circles and connector arrows. */
.journey-heading{top:62.26px}
.journey-heading h2{font-size:44.296px;line-height:79.871px}
.journey-heading p{margin-top:0;line-height:42.77px}

.journey-steps{left:214px;top:268px;width:1493px;justify-content:space-between}

.journey-photo-wrap:before,.journey-photo-wrap:after{border-width:3px}

.journey-photo-wrap span{box-shadow:0 7px 0 rgba(103,56,136,.15)}

.journey-arrow{position:absolute;width:129px;height:19.436px;top:503.5px;z-index:4;pointer-events:none}

.journey-arrow-1{left:1184.5px}
.journey-arrow-2{left:614.5px;transform:scaleY(-1)}

.journey-arrowhead{position:absolute;width:20.5px;height:14.5px;z-index:4;pointer-events:none}

.journey-arrowhead-1{left:1177px;top:498px}
.journey-arrowhead-2{left:608px;top:508px;transform:rotate(-68.34deg)}


/* AR banner. */
.ar-banner:after{right:39px;top:65px;height:369px}

.ar-copy{right:93px;top:82px;width:611px}
.ar-copy h2{font-size:68.741px;line-height:105.51px}
.ar-copy p{font-size:40.593px;width:611px;line-height:50.13px;margin-top:-5px}

.ar-copy .pill-btn{margin-right:323px;margin-top:20px}

.ar-icon{position:absolute;left:364.5px;top:216px;width:126px;height:134.5px;z-index:3}


/* About: exact positions and exported icons. */
.about-copy{left:110px;top:66px;width:817px}
.about-copy .section-heading h2{font-size:45.455px;line-height:65.111px}
.about-lead{margin-top:30px}

.vision-item{position:absolute;display:block;margin:0}
.vision-item:nth-of-type(1){left:178px;top:197.829px;width:635px;height:123.171px}
.vision-item:nth-of-type(2){left:152px;top:350.739px;width:661px;height:124.261px}

.vision-item .round-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);width:60px;height:60px;border:0;background:transparent;display:block}

.round-icon img{position:absolute;display:block}
.round-icon .icon-circle{right:2px;top:2px;width:56px;height:56px}
.round-icon .vision-glyph{right:4px;top:6px;width:41px;height:41px}
.round-icon .mission-glyph{right:2px;top:7px;width:48px;height:48px}

.vision-item div{position:absolute;right:76px;top:0;width:550px}
.vision-item:nth-of-type(1) div{width:524px}
.vision-item h3{font-size:31.97px;line-height:47.75px}
.vision-item p{font-size:19.31px;line-height:35.8px;margin-top:3px}

.about-copy .pill-btn{position:absolute;right:0;top:512px;margin:0;float:none}

.about-side-mark{position:absolute;left:699.5px;top:232px;width:30px;height:102px}


/* Services: exported ornament, waves, exact active-card content. */
.services:before,.services:after{display:none}

.services-ornament{position:absolute;display:block;pointer-events:none;max-width:none;opacity:1}
.services-ornament-top{left:-314px;top:-143px;width:2436.195px;height:1672px}
.services-ornament-bottom{left:227px;top:2088px;width:2436.195px;height:1672px}

.services-heading{z-index:3}
.services-visual{z-index:2}
.service-card-grid{z-index:3}

.service-card.featured{box-shadow:none}
.service-card.featured:hover,.service-card.featured:focus{box-shadow:0 0 4px 4px rgba(255,255,255,.63)}

.service-card.featured .feature-overlay{padding:22.7px 24px 15px;background:rgba(48,123,195,.64);backdrop-filter:blur(8.5px);overflow:auto}

.service-card.featured h3{font-size:23.589px;line-height:36.2px;text-align:right;white-space:normal}

.feature-copy{position:static;margin-top:12px;font-size:20px;line-height:1.5;color:rgba(255,255,255,.85);text-align:right}

.service-card.featured .feature-copy p{font-size:22.45px;line-height:29.97px;margin:0;width:100%;color:rgba(255,255,255,.85)}

.feature-copy ul{margin:0;padding-right:34px;padding-left:0;list-style:disc}
.feature-copy li{margin:0;padding:0}

/* Keep the detailed Figma state available as the card's hover treatment. */
.service-card.featured>picture,.service-card.featured>picture img{height:406.34px}
.service-card.featured>h3{font-size:23.59px;line-height:1.45;color:var(--purple);margin:10px auto 0;width:90%;text-align:center;white-space:normal}
.service-card.featured>p{font-size:19.45px;line-height:1.335;color:var(--text);margin:4px auto 0;width:85%;text-align:center}
.service-card.featured>.feature-overlay{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.service-card.featured:hover>.feature-overlay,.service-card.featured:focus>.feature-overlay{opacity:1;visibility:visible}
.service-card:hover>picture,.service-card:focus>picture{position:absolute;inset:0;z-index:0;width:100%;height:100%}
.service-card:hover>picture img,.service-card:focus>picture img{height:100%;object-fit:cover}
.service-card.featured>.feature-overlay{z-index:3}
.featured-cursor{position:absolute;left:58px;bottom:42px;width:34px!important;height:46px!important;z-index:4;object-fit:contain!important}
.service-card.featured>.feature-overlay h3{font-size:23.589px;line-height:1.45;color:#fff;text-align:right;white-space:normal;width:100%;margin:0}
.service-card.featured>.feature-overlay p{font-size:22.45px;line-height:29.97px;color:rgba(255,255,255,.85);width:100%;margin:0}

/* Every service card reveals the same readable detail treatment on hover or
   keyboard focus; the default state remains the compact Figma card. */
.service-card:not(.featured)>.feature-overlay{position:absolute;inset:0;z-index:4;display:block;overflow:auto;padding:22px 24px;background:rgba(48,123,195,.64);backdrop-filter:blur(8.5px);color:#fff;text-align:right;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.service-card:not(.featured):hover>.feature-overlay,.service-card:not(.featured):focus>.feature-overlay{opacity:1;visibility:visible}
.service-card:not(.featured)>.feature-overlay h3{margin:0;color:#fff;font-size:23.589px;line-height:1.45;text-align:right}
.service-card:not(.featured)>.feature-overlay .feature-copy{margin-top:12px;color:rgba(255,255,255,.88);font-size:20px;line-height:1.5}
.service-card:not(.featured)>.feature-overlay .feature-copy p{width:100%;margin:0 0 9px;color:inherit;font-size:inherit;line-height:inherit}


/* Doctors: keep source copy and exact image composition. */
.doctor-one .doctor-bg{width:1866px;height:1041px;left:39px;top:74px;object-fit:fill}

.doctor-one h2{left:110px;top:0;width:617px;font-size:43.049px;line-height:60.05px}

.doctor-box{padding:23px 33px;font-size:27.38px;line-height:38.2px;overflow:hidden}

.doctor-one .b1{padding-top:26px}
.doctor-one .b2{padding-top:24px}
.doctor-one .b2 p,.doctor-two .doctor-box p{margin:0}
.doctor-one .b3{padding-top:21px}

.doctor-one-wave{position:absolute;left:-65px;bottom:-65px;width:2050px;height:434px;pointer-events:none;z-index:1}

.doctor-one>picture{z-index:2}
.doctor-one .doctor-box,.doctor-one h2{z-index:3}

.doctor-two .doctor-bg{object-fit:cover;object-position:bottom}

.doctor-two-copy{right:110px;top:201px;width:792px}
.doctor-two-copy h2{text-align:center;margin:0 0 36px;font-size:43.049px;line-height:60px}
.doctor-two-copy .doctor-box{height:316px;padding:26px 25px;font-size:27.38px;line-height:38.2px}
.doctor-mobile-image{display:none}


/* Exact medical-image warning instead of a CSS approximation. */
.medical-warning{padding:0;background:linear-gradient(90deg,rgba(242,247,252,.4),rgba(242,247,252,.4)),#fafcfe;z-index:2}

.exact-warning{position:absolute;left:782px;top:76px;width:357.378px;height:273px;margin:0}

.exact-warning:before,.exact-warning:after{display:none}
.exact-warning img{position:absolute;display:block;max-width:none}

.warning-outline{left:0;top:0;width:331.5px;height:273px;z-index:3}
.warning-purple{left:147.145px;top:16.625px;width:210.234px;height:210.234px;z-index:2}
.warning-dot{left:229.125px;top:153.563px;width:36.563px;height:36.563px;z-index:4}
/* Group 232's white exclamation was not exposed as a standalone export by
   the local .fig parser. Its editable shape follows the PDF geometry inside
   the source purple circle; the blue curved arrow remains part of the
   extracted warning-outline SVG. */
.warning-icon .warning-exclamation{position:absolute;left:216.043px;right:auto;top:47.21px;width:61.067px;height:108.33px;z-index:3;display:block;overflow:visible}
.warning-exclamation path{fill:#fff}

.medical-warning p{position:absolute;left:345px;top:399.041px;width:1231px;margin:0;font-size:42.951px;line-height:61.64px}


/* Story title and rows use the Figma positions; keep overflow visible for number badges. */
.stories-title{padding-top:67px}
.stories-title h2{line-height:66.41px}
.stories-title p{line-height:50.99px;margin-top:5px}
.story-images figure{overflow:visible;border-width:2.58156px}
.story-images img{clip-path:circle(50% at 50% 50%)}
.story-images figure:nth-child(3) .story-media{left:1.224956%;top:1.986084%;width:96.431240%;height:96.322524%}
.story-images figure:nth-child(3) .story-main{width:62.647060%;left:39.261098%;height:100%;top:-.075298%}
.story-images figure:nth-child(3) .story-alt{width:62.647060%;left:-12.577120%;height:100%;top:-.049036%}
.story-images figure:nth-child(4) .story-media{left:.960910%;top:2.231445%;width:96.431240%;height:96.322524%}
.story-images figure:nth-child(4) .story-main{width:47.201298%;left:52.773112%;height:125.226804%;top:-12.596651%}
.story-images figure:nth-child(4) .story-alt{width:52.726530%;left:.046579%;height:139.885450%;top:-6.142976%}
.story-images figure:nth-child(5) .story-media{left:.696864%;top:2.476807%;width:96.431240%;height:96.322524%}
.story-images figure:nth-child(5) .story-main{width:100%;left:.034220%;height:265.303726%;top:-26.714824%}
.story-row h3:before,.story-row h3:after{content:"";position:absolute;pointer-events:none}
.story-row h3:after{height:2px;background:#673888}
.story-row h3:before{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:8px solid #673888}
.row-a h3:after,.row-c h3:after{left:3.5px;top:70.0078px;width:48.5px}
.row-a h3:before,.row-c h3:before{left:3.5px;top:65.0078px}
.row-b h3:after{left:3px;top:63.0078px;width:47.006px}
.row-b h3:before{left:3px;top:58.0078px}
.row-d h3:after{left:33px;top:93.8359px;width:48.5px}
.row-d h3:before{left:33px;top:88.8359px}


/* Contact card: exported purple icons and exact vertical rhythm. */
.contact-card{padding:0}
.contact-card h2{position:absolute;right:74px;top:47px;margin:0;font-size:42.87px;line-height:53.59px}

.contact-detail{position:absolute;left:72px;width:577px;min-height:98px;text-align:right;color:#787777}
.contact-detail>img{position:absolute;right:0;top:5px;object-fit:contain}
.contact-detail>div{position:absolute;right:64px;top:0;width:489px}
.contact-detail strong{display:block;font-size:35px;line-height:43.75px;color:rgba(51,51,51,.8);font-weight:500}
.contact-detail p{font-size:26.75px;line-height:41px;margin:12px 0 0;color:#787777;white-space:nowrap}

.contact-address{top:150.22px}
.contact-address>img{width:29.303px;height:45.082px;right:7px}

.contact-hours{top:281.75px}
.contact-hours>img{width:43.72px;height:43.72px;right:0;top:11px}

.contact-whatsapp{top:414.72px}
.contact-whatsapp>img{width:43.72px;height:43.72px;right:0;top:7px}
.contact-whatsapp p{font-size:24.75px}

.map-zoom{left:50.44px;bottom:54.66px;gap:1px}
.map-zoom button{width:54.73px;height:54.73px;font-family:Almarai,sans-serif;font-size:43.785px}


/* Footer composition from Figma node 464:48. */
.footer-brand{left:1339.88px;right:auto;top:62.07px;width:388px;height:209px}
.footer-brand img{width:225px;height:97px;margin-left:auto}
.footer-brand p{width:388px;margin-top:19px;font-size:20.66px;line-height:30.7px;text-align:right}

.footer-links{left:878.67px;right:auto;top:62.07px;width:168.213px}
.footer-links h3{width:168.213px;font-size:29.683px;line-height:42.24px;margin:0}
.footer-links a{width:149px;margin-left:19.21px;font-size:21.508px;line-height:45.45px;font-weight:400}

.footer-contact{left:140px;top:62.07px;width:445.668px;height:199px}
.footer-contact h3{width:100%;height:51.945px;margin:0;font-size:29.683px;line-height:52.415px;text-align:right}
.footer-contact-body{display:flex;align-items:flex-start;gap:87px;width:100%;height:128px;margin-top:19px;direction:ltr}
.footer-social,.footer-contact-grid{display:flex;flex-direction:column;gap:24px;height:128px;direction:ltr}
.footer-social{position:relative;inset:auto;width:175px;z-index:1}
.footer-contact-grid{width:183px}

.foot-contact-item,.foot-social-item{position:relative!important;height:52px;flex:0 0 52px;display:block!important;font:700 22.767px/52px Calibri,Arial,sans-serif!important;color:#e5e4e4!important;text-align:left}
.foot-contact-item{width:183px}
.foot-social-item{width:175px}
.foot-contact-item span,.foot-social-item span{position:absolute;top:14px;height:23px;white-space:nowrap;line-height:22.767px;text-align:right}
.foot-contact-item span{right:68px;width:174.049px}
.foot-social-item span{right:67px;width:205px}
.foot-contact-item i,.foot-social-item i{position:absolute;right:0;top:0;width:52.04px;height:52.04px;overflow:hidden;border:1.626px solid #e5e4e4;border-radius:50%;background:rgba(255,255,255,.1)}
.foot-contact-item i img,.foot-social-item i img{position:absolute;display:block;max-width:none;object-fit:fill}
.foot-contact-item.whatsapp i img{left:17.794%;top:17.929%;width:55.726%;height:55.726%}
.foot-contact-item.tiktok i img{left:17.083%;top:15.853%;width:59.57%;height:59.57%}
.foot-social-item.snapchat i img:first-child{left:21.349%;top:22.367%;width:49.55%;height:49.55%}
.foot-social-item.snapchat i img:last-child{left:21.964%;top:21.541%;width:49.962%;height:49.962%}
.foot-social-item.instagram i img:nth-child(1){left:23.885%;top:23.463%;width:44.197%;height:44.197%}
.foot-social-item.instagram i img:nth-child(2){left:27.682%;top:27.259%;width:36.601%;height:36.601%}
.foot-social-item.instagram i img:nth-child(3){left:45.122%;top:62.135%;width:1.726%;height:1.726%}
.foot-social-item.instagram i img:nth-child(4){left:37.533%;top:36.629%;width:1.762%;height:1.76%}
.foot-social-item.instagram i img:nth-child(5){left:34.073%;top:33.65%;width:23.825%;height:23.825%}
.foot-social-item.instagram i img:nth-child(6){left:38.214%;top:37.792%;width:15.538%;height:15.538%}
.foot-social-item.instagram i img:nth-child(7){left:54.032%;top:30.95%;width:6.56%;height:6.56%}

/* Preserve the pixel-matched artboard on load, then keep the desktop header
   available while the visitor reads the long home page. */
@media (min-width:1200px){
  .header.is-sticky{position:fixed;left:0;top:0;width:100%;height:min(128px,6.6666667vw);background:#f2f7fc;box-shadow:0 1px 0 rgba(43,71,104,.14)}
}


/* Typography/DOM stability. */
.doctor-box,.about-lead,.vision-item p,.service-card p,.medical-warning p{unicode-bidi:plaintext}

/* Figma's heading ornament is a rule with a centered, downward V.  The
   exported path does not sit at the top of the span, so the rule and chevron
   are drawn independently and can stay aligned without changing the heading
   text flow. */
.heading-mark{
  border:0;
  background:none!important;
  --mark-color:var(--purple);
  height:14.31px;
  overflow:visible;
  color:var(--mark-color);
}
.heading-mark::before,.heading-mark::after{content:none}
.heading-mark-svg{
  position:absolute;
  left:0;
  right:0;
  top:1.56px;
  bottom:auto;
  width:100%;
  height:12.75px;
  display:block;
  overflow:visible;
  color:inherit;
}
.heading-mark-svg use{color:inherit}
.journey-heading .heading-mark{--mark-line-y:-2.285px;--mark-v-top:-2.285px;--mark-v-height:10.95px}
.about-copy .heading-mark{--mark-line-y:7.807px;--mark-v-top:7.807px;position:relative;left:-5.76px;width:143.572px}
.services-heading .heading-mark{--mark-line-y:7.12px;--mark-v-top:7.12px;--mark-v-height:11.7px;position:relative;left:-4.21px}
.team-main-heading .heading-mark{--mark-line-y:13.12px;--mark-v-top:13.12px;--mark-v-height:11.7px}
.partners-heading .heading-mark{--mark-line-y:13.15px;--mark-v-top:13.15px;--mark-v-height:12.7px}
.faq-heading .heading-mark{--mark-line-y:6.15px;--mark-v-top:6.15px;--mark-v-height:12.7px}
.blog-heading .heading-mark{--mark-line-y:15.45px;--mark-v-top:15.45px;--mark-v-height:13.2px}
.light .heading-mark{--mark-color:var(--purple);color:var(--purple)}
.services-heading .heading-mark{width:264.823px}
.blog-heading .heading-mark{width:166.573px}


/* Exact AR button placement inside the 1700px frame. */
.ar-copy .pill-btn{position:absolute;left:222.62px;top:228.68px;margin:0}


/* Source fades around the doctor compositions. */
.doctor-one:before{content:"";position:absolute;left:0;top:-121px;width:1920px;height:192px;background:#eff6fd;filter:blur(32.5px);z-index:1}

.doctor-one:after{display:none}

.doctor-two:before{display:none}
.doctor-two:after{content:"";position:absolute;left:0;bottom:-62px;width:1920px;height:94px;background:#f2f7fc;z-index:1}
.doctor-two-copy{z-index:2}


/* Layered footer SVGs from Figma. */
.foot-contact-item i.stack-icon img{position:absolute;inset:10px;width:30px;height:30px;object-fit:contain}

.foot-contact-item i.stack-icon.complex img{inset:12px;width:26px;height:26px}


/* Small interaction affordances and stable media rendering. */
.menu-toggle{display:none}

.map-base{transform:scale(var(--map-scale,1));transform-origin:center;transition:transform .2s ease}
.map-overlay{transform:scale(var(--map-overlay-scale,1));transform-origin:right center;transition:transform .2s ease}

img{height:auto}

button,a{ -webkit-tap-highlight-color:transparent }

@media (prefers-reduced-motion:reduce){.map-base,.map-overlay{transition:none}
}

.blog-card>picture{width:418.76px;height:100%;flex:0 0 auto;display:block}
.blog-card>picture>img{width:100%;height:100%;object-fit:cover;display:block}

.stage{display:flex;justify-content:flex-end}

.page{flex:0 0 auto}
:focus-visible{outline:3px solid var(--purple);outline-offset:4px}

/* Keep every Figma composition layer explicit. This prevents a positioned
   child from accidentally painting above a wave, mask, or text panel. */
.hero-picture,.hero-overlay-picture,.doctor-one>picture,.doctor-two>picture{position:absolute;inset:0;display:block;z-index:0}
.hero-overlay-picture{z-index:1}
.hero-copy{z-index:3}
.hero-wave{z-index:4}
.journey-bg{z-index:0}
.journey-shade{z-index:1}
.journey-heading,.journey-steps{z-index:2}
.journey-arrow,.journey-arrowhead{z-index:3}
.journey-wave{z-index:4}
.ar-banner>picture,.cta>picture,.services-visual>picture{position:absolute;inset:0;display:block;z-index:0}
.ar-banner>picture>img{width:110.235305%;height:149.421923%;left:-10.235295%;top:-29.210962%;right:auto;bottom:auto;object-fit:fill;object-position:initial}
.cta>picture>img{width:100%;height:149.4935%;left:0;top:-18.21956%;right:auto;bottom:auto;object-fit:fill;object-position:initial}
.ar-banner:after,.cta:after{z-index:1}
.ar-copy,.cta-copy{z-index:2}
.ar-icon{z-index:2}
.about-art{z-index:1}
.about-copy{z-index:2}
.services:before,.services:after{z-index:0}
.services-ornament{z-index:1}
.services-visual{z-index:2}
.services-visual img{display:block}
.service-card-grid{z-index:3}
.services-heading{z-index:4}
.services-wave-top,.services-wave-bottom{z-index:5}
.doctor-bg{z-index:0}
.doctor-one h2,.doctor-one .doctor-box,.doctor-two-copy{z-index:2}
.doctor-one .doctor-box{padding:25px 32px}
.doctor-one .b2{padding-bottom:16px}
.doctor-one .b3{padding-top:15px;padding-bottom:15px}
.doctor-two-copy .doctor-box{padding:24px 27px}
.medical-warning p{position:absolute;z-index:2}
.warning-icon{position:relative;z-index:2}
.exact-warning{position:absolute;z-index:2}
.warning-wave{z-index:4}
.stories-title,.story-row,.partners-heading,.partner-grid,.faq-heading,.accordion,.blog-heading,.blog-grid,.map-card,.contact-card{z-index:1}
.footer-bg{z-index:0}
.footer-brand,.footer-links,.footer-contact{z-index:1}

/* Keep the physician photo above the decorative lower wave; the wave should
   shape the section edge without hiding the doctor artwork. */
.doctor-one > picture { z-index: 2; }
.doctor-one h2, .doctor-one .doctor-box { z-index: 3; }

/* Final alignment pass: keep the non-home active links on the same padded
   Figma pill as the home link, and use the softer source section colors. */
@media (min-width: 1200px) {
  .nav a { padding-inline: 8px; }
  .team-heading-section { background: #EEF2F9; }
  .doctor-one { background: linear-gradient(to bottom, #ECEEF9 0%, #E4EBF6 100%); }
  .doctor-two { background: linear-gradient(to bottom, #ECEEF9 0%, #E4EBF6 100%); }
  .about-copy .pill-btn { width: 148px; min-width: 148px; height: 44px; padding: 0; border-width: 4px; outline-offset: 3px; font-size: 16px; }
  .faq-answer p { padding: 5px 80px 38px; }
  .faq-item.open button::after { left: 0; right: 0; }
  .service-card.featured > .feature-overlay h3,
  .service-card:not(.featured) > .feature-overlay h3 { font-size: 20px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .service-card.featured > .feature-overlay,
  .service-card:not(.featured) > .feature-overlay { overflow: hidden; }
  .service-card.featured > .feature-overlay .feature-copy,
  .service-card:not(.featured) > .feature-overlay .feature-copy { font-size: 18px; line-height: 1.4; }
}