/* ===== About Section ===== */


/* Default font for all text */
.aa-about-section {
    font-family: 'Poppins', sans-serif !important;
}

/* Headings use Poppins */
.aa-about-section h1,
.aa-about-section h2,
.aa-about-section h3,
.aa-about-section h4,
.aa-about-section h5,
.aa-about-section h6,
.aa-title,
.aa-titled-d,
.aa-btn-title {
    font-family: 'Poppins', sans-serif !important;
}

/* Paragraph & list explicitly Inter */
.aa-about-section p,
.aa-about-section li,
.aa-textt p,
.aa-exp-box .aa-text {
    font-family: 'Poppins', sans-serif !important;
}
em{
    font-style:normal;
}

.aa-about-section {
    position: relative;
    padding-top: 100px;
    padding-bottom: 70px;
    background: #ffffff;
}



.aa-outer-box {
    position: relative;
}
.section-header{
    padding:50px 0;
}

.aa-image-column,
.aa-content-column {
    display: flex;
    align-items: center;
}

/* ===== Image Box ===== */
.aa-image-box {
    position: relative;
}

.aa-image img {
    width: 100%;
    border-radius: 10px;
    border: 2px solid #62312d;
        box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* ===== Experience Box ===== */
.aa-exp-box {
    position: absolute;
    left: -25px;
    bottom: 40px;
    background: #f5f5f5;
    padding: 18px 25px;
    border-radius: 6px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    z-index: 2;
}

.aa-exp-box .aa-title {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin: 0;
}

.aa-exp-box .aa-text {
    font-size: 14px;
    color: #777;
}

/* ===== Background shape ===== */
.aa-bg-image-two {
     position: absolute;
    right: -54px;
    bottom: -2px;
    width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

/* ===== Content ===== */
.aa-sec-title {
    margin-bottom: 10px;
}

.aa-titled-d {
    font-size: 24px;
    font-weight: 600;
    color: #444;
    line-height: 1.4;
}

.aa-textt p {
    margin-top: 15px;
    color: #666;
    line-height: 1.8;
}

/* ===== Button ===== */
.aa-theme-btn {
    display: inline-block;
    background: #126509 ;
    color: #fff;
    padding: 12px 30px;
    border-radius: 4px;
    text-decoration: none;
    transition: .3s ease;
}

.aa-theme-btn:hover {
    background: #62312d;
    color: #fff;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 991px) {

    .aa-image-column,
    .aa-content-column {
        display: block;
        width: 100%;
    }

    .aa-content-column {
        margin-top: 30px;
    }

    .aa-exp-box {
        left: 0;
        bottom: 20px;
    }

    .aa-titled-d {
        font-size: 20px;
    }
}

@media (max-width: 576px) {

    .aa-about-section {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .aa-exp-box {
        padding: 12px 18px;
    }

    .aa-exp-box .aa-title {
        font-size: 24px;
    }

    .aa-theme-btn {
        width: 100%;
        text-align: center;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .aa-bg-image-two {
        right: -20px;
        bottom: -10px;
        width: 90px;
        height: 90px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .aa-bg-image-two {
        right: 0;
        bottom: -8px;
        width: 70px;
        height: 70px;
    }
}
/* Section */
.ss-video-section {
    padding: 50px 0;
    background: #fff;
}

/* Heading */
.ss-sec-title {
    margin-bottom: 40px;
}

.ss-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 32px;
    font-weight: 600;
    color: #333;
}

/* Video Column */
.ss-video-col {
    margin-bottom: 30px;
}

/* Video Box */
.ss-video-box {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.ss-video-box iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0;
}

/* Text */
.ss-video-text {
    text-align: center;
    margin-top: 12px;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: #444;
}

/* Button */
.ss-btn-wrap {
    /* margin-top: 20px; */
}

.ss-theme-btn {
    display: inline-block;
    background: #126509;
    color: #fff;
    padding: 12px 30px;
    border-radius: 4px;
    text-decoration: none;
    transition: .3s;
}

.ss-theme-btn:hover {
    background: #62312d;
    color: #fff;
}

/* Tablet */
@media (max-width: 991px) {
    .ss-heading {
        font-size: 28px;
    }
}

/* Mobile */
@media (max-width: 576px) {

    .ss-video-section {
        padding: 40px 0;
    }

    .ss-heading {
        font-size: 24px;
    }

    .ss-video-text {
        font-size: 14px;
    }

    .ss-theme-btn {
        width: 100%;
        text-align: center;
    }
}

.fx-services-section{
    padding:50px 0;
    background:#f8f8f8;
}

.fx-title h2{
    font-family:'Poppins',sans-serif !important;
    margin-bottom:40px;
    font-size: 32px !important;
    /* color: 444; */
}

/* Flip Card */
.fx-flip-card{
    perspective:1000px;
    margin-bottom:30px;
}

.fx-flip-inner{
    position:relative;
    width:100%;
    height:320px;
    transition:transform .6s;
    transform-style:preserve-3d;
}

.fx-flip-card:hover .fx-flip-inner{
    transform:rotateY(180deg);
}

/* Front & Back */
.fx-front,
.fx-back{
    position:absolute;
    width:100%;
    height:100%;
    backface-visibility:hidden;
    border-radius:12px;
    overflow:hidden;
    color: #fff !important;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* Front */
.fx-front{
    background:#fff !important; 
    text-align:center;
}

.fx-front img{
    width:100%;
    height:230px;
    object-fit:cover;
}

.fx-front h5{
    padding:15px;
    font-family:'Poppins',sans-serif;
}

/* Back */
.fx-back{
    background:#6B3631;
    color:#fff !important;
    transform:rotateY(180deg);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:20px;
}

.fx-back h5{
    font-family:'Poppins',sans-serif;
    margin-bottom:10px;
}

.fx-back p{
    font-family:'Inter',sans-serif;
    font-size:14px;
}

.fx-back a{
    margin-top:12px;
    background:#fff;
    color:#4CAF50;
    padding:8px 20px;
    border-radius:4px;
    text-decoration:none;
    transition:.3s;
}

.fx-back a:hover{
    background:#62312d !important;
    color:#fff !important;
}

/* Hover motion effect */
.fx-flip-card:hover{
    transform:translateY(-6px);
    transition:.3s;
}

/* Responsive */
@media(max-width:991px){
    .fx-flip-inner{
        height:300px;
    }
}

@media(max-width:576px){
    .fx-flip-inner{
        height:280px;
    }
}
.ixf-section{
padding:50px 0 70px;
background:#fff;
}

.ixf-title-wrap{
margin-bottom:30px;
}

.ixf-title{
font-family:'Poppins',sans-serif !important;
font-size:32px !important;
font-weight:600;
margin:0;
color:#333;
}

.ixf-col{
margin-bottom:30px;
}

.ixf-card{
position:relative;
overflow:hidden;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:.3s;
}

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

.ixf-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
background:#4CAF50;
color:#fff;
text-align:center;
padding:15px;
transform:translateY(100%);
transition:.3s;
}

.ixf-overlay h5{
font-family:'Poppins',sans-serif;
margin-bottom:5px;
}

.ixf-overlay a{
color:#fff;
text-decoration:none;
font-size:14px;
}

.ixf-card:hover .ixf-overlay{
transform:translateY(0);
}

.ixf-card:hover{
transform:translateY(-6px);
}

/* tablet */
@media(max-width:991px){
.ixf-card img{
height:220px;
}
}

/* mobile */
@media(max-width:576px){
.ixf-card img{
height:200px;
}
.ixf-title{
font-size:24px;
}
}





:root {
  --brand-green: #2d5a27;
  --accent-green: #7fba78;
  --bg-cream: #f8f7f2;
  --card-white: #ffffff;
  --text-main: #1a2419;
}


.treatment-section { 
    padding: 50px 0;
      background-color: var(--bg-cream); 
       color: var(--text-main);
         line-height: 1.6;
         font-family: 'Inter', sans-serif !important; /* Set p and general text to Inter */
 }

/* ── HEADER ── */
.section-head { text-align: center; margin-bottom: 60px; }

.section-head h2 { 
  font-family: 'Poppins', sans-serif !important; 
  font-size: 32px !important; 
  font-weight: 700;
  color: var(--brand-green);
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
  margin: 0;
}

.section-head h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 4px;
  background: var(--brand-green);
  border-radius: 2px;
}

.section-head p {
  font-family: 'Inter', sans-serif;
  margin-top: 15px;
  color: #555;
}

/* ── GRID CARD ── */
.tm-card {
  background: var(--card-white);
  border: 1px solid rgba(45, 90, 39, 0.1);
  border-radius: 20px;
  padding: 30px 20px;
  text-align: center;
  text-decoration: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.4s ease;
  height: 100%;
  position: relative;
}

/* Persistent Bottom Bar */
.tm-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 4px;
  background: var(--brand-green);
  border-radius: 10px 10px 0 0;
  transition: 0.3s ease;
}

.tm-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.06);
}

