/* ============================================================
   Akshay Nursing Home — Premium Hospital Website
   Design system: Purple (#6F42C1) + Teal (#20B2AA)
   ============================================================ */

:root{
  --purple: #6F42C1;
  --purple-dark: #56319A;
  --purple-light: #F3EEFB;
  --teal: #20B2AA;
  --teal-dark: #178E88;
  --teal-light: #E7F8F7;
  --ink: #241B33;
  --muted: #6B647A;
  --bg: #FFFFFF;
  --bg-soft: #FAF8FD;
  --gold: #E8B44C;
  --radius-sm: 12px;
  --radius: 16px;
  --radius-lg: 20px;
  --shadow-sm: 0 4px 14px rgba(111,66,193,0.08);
  --shadow: 0 12px 30px rgba(111,66,193,0.12);
  --shadow-lg: 0 20px 50px rgba(111,66,193,0.16);
  --grad-brand: linear-gradient(135deg, var(--purple) 0%, var(--teal) 100%);
  --font-body: 'Poppins', sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--bg);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{font-family:var(--font-body); font-weight:700; color:var(--ink); letter-spacing:-0.01em;}
p{color:var(--muted); line-height:1.75;}
a{color:var(--purple); text-decoration:none; transition:.25s;}
a:hover{color:var(--teal);}
::selection{background:var(--purple); color:#fff;}

.section{padding:5.5rem 0;}
.section-sm{padding:3.5rem 0;}
@media (max-width:767px){ .section{padding:3.25rem 0;} }

.bg-soft{background:var(--bg-soft);}
.bg-purple-light{background:var(--purple-light);}
.bg-teal-light{background:var(--teal-light);}
.section-dark{background:linear-gradient(135deg,#2C1A54 0%,#134E4A 100%); color:#fff;}
.section-dark h2, .section-dark h3{color:#fff;}
.section-dark p{color:rgba(255,255,255,0.82);}

.eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.78rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--teal-dark);
  background:var(--teal-light);
  padding:.4rem 1rem; border-radius:50px;
}
.eyebrow::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--teal);}

.text-purple{color:var(--purple)!important;}
.text-teal{color:var(--teal-dark)!important;}
.text-gold{color:var(--gold)!important;}

