/*
Theme Name: Federal Dental Clinic Concept
Theme URI: https://www.instagram.com/federaldentalclinic/
Author: Website Pitch Concept
Description: A premium, responsive WordPress theme concept for Federal Dental Clinic Karachi.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: federal-dental
*/
:root{--ink:#123832;--teal:#0e5b50;--mint:#cfe8df;--ice:#eef7f4;--cream:#f6f1e7;--coral:#f27d60;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.topbar{height:34px;background:var(--ink);color:#fff;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em}.topbar a{color:var(--mint)}.nav{height:84px;padding:0 3.2vw;background:var(--cream);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(18,56,50,.15);position:relative;z-index:5}.logo{display:flex;align-items:center;gap:11px}.logo span{width:38px;height:38px;background:var(--teal);color:#fff;border-radius:50% 50% 48% 18%;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.4rem}.logo b{font-size:.78rem;letter-spacing:.04em}.nav nav{display:flex;gap:30px;font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.nav nav a:hover{color:var(--coral)}.navCta{justify-self:end;background:var(--teal);color:#fff;padding:13px 18px;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.navCta span,.primaryBtn span,.finalCta a span{font-size:1rem;margin-left:10px}
.hero{min-height:calc(100vh - 118px);display:grid;grid-template-columns:1.08fr .92fr}.heroCopy{padding:8vh 5vw 5vh 3.2vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.6rem;font-weight:900;margin:0}.hero h1,.promise h2,.sectionHead h2,.experience h2,.locations h2,.clinicImage h2,.faq h2,.finalCta h2{font:400 clamp(4.7rem,8.5vw,9.5rem)/.82 Georgia,serif;letter-spacing:-.065em;margin:25px 0}.hero h1 em,.promise h2 em,.experience h2 em{color:var(--coral);font-weight:400}.lead{font-size:1.05rem;line-height:1.65;max-width:570px}.heroActions{display:flex;gap:30px;align-items:center;margin-top:34px}.primaryBtn{background:var(--coral);color:#fff;padding:18px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:900}.textLink{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.trustRow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(18,56,50,.25);margin-top:8vh;padding-top:25px}.trustRow b{display:block;font:400 2.2rem Georgia,serif}.trustRow span{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em}.heroImage{position:relative;min-height:680px;overflow:hidden}.heroImage>img{height:100%}.floatCard{position:absolute;left:25px;right:25px;bottom:25px;background:rgba(255,255,255,.94);padding:20px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.floatCard span{font-size:.56rem;text-transform:uppercase;letter-spacing:.14em}.floatCard b{font-family:Georgia,serif;font-size:1.25rem}.floatCard a{font-size:.72rem;font-weight:800;color:var(--teal)}
.promise{background:var(--ink);color:#fff;padding:10vw 4vw;text-align:center}.promise h2{font-size:clamp(4rem,8vw,8.5rem);max-width:1200px;margin:40px auto}.promiseGrid{display:grid;grid-template-columns:1fr 1fr;max-width:760px;margin:60px auto 0;gap:60px;text-align:left}.promiseGrid p{line-height:1.75;color:#cfe0dc;margin:0}.services{padding:10vw 4vw;background:var(--ice)}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:5vw}.sectionHead h2,.experience h2,.locations h2,.faq h2{font-size:clamp(3.8rem,6.8vw,7rem)}.sectionHead>p{max-width:400px;line-height:1.7}.serviceGrid{margin-top:70px;border-top:1px solid rgba(18,56,50,.3)}.serviceGrid article{display:grid;grid-template-columns:55px 1fr auto;padding:26px 4px;border-bottom:1px solid rgba(18,56,50,.3);align-items:center;gap:22px}.serviceGrid article>span{font-size:.6rem;letter-spacing:.15em}.serviceGrid h3{font:400 clamp(1.8rem,3vw,3.2rem) Georgia,serif;margin:0}.serviceGrid p{margin:7px 0 0;line-height:1.55;max-width:570px;font-size:.85rem}.serviceGrid article>b{width:46px;height:46px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center}
.experience{display:grid;grid-template-columns:1fr 1fr;background:var(--mint)}.experienceImage{min-height:800px}.experienceImage img{height:100%}.experienceCopy{padding:8vw 5vw}.feature{display:grid;grid-template-columns:45px 1fr;gap:20px;border-top:1px solid rgba(18,56,50,.3);padding:25px 0}.feature:last-child{border-bottom:1px solid rgba(18,56,50,.3)}.feature>span{font-size:.6rem;letter-spacing:.15em}.feature h3{margin:0;font:400 1.7rem Georgia,serif}.feature p{margin:8px 0 0;line-height:1.6}.quote{padding:10vw 8vw;background:var(--cream);text-align:center}.quote p{font:italic 400 clamp(2.8rem,6vw,6.5rem)/1 Georgia,serif;margin:0}.quote span{display:block;margin-top:40px;text-transform:uppercase;letter-spacing:.16em;font-size:.58rem}.locations{padding:9vw 4vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;background:var(--teal);color:#fff}.locationCards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.locationCards article{background:#fff;color:var(--ink);padding:35px;display:flex;flex-direction:column;min-height:430px}.locationCards article>span{font-size:.58rem;letter-spacing:.15em;text-transform:uppercase}.locationCards h3{font:400 3rem Georgia,serif;margin:30px 0}.locationCards p{line-height:1.7}.locationCards article div{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:30px;border-top:1px solid rgba(18,56,50,.2);font-size:.72rem;font-weight:800}.clinicImage{height:78vh;min-height:650px;position:relative}.clinicImage img{height:100%;filter:saturate(.8)}.clinicImage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,56,50,.82),transparent 65%)}.clinicImage>div{position:absolute;z-index:2;left:5vw;top:50%;transform:translateY(-50%);color:#fff}.clinicImage h2{font-size:clamp(4rem,7vw,7.5rem)}
.faq{padding:10vw 4vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:var(--ice)}.faqList{border-top:1px solid rgba(18,56,50,.3)}details{border-bottom:1px solid rgba(18,56,50,.3);padding:22px 0}summary{list-style:none;display:flex;justify-content:space-between;font:400 1.5rem Georgia,serif;cursor:pointer}summary::-webkit-details-marker{display:none}details p{line-height:1.65;max-width:650px}.finalCta{text-align:center;background:var(--coral);color:#fff;padding:10vw 4vw}.finalCta h2{font-size:clamp(4.5rem,9vw,9rem);margin:35px auto 55px}.finalCta a{display:inline-block;background:var(--ink);padding:20px 25px;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;font-weight:900}footer{background:var(--ink);color:#fff;padding:45px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}footer p{text-align:center;color:#a9c4bd;font-size:.56rem;line-height:1.5;text-transform:uppercase;letter-spacing:.12em}footer div{display:flex;justify-content:flex-end;gap:22px;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav nav{display:none}.hero{grid-template-columns:1fr}.heroImage{min-height:90vh}.promiseGrid,.experience,.locations,.faq{grid-template-columns:1fr}.locationCards{grid-template-columns:1fr 1fr}.experienceImage{min-height:70vh}.clinicImage{height:70vh}.sectionHead{align-items:start;flex-direction:column}.locationsCopy{padding-bottom:30px}footer{grid-template-columns:1fr;gap:28px;text-align:center}footer p{text-align:center}footer div{justify-content:center}}@media(max-width:560px){.topbar span{display:none}.navCta{padding:11px}.heroCopy{padding:60px 5vw}.hero h1{font-size:19vw}.heroActions{align-items:flex-start;flex-direction:column}.trustRow{gap:12px}.trustRow b{font-size:1.7rem}.floatCard{grid-template-columns:1fr}.promiseGrid{grid-template-columns:1fr;gap:25px}.serviceGrid article{grid-template-columns:35px 1fr}.serviceGrid article>b{display:none}.locationCards{grid-template-columns:1fr}.locationCards article{min-height:360px}.clinicImage h2{font-size:15vw}.quote{padding:100px 6vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}