@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;500;600;700&display=swap');

:root{--pink:#df0068;--purple:#7100d8;--text:#242424;--muted:#8d91a0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:'Titillium Web',Arial,sans-serif;font-size:16px;line-height:1.65}
a{text-decoration:none;color:inherit}
button{font:inherit}

/* Header now uses the shared common-header.css only (kept identical on every page). */

/* =========================
   HERO — exact composition
   ========================= */
.an-page-hero{height:252px;position:relative;overflow:hidden}
.an-hero-bg{position:absolute;inset:0;background:url('https://dranupama.in/wp-content/uploads/2018/03/innerpage.jpg') center center/cover no-repeat}
.an-page-hero::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.04)}
.an-hero-panel{position:absolute;z-index:2;left:8.7%;top:12px;width:56.8%;max-width:784px;height:219px;padding:34px 71px;background:rgba(255,255,255,.97)}
.an-hero-panel h1{margin:0;font-size:80px;line-height:1.05;letter-spacing:.2px;font-weight:700;color:#282828;white-space:nowrap}
.an-title-rule{width:57px;height:3px;background:#e5e5e5;margin:26px 0 15px}
.an-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:17px;color:#9b9eac;font-size:17px;font-weight:300}
.an-breadcrumbs a:hover{color:var(--pink)}

/* =========================
   CONTENT — exact whitespace
   ========================= */
.an-content{height:auto;min-height:364px;background:#fff}
.an-content-inner{width:min(930px,calc(100% - 48px));margin:0 auto;padding-top:86px;padding-bottom:80px}
.an-content p{margin:0;color:#8d91a0;font-size:15px;line-height:1.62;font-weight:300}
.an-featured-img{display:block;width:100%;height:auto;margin:0 0 34px;border-radius:2px}

/* =========================
   FOOTER — screenshot matched
   ========================= */
.an-footer{min-height:500px;height:500px;position:relative;overflow:hidden;background:#777;color:#fff}
.an-footer::before{content:"";position:absolute;inset:0;background:url('https://dranupama.in/wp-content/uploads/2017/10/pic110.jpg') center center/cover no-repeat;transform:scale(1.01)}
.an-footer-overlay{position:absolute;inset:0;background:rgba(83,59,85,.34)}
.an-footer-inner{position:relative;z-index:2;width:min(930px,calc(100% - 40px));height:100%;margin:0 auto;padding-top:96px}
.an-footer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.an-footer-card{height:268px;background:rgba(255,255,255,.98);text-align:center;padding:31px 20px 20px;color:#111}
.an-footer-icon{width:58px;height:58px;margin:0 auto 16px}
.an-footer-icon svg{width:100%;height:100%;fill:none;stroke:#df00a8;stroke-width:1.7}
.an-footer-card h2{margin:0;font-size:17px;line-height:1.2;font-weight:700}
.card-rule{width:58px;height:3px;background:#e7e7e7;margin:25px auto 24px}
.an-footer-card p{margin:0;font-size:12px;line-height:1.58;font-weight:400;color:#8a8d9a}
.an-footer-card strong{font-weight:600;color:#242424}
.an-footer-card a{color:#74788a}
.an-footer-card a:hover{color:var(--pink)}
.an-footer-card .directions{color:#555;font-weight:600}
.an-footer-bottom{text-align:center;color:#fff;font-size:12px;padding:49px 0 0}
.an-footer-bottom a{color:#fff}

/* =========================
   RESPONSIVE
   ========================= */
@media(max-width:1100px){
  .an-hero-panel{left:8%;width:62%;padding-left:55px;padding-right:40px}
  .an-hero-panel h1{font-size:52px}
}
@media(max-width:900px){
  .an-page-hero{height:260px}
  .an-hero-panel{left:6%;width:76%;max-width:none;height:230px;top:15px;padding:34px 50px}
  .an-hero-panel h1{font-size:48px}
  .an-content{height:auto;min-height:0}
  .an-content-inner{width:calc(100% - 50px);padding:65px 0 70px}
  .an-content p{font-size:14px}
  .an-footer{height:auto;min-height:0;padding-bottom:25px}
  .an-footer-inner{width:calc(100% - 40px);height:auto;padding-top:55px}
  .an-footer-cards{grid-template-columns:1fr;gap:20px}
  .an-footer-card{height:auto;min-height:260px}
  .an-footer-bottom{padding:35px 10px 0;font-size:12px}
}
@media(max-width:600px){
  .an-page-hero{height:245px}
  .an-hero-panel{left:15px;right:15px;width:auto;height:215px;top:15px;padding:30px 27px}
  .an-hero-panel h1{font-size:clamp(31px,9vw,43px);white-space:normal}
  .an-title-rule{margin:20px 0 14px}
  .an-breadcrumbs{gap:8px;font-size:12px}
  .an-content-inner{width:calc(100% - 34px);padding:50px 0 55px}
  .an-content p{font-size:14px;line-height:1.72}
  .an-footer-inner{width:calc(100% - 30px);padding-top:35px}
  .an-footer-card{padding:30px 20px}
}


/* ===== Footer icon images ===== */
.footer-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
}
.footer-icon img{
  width:52px;
  height:52px;
  object-fit:contain;
  display:block;
  margin:0 auto;
}
@media (max-width:576px){
  .footer-icon img{
    width:48px;
    height:48px;
  }
}