.tm-card:hover::after {
  left: 0;
  right: 0;
  height: 6px;
}

.icon-wrap {
  width: 85px;
  height: 85px;
  background: var(--bg-cream);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: 0.5s ease;
}

.tm-card:hover .icon-wrap {
  transform: rotateY(180deg);
}

.icon-wrap img { 
    width: 60px;
    height: 60px;
    object-fit: contain;
    transition: 0.5s ease;
}
.tm-card:hover .icon-wrap img { transform: rotateY(-180deg); }

/* Card Headings */
.tm-card h5 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--brand-green);
  margin-bottom: 12px;
}

.tm-btn {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--accent-green);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

@media (max-width: 768px) {
  .section-head h2 { font-size: 28px; }
}


 :root {
        --primary-green: #145c0f; 
        --accent-green: #88b44e;
        --ice-cream-bg: #fffbf2; 
        --ice-cream-hover: #fdf2d9; /* Slightly deeper on hover */
        --section-bg: #ffffff;
    }

    body {
        margin: 0;
        font-family: 'Plus Jakarta Sans', sans-serif;
        background-color: var(--section-bg);
        overflow-x: hidden;
    }

    .ayur-treatment-section {
        padding: 50px 0 0px 0;
        background-color: var(--section-bg);
    }
/* 
    .ayur-container {
        max-width: 1240px;
        margin: auto;
        padding: 0 20px;
    } */

    /* Heading Animation */
    .ayur-heading {
        text-align: center;
        margin-bottom: 60px;
    }

    .ayur-main-title {
        font-size: clamp(26px, 4vw, 38px);
        font-weight: 800;
        color: var(--primary-green);
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 12px;
    }

    .ayur-title-line {
        width: 60px;
        height: 4px;
        background: var(--accent-green);
        margin: 0 auto;
        border-radius: 5px;
    }

    /* Card Design & Hover Animations */
    .ayur-card-box {
        background: #ffffff;
        border-radius: 24px;
        overflow: hidden;
        border: 1px solid #f0f0f0;
        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Bouncy hover */
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .ayur-card-box:hover {
        transform: translateY(-15px) scale(1.02);
        box-shadow: 0 25px 50px rgba(20, 92, 15, 0.15);
        border-color: var(--accent-green);
    }

    .ayur-image-box {
        height: 250px;
        overflow: hidden;
        position: relative;
    }

    .ayur-image-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .ayur-card-box:hover .ayur-image-box img {
        transform: scale(1.15);
    }

    /* Content Area Animation */
    .ayur-content {
        padding: 30px 20px;
        text-align: center;
        background-color: var(--ice-cream-bg);
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.4s ease;
    }

    .ayur-card-box:hover .ayur-content {
        background-color: var(--ice-cream-hover);
    }

    .ayur-content h3 {
        margin: 0;
        font-size: 19px;
        font-weight: 700;
        transition: transform 0.3s ease;
    }

    .ayur-card-box:hover .ayur-content h3 {
        transform: scale(1.05);
    }

    .ayur-content h3 a {
        color: #1a1a1a;
        font-family: 'Poppins', sans-serif !important;
        text-decoration: none;
        transition: color 0.3s;
    }

    .ayur-card-box:hover .ayur-content h3 a {
        color: var(--primary-green);
    }

    /* Pagination (Custom Image Style) */
    .ayur-pagination-wrapper {
        margin-top: 70px;
        display: flex;
        justify-content: center;
    }

    .swiper-pagination-bullet {
        width: 5px !important;
        height: 5px !important;
        background: transparent !important;
        border: 1.5px solid #bbb !important;
        opacity: 1 !important;
        margin: 0 10px !important;
        transition: all 0.4s ease !important;
    }

    .swiper-pagination-bullet-active {
        background: var(--primary-green) !important;
        border-color: var(--primary-green) !important;
        transform: scale(1.25);
        box-shadow: 0 0 10px rgba(20, 92, 15, 0.3);
    }

    /* Tablet/Mobile Adjustments */
    @media (max-width: 768px) {
        .ayur-treatment-section { padding: 60px 0 100px 0; }
        .ayur-image-box { height: 220px; }
        .ayur-pagination-wrapper { margin-top: 50px; }
    }



.achievement-section {
    background-color: #ffffff;
    padding: 80px 0;
}

.header-line {
    width: 70px;
    height: 3px;
    background-color: #2d6a4f;
    margin: 15px auto;
}

/* Fixed: Added the missing dot (.) and ensured centering */
.achievement-card {
    background: #f9fbf9;
    padding: 40px 20px;
    border-radius: 15px;
    /* Softened the shadow for a more professional look */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); 
    transition: all 0.3s ease;
    height: 100%;
    min-height: 250px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-top: solid 4px #2d6a4f;
}

