:root{--ink:#183b4e;--muted:#617783;--cream:#fffaf2;--mint:#d9f0e7;--teal:#217c78;--peach:#ffe0ca;--yellow:#ffd76c;--line:#d9e5e1}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{
margin:0;
background:var(--cream);
color:var(--ink);
font-family:'Poppins',sans-serif;
font-size:16px;
line-height:1.6
}
a{color:inherit;text-decoration:none}.topline{height:38px;background:var(--ink);color:#e8f5ee;padding:8px 6%;display:flex;justify-content:space-between;font-size:.78rem}.topline a{font-weight:700}
header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fffdf9;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf1eb}.brand{display:flex;gap:10px;align-items:center;font-family:'Poppins',sans-serif;
font-weight:700;;line-height:1}.brand small{display:block;font:500 .56rem 'DM Sans';letter-spacing:.13em;text-transform:uppercase;margin-top:5px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50% 50% 45% 50%;background:var(--teal);color:#fff;font:1.55rem 'DM Sans';transform:rotate(-8deg)}nav{display:flex;align-items:center;gap:28px;font-size:.89rem;font-weight:600}nav>a:not(.button):hover{color:var(--teal)}.button{display:inline-flex;gap:20px;align-items:center;background:var(--teal);color:#fff;border-radius:999px;padding:14px 22px;font-size:.9rem;font-weight:700;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#145c59}.button span{font-size:1.2rem}.button.small{padding:10px 16px}.menu{display:none;border:0;background:transparent;font-size:1.4rem}.hero{min-height:590px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;padding:72px 10% 45px;background:#eaf8f2}.hero-copy{z-index:2}.eyebrow{font-size:.72rem;font-weight:700;color:var(--teal);letter-spacing:.13em;text-transform:uppercase}
.hero h1,
h2{
font-family:'Poppins',sans-serif;
font-weight:700;
line-height:1.1;
letter-spacing:-1px;
}
.hero h1 em,h2 em{color:var(--teal);font-style:italic}.hero-copy>p{max-width:560px;color:#49636d;font-size:1.05rem}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-weight:700;font-size:.9rem;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link span{margin-left:5px}.trust{display:flex;gap:32px;margin-top:56px}.trust div{display:flex;gap:9px;align-items:center}.trust b{font:700 1.45rem 'Playfair Display';color:var(--teal)}.trust span{font-size:.72rem;line-height:1.2;max-width:64px;color:#4b6770}.hero-art{position:relative;min-height:410px}.sun{position:absolute;right:6%;top:1%;width:242px;height:242px;background:var(--yellow);border-radius:52% 48% 45% 55%;animation:pulse 6s ease-in-out infinite}.cloud{position:absolute;background:#fffdf9;border-radius:40px;height:28px;filter:drop-shadow(0 4px 8px #7cb4a833)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:38px;height:38px;bottom:0;left:14px}.cloud:after{width:28px;height:28px;bottom:0;right:13px}.cloud-a{width:100px;top:20%;left:3%;animation:drift 7s ease-in-out infinite}.cloud-b{width:75px;right:0;top:37%;transform:scale(.65);animation:drift 8s ease-in-out 1s infinite}.clinic-card{position:absolute;right:0;bottom:72px;width:172px;height:120px;background:#fffdf9;border-radius:15px;padding:22px;box-shadow:0 15px 35px #4d847a26;z-index:3;transform:rotate(4deg)}.clinic-card p{font:700 1.1rem/1.3 'Playfair Display';margin:0}.cross{color:var(--teal);font-size:1.6rem;display:block;margin-bottom:8px}.child{position:absolute;bottom:43px;left:18%;width:205px;height:310px;z-index:2}.head{position:absolute;width:100px;height:112px;top:15px;left:51px;background:#a96043;border-radius:47% 50% 48% 45%;z-index:2}.hair{position:absolute;width:116px;height:68px;background:#263b42;border-radius:70px 70px 25px 25px;top:2px;left:42px;z-index:3}.hair:after{content:"";position:absolute;background:#263b42;width:35px;height:60px;right:-5px;top:23px;border-radius:0 0 25px 25px}.body{position:absolute;width:165px;height:178px;bottom:0;left:18px;background:#ed8c72;border-radius:82px 82px 15px 15px}.body:before{content:"";position:absolute;width:83px;height:70px;left:40px;background:#fff7ec;border-radius:0 0 50% 50%}.arm{position:absolute;width:32px;height:125px;background:#a96043;border-radius:30px;top:139px}.arm.left{left:10px;transform:rotate(18deg)}.arm.right{right:7px;transform:rotate(-17deg)}.ground{position:absolute;bottom:14px;left:3%;height:20px;width:95%;border-radius:50%;background:#bbded3}.star,.heart{position:absolute;color:var(--teal);z-index:4}.s1{top:53px;left:11%;font-size:25px;animation:twinkle 2s infinite}.s2{right:19%;top:79px;color:#e87d5f;animation:twinkle 2.4s infinite}.heart{right:34px;top:170px;color:#e98375;font-size:23px;animation:float 3s ease-in-out infinite}.orb{position:absolute;border-radius:50%;border:1px solid #addfd0}.orb-one{width:450px;height:450px;right:-140px;bottom:-250px}.orb-two{width:650px;height:650px;left:-380px;top:-330px}.section{padding:110px 10%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.intro h2,.section-title h2{font-size:clamp(2.35rem,3.5vw,3.6rem)}.intro-copy{color:var(--muted);padding-top:25px}.intro-copy p:first-child{margin-top:0}.services{background:#fffdf9}.section-title{max-width:610px}.section-title p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:50px}.service-grid article{padding:27px 30px 24px 0;border-bottom:1px solid var(--line);margin-right:25px}.service-grid i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-style:normal;background:var(--mint);color:var(--teal);font-size:1.3rem}.service-grid h3,.why-grid h3{font:700 1.15rem 'Playfair Display';margin:17px 0 6px}.service-grid p,.why-grid p{font-size:.86rem;color:var(--muted);margin:0}.doctor{display:grid;grid-template-columns:.8fr 1fr;gap:11%;align-items:center;background:#d9f0e7}.portrait{height:450px;position:relative}.portrait-shape{height:415px;width:92%;position:absolute;bottom:0;left:0;background:#f9cd82;border-radius:160px 160px 10px 10px}.doctor-figure{position:absolute;width:230px;height:390px;left:13%;bottom:0}.doc-head{position:absolute;width:108px;height:118px;left:61px;top:36px;background:#a96043;border-radius:46%}.doc-hair{position:absolute;width:116px;height:48px;left:57px;top:25px;background:#283e49;border-radius:70px 70px 23px 23px;z-index:2}.doc-body{position:absolute;bottom:0;left:4px;width:220px;height:250px;background:#fffdf8;border-radius:100px 100px 0 0}.doc-body:before{content:"";position:absolute;left:75px;top:0;width:70px;height:80px;background:#8ab9ad;clip-path:polygon(0 0,100% 0,50% 100%)}.stetho{position:absolute;z-index:3;top:190px;left:96px;font-size:70px;transform:rotate(90deg);color:#315e65}.portrait-tag{position:absolute;right:-14px;bottom:27px;background:var(--ink);padding:15px 18px;border-radius:10px;color:#fff;font:700 .83rem/1.3 'Playfair Display'}.doctor h2{font-size:3.5rem;margin-bottom:7px}.doctor h3{font-size:.93rem;color:var(--teal);margin:0 0 22px}.doctor-copy>p{color:#48626a}.credentials{display:flex;gap:25px;margin:27px 0}.credentials div{padding-right:20px;border-right:1px solid #a2cfc3}.credentials div:last-child{border:0}.credentials b{display:block;font:700 1.15rem 'Playfair Display'}.credentials span{font-size:.7rem;color:#52716f}.quiet{font-size:.86rem}.why{background:var(--ink);color:#effaf4}.why .eyebrow{color:#9bd9ca}.why h2{color:white}.why h2 em{color:#b6e9dc}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.why-grid b{color:#92d9ca;font:700 1.4rem 'Playfair Display'}.why-grid h3{color:white}.why-grid p{color:#b5cfcc}.support{display:grid;grid-template-columns:1fr 1fr;gap:22px}.support-card{padding:50px;min-height:340px;background:var(--mint);border-radius:14px}.support-card.peach{background:var(--peach)}.support-card h2{font-size:2.7rem}.support-card p{color:#49646a;max-width:390px}.testimonial{text-align:center;max-width:920px;margin:auto;padding-bottom:90px}.quote{display:block;color:var(--yellow);font:7rem/1 'Playfair Display';height:76px}.testimonial blockquote{font:600 clamp(1.45rem,2.5vw,2.25rem)/1.35 'Playfair Display';margin:14px 0 15px}.testimonial p{font-size:.78rem;color:var(--muted)}.dots b{width:7px;height:7px;display:inline-block;background:#b4d8ce;border-radius:50%;margin:14px 3px}.dots b:first-child{background:var(--teal)}.journal{background:#fffdf9;display:grid;grid-template-columns:1fr auto;gap:30px}.journal h2{font-size:3rem}.post-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.post-top{height:130px;background:var(--mint);padding:22px;font-size:2rem}.post:nth-child(2) .post-top{background:var(--peach)}.post:nth-child(3) .post-top{background:#f8e99d}.post-body{padding:20px}.post-body span{font-size:.7rem;color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.post-body h3{font:700 1.26rem/1.25 'Playfair Display';margin:10px 0}.post-body p{font-size:.82rem;color:var(--muted);margin:0}.contact{background:var(--teal);color:white;padding:90px 10%;display:grid;grid-template-columns:1fr .55fr;gap:15%;align-items:center}.contact .eyebrow{color:#b6e9dc}.contact h2{font-size:3.6rem;margin-top:14px}.contact h2 em{color:#ffe49a}.contact>div>p{color:#d5eee7}.contact-info{border-left:1px solid #69aaa3;padding-left:35px}.contact-info p{line-height:1.8}.contact-info a{font-weight:700}footer{padding:28px 6%;display:flex;align-items:center;justify-content:space-between;font-size:.76rem;color:var(--muted);background:#fffdf9}footer>a:last-child{font-weight:700;color:var(--teal)}.reveal{animation:rise .8s both}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes drift{50%{transform:translateX(15px)}}@keyframes float{50%{transform:translateY(-12px) rotate(8deg)}}@keyframes twinkle{50%{transform:scale(1.35);opacity:.5}}@keyframes pulse{50%{transform:scale(1.06)}}@media(max-width:780px)
{header{height:70px}.menu{display:block}nav{display:none}.topline{padding:8px 5%;font-size:.7rem}.hero{grid-template-columns:1fr;padding:57px 8% 0}.hero-art{min-height:350px;margin-top:5px}.hero h1{font-size:3.2rem}.section{padding:75px 8%}.intro,.doctor,.contact{grid-template-columns:1fr;gap:30px}.service-grid,.why-grid,.post-grid{grid-template-columns:1fr 1fr}.service-grid article{margin-right:15px}.doctor{padding-bottom:75px}.portrait{max-width:360px}.support{grid-template-columns:1fr;padding-top:0}.support-card{padding:35px}.contact-info{border-left:0;border-top:1px solid #69aaa3;padding:20px 0 0}.journal{grid-template-columns:1fr}.journal>a{justify-self:start}.journal h2,.contact h2{font-size:2.75rem}
footer{gap:17px;flex-wrap:wrap}.hero-art{transform:scale(.86);transform-origin:left bottom;margin-right:-50px}}@media(max-width:470px){.topline span{display:none}.topline{justify-content:center}.service-grid,.why-grid,.post-grid{grid-template-columns:1fr}.actions{gap:14px;align-items:flex-start;flex-direction:column}.trust{margin-top:35px}.hero-art{min-height:315px}.portrait{transform:scale(.87);transform-origin:left bottom;margin-bottom:-40px}.support-card h2{font-size:2.25rem}}
.hero-photo{position:relative;min-height:410px;padding:18px 0 30px 30px}.hero-photo img{width:100%;height:390px;object-fit:cover;border-radius:180px 18px 18px 18px;box-shadow:20px 20px 0 var(--yellow)}.photo-credit{position:absolute;left:33px;bottom:4px;font-size:.6rem;color:var(--muted)}.page-hero{min-height:500px;padding:85px 10%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#eaf8f2;overflow:hidden}.page-hero h1{font:700 clamp(2.75rem,5vw,5rem)/1.06 'Playfair Display';letter-spacing:-.045em;margin:14px 0 22px}.page-hero h1 em{font-style:italic;color:var(--teal)}.page-hero p{max-width:550px;color:var(--muted)}.page-hero>img,.about-photo img{width:100%;height:330px;object-fit:cover;border-radius:140px 15px 15px 15px}.about-photo{position:relative;animation:rise .9s both}.about-photo span{position:absolute;right:-10px;bottom:-10px;background:var(--ink);color:#fff;padding:17px;border-radius:9px;font:700 .85rem 'Playfair Display'}.story{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.story p{color:var(--muted);font-size:1.04rem}.about-values{position:relative;background:var(--ink);overflow:hidden}.about-values .section{position:relative;z-index:2}.about-values .eyebrow{color:#9bd9ca}.about-values h2{color:#fff}.about-values h2 em{color:#b6e9dc}.bubble{position:absolute;border:1px solid #70a99d;border-radius:50%;animation:pulse 7s ease-in-out infinite}.b1{width:520px;height:520px;right:-170px;top:-220px}.b2{width:270px;height:270px;left:-100px;bottom:-130px;animation-delay:1s}.service-list{max-width:1000px;margin:auto}.service-list article{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:31px 0;border-bottom:1px solid var(--line)}.service-list i{font-style:normal;display:grid;place-items:center;width:48px;height:48px;background:var(--mint);color:var(--teal);border-radius:50%;font-size:1.35rem}.service-list h2{font-size:1.8rem;margin:0 0 9px}.service-list p{color:var(--muted);max-width:720px;margin:0}.contact-hero{display:block;min-height:420px;background:var(--teal);color:#fff}.contact-hero .eyebrow{color:#b6e9dc}.contact-hero h1 em{color:#ffe49a}.contact-hero p{color:#e1f1ec}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:15%}.contact-page>div>p{color:var(--muted)}.details{padding:5px 0}.details>div{padding:17px 0;border-bottom:1px solid var(--line)}.details span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:var(--teal)}.details a{font:700 1.2rem 'Playfair Display'}.details p{margin:5px 0 0}.details .button{margin-top:25px}.services-hero>img{box-shadow:18px 18px 0 var(--peach)}@media(max-width:780px){.hero-photo{min-height:350px;margin-top:5px;padding-left:0}.hero-photo img{height:330px}.page-hero,.story,.contact-page{grid-template-columns:1fr;padding:70px 8%;gap:35px}.page-hero>img,.about-photo img{height:280px}.service-list article{grid-template-columns:55px 1fr}.service-list h2{font-size:1.5rem}.about-photo span{right:0}.page-hero.contact-hero{min-height:360px}.hero-photo{transform:scale(.9);transform-origin:left bottom;margin-right:-50px}}@media(max-width:470px){.page-hero,.story,.contact-page{padding:60px 8%}.hero-photo img{height:275px;box-shadow:12px 12px 0 var(--yellow)}.clinic-card{right:0;bottom:20px}.page-hero>img,.about-photo img{height:240px}.service-list article{grid-template-columns:1fr;gap:12px}}
.hero{background:linear-gradient(115deg,#eef9f5 0%,#d8f2eb 55%,#c4e8dd 100%)}.hero:after{content:"";position:absolute;width:380px;height:380px;right:3%;top:30px;border:1px solid #fff9;border-radius:50%;animation:heroRing 9s linear infinite}.hero-copy{animation:homeEnter .9s both}.hero-photo img{object-position:center 28%;filter:saturate(.95) contrast(1.04)}.hero-photo{animation:photoEnter 1.1s .15s both}.clinic-card{box-shadow:0 20px 45px #153d4826}.portrait{overflow:hidden;background:url('assets/doctor-rajiv-garg.jpeg') center 24%/cover no-repeat;border-radius:160px 160px 12px 12px;box-shadow:15px 15px 0 #f9cd82}.portrait .portrait-shape,.portrait .doctor-figure{display:none}.portrait .portrait-tag{right:12px;bottom:14px;z-index:3}.about-photo img{content:url('assets/doctor-rajiv-garg.jpeg');object-position:center 22%}.about-photo{overflow:visible}.about-photo:after{content:"";position:absolute;inset:-13px 13px 13px -13px;border:1px solid var(--teal);border-radius:145px 18px 18px 18px;z-index:-1;animation:softPulse 4s ease-in-out infinite}.doctor{background:linear-gradient(110deg,#d9f0e7,#c5e9dd)}@keyframes homeEnter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes photoEnter{from{opacity:0;transform:translateX(26px) scale(.96)}to{opacity:1;transform:none}}@keyframes heroRing{to{transform:rotate(360deg)}}@keyframes softPulse{50%{transform:scale(1.035);opacity:.55}}@media(max-width:780px){.hero:after{width:250px;height:250px;right:-80px;top:30px}.portrait{height:390px;width:92%}.about-photo:after{inset:-8px 8px 8px -8px}}
.about-photo img{content:url('https://images.unsplash.com/photo-1584515933487-779824d29309?auto=format&fit=crop&w=1200&q=85');object-position:center 45%}.hero-photo img{object-position:center 50%}
.about-photo img{content:url('assets/about-clinic.avif');object-position:center}
.post-top{overflow:hidden;padding:0}.post-top img{width:100%;height:100%;object-fit:cover;display:block}.post-body details{margin-top:14px;border-top:1px solid var(--line);padding-top:11px;font-size:.85rem}.post-body summary{cursor:pointer;color:var(--teal);font-weight:700}.post-article{margin-top:11px;color:var(--muted);line-height:1.7}


/* ===========================
GLOBAL
=========================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins',sans-serif;
line-height:1.6;
}

/* ===========================
HERO SLIDER
=========================== */

.hero-slider{
position:relative;
height:80vh;
overflow:hidden;
}

.slide{
position:absolute;
width:100%;
height:100%;
opacity:0;
transition:1s ease-in-out;
background-size:cover;
background-position:center;
}

.slide.active{
opacity:1;
}

.overlay{
width:100%;
height:100%;
background:rgba(0,0,0,.55);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:20px;
}

.slider-content{
color:#fff;
max-width:800px;
}

.slider-content h1{
font-size:55px;
font-weight:700;
margin-bottom:15px;
}

.slider-content p{
font-size:20px;
margin-bottom:25px;
}

.btn-slider{
background:#00bcd4;
color:#fff;
padding:14px 35px;
text-decoration:none;
border-radius:50px;
font-weight:600;
}

/* ===========================
COUNTER SECTION
=========================== */

.counter-section{
padding:80px 0;
background:#f8fbfd;
}

.counter-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
padding:0 20px;
}

.counter-box{
background:#fff;
padding:35px;
text-align:center;
border-radius:15px;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.counter-box h2{
font-size:42px;
color:#00bcd4;
font-weight:700;
}

.counter-box p{
font-size:18px;
font-weight:500;
}

/* ===========================
TESTIMONIALS
=========================== */

.testimonial-section{
padding:90px 20px;
}

.section-title{
text-align:center;
font-size:38px;
margin-bottom:50px;
font-weight:700;
}

.testimonial-grid{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.testimonial-card{
padding:30px;
border-radius:15px;
background:#fff;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.stars{
color:#ffc107;
margin-bottom:15px;
}

.testimonial-card h4{
margin-top:15px;
color:#00bcd4;
}

/* ===========================
GOOGLE MAP
=========================== */

.map-section{
padding:80px 20px;
background:#f8fbfd;
}

.map-container{
max-width:1200px;
margin:auto;
}

.map-container iframe{
width:100%;
height:450px;
border-radius:15px;
border:none;
}

/* ===========================
WHATSAPP
=========================== */

.whatsapp-btn{
position:fixed;
right:20px;
bottom:20px;
width:60px;
height:60px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:32px;
text-decoration:none;
z-index:999;
box-shadow:0 4px 15px rgba(0,0,0,.3);
}

/* ===========================
RESPONSIVE
=========================== */

@media(max-width:991px){

.counter-container{
grid-template-columns:repeat(2,1fr);
}

.testimonial-grid{
grid-template-columns:1fr;
}

.slider-content h1{
font-size:38px;
}
}

@media(max-width:576px){

.counter-container{
grid-template-columns:1fr;
}

.slider-content h1{
font-size:30px;
}

.slider-content p{
font-size:16px;
}
}


/* ===================================
MOBILE RESPONSIVE FIX
=================================== */

@media (max-width:991px){

.hero-slider{
height:65vh;
}

.slider-content{
padding:20px;
}

.slider-content h1{
font-size:32px;
line-height:1.2;
}

.slider-content p{
font-size:16px;
}

.counter-container{
grid-template-columns:repeat(2,1fr);
gap:15px;
}

.testimonial-grid{
grid-template-columns:1fr;
}

.section-title{
font-size:30px;
}

.counter-section,
.testimonial-section,
.map-section{
padding:50px 15px;
}

.whatsapp-btn{
width:55px;
height:55px;
font-size:28px;
right:15px;
bottom:15px;
}

img{
max-width:100%;
height:auto;
}
}

@media (max-width:768px){

    header{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:10px 15px;
    }

    .brand{
        flex:none;
        margin:0;
    }

    .site-logo{
    height:55px;
    width:auto;
    display:block;
    margin:0;

    }

    .menu{
        display:block;
        margin-left:auto;
        font-size:30px;
    }

    nav{
        display:none;
        width:100%;
    }
}

.hero-slider{
height:55vh;
}

.slider-content h1{
font-size:28px;
}

.slider-content p{
font-size:15px;
}

.btn-slider{
padding:12px 25px;
font-size:14px;
}

.counter-container{
grid-template-columns:1fr;
}

.counter-box{
padding:20px;
}

.counter-box h2{
font-size:34px;
}

.testimonial-card{
padding:20px;
}

.section-title{
font-size:26px;
}

@media (max-width:480px){

.hero-slider{
height:50vh;
}

.slider-content h1{
font-size:24px;
}

.slider-content p{
font-size:14px;
}

.btn-slider{
display:inline-block;
padding:10px 20px;
font-size:13px;
}

.counter-box h2{
font-size:28px;
}

.section-title{
font-size:22px;
}

.map-container iframe{
height:300px;
}
}

.gallery-grid
{
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(300px,1fr));

    gap:20px;
}

.gallery-card
{
    border-radius:12px;
    overflow:hidden;
}

.gallery-card img
{
    width:100%;
    height:250px;
    object-fit:cover;
}

.read-more{
    display:inline-block;
    margin-top:15px;
    padding:10px 20px;
    background:#0d6efd;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
}
@media (max-width: 768px) {

    .topline {
        flex-direction: column;
        height: auto;
        gap: 5px;
        text-align: center;
        padding: 10px;
    }

 header {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding: 15px;
}

   nav {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
    margin-top: 0;
}

    .hero {
        grid-template-columns: 1fr;
        padding: 40px 20px;
    }

    .gallery-grid {
        grid-template-columns: 1fr;
    }

    .blog-container {
        padding: 15px;
    }
}

.modal{
    display:none;
    position:fixed;
    z-index:9999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background:rgba(0,0,0,.7);
}

.modal-content{
    background:#fff;
    margin:5% auto;
    padding:25px;
    width:90%;
    max-width:900px;
    border-radius:10px;
}

.modal-image{
    width:100%;
    border-radius:8px;
    margin-bottom:20px;
}

.close{
    float:right;
    font-size:30px;
    cursor:pointer;
}

.site-logo{
    height:90px;
    width:auto;
    display:block;
}

@media (max-width:768px){

    .brand{
        display:block !important;
        width:auto !important;
        flex:none !important;
        margin:0 !important;
        text-align:left !important;
    }

    .site-logo{
        display:block !important;
        height:55px !important;
        width:auto !important;
        margin:0 !important;
    }

    header{
        display:flex !important;
        justify-content:space-between !important;
        align-items:center !important;
    }

    .menu{
        margin-left:auto !important;
    }
}

nav.active{
    display:flex;
    flex-direction:column;
    width:100%;
    margin-top:10px;
}

.menu{
    display:block;
    font-size:30px;
    cursor:pointer;
    background:none;
    border:none;
}

/* FINAL DESKTOP/MOBILE FIXES */
@media (min-width: 769px){
  .menu{display:none !important;}
  nav{
    display:flex !important;
    flex-direction:row !important;
    position:static !important;
    width:auto !important;
    margin-top:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
}
header{position:relative;}
@media (max-width:768px){
  nav.active{
    display:flex !important;
    flex-direction:column;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    padding:15px;
    z-index:9999;
  }
  .hero{grid-template-columns:1fr !important;}
  .service-grid,.why-grid,.post-grid{grid-template-columns:1fr !important;}
}


/* Global mobile menu */
.menu{display:none;background:none;border:none;font-size:28px;cursor:pointer}
@media (max-width:768px){
.menu{display:block}
nav{display:none}
nav.active{display:flex !important;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff;padding:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);z-index:999}
}


/* Responsive Menu Fix */
header{position:relative}
@media (max-width:768px){
.menu{display:block !important;cursor:pointer;z-index:1001}
nav{
display:none !important;
position:absolute;
top:82px;
left:0;
width:100%;
background:#fff;
padding:10px 0;
box-shadow:0 5px 15px rgba(0,0,0,.12);
}
nav.active{
display:flex !important;
flex-direction:column;
gap:0;
}
nav.active a{
padding:14px 20px;
border-bottom:1px solid #eee;
width:100%;
}
}
@media (min-width:769px){
.menu{display:none !important;}
nav{display:flex !important;}
}


/* ===== CLEAN RESPONSIVE HEADER ===== */
header{position:sticky;top:0;z-index:1000}
.menu{display:none}
@media (max-width:768px){
  .menu{
    display:block !important;
    background:none;border:none;
    font-size:32px;cursor:pointer;
  }
  nav{display:none !important}
  nav.active{
    display:flex !important;
    flex-direction:column;
    position:absolute;
    top:100%;left:0;
    width:100%;
    background:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    z-index:9999;
  }
  nav.active a{
    padding:14px 20px;
    text-align:center;
    border-bottom:1px solid #eee;
  }
}
@media (min-width:769px){
  .menu{display:none !important}
}

.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.gallery-item img{width:100%;height:250px;object-fit:cover;border-radius:10px}