@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600&family=Mukta:wght@300;400;500;600&family=Noto+Sans+Devanagari:wght@400;500;600&family=Rozha+One&family=Tiro+Devanagari+Hindi:ital@0;1&display=swap');

:root{--maroon:#2D0A0A;--maroon-light:#4A1515;--maroon-dark:#1A0505;--gold:#C9A227;--gold-light:#E8D5A3;--gold-dark:#9C7C1E;--cream:#FAF7F0;--cream-dark:#F0EBE0;--ink:#1A1A1A;--muted:#8B7D6B;--white:#FFFFFF;--shadow-sm:0 1px 3px rgba(45,10,10,.06);--shadow:0 4px 16px rgba(45,10,10,.08);--shadow-lg:0 12px 40px rgba(45,10,10,.12);--radius:8px;--radius-lg:16px;--transition:.4s cubic-bezier(.4,0,.2,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Inter','Mukta',system-ui,sans-serif;font-size:16px;line-height:1.7;color:var(--ink);background:var(--cream);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(1200px,92%);margin:0 auto}

.page-hero{background:linear-gradient(135deg,var(--maroon-dark) 0%,var(--maroon) 100%);padding:5rem 0 3rem;text-align:center;position:relative;overflow:hidden}
.page-hero::before{content:'\0950';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Tiro Devanagari Hindi',serif;font-size:20rem;opacity:.04;color:var(--white);line-height:1}
.page-hero-content{position:relative;z-index:1}
.page-hero h1{font-family:'Cormorant Garamond','Rozha One',serif;font-size:clamp(2rem,4.5vw,3rem);font-weight:500;color:var(--white);margin-bottom:.75rem}
.page-hero p{color:rgba(255,255,255,.75);max-width:600px;margin:0 auto;font-weight:300}

.cat-tabs{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;padding:2.5rem 0 1rem}
.cat-tab{padding:.6rem 1.4rem;border:1px solid var(--cream-dark);border-radius:999px;font-size:.88rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all var(--transition);background:var(--white)}
.cat-tab:hover{border-color:var(--gold);color:var(--maroon)}
.cat-tab.active{background:var(--maroon);color:var(--white);border-color:var(--maroon)}

.services-list{padding:1rem 0 5rem}
.cat-section{margin-bottom:3rem}
.cat-header{margin-bottom:1.5rem}
.cat-header h2{font-family:'Cormorant Garamond','Rozha One',serif;font-size:1.75rem;font-weight:600;color:var(--maroon);margin-bottom:.5rem}
.cat-header p{color:var(--muted);font-size:.95rem;max-width:600px}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.service-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:all var(--transition);border:1px solid rgba(201,162,39,.1);display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(201,162,39,.3)}
.service-image{position:relative;height:200px;overflow:hidden}
.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.service-card:hover .service-image img{transform:scale(1.08)}
.service-badge{position:absolute;top:.75rem;right:.75rem;padding:.3rem .75rem;background:var(--maroon);color:var(--gold-light);font-size:.68rem;font-weight:700;border-radius:999px;letter-spacing:.05em;text-transform:uppercase}
.service-content{padding:1.25rem;display:flex;flex-direction:column;flex:1}
.service-content h3{font-family:'Cormorant Garamond','Rozha One',serif;font-size:1.25rem;font-weight:600;color:var(--maroon);margin-bottom:.4rem;line-height:1.3}
.service-content p{font-size:.88rem;color:var(--muted);line-height:1.6;margin-bottom:.75rem;flex:1}
.service-duration{font-size:.82rem;color:var(--muted);font-weight:500;margin-bottom:.75rem}
.service-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.4rem;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--maroon-dark);font-weight:600;font-size:.88rem;border-radius:999px;transition:all var(--transition);white-space:nowrap;align-self:flex-start}
.service-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,162,39,.3)}

@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.services-grid{grid-template-columns:1fr}.cat-tabs{gap:.5rem}.cat-tab{padding:.5rem 1rem;font-size:.82rem}}

html[lang="hi"] body{font-family:'Mukta','Noto Sans Devanagari',system-ui,sans-serif;line-height:1.8}
html[lang="hi"] .page-hero h1,html[lang="hi"] .cat-header h2,html[lang="hi"] .service-content h3{font-family:'Rozha One','Tiro Devanagari Hindi',serif!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important}