.achievement-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.icon-wrapper {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-wrapper img {
    max-height: 100%;
    object-fit: contain;
}

.count-box {
    font-size: 2.5rem;
    font-weight: 800;
    color: #1b4332;
    line-height: 1;
    margin-bottom: 10px;
}

.plus-sign {
    color: #1b4332;
    margin-left: 2px;
}

.achievement-label {
    font-size: 1.1rem;
    color: #555555;
    font-weight: 600;
    margin: 0;
    font-family: 'Poppins', sans-serif !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .achievement-section {
        padding: 50px 0;
    }
    .count-box {
        font-size: 2rem;
    }
}

/* ===========================
   BENTO GALLERY SECTION
=========================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;1,300&family=Jost:wght@200;300;400&display=swap');

.bnt-section {
  padding: 50px 0;
}

/* Section heading */
.bnt-head {
  text-align: center;
  margin-bottom: 36px;
}

.bnt-head h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  font-size: 36px;
  letter-spacing: 0.04em;
}

.bnt-rule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 10px;
}

.bnt-rule span {
  height: 0.5px;
  width: 60px;
  background: #b5926a;
  display: block;
}

.bnt-leaf {
  width: 18px;
  height: 18px;
}

/* ===========================
   BENTO GRID
=========================== */

.bnt-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.85fr 0.85fr;
  grid-template-rows: 240px 220px;
  gap: 10px;
}

/* Grid placement */
.bnt-cell-hero { grid-column: 1; grid-row: 1 / 3; }
.bnt-cell-tr   { grid-column: 2; grid-row: 1; }
.bnt-cell-mr   { grid-column: 3; grid-row: 1; }
.bnt-cell-bl   { grid-column: 2; grid-row: 2; }
.bnt-cell-br   { grid-column: 3; grid-row: 2; }

/* ===========================
   TILES
=========================== */

.bnt-cell {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #e8e0d5;
  cursor: pointer;
}

.bnt-cell a {
  display: block;
  width: 100%;
  height: 100%;
}

.bnt-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.bnt-cell:hover img {
  transform: scale(1.08);
}

/* ===========================
   HOVER OVERLAY / CAPTION
=========================== */

.bnt-cap {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 14px 16px;
  background: linear-gradient(to top, rgba(40, 28, 18, 0.72) 0%, transparent 100%);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.32s ease;
}

.bnt-cell:hover .bnt-cap {
  opacity: 1;
}

.bnt-label {
  font-family: 'Jost', sans-serif;
  font-weight: 200;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 248, 235, 0.92);
}

/* ===========================
   EYE BUTTON
=========================== */

.bnt-view {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255, 235, 200, 0.5);
  background: rgba(255, 235, 200, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: rgba(255, 248, 235, 0.9);
  font-size: 14px;
  transition: background 0.2s ease;
  flex-shrink: 0;
}

.bnt-view:hover {
  background: rgba(255, 235, 200, 0.28);
  color: #fff;
}

/* ===========================
   CORNER BADGE (fades on hover)
=========================== */

.bnt-corner-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(255, 245, 225, 0.15);
  border: 0.5px solid rgba(255, 245, 225, 0.35);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 30px;
  padding: 3px 11px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 12px;
  color: rgba(255, 245, 225, 0.85);
  letter-spacing: 0.06em;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.bnt-cell:hover .bnt-corner-badge {
  opacity: 0;
}

/* Hero tile italic tag (top-left) */
.bnt-hero-tag {
  position: absolute;
  top: 18px;
  left: 18px;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 300;
  font-size: 15px;
  color: rgba(255, 245, 225, 0.8);
  letter-spacing: 0.05em;
  pointer-events: none;
}

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

@media (max-width: 768px) {
  .bnt-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 200px 170px 170px;
  }
  .bnt-cell-hero { grid-column: 1 / 3; grid-row: 1; }
  .bnt-cell-tr   { grid-column: 1; grid-row: 2; }
  .bnt-cell-mr   { grid-column: 2; grid-row: 2; }
  .bnt-cell-bl   { grid-column: 1; grid-row: 3; }
  .bnt-cell-br   { grid-column: 2; grid-row: 3; }
}

@media (max-width: 480px) {
  .bnt-head h2 { font-size: 28px; }

  .bnt-grid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 200px);
  }
  .bnt-cell-hero,
  .bnt-cell-tr,
  .bnt-cell-mr,
  .bnt-cell-bl,
  .bnt-cell-br {
    grid-column: 1;
    grid-row: auto;
  }
}



.ayur-blog-section {
    padding: 80px 0;
    background-color: #fdfdfb;
}

.blog-img-wrapper {
    position: relative;
    height: 250px; /* Fixed height for consistency */
    overflow: hidden;
    border-radius: 15px 15px 0 0;
}

.blog-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image covers area without stretching */
    transition: transform 0.6s ease;
}

.blog-post-card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    background: #fff;
    transition: 0.4s;
}

.blog-post-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.blog-date {
    background: #2d6a4f; /* Ayurvedic Green */
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
/* Blog Section Styling */
.ayur-blog-section {
    background-color: #fcfcfc;
}

.blog-sub-title {
    color: #40916c;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 14px;
}

.blog-main-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1b4332;
}