/* ---------- Buttons ---------- */
.btn{border-radius:50px; font-weight:600; padding:.75rem 1.6rem; transition:.3s; font-size:.95rem;}
.btn-brand{
  background:var(--grad-brand); border:none; color:#fff;
  box-shadow:0 10px 24px rgba(111,66,193,.30);
}
.btn-brand:hover{transform:translateY(-2px); box-shadow:0 14px 30px rgba(111,66,193,.4); color:#fff;}
.btn-outline-brand{border:2px solid var(--purple); color:var(--purple); background:transparent;}
.btn-outline-brand:hover{background:var(--purple); color:#fff;}
.btn-teal{background:var(--teal); border:none; color:#fff; box-shadow:0 10px 24px rgba(32,178,170,.3);}
.btn-teal:hover{background:var(--teal-dark); color:#fff; transform:translateY(-2px);}
.btn-lg{padding:.9rem 2.1rem; font-size:1.02rem;}
.btn-light-soft{background:#fff; color:var(--purple); border:none;}

/* ---------- Header / Nav ---------- */
.navbar{
  padding:.85rem 0; background:rgba(255,255,255,.92); backdrop-filter:blur(10px);
  transition:.3s; border-bottom:1px solid rgba(111,66,193,.08);
}
.navbar.scrolled{padding:.5rem 0; box-shadow:0 6px 24px rgba(111,66,193,.1);}
.navbar-brand img{height:52px; transition:.3s;}
.navbar.scrolled .navbar-brand img{height:42px;}
.navbar-nav .nav-link{
  font-weight:600; color:var(--ink); margin:0 .4rem; padding:.5rem .3rem!important;
  position:relative;
}
.navbar-nav .nav-link::after{
  content:""; position:absolute; left:0; bottom:0; width:0; height:2px;
  background:var(--grad-brand); transition:.3s;
}
.navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after{width:100%;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover{color:var(--purple);}
.dropdown-menu{border:none; box-shadow:var(--shadow-lg); border-radius:var(--radius-sm); padding:.6rem;}
.dropdown-item{border-radius:8px; padding:.55rem .9rem; font-weight:500;}
.dropdown-item:hover{background:var(--purple-light); color:var(--purple);}

/* ---------- Hero ---------- */
.hero{
  position:relative; padding:8rem 0 5rem; overflow:hidden;
  background:radial-gradient(circle at 85% 15%, var(--teal-light) 0%, transparent 45%),
             radial-gradient(circle at 10% 90%, var(--purple-light) 0%, transparent 50%),
             #fff;
}
.hero::before{
  content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:
    radial-gradient(circle, rgba(111,66,193,.08) 1.5px, transparent 1.5px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%);
  mask-image:linear-gradient(180deg,#000 0%,transparent 70%);
}
.hero-badge{
  display:inline-flex; align-items:center; gap:.5rem; background:#fff;
  border:1px solid rgba(111,66,193,.15); border-radius:50px; padding:.5rem 1.1rem;
  box-shadow:var(--shadow-sm); font-weight:600; font-size:.85rem; color:var(--purple-dark);
}
.hero h1{font-size:clamp(2.1rem,4vw,3.2rem); line-height:1.15;}
.hero .lead{font-size:1.15rem;}
.hero-img-wrap{position:relative;}
.hero-img-wrap img{border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); width:100%;}
.hero-float-card{
  position:absolute; bottom:-1.2rem; left:-1.2rem; background:#fff; border-radius:var(--radius);
  box-shadow:var(--shadow-lg); padding:1rem 1.3rem; display:flex; gap:.8rem; align-items:center;
}
.hero-float-card .icon{width:46px; height:46px; border-radius:12px; background:var(--grad-brand); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.2rem; flex-shrink:0;}
.hero-float-card strong{display:block; font-size:1.1rem; color:var(--ink);}
.hero-float-card span{font-size:.78rem; color:var(--muted);}

/* ---------- Page Hero (inner pages) ---------- */
.page-hero{
  background:linear-gradient(135deg,#2C1A54 0%,#134E4A 100%);
  color:#fff; padding:7.5rem 0 3.5rem; text-align:center; position:relative; overflow:hidden;
}
.page-hero::after{
  content:""; position:absolute; inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.09) 1.5px,transparent 1.5px);
  background-size:24px 24px; opacity:.6;
}
.page-hero .container{position:relative;}
.page-hero h1{color:#fff; font-size:clamp(1.9rem,3.6vw,2.7rem);}
.page-hero p{color:rgba(255,255,255,.82);}
.breadcrumb-anh{font-size:.88rem; color:rgba(255,255,255,.65);}
.breadcrumb-anh a{color:#fff;}

/* ---------- Cards ---------- */
.card-anh{
  background:#fff; border:1px solid rgba(111,66,193,.08); border-radius:var(--radius);
  padding:2rem 1.7rem;  box-shadow:var(--shadow-sm); transition:.35s;
}
.card-anh:hover{transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:transparent;}
.card-anh .icon-wrap{
  width:60px; height:60px; border-radius:16px; display:flex; align-items:center; justify-content:center;
  background:var(--purple-light); color:var(--purple); font-size:1.5rem; margin-bottom:1.2rem;
  transition:.35s;
}
.card-anh:hover .icon-wrap{background:var(--grad-brand); color:#fff;}
.card-anh h5, .card-anh h3{margin-bottom:.6rem;}
.card-anh p{margin-bottom:0; font-size:.94rem;}

.rounded-anh{border-radius:var(--radius-lg);}

/* Qualification / timeline cards */
.qual-card{
  background:#fff; border-radius:var(--radius); padding:1.6rem; text-align:center;
  box-shadow:var(--shadow-sm); height:100%; transition:.3s; border-bottom:3px solid transparent;
}
.qual-card:hover{border-bottom-color:var(--teal); transform:translateY(-4px); box-shadow:var(--shadow);}
.qual-card i{font-size:2rem; color:var(--teal); margin-bottom:.8rem;}
.qual-card h6{margin-bottom:.2rem; font-size:.95rem;}

.timeline{position:relative; padding-left:2.2rem;}
.timeline::before{content:""; position:absolute; left:8px; top:6px; bottom:6px; width:2px; background:linear-gradient(var(--purple),var(--teal));}
.timeline-item{position:relative; padding-bottom:2.2rem;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-item::before{content:""; position:absolute; left:-2.2rem; top:4px; width:18px; height:18px; border-radius:50%; background:var(--grad-brand); border:3px solid #fff; box-shadow:0 0 0 2px var(--purple-light);}
.timeline-item h5{margin-bottom:.15rem;}
.timeline-item .role-tag{font-size:.78rem; font-weight:700; color:var(--teal-dark); text-transform:uppercase; letter-spacing:.06em;}

/* ---------- Counters ---------- */
.counter-box{text-align:center; padding:1rem;}
.counter-box .num{font-size:2.6rem; font-weight:800; background:var(--grad-brand); -webkit-background-clip:text; background-clip:text; color:transparent; line-height:1;}
.counter-box .lbl{color:var(--muted); font-weight:600; font-size:.92rem; margin-top:.4rem;}

/* ---------- Testimonials ---------- */
.testimonial-card{background:#fff; border-radius:var(--radius); padding:1.8rem; box-shadow:var(--shadow-sm); height:100%; position:relative;}
.testimonial-card .stars{color:var(--gold); letter-spacing:2px;}
.testimonial-card::before{content:"\201C"; position:absolute; top:.6rem; right:1.2rem; font-size:3.5rem; color:var(--purple-light); font-family:Georgia,serif; line-height:1;}
.rating-badge{display:inline-flex; align-items:center; gap:.6rem; background:#fff; border-radius:50px; padding:.6rem 1.2rem; box-shadow:var(--shadow-sm); font-weight:700;}

/* ---------- FAQ Accordion ---------- */
.faq-accordion .accordion-item{border:none; margin-bottom:.8rem; border-radius:var(--radius)!important; overflow:hidden; box-shadow:var(--shadow-sm);}
.faq-accordion .accordion-button{font-weight:600; padding:1.1rem 1.4rem; background:#fff;}
.faq-accordion .accordion-button:not(.collapsed){background:var(--purple-light); color:var(--purple-dark); box-shadow:none;}
.faq-accordion .accordion-button:focus{box-shadow:none;}
.faq-accordion .accordion-button::after{filter:hue-rotate(220deg);}
.faq-accordion .accordion-body{padding:.2rem 1.4rem 1.3rem;}

/* ---------- Gallery ---------- */
.gallery-item{position:relative; display:block; overflow:hidden; border-radius:var(--radius); box-shadow:var(--shadow-sm); aspect-ratio:4/3;}
.gallery-item img{width:100%; height:100%; object-fit:cover; transition:.5s;}
.gallery-item:hover img{transform:scale(1.08);}
.gallery-item .zoom-hint{
  position:absolute; inset:0; background:rgba(44,26,84,.55); display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:1.5rem; opacity:0; transition:.3s;
}
.gallery-item:hover .zoom-hint{opacity:1;}
.gallery-item .gcap{position:absolute; left:0; right:0; bottom:0; padding:.6rem .8rem; font-size:.78rem; color:#fff;
  background:linear-gradient(0deg,rgba(0,0,0,.65),transparent); opacity:0; transition:.3s;}
.gallery-item:hover .gcap{opacity:1;}

.lightbox-overlay{
  position:fixed; inset:0; background:rgba(20,10,35,.92); z-index:2000; display:none;
  align-items:center; justify-content:center; padding:2rem;
}
.lightbox-overlay.active{display:flex;}
.lightbox-overlay img{max-width:90%; max-height:82vh; border-radius:var(--radius); box-shadow:var(--shadow-lg);}
.lightbox-overlay .lb-cap{color:#fff; text-align:center; margin-top:1rem; font-size:.9rem;}
.lightbox-close, .lightbox-prev, .lightbox-next{
  position:absolute; background:rgba(255,255,255,.12); color:#fff; border:none; border-radius:50%;
  width:46px; height:46px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; cursor:pointer; transition:.25s;
}
.lightbox-close{top:1.5rem; right:1.5rem;}
.lightbox-prev{left:1.5rem; top:50%; transform:translateY(-50%);}
.lightbox-next{right:1.5rem; top:50%; transform:translateY(-50%);}
.lightbox-close:hover, .lightbox-prev:hover, .lightbox-next:hover{background:var(--purple);}

/* ---------- Video cards (testimonials) ---------- */
.video-card{position:relative; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); aspect-ratio:16/10; background:linear-gradient(135deg,var(--purple-light),var(--teal-light)); display:flex; align-items:center; justify-content:center; cursor:pointer;}
.video-card .play-btn{width:64px; height:64px; border-radius:50%; background:var(--grad-brand); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.4rem; box-shadow:var(--shadow);}

/* ---------- Contact / Form ---------- */
.contact-info-card{background:#fff; border-radius:var(--radius); padding:1.4rem; box-shadow:var(--shadow-sm); display:flex; gap:1rem; align-items:flex-start; height:100%;}
.contact-info-card .icon-wrap{width:48px; height:48px; border-radius:12px; background:var(--teal-light); color:var(--teal-dark); display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0;}
.form-control, .form-select{border-radius:12px; border:1.5px solid #E7E1F2; padding:.75rem 1rem; font-size:.95rem;}
.form-control:focus, .form-select:focus{border-color:var(--purple); box-shadow:0 0 0 .2rem rgba(111,66,193,.12);}
.form-label{font-weight:600; font-size:.88rem; margin-bottom:.35rem;}
iframe{border-radius:var(--radius-lg); width:100%; height:380px;}

/* ---------- Footer ---------- */
footer{background:#1D1230; color:rgba(255,255,255,.78); padding:4.5rem 0 0;}
footer h6{color:#fff; font-weight:700; margin-bottom:1.2rem; font-size:1rem;}
footer a{color:rgba(255,255,255,.7);}
footer a:hover{color:var(--teal);}
footer ul{list-style:none; padding:0; margin:0;}
footer ul li{margin-bottom:.65rem; font-size:.92rem;}
footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1); margin-top:3rem; padding:1.4rem 0; font-size:.85rem;}
.social-row a{
  width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.08); display:inline-flex;
  align-items:center; justify-content:center; margin-right:.5rem; transition:.3s;
}
.social-row a:hover{background:var(--grad-brand); color:#fff; transform:translateY(-3px);}

/* ---------- Floating buttons ---------- */
.wa-float, .call-float{
  position:fixed; right:1.5rem; width:58px; height:58px; border-radius:50%; z-index:1000;
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.5rem;
  box-shadow:0 10px 26px rgba(0,0,0,.25); transition:.3s;
}
.wa-float{bottom:1.5rem; background:#25D366;}
.call-float{bottom:6.3rem; background:var(--grad-brand);}
.wa-float:hover, .call-float:hover{transform:scale(1.1); color:#fff;}
.wa-float .pulse{position:absolute; inset:0; border-radius:50%; background:#25D366; animation:pulse 2s infinite;}
@keyframes pulse{0%{transform:scale(1); opacity:.6;} 100%{transform:scale(1.7); opacity:0;}}

.back-to-top{
  position:fixed; bottom:1.5rem; left:1.5rem; width:46px; height:46px; border-radius:50%;
  background:#fff; color:var(--purple); border:1.5px solid var(--purple-light); box-shadow:var(--shadow-sm);
  display:flex; align-items:center; justify-content:center; font-size:1.1rem; z-index:1000;
  opacity:0; visibility:hidden; transition:.3s;
}
.back-to-top.show{opacity:1; visibility:visible;}
.back-to-top:hover{background:var(--grad-brand); color:#fff;}

/* ---------- Ayurveda wheel (sthanik chikitsa) ---------- */
.chikitsa-card{background:#fff; border-radius:var(--radius); padding:1.5rem; box-shadow:var(--shadow-sm); height:100%; border-top:3px solid var(--gold);}
.chikitsa-card h6{color:var(--purple-dark); margin-bottom:.4rem;}
.chikitsa-card .mr-name{font-size:.82rem; color:var(--teal-dark); font-weight:700; display:block; margin-bottom:.3rem;}

/* ---------- Utility ---------- */
.divider-brand{width:70px; height:4px; background:var(--grad-brand); border-radius:4px; margin:0 auto 1.2rem;}
.badge-info-pill{background:var(--purple-light); color:var(--purple-dark); border-radius:50px; padding:.4rem .9rem; font-size:.82rem; font-weight:600;}
.stat-strip{background:var(--grad-brand); border-radius:var(--radius-lg); padding:2.2rem; color:#fff;}
.appointment-numbers{background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); padding:1.6rem;}
.appointment-numbers .num-row{display:flex; justify-content:space-between; align-items:center; padding:.7rem 0; border-bottom:1px dashed #EAE3F5;}
.appointment-numbers .num-row:last-child{border-bottom:none;}
.appointment-numbers .num-row strong{color:var(--purple-dark);}

@media (max-width:991px){
  .hero{padding:7rem 0 3rem; text-align:center;}
  .hero-float-card{position:static; margin-top:1.5rem; display:inline-flex;}
  .navbar-collapse{background:#fff; border-radius:var(--radius); margin-top:1rem; padding:1rem; box-shadow:var(--shadow);}
}

/* ============================================================
   Blog module — listing, banners, article layout
   ============================================================ */
.bg-grad-1{background:linear-gradient(135deg,#6F42C1 0%,#20B2AA 100%);}
.bg-grad-2{background:linear-gradient(135deg,#56319A 0%,#8E5FDB 100%);}
.bg-grad-3{background:linear-gradient(135deg,#178E88 0%,#20B2AA 100%);}
.bg-grad-4{background:linear-gradient(135deg,#B8862F 0%,#6F42C1 100%);}
.bg-grad-5{background:linear-gradient(135deg,#20B2AA 0%,#56319A 100%);}

/* ---- Article / blog top banner ---- */
.blog-banner{color:#fff; padding:7.5rem 0 3rem; text-align:center; position:relative; overflow:hidden;}
.blog-banner::after{
  content:""; position:absolute; inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.10) 1.5px,transparent 1.5px);
  background-size:24px 24px; opacity:.7;
}
.blog-banner .container{position:relative;}
.blog-banner h1{color:#fff; font-size:clamp(1.7rem,3.4vw,2.5rem);}
.blog-banner p{color:rgba(255,255,255,.85);}
.blog-hero-icon{
  width:82px; height:82px; border-radius:50%; background:rgba(255,255,255,.14);
  display:flex; align-items:center; justify-content:center; font-size:2.1rem; color:#fff;
  margin:0 auto 1.1rem; border:1px solid rgba(255,255,255,.3);
}
.blog-meta-row{display:flex; gap:1.4rem; justify-content:center; flex-wrap:wrap; font-size:.85rem; color:rgba(255,255,255,.78); margin-top:.9rem;}
.blog-meta-row span i{margin-right:.4rem;}
.blog-eyebrow{
  display:inline-flex; align-items:center; gap:.5rem; font-size:.76rem; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.16);
  padding:.4rem 1rem; border-radius:50px; margin-bottom:1rem;
}

/* ---- Blog listing cards ---- */
.blog-card{background:#fff; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); height:100%; transition:.35s; display:flex; flex-direction:column;}
.blog-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-lg);}
.blog-card-banner{height:165px; display:flex; align-items:center; justify-content:center; font-size:2.5rem; color:#fff; position:relative;}
.blog-card-banner i{position:relative; z-index:1;}
.blog-card-banner::after{content:""; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(255,255,255,.18) 1.5px, transparent 1.5px); background-size:18px 18px;}
.blog-card-body{padding:1.5rem; display:flex; flex-direction:column; flex:1;}
.blog-card .cat-pill{display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:.3rem .8rem; border-radius:50px; margin-bottom:.8rem; align-self:flex-start; background:var(--purple-light); color:var(--purple-dark);}
.blog-card h3{font-size:1.12rem; margin-bottom:.6rem; line-height:1.4;}
.blog-card p{font-size:.9rem; margin-bottom:1rem;}
.blog-card .read-more{margin-top:auto; font-weight:700; font-size:.87rem; color:var(--purple);}
.blog-card .read-more i{transition:.25s;}
.blog-card:hover .read-more i{transform:translateX(4px);}
.blog-card .card-meta{font-size:.78rem; color:var(--muted); margin-bottom:.5rem;}

/* ---- Article body ---- */
.article-content h2{margin-top:2.3rem; margin-bottom:1rem; font-size:1.55rem; color:var(--purple-dark);}
.article-content h3{margin-top:1.7rem; margin-bottom:.8rem; font-size:1.18rem; color:var(--ink);}
.article-content p{margin-bottom:1.2rem;}
.article-content ul, .article-content ol{color:var(--muted); line-height:1.85; margin-bottom:1.3rem; padding-left:1.4rem;}
.article-content li{margin-bottom:.4rem;}
.article-content strong{color:var(--ink);}
.article-content .callout{background:var(--purple-light); border-left:4px solid var(--purple); border-radius:var(--radius-sm); padding:1.2rem 1.4rem; margin:1.8rem 0;}
.article-content .callout p{margin-bottom:0; color:var(--ink);}
.article-content .callout-teal{background:var(--teal-light); border-left-color:var(--teal);}

.toc-box{background:var(--bg-soft); border-radius:var(--radius); padding:1.3rem 1.6rem; margin-bottom:2.2rem; border:1px solid rgba(111,66,193,.08);}
.toc-box .toc-title{font-weight:700; font-size:.92rem; text-transform:uppercase; letter-spacing:.05em; color:var(--purple-dark); margin-bottom:.6rem;}
.toc-box a{display:block; padding:.28rem 0; font-size:.92rem; font-weight:500; color:var(--ink);}
.toc-box a:hover{color:var(--purple);}

.author-box{background:var(--bg-soft); border-radius:var(--radius); padding:1.5rem; display:flex; gap:1.1rem; align-items:center; margin-top:2.6rem; border:1px solid rgba(111,66,193,.08);}
.author-box .av{width:56px; height:56px; border-radius:50%; background:var(--grad-brand); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.35rem; flex-shrink:0;}
.author-box h6{margin-bottom:.15rem;}
.author-box p{margin-bottom:0; font-size:.86rem;}

.tag-row a{display:inline-block; background:var(--purple-light); color:var(--purple-dark); font-size:.79rem; font-weight:600; padding:.35rem .9rem; border-radius:50px; margin:.2rem .35rem .2rem 0;}
.tag-row a:hover{background:var(--grad-brand); color:#fff;}

.share-row a{width:38px; height:38px; border-radius:50%; background:var(--purple-light); color:var(--purple-dark); display:inline-flex; align-items:center; justify-content:center; margin-right:.5rem; transition:.3s;}
.share-row a:hover{background:var(--grad-brand); color:#fff;}

.related-post-card{background:#fff; border-radius:var(--radius); box-shadow:var(--shadow-sm); overflow:hidden; height:100%; transition:.3s;}
.related-post-card:hover{transform:translateY(-4px); box-shadow:var(--shadow);}
.related-post-card .rp-banner{height:100px; display:flex; align-items:center; justify-content:center; font-size:1.6rem; color:#fff;}
.related-post-card .rp-body{padding:1.1rem 1.2rem;}
.related-post-card h6{font-size:.95rem; margin-bottom:0;}

.breadcrumb-anh a{color:#fff;}