.blog-main-title span {
    color: #40916c;
}

.blog-line {
    width: 60px;
    height: 3px;
    background: #40916c;
    margin: 15px auto;
}

/* Card Styling */
.blog-post-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    height: 100%;
}

.blog-post-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

.blog-img-wrapper {
    position: relative;
    height: 240px;
    overflow: hidden;
}

.blog-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-post-card:hover .blog-img-wrapper img {
    transform: scale(1.1);
}

/* Date Badge */
.blog-date {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #40916c;
    color: white;
    padding: 8px 15px;
    border-radius: 10px;
    text-align: center;
    line-height: 1;
    z-index: 2;
}

.blog-date .day {
    display: block;
    font-size: 18px;
    font-weight: 800;
}

.blog-date .month {
    font-size: 12px;
    text-transform: uppercase;
}

/* Body Content */
.blog-body {
    padding: 25px;
}

.blog-meta {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
    display: flex;
    gap: 20px;
    font-size: 13px;
    color: #777;
}

.blog-meta i {
    color: #40916c;
    margin-right: 5px;
}

.blog-title {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 15px;
color: #2d5a27
 !important;
    font-family: poppins, sans-serif !important;
}

.blog-title a {
    color: #2d5a27
;
    text-decoration: none;
    transition: 0.3s;
}

.blog-title a:hover {
    color: #2d5a27
;
}

.blog-excerpt {
    color: #666;
    font-size: 16px !important;
    margin-bottom: 20px !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Read More Button */
.read-more-link {
    font-weight: 700;
    color: #1b4332;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.read-more-link:hover {
    color: #40916c;
    gap: 12px;
}


/* FOOTER MAIN */
.footer{
    background: linear-gradient(135deg,#0f2e1c,#0b3d2c,#0e4a34);
    color:#fff;
    padding: 60px 0 40px; /* Proper top/bottom padding */
}


.footer-container{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 Equal columns */
    gap: 30px;
}

/* HEADINGS */
.footer h3, .footer h4 {
    margin-bottom: 25px;
    font-size: 20px;
    color: #2ecc71;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* LOGO SECTION */
.footer-logo img{
     margin-top: -18px;
        margin-left: -20px;
    width: 180px;
}

.footer-logo p{
    color: #cfcfcf;
    line-height: 1.6;
    margin-bottom: 20px;
    font-size: 15px;
}

.social-icons{
    display: flex;
    gap: 12px;
}

.social-icons a{
    width: 40px;
    height: 40px;
    background: #126509;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

/* opposite hover */
.social-icons a:hover{
    background: #fff;
    color: #126509;
    border: 1px solid #126509;
    transform: translateY(-3px);
}

/* LISTS (AYURVEDIC SECTION) */
.footer ul{
    list-style: none;
}

.footer ul li{
    margin-bottom: 12px;
    color: #cfcfcf;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.footer ul li i{
    color: #2ecc71;
    margin-right: 10px;
    font-size: 12px;
}

/* CONTACT & ADDRESS ITEMS */
.address-item {
    display: flex;
    align-items: flex-start; /* Aligns icons to top of text */
    gap: 12px;
    margin-bottom: 15px;
}

.address-icon {
    width: 32px;
    height: 32px;
    background: rgba(46, 204, 113, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2ecc71;
    font-size: 14px;
    flex-shrink: 0; /* Prevents icon from shrinking */
}

.address-item div, .address-item p {
    font-size: 15px;
    color: #cfcfcf;
    line-height: 1.5;
}

/* Separate Contact Groups for Doctors */
.contact-group {
    margin-bottom: 25px;
}

.doctor-name {
    color: #fff;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}

/* BOTTOM BAR */
.footer-bottomm{
    background: #041a10;
    color: #cfcfcf;
    text-align: center;
    padding: 20px;
    font-size: 14px;
    border-top: 1px solid rgba(255,255,255,0.05);
}

/* FLOATING & SCROLL */
.float-icons{
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 100;
}

.float-icons a{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.call { background: #1b5e3a; }
.whatsapp { background: #25D366; }

.scroll-top{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    background: #2ecc71;
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100;
    display: none;
}

/* RESPONSIVE */
@media(max-width:1024px){
    .footer-container{ grid-template-columns: repeat(2, 1fr); gap: 40px; }
}

@media(max-width:650px){
    .footer-container{ grid-template-columns: 1fr; }
    .address-item { justify-content: flex-start; }
}


     /* Reset basics */
      slider- section {
            padding: 60px 0;
            
            
        }

        .swiper {
            width: 100%;
            height: auto;
            aspect-ratio: 1920 / 600;
            /* Maintains the banner ratio */
        }

        .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Ensures image fills the area without stretching */
        }

        /* Customizing navigation colors to match the brown theme */
        .swiper-button-next,
        .swiper-button-prev {
            color: #4a3427;
        }

        .swiper-pagination-bullet-active {
            background: #4a3427;
        }

        /* Mobile Responsiveness */
        @media (max-width: 768px) {
            .swiper {
                aspect-ratio: 16 / 9;
                /* Slightly taller on mobile for readability */
            }
        }
        .footer-map{
    margin-top: 15px;
}

.footer-map iframe{
    width: 100%;
    height: 120px;
    border-radius: 10px;
}
  :root {
      --aatreya-green: #1a5d1a;
      --aatreya-light-green: #248224;
      --aatreya-gold: #b59410;
      --aatreya-text: #333333;
      --aatreya-bg: #f4f7f4;
   }

   .aatreya-footer-sectionn {
      background-color: var(--aatreya-bg);
      /* padding: 50px 0; */
      font-family: 'Poppins', sans-serif;
         
   }
   .aatreya-header{
    padding: 50px 0;
     background-color: var(--aatreya-bg);
      font-family: 'Poppins', sans-serif;
   }
   .aur{
    padding: 50px 0;
     background-color: var(--aatreya-bg);
      font-family: 'Poppins', sans-serif;
   }

   .aatreya-header {
      display: inline-block;
      cursor: pointer;
      font-size: 26px;
      font-weight: 700;
      color: var(--aatreya-green);
      margin-bottom: 35px;
      position: relative;
      padding-bottom: 10px;
   }

   /* Animated underline effect */
   .aatreya-header::after {
      content: '';
      position: absolute;
      width: 50px;
      height: 3px;
      background: var(--aatreya-gold);
      bottom: 0;
      left: 0;
      transition: width 0.3s ease;
   }

   .aatreya-header:hover::after {
      width: 100%;
   }

   .aatreya-treatment-grid {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 0 -10px;
   }

   .aatreya-card-wrapper {
      flex: 0 0 33.333%;
      max-width: 33.333%;
      padding: 10px;
      box-sizing: border-box;
   }

   .aatreya-link {
      display: flex;
      align-items: center;
      background: #ffffff;
      color: var(--aatreya-text);
      text-decoration: none;
      padding: 15px 20px;
      border-radius: 8px;
      border-left: 5px solid var(--aatreya-gold);
      box-shadow: 0 4px 15px rgba(0,0,0,0.05);
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      height: 100%;
      font-size: 15px;
      font-weight: 500;
   }

   .aatreya-link:hover {
      background: var(--aatreya-green);
      color: #ffffff;
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(26, 93, 26, 0.2);
      border-left-color: var(--aatreya-light-green);
   }

   /* Responsive Magic */
   @media (max-width: 991px) {
      .aatreya-card-wrapper { flex: 0 0 50%; max-width: 50%; }
   }
   @media (max-width: 575px) {
      .aatreya-card-wrapper { flex: 0 0 100%; max-width: 100%; }
   }
       :root {
            --brand-green: #1a5d1a;
            --brand-gold: #b08d57;
            --brand-gold-light: #d4aa70;
            --card-bg: #ffffff;
            --section-bg: #f5f3ef;
            --text-main: #333333;
            --text-muted: #555555;
        }

        /* ── Section Wrapper ── */
        .location-section {
            padding: 50px 40px;
            background-color: var(--section-bg);
            font-family: 'poppins', sans-serif !important;
            position: relative;
            overflow: hidden;
        }

        /* Gold shimmer top border
        .location-section::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 3px;
            background: linear-gradient(
                90deg,
                transparent,
                var(--brand-gold) 30%,
                var(--brand-gold-light) 50%,
                var(--brand-gold) 70%,
                transparent
            );
        } */

        /* ── Section Heading ── */
        .location-heading-wrap {
            text-align: center;
            margin-bottom: 56px;
        }

        .location-eyebrow {
            display: block;
            font-family: 'poppins', sans-serif !important;
            font-size: 10px;
            font-weight: 500;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: var(--brand-green);
            margin-bottom: 14px;
        }

        .location-heading {
            font-family: 'poppins', sans-serif !important;
                font-size: 32px;
    font-weight: 700;
            color: #1a3a1a;
            line-height: 1.1;
            margin: 0 0 20px;
            letter-spacing: -0.5px;
            cursor: pointer;
            user-select: none;
            display: inline-flex;
            align-items: center;
            gap: 14px;
            transition: color 0.25s ease;
        }

        .location-heading:hover {
            color: var(--brand-green);
        }

        .location-heading em {
            /* font-style: italic; */
            color: var(--brand-green);
        }

        /* Toggle chevron */
        .location-toggle-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            background: rgba(176, 141, 87, 0.12);
            border: 0.5px solid rgba(176, 141, 87, 0.4);
            border-radius: 50%;
            transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), background 0.3s ease;
        }

        .location-toggle-icon i {
            font-size: 11px;
            color: var(--brand-gold);
            transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .location-heading.open .location-toggle-icon i {
            transform: rotate(180deg);
        }

        /* Gold diamond divider */
        .location-divider {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-bottom: 4px;

        }

        .location-divider-line {
            width: 60px;
            height: 0.5px;
            background: var(--brand-green);
            opacity: 0.45;
        }

        .location-divider-diamond {
            width: 6px;
            height: 6px;
            background: var(--brand-green);
            transform: rotate(45deg);
            opacity: 0.65;
        }

        /* ── Row spacing ── */
        .location-row {
            margin-bottom: 24px;
        }

        .location-row:last-child {
            margin-bottom: 0;
        }

        /* Row divider */
        .location-row-divider {
            border: none;
            border-top: 0.5px solid rgba(176, 141, 87, 0.2);
            margin: 32px 0;
        }

        /* ── Individual Card ── */
        .location-card-wrap {
            margin-bottom: 24px;
        }

        .location-card {
            background: var(--card-bg);
            border: 0.5px solid rgba(176, 141, 87, 0.22);
            border-radius: 0 0 10px 10px;
            overflow: hidden;
            transform: translateY(0);
            transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1),
                        border-color 0.3s ease,
                        box-shadow 0.4s ease;
            box-shadow: 0 2px 20px rgba(26, 58, 26, 0.04);
        }

        .location-card:hover {
            transform: translateY(-5px);
            border-color: rgba(176, 141, 87, 0.55);
            box-shadow: 0 14px 36px rgba(26, 58, 26, 0.09),
                        0 0 0 1px rgba(176, 141, 87, 0.12);
        }

        /* ── Card Header ── */
        .location-subHeading {
            display: flex;
            align-items: center;
            gap: 12px;
            background: var(--brand-green);
            padding: 16px 22px;
            border-radius: 8px 8px 0 0;
            position: relative;
            overflow: hidden;
        }

        /* Decorative circle in header */
        .location-subHeading::after {
            content: '';
            position: absolute;
            right: -12px;
            top: 50%;
            transform: translateY(-50%);
            width: 56px;
            height: 56px;
            background: rgba(176, 141, 87, 0.07);
            border-radius: 50%;
            pointer-events: none;
        }

        /* Icon circle inside header */
        .location-card-icon {
            width: 30px;
            height: 30px;
            background: rgba(176, 141, 87, 0.13);
            border: 0.5px solid rgba(176, 141, 87, 0.38);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .location-card-icon i {
            font-size: 11px;
            color: var(--brand-gold-light);
        }

        /* Header title text */
        .location-subHeading-text {
            font-family: 'poppins', sans-serif !important;
            font-size: 1.1rem;
            font-weight: 600;
            color: #f5f0e8;
            letter-spacing: 0.3px;
        }

        /* ── Card Body (scrollable list) ── */
        .inner-box {
            padding: 6px 0;
            max-height: 380px;
            overflow-y: auto;
            background: var(--card-bg);
        }

        /* Premium thin gold scrollbar */
        .inner-box::-webkit-scrollbar        { width: 3px; }
        .inner-box::-webkit-scrollbar-track  { background: transparent; }
        .inner-box::-webkit-scrollbar-thumb  { background: var(--brand-gold); border-radius: 10px; }

        /* ── Service Link Items ── */
        .service-link-item {
            padding: 0;
            border-bottom: 0.5px solid rgba(176, 141, 87, 0.07);
        }

        .service-link-item:last-child {
            border-bottom: none;
        }

        .service-link-item a {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 22px;
            text-decoration: none;
            color: var(--text-muted);
            font-family: 'poppins', sans-serif !important;
            font-size: 0.875rem;
            font-weight: 400;
            letter-spacing: 0.15px;
            position: relative;
            transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
        }
        #locationContent{
    max-height:0;
    overflow:hidden;
    transition:all .4s ease;
}

/* hover open */
.location-wrapper:hover #locationContent{
    max-height:900px;
}

/* rotate icon */
.location-wrapper:hover .location-toggle-icon{
    transform: rotate(180deg);
}


        /* Gold left-bar accent revealed on hover */
        .service-link-item a::before {
            content: '';
            display: block;
            width: 3px;
            height: 0;
            background: var(--brand-gold);
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            transition: height 0.25s ease;
            border-radius: 0 2px 2px 0;
        }

        .service-link-item a:hover {
            color: var(--brand-green);
            font-weight: 500;
            padding-left: 30px;
            background: rgba(176, 141, 87, 0.04);
        }

        .service-link-item a:hover::before {
            height: 16px;
        }

        /* Small gold dot (fades on hover) */
        .service-dot {
            width: 3px;
            height: 3px;
            background: var(--brand-gold);
            border-radius: 50%;
            flex-shrink: 0;
            opacity: 0.45;
            transition: opacity 0.25s ease;
        }

        .service-link-item a:hover .service-dot {
            opacity: 0;
        }

        /* ── Content panel: slide toggle ── */
        #locationContent {
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s ease;
            opacity: 0;
        }

        #locationContent.open {
            max-height: 9999px;
            opacity: 1;
        }

        /* ── Entrance Animation ── */
        @keyframes locFadeSlideUp {
            from { opacity: 0; transform: translateY(18px); }
            to   { opacity: 1; transform: translateY(0); }
        }

        .location-card-wrap {
            animation: locFadeSlideUp 0.55s cubic-bezier(0.23, 1, 0.32, 1) both;
        }

        /* Stagger per column within each row */
        .location-row .location-card-wrap:nth-child(1) { animation-delay: 0.08s; }
        .location-row .location-card-wrap:nth-child(2) { animation-delay: 0.18s; }
        .location-row .location-card-wrap:nth-child(3) { animation-delay: 0.28s; }

        /* ── Mobile Responsive ── */
        @media (max-width: 768px) {
            .location-section { padding: 48px 20px; }
            .location-heading { font-size: 2rem; }
            .inner-box { max-height: 260px; }
        }

        /* rotate icon on hover */
.location-subHeading:hover .location-toggle-icon {
    transform: rotate(180deg);
    background: #b08d57;
    color: #fff;
}

/* automatic open content on hover */
.location-subHeading:hover + .inner-box {
    max-height: 500px;
    opacity: 1;
    visibility: visible;
}
.custom-about-section {
    background: #f5f7f6;
    padding: 60px 0;
}

.main-heading {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #1f5f2c;
    margin-bottom: 30px;
    position: relative;
}

.main-heading:after {
    content: "";
    width: 80px;
    height: 3px;
    background: #c9a227;
    display: block;
    margin: 10px auto 0;
}

.about-card {
    background: #ffffff;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08);
    border-left: 5px solid #1f5f2c;
}

.sub-heading {
    color: #1f5f2c;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.about-card p {
    color: #555;
    line-height: 1.8;
    margin-bottom: 18px;
    font-size: 16px;
}

.doctor-highlight {
    background: #1f5f2c;
    color: #fff;
    padding: 20px;
    border-radius: 8px;
    margin: 25px 0;
}

.doctor-highlight h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}

.doctor-highlight p {
    color: #fff;
}
:root{
--green:#1B4332;
--leaf:#2D6A4F;
--gold:#C4933A;
--bg:#F9F9F7;
}







.title{
text-align:center;
margin-bottom:40px;
}

.title h2{
color:var(--green);
font-size:32px;
margin-bottom:10px;
}

.filters{
text-align:center;
margin-bottom:30px;
}

.filter-btn{
padding:8px 18px;
border:1px solid #ddd;
background:#fff;
cursor:pointer;
margin:5px;
border-radius:5px;
}

.filter-btn.active,
.filter-btn:hover{
background:var(--green);
color:#fff;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
}

.card{
background:#fff;
border-radius:12px;
overflow:hidden;
text-decoration:none;
transition:.3s;
box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,.1);
}

.card-img{
height:180px;
overflow:hidden;
position:relative;
}

.card-img img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

.card:hover img{
transform:scale(1.1);
}

.tag{
position:absolute;
top:10px;
left:10px;
background:var(--leaf);
color:#fff;
font-size:11px;
padding:4px 10px;
border-radius:20px;
}

.content{
padding:18px;
}

.content h3{
color:var(--green);
font-size:18px;
margin-bottom:8px;
}

.content p{
font-size:14px;
color:#555;
margin-bottom:15px;
}

.read{
color:var(--green);
font-weight:600;
display:flex;
align-items:center;
gap:8px;
}
.ayur-links {
list-style: none;
padding: 0;
margin: 0;
}

.ayur-links li {
margin-bottom: 8px;
}

.ayur-links a {
text-decoration: none;
color: inherit;
display: inline-block;
transition: 0.3s;
}

.ayur-links a:hover {
color: #caa25a; /* optional gold hover */
padding-left: 5px;
}

.ayur-links i {
margin-right: 6px;
}





/* ===== SECTION ===== */
        .services-details {
            padding: 50px 0;
            background-image: url(images/background/content-bg.png);
            background-size: cover;
            background-position: center;
            background-color: #fdfbf7; /* Fallback */
        }

     

  

        /* ===== SIDEBAR ===== */
        .col-sidebar {
            flex: 0 0 320px;
        }

        .col-content {
            flex: 1;
            min-width: 0;
        }

        .col-full {
            flex: 0 0 100%;
        }

        .service-sidebar {
            position: sticky;
            top: 30px;
        }

        .sidebar-widget {
            background: #fff;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            margin-bottom: 30px;
            border: 1px solid #f1ece2;
        }

        .sidebar-service-list ul {
            list-style: none;
            overflow-y: auto;
            height: 500px;
            padding: 15px 0;
            scrollbar-width: thin;
            scrollbar-color: #c8a96e #f5f5f5;
        }

        .sidebar-service-list ul::-webkit-scrollbar {
            width: 5px;
        }

        .sidebar-service-list ul::-webkit-scrollbar-thumb {
            background: #c8a96e;
            border-radius: 10px;
        }

        .sidebar-service-list ul li a {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 25px;
            text-decoration: none;
            color: #555;
            font-size: 15px;
            font-weight: 500;
            transition: all 0.3s ease;
            border-left: 4px solid transparent;
        }

        .sidebar-service-list ul li a i {
            color: #c8a96e;
            font-size: 13px;
            transition: transform 0.3s ease;
        }

        .sidebar-service-list ul li a:hover,
        .sidebar-service-list ul li.current a {
            color: #1a5d1a;
            background: #f9f4e8;
            border-left-color: #1a5d1a;
        }

        .sidebar-service-list ul li a:hover i {
            transform: translateX(5px);
        }

        /* ===== HELP BOX ===== */
        .service-details-help {
            position: relative;
            background: linear-gradient(135deg, #1a5d1a 0%, #0d420d 100%);
            border-radius: 15px;
            padding: 45px 30px;
            overflow: hidden;
            text-align: center;
            box-shadow: 0 15px 35px rgba(26, 93, 26, 0.2);
        }

        .help-shape-1, .help-shape-2 {
            position: absolute;
            border-radius: 50%;
            background: rgba(255,255,255,0.1);
        }

        .help-shape-1 { width: 130px; height: 130px; top: -40px; right: -40px; }
        .help-shape-2 { width: 90px; height: 90px; bottom: -30px; left: -30px; }

        .help-title {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            line-height: 1.3;
            margin-bottom: 25px;
        }

        .help-icon {
            font-size: 40px;
            color: #fff;
            margin-bottom: 15px;
        }

        .help-contact p {
            color: rgba(255,255,255,0.9);
            font-size: 14px;
            margin-bottom: 10px;
            font-weight: 300;
        }

        .help-contact a {
            display: inline-block;
            color: #fff;
            font-size: 22px;
            font-weight: 700;
            text-decoration: none;
            transition: color 0.3s;
        }

    /* ===== BUTTONS ===== */
.cta-buttons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.btn-primary-appointment,
.btn-primary-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 32px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.4s ease;
    cursor: pointer;
}

/* Appointment */
.btn-primary-appointment {
    background: #1a5d1a;
    color: #fff;
    border: 2px solid #1a5d1a;
}

.btn-primary-appointment:hover {
    background: transparent;
    color: #1a5d1a;
}

/* WhatsApp */
.btn-primary-whatsapp {
    background: #1a5d1a;
    color: #fff;
    border: 2px solid 1a5d1a;
    gap: 10px;
}

.btn-primary-whatsapp:hover {
    background: transparent;
    color: #1a5d1a;
}
        .btn-whatsapp:hover {
            background: transparent;
            color: #25D366;
        }

        /* ===== CONTENT ===== */
        .services-details__content h3 {
            font-size: 32px;
            font-weight: 700;
            color: #1a5d1a;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 15px;
            letter-spacing: -0.5px;
        }

        .services-details__content h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 4px;
            background: #c8a96e;
            border-radius: 10px;
        }

        .services-details__content p {
            color: #555;
            font-size: 16px;
            margin-bottom: 20px;
            line-height: 1.8;
            font-weight: 400;
        }

        /* ===== BLOCKQUOTE ===== */
        .blockquote-one {
            background: #f9f4e8;
            border-left: 5px solid #c8a96e;
            padding: 30px;
            border-radius: 0 15px 15px 0;
            font-style: italic;
            color: #5d481a;
            font-size: 17px;
            line-height: 1.8;
            margin: 35px 0;
            font-weight: 500;
        }

        /* ===== TREATMENT IMAGES GRID ===== */
        .feature-list {
            margin-top: 30px;
        }

        .feature-list .col-half {
            flex: 1;
            min-width: 300px;
        }

        .image-card {
            background: #fff;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0,0,0,0.06);
            transition: all 0.3s ease;
            border: 1px solid #f1f1f1;
        }

        .image-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.12);
        }

        .image-card-body {
            padding: 24px;
        }

        .image-card-body p {
            color: #666;
            font-size: 15px;
            margin-bottom: 0;
            line-height: 1.7;
        }

        /* ===== FAQ ===== */
        .faq-intro {
            color: #666;
            font-size: 16px;
            margin-bottom: 30px;
        }

        .accordion-box {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .accordion {
            background: #fff;
            border-radius: 12px;
            border: 1px solid #ede3d0;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .acc-btn {
            padding: 20px 25px;
            font-size: 16px;
            font-weight: 600;
            color: #2d1f00;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            transition: all 0.3s ease;
        }

        .acc-btn:hover {
            background: #fdfaf3;
        }

        .acc-btn.active {
            background: #1a5d1a;
            color: #fff;
        }

        .acc-btn .icon {
            font-size: 14px;
            color: #1a5d1a;
            transition: transform 0.3s ease;
        }

        .acc-btn.active .icon {
            color: #fff;
            transform: rotate(45deg);
        }

        .acc-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
        }

        .acc-content.current {
            max-height: 300px;
        }

        .acc-content .text {
            padding: 20px 25px 25px;
            color: #666;
            font-size: 15px;
            line-height: 1.8;
            border-top: 1px solid #f1ece2;
        }

        .section-divider {
            width: 100%;
            height: 1px;
            background: #ede3d0;
            margin: 60px 0;
        }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 992px) {
            .row { flex-direction: column; }
            .col-sidebar { flex: 0 0 auto; width: 100%; }
            .service-sidebar { position: static; }
            .sidebar-service-list ul { height: 350px; }
        }

        @media (max-width: 600px) {
            .btn-row { flex-direction: column; }
            .theme-btn { width: 100%; }
            .services-details__content h3 { font-size: 26px; }
            .services-details { padding: 50px 0; }
        }

            .text-div {
    background: #e9e4d8;
    padding: 25px 30px;
    border-left: 5px solid #1a5d1a;
    border-radius: 12px;
    font-size: 20px;
    line-height: 1.8;
    color: #333;
    /* font-family: "Noto Serif Devanagari", serif; */
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    max-width: 100%;
}

.text-div:hover {
    transform: translateY(-2px);
    transition: 0.3s ease;
}
.text-div p{
    font-weight: 700;
    font-size: 22px;
    line-height: 43px;
   
}


   :root {
        --primary-green: #1a5d1a;
        --accent-bronze: #5d481a;
        --body-text: #666;
        --bg-soft: #f4f7f4;
    }

    body {
        font-family: 'Poppins', sans-serif;
        
        color: var(--body-text);
        margin: 0;
        padding: 0;
        line-height: 1.8;
        overflow-x: hidden; /* Prevent horizontal scroll on animations */
    }




    /* Content Cards */
    .content-box {
        background: #ffffff;
        padding: 45px;
        border-radius: 20px;
        box-shadow: 0 15px 45px rgba(0,0,0,0.08);
        margin-bottom: 50px;
        border-left: 6px solid var(--primary-green);
        position: relative;
    }

    h3 {
        color: var(--primary-green);
        font-size: 28px;
        margin-bottom: 25px;
        font-family: 'Playfair Display', serif;
    }

    h3::after {
        content: "";
        display: block;
        width: 60px;
        height: 3px;
        background: var(--accent-bronze);
        margin-top: 10px;
    }

    p { margin-bottom: 20px; color: #666 !important;}

    ul { list-style: none; padding: 0; }

    ul li {
        padding-left: 30px;
        position: relative;
        margin-bottom: 18px;
    }

    .content-box ul li::before {
        content: "◈";
        position: absolute;
        left: 0;
        color: var(--accent-bronze);
        font-size: 18px;
    }

    strong {
        color: var(--primary-green);
        font-weight: 600;
    }
    .baner-pune{
    padding:60px 0;
    background:#fff;
}

.baner-pune-content h1{
    font-size:34px;
    color:#1a5d1a;
    font-weight:600;
    margin-bottom:20px;
}

.baner-pune-content p{
    font-size:16px;
    line-height:1.8;
    color:#444;
}

.baner-pune-img img{
    width:100%;

    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}
 :root {
            --forest-green: #126509;
            --deep-maroon: #5d2e2b;
            --light-bg: #f8fcf7;
            --border-color: #e0e0e0;
        }

     

    

        .forHeadingTwo {
            color: var(--forest-green);
            font-weight: 600;
            font-size: 1.8rem;
            margin-bottom: 30px;
            border-left: 6px solid var(--deep-maroon);
            padding-left: 20px;
            line-height: 1.3;
        }

        .table-responsive {
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid var(--border-color);
            box-shadow: 0 4px 15px rgba(0,0,0,0.03);
        }

        .table {
            width: 100%;
            border-collapse: collapse;
            background-color: white;
        }

        /* Header Styling */
        .table thead th {
            background-color: var(--forest-green);
            color: #ffffff;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            padding: 20px;
            text-align: center;
            font-size: 0.95rem;
        }

        /* Table Cells */
        .table tbody td {
            padding: 20px;
            vertical-align: middle; /* Better Alignment */
            border-bottom: 1px solid #f0f0f0;
            color: #444;
        }

        /* Category Column Styling */
        .table tbody td:first-child {
            background-color: var(--light-bg);
            color: var(--deep-maroon);
            font-weight: 600;
            width: 22%;
            text-align: center;
            border-right: 1px solid #edf2ec;
        }

        /* List Styling */
        ul {
            list-style: none;
            padding-left: 0;
            margin: 0;
        }

        ul li {
            position: relative;
            padding-left: 22px;
            margin-bottom: 8px;
            font-size: 0.92rem;
            line-height: 1.5;
        }

        ul li:last-child {
            margin-bottom: 0;
        }

        /* Custom Bullets */
        td:nth-child(2) ul li::before {
            content: "•";
            color: var(--forest-green);
            position: absolute;
            left: 0;
            font-weight: bold;
            font-size: 1.2rem;
        }

        td:nth-child(3) ul li::before {
            content: "•";
            color: var(--deep-maroon);
            position: absolute;
            left: 0;
            font-weight: bold;
            font-size: 1.2rem;
        }

        /* Row Interactivity */
        .table tbody tr:nth-child(even) {
            background-color: #fafafa;
        }

        .table tbody tr:hover {
            background-color: #f1f8f0;
            transition: 0.3s ease;
        }

        /* Empty Cell Styling */
        .table td:empty::after {
            content: "—";
            color: #bbb;
            display: block;
            text-align: center;
        }

        /* Unexplained Row */
        .table tr:last-child {
            background-color: #f0f4ef !important;
            font-style: italic;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .table thead { display: none; }
            .table, .table tbody, .table tr, .table td {
                display: block;
                width: 100%;
            }
            .table tr {
                margin-bottom: 20px;
                border: 1px solid var(--border-color);
            }
            .table td:first-child {
                background: var(--forest-green);
                color: white;
                text-align: left;
                width: 100%;
                box-sizing: border-box;
            }
            .table td::before {
                content: attr(data-label);
                font-weight: 600;
                color: var(--forest-green);
                display: block;
                margin-bottom: 5px;
                text-transform: uppercase;
                font-size: 0.75rem;
            }
        }
      

/*Weight Loss Treatment Yoga section */

/* SECTION */
.yoga-section {
    padding: 40px 20px;
}


/* ROW */
.yoga-row {
    display: flex;
    gap: 20px;
}

/* CARD */
.yoga-card {
    flex: 1;
    /* background: #f9f9f9; */
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
    padding: 20px;
    transition: 0.3s;
   
}

/* IMAGE */
.yoga-card img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    /* 🔥 important */
    margin-bottom: 15px;
}

/* TEXT */
.yoga-card p {
    font-size: 14px;
    
}

/* HOVER EFFECT */
.yoga-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

/* Tablet */
@media (max-width: 768px) {
    .yoga-row {
        flex-wrap: wrap;
    }

    .yoga-card {
        flex: 0 0 48%;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .yoga-card {
        flex: 0 0 100%;
    }
}