:root {
            --primary-color: #bae0db;
            --secondary-color: #7a958f;
            --dark-color: #2c3e50;
            --light-color: #f8f9fa;
            --gray-color: #6c757d;
            --light-gray: #e9ecef;
        }

        body {
            font-family:  "Jost", Helvetica, Arial, sans-serif;
            color: #333;
            overflow-x: hidden;
        }
p{
    font-size:18px;
}

@media (max-width: 767px) {
p{
    font-size:16px;
}

 }

            /* Header & Navigation */
            /* #main-nav {
                background-color: white;
                box-shadow: 0 2px 10px rgba(0,0,0,0.1);
                position: sticky;
                top: 0;
                z-index: 1000;
            }

            .navbar-brand img {
                max-height: 50px;
            }

            .nav-link {
                color: var(--dark-color) !important;
                font-weight: 500;
                margin: 0 5px;
                font-size: 0.95rem;
            }

            .nav-link:hover {
                color: var(--secondary-color) !important;
            }

            .dropdown-item:focus, .dropdown-item:hover {
                background-color: var(--primary-color);
                color: var(--dark-color);
            }

            .btn-call {
                background-color: var(--secondary-color);
                color: white;
                border-radius: 30px;
                padding: 8px 20px;
                font-weight: 600;
                font-size: 0.9rem;
            }

            .btn-call:hover {
                background-color: var(--primary-color);
                color: var(--dark-color);
            } */
  /* Header & Navigation */
  #main-nav{
    /* background:#fff; */
    background:black;
    box-shadow:0 2px 15px rgba(122,149,143,.10);
  position:sticky;
    top:0;
    z-index:1030;
        height: 112px;
  }

  .navbar-brand img{
    /* max-height:50px;
    transition:all .3s ease;
    max-height: 85px; */

    max-height: 91px;
    margin-bottom: 22px;
    transition: all .3s ease;
}

  /* .nav-link{
    color:#4a5a55 !important;
    font-weight:600;
    margin:0 8px;
    font-size:.95rem;
    transition:all .25s ease;
  } */
   .nav-link {
    /* color: #4a5a55 !important; */
    color: white;
    font-weight: 600;
    margin: 3px;
    font-size: 16px;
    transition: all .25s ease;
}
  /* .nav-link:hover,.nav-link.active{color:#7a958f !important;} */
link.active, .navbar-nav .show>.nav-link {
    color: rgb(255 255 255);
}

.nav-link:focus, .nav-link:hover {
    color: rgb(255 255 255);
}

.navbar{

--bs-navbar-brand-padding-y: -1.6875rem;
}
/* work */

  /* Call Button */
  .btn-call{
    background:#7a958f;
    color:#fff;
    border-radius:30px;
    /* padding:8px 20px; */
    padding: 16px 24px;
        font-weight:700;
    font-size:18px;
    border:0;
    transition:all .25s ease;
  }
  .btn-call:hover{
    background:#6a857f;
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(122,149,143,.25);
  }

  /* Dropdown base */
  .dropdown-menu{
    border:1px solid #e6f4f2;
    border-radius:12px;
    /* box-shadow:0 14px 35px rgba(122,149,143,.18); */
    padding:10px 0;
    min-width:290px;
  }

  .dropdown-item{
    color:#5d6d68;
    font-size:.92rem;
    /* padding:10px 16px; */
        padding: 7px 16px;
    transition:all .2s ease;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .dropdown-item:hover{
    background:#e6f4f2;
    color:#3f4f4a;
  }

  /* Keep the first level "What We Treat" dropdown visually inside container */
  .dropdown-menu.wtt-menu{
    min-width:360px;
    max-height:440px;
    overflow:auto;
    padding:10px;
  }

  /* Submenu */
  .dropdown-submenu{position:relative;}

  .dropdown-submenu > a.dropdown-toggle{
    padding-right:44px;
    border-radius:10px;
  }

  .dropdown-submenu > a.dropdown-toggle::after{
    content:"›";
    border:0;
    font-size:1.2rem;
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    opacity:.75;
  }

  /* Second level menu sizing and same clean height everywhere */
  .dropdown-submenu > .dropdown-menu{
    min-width:320px;
    max-height:440px;
    overflow:auto;
    padding:10px;
    border-radius:12px;
  }

  /* Desktop hover open */
  @media (min-width: 992px){
    .dropdown-submenu:hover > .dropdown-menu{
      display:block;
      position:absolute;
      left:100%;
      top:0;
      /* margin-left:10px; */
              margin: 0px;
    }
  }

  /* Number badges for second level items */
  .dropdown-submenu > .dropdown-menu{
    counter-reset:item;
  }
  .dropdown-submenu > .dropdown-menu .dropdown-item{
    position:relative;
    padding-left:54px;
    border-radius:10px;
  }
  .dropdown-submenu > .dropdown-menu .dropdown-item::before{
    counter-increment:item;
    content:counter(item, decimal-leading-zero);
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.78rem;
    font-weight:800;
    color:#4a5a55;
    background:rgba(186,224,219,.55);
    border:1px solid rgba(122,149,143,.20);
  }

  /* Better scrollbars */
  .dropdown-menu::-webkit-scrollbar{width:8px;}
  .dropdown-menu::-webkit-scrollbar-thumb{
    background:rgba(122,149,143,.25);
    border-radius:10px;
  }

  /* Offcanvas
  .offcanvas{max-width:85%;}
  .offcanvas-header{background:#f8fbfa; border-bottom:1px solid #e6f4f2;} */
/* Offcanvas */
.offcanvas{
    max-width:85%;
}

.offcanvas-header{
    background:#f8fbfa;
    border-bottom:1px solid #e6f4f2;
    display:flex;
    align-items:center;
}

/* Close button right side */
.offcanvas-header .btn-close{
    margin-left:auto;
    padding:0.75rem;
}

  .accordion-button{
    background:transparent;
    color:#4a5a55;
    font-weight:600;
  }
  .accordion-button:not(.collapsed){
    /* background:#e6f4f2; */
    color:#4a5a55;
    box-shadow:none;
  }
  .accordion-button:focus{box-shadow:none; border-color:#bae0db;}

  .list-group-item{
    color:#5d6d68;
    font-size:.92rem;
    border-color:#f1f1f1;
    transition:all .2s ease;
  }
  .list-group-item:hover{
    background:#f8fbfa;
    color:#4a5a55;
    padding-left:20px;
  }
  .list-group-item-action:hover{border-left:3px solid #7a958f;}

  /* Mobile behavior */
  @media (max-width: 991.98px){
    .btn-call.d-lg-none{padding:6px 15px; font-size:.85rem;}
  }
@media (max-width: 991.98px){
  .offcanvas-body .accordion-button{
    border-radius:0;
    padding-left:16px;
    padding-right:16px;
  }

  .offcanvas-body .accordion-button::after{
    transform:scale(.9);
    opacity:.8;
  }

  .offcanvas-body .accordion-body .list-group-item{
    border:0;
    border-top:1px solid rgba(0,0,0,.05);
  }

  .offcanvas-body .accordion-item{
    border-top:1px solid rgba(0,0,0,.05);
  }

  .offcanvas-body .list-group-item.ps-4{
    padding-left:34px !important;
    position:relative;
  }

  .offcanvas-body .list-group-item.ps-4::before{
    content:"";
    position:absolute;
    left:18px;
    top:50%;
    width:6px;
    height:6px;
    border-radius:50%;
    transform:translateY(-50%);
    background:rgba(122,149,143,.55);
  }
}
@media (min-width: 992px) {
  .dropdown-submenu { position: relative; }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.15rem;
  }
}

/* log */
.navbar-toggler {
    box-shadow: none !important;
    outline: none !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler:focus-visible {
    box-shadow: none !important;
    outline: none !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}



/* header */



        /* Free Delivery Banner */
        #free-delivery {
            background-color: var(--primary-color);
            color: var(--dark-color);
            padding: 10px 0;
            font-size: 1rem;
            text-align: center;
        }

        /* Hero Section - UPDATED */
        /* #hero { */
            /* background: linear-gradient(rgba(186, 224, 219, 0.8), rgba(186, 224, 219, 0.9)), url('https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80'); */
/* background-image: url('https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80');

            background-size: cover;
            background-position: center;
            padding: 100px 0;
            color: var(--dark-color);
            text-align: center;
                margin-top: -22px!important;
        }
@media (max-width: 576px) {
   #hero {

        margin-top: -27px !important;        }
}
        .hero-content {
            max-width: 800px;
            margin: 0 auto;
        }

        .hero-badge {
            display: inline-block;
            background-color: rgba(255, 255, 255, 0.9);
            padding: 8px 20px;
            border-radius: 30px;
            font-weight: 600;
            margin-bottom: 30px;
            color: var(--secondary-color);
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }

        .hero-badge i {
            color: var(--secondary-color);
            margin-right: 8px;
        }

        .hero-cta-buttons {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            margin-top: 40px;
        }


        .btn-hero-secondary {
            background-color: rgba(255, 255, 255, 0.9);
            color: var(--secondary-color);
            border-radius: 30px;
            padding: 16px 35px;
            font-weight: 600;
            border: 2px solid var(--secondary-color);
            transition: all 0.3s;
            font-size: 1.1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-width: 220px;
        }

        .btn-hero-secondary:hover {
            background-color: var(--secondary-color);
            color: white;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }

        .hero-stats {
            display: flex;
            justify-content: center;
            gap: 40px;
            margin-top: 60px;
            flex-wrap: wrap;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--secondary-color);
            margin-bottom: 5px;
        }

        .stat-label {
            font-size: 0.9rem;
            color: var(--dark-color);
            font-weight: 500;
        }
/* =========================
   HERO SECTION
========================= */

#hero{
    position: relative;
    background-image: url('https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 110px 0;
    text-align: center;
    overflow: hidden;
}

/* Soft overlay for readability (NO gradient) */
#hero::before{
    content:"";
    position:absolute;
    inset:0;
    background: rgba(255,255,255,0.72);
    z-index:1;
}

/* Keep content above overlay */
#hero .container{
    position: relative;
    z-index:2;
}

/* =========================
   HERO CONTENT
========================= */

.hero-content{
    max-width: 820px;
    margin: 0 auto;
}

/* Badge */
.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background: rgba(255,255,255,0.95);
    padding: 10px 22px;
    border-radius: 999px;
    font-weight: 600;
    color: #4b6f6a;
    margin-bottom: 28px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.hero-badge i{
    color:#7a958f;
}

/* Heading */
#hero h1{
    color:#1f2937;
    font-weight:800;
    line-height:1.15;
    margin-bottom:18px;
}

/* Subtitle */
#hero p.lead{
    color:#374151;
    max-width: 680px;
    margin: 0 auto 34px;
}

/* =========================
   CTA BUTTONS
========================= */

.hero-cta-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    margin-top:30px;
}

.btn-hero-primary{
    background:#7a958f;
    color:#fff;
    border-radius:999px;
    padding:16px 36px;
    font-weight:600;
    border:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:all .3s ease;
}

.btn-hero-primary:hover{
    background:#5f7f79;
    transform: translateY(-3px);
    box-shadow:0 12px 28px rgba(122,149,143,.35);
        color:#fff;

}

.btn-hero-secondary{
    background:#ffffff;
    color:#4b6f6a;
    border-radius:999px;
    padding:16px 36px;
    font-weight:600;
    border:2px solid #7a958f;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:all .3s ease;
}

.btn-hero-secondary:hover{
    background:#7a958f;
    color:#fff;
    transform: translateY(-3px);
    box-shadow:0 12px 28px rgba(122,149,143,.30);
}

/* =========================
   HERO STATS
========================= */

.hero-stats{
    display:flex;
    justify-content:center;
    gap:42px;
    margin-top:60px;
    flex-wrap:wrap;
}

.stat-item{
    text-align:center;
}

.stat-number{
    font-weight:800;
 color: #282e2d;
    margin-bottom:4px;
    font-size: 39px;
}

.stat-label{
    color:#374151;
    font-weight:500;
}

/* =========================
   MOBILE TUNING
========================= */

@media (max-width:576px){
    /* #hero{
        margin-top:-27px !important;
        padding:90px 0;
    } */

    .hero-stats{
        gap:26px;
        margin-top:40px;
    }
}

        /* Sections Common */
        .section-title {
            color: var(--dark-color);
            margin-bottom: 15px;
            font-weight: 700;
            font-size: 2.2rem;
        }

        .section-subtitle {
            color: var(--gray-color);
            margin-bottom: 40px;
            font-size: 1.1rem;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        .divider {
            width: 60px;
            height: 4px;
            background-color: var(--secondary-color);
            margin: 0 auto 20px;
            border-radius: 2px;
        }

        /* Expert Vetted Section - FIXED CARDS */
        .therapist-card {
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            transition: transform 0.3s, box-shadow 0.3s;
            height: 100%;
            display: flex;
            flex-direction: column;
            background-color: white;
        }

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

        .therapist-img-container {
            height: 250px;
            overflow: hidden;
            position: relative;
        }

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

        .therapist-card:hover .therapist-img {
            transform: scale(1.05);
        }

        .therapist-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background-color: var(--secondary-color);
            color: white;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .therapist-info {
            padding: 25px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .specialty-list {
            font-size: 0.9rem;
            color: var(--gray-color);
            margin-bottom: 0;
            line-height: 1.5;
        }

        /* Equal height cards for all sections */
        .know-card, .testimonial-card, .why-grid-card, .step-card {
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .know-card {
            background: linear-gradient(135deg, var(--secondary-color), #5a7a75);
            color: white;
            border-radius: 12px;
            padding: 35px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
        }

        .know-card .btn {
            background-color: white;
            color: var(--secondary-color);
            border-radius: 30px;
            padding: 12px 28px;
            margin-top: 25px;
            align-self: center;
            font-weight: 600;
            transition: all 0.3s;
        }

        .know-card .btn:hover {
            background-color: var(--primary-color);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        /* How It Works */
        #how-it-works {
            background-color: var(--light-gray);
        }

        .step-card {
            text-align: center;
            padding: 35px 25px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            transition: transform 0.3s;
        }

        .step-card:hover {
            transform: translateY(-5px);
        }

        .step-icon {
            width: 100px;
            height: 100px;
            background: linear-gradient(135deg, var(--primary-color), #a8d5d0);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            box-shadow: 0 8px 20px rgba(186, 224, 219, 0.4);
        }

        .step-icon i {
            font-size: 42px;
            /* color: white; */
        }

        .step-number {
            display: inline-block;
            background-color: var(--secondary-color);
            color: white;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            line-height: 32px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .step-title {
            color: var(--dark-color);
            font-weight: 700;
            margin-bottom: 15px;
            font-size: 1.3rem;
        }

        /* herp section end */

        Testimonials - LUNA STYLE
        #testimonials {
            background-color: #f9f9f9;
            padding: 80px 0;
        } */

        /* Luna Style Testimonial Cards */
        /* .luna-testimonial-card {
            background-color: white;
            border-radius: 12px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            height: 220px;
            position: relative;
            margin: 0 15px;
            transition: transform 0.3s;
        }

        .luna-testimonial-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
        }

        .luna-testimonial-text {
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 25px;
            color: #333;
        }

        .luna-testimonial-author {
            position: absolute;
            left: 30px;
            bottom: 25px;
            font-weight: 600;
            color: var(--secondary-color);
        }

        .luna-testimonial-logo {
            position: absolute;
            right: 30px;
            bottom: 25px;
            height: 25px;
            width: auto;
        }

        /* Luna Style Carousel Layout */
        /* .testimonials-luna-container {
            position: relative;
            margin-top: 50px;
        }

        .luna-carousel-row-1 {
            margin-bottom: 30px;
        }

        .luna-carousel-row-2 {
            margin-top: 30px;
        } */
         /* =========================
   TESTIMONIALS FULL CSS
   Works with your existing IDs:
   #testimonials
   #testimonials-carousel-1
   #testimonials-carousel-2
   .luna-testimonial-card
   .luna-testimonial-text
   .luna-testimonial-author
   .luna-testimonial-logo
========================= */

#testimonials{
  background:#f9f9f9;
  padding:80px 0;
  overflow:hidden;
}

/* container spacing */
.testimonials-luna-container{
  position:relative;
  margin-top:48px;
}

.luna-carousel-row-1{ margin-bottom:22px; }
.luna-carousel-row-2{ margin-top:22px; }

/* Owl layout fixes so cards stay equal and clean */
#testimonials .owl-stage{
  display:flex;
}

#testimonials .owl-item{
  display:flex;
}

#testimonials .item{
  display:flex;
  width:100%;
}

/* Card */
.luna-testimonial-card{
  width:100%;
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:16px;
  padding:28px 26px;
  box-shadow:0 12px 32px rgba(0,0,0,0.06);
  transition:transform .25s ease, box-shadow .25s ease;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:240px;
  position:relative;
  margin:0 10px;
}

.luna-testimonial-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 45px rgba(0,0,0,0.10);
}

/* Quote text */
.luna-testimonial-text{
  margin:0;
  color:#25323a;
  font-size:1rem;
  line-height:1.75;
  flex:1;
  padding-right:6px;
}

/* Nice quote mark */
.luna-testimonial-text::before{
  content:"“";
  font-size:34px;
  line-height:0;
  color:rgba(122,149,143,0.40);
  margin-right:6px;
  position:relative;
  top:10px;
}

/* Footer row inside card */
.luna-testimonial-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:14px;
  margin-top:18px;
  border-top:1px solid rgba(0,0,0,0.06);
}

/* Author */
.luna-testimonial-author{
  margin:0;
  font-weight:700;
  color:var(--secondary-color);
  font-size:.98rem;
  display:flex;
  align-items:center;
  gap:10px;
}

/* Avatar circle */
.luna-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(186,224,219,0.55);
  border:1px solid rgba(122,149,143,0.22);
  box-shadow:0 6px 14px rgba(0,0,0,0.05);
  flex:0 0 auto;
}

/* Source icon box */
.luna-source{
  width:36px;
  height:36px;
  border-radius:12px;
  background:rgba(122,149,143,0.10);
  border:1px solid rgba(122,149,143,0.20);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--secondary-color);
  flex:0 0 auto;
  font-size:16px;
}

/* If you still keep images, make them safe */
.luna-testimonial-logo{
  height:18px;
  width:auto;
  display:block;
  opacity:0.9;
  filter:grayscale(1);
}

/* HARD HIDE: if Local Guides text is coming from SVG */
.luna-testimonial-card svg text,
.luna-testimonial-card svg tspan{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Also hide any accidental badge text under cards */
.luna-testimonial-card small,
.luna-testimonial-card .badge,
.luna-testimonial-card .text-muted{
  display:none !important;
}

/* Navigation buttons style */
.luna-carousel-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  box-shadow:0 12px 30px rgba(0,0,0,0.10);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:5;
  transition:transform .2s ease, box-shadow .2s ease;
}

.luna-carousel-nav:hover{
  transform:translateY(-50%) scale(1.05);
  box-shadow:0 18px 40px rgba(0,0,0,0.14);
}

.luna-carousel-nav.prev{ left:-8px; }
.luna-carousel-nav.next{ right:-8px; }

.luna-carousel-nav i{
  color:var(--secondary-color);
  font-size:18px;
}

/* Owl dots off just in case */
#testimonials .owl-dots{ display:none !important; }

/* Responsive */
@media (max-width: 1199px){
  .luna-testimonial-card{ min-height:240px; }
}

@media (max-width: 991px){
  #testimonials{ padding:70px 0; }
  .luna-carousel-nav.prev{ left:6px; }
  .luna-carousel-nav.next{ right:6px; }
}

@media (max-width: 767px){
  #testimonials{ padding:60px 0; }
  .testimonials-luna-container{ margin-top:32px; }
  .luna-testimonial-card{
    min-height:220px;
    padding:22px 20px;
    margin:0 6px;
  }
  .luna-testimonial-text{ font-size:.98rem; }
}

@media (max-width: 575px){
  .luna-testimonial-card{ min-height:210px; }
  .luna-carousel-nav{ display:none !important; }
}


        /* Exclusive Provider */
/* Exclusive Provider */
  #exclusive-provider{
    position: relative;
    overflow: hidden;
    color:#fff;
    background:#000;
    padding: 90px 0;
  }

  #exclusive-provider::before{
    content:"";
    position:absolute;
    inset:0;
    background:url('https://images.unsplash.com/photo-1579684385127-1ef15d508118?ixlib=rb-4.0.3&auto=format&fit=crop&w=2080&q=80') center/cover no-repeat;
    opacity: .12;
    pointer-events:none;
    transform: scale(1.02);
  }

  /* soft overlay for readability */
  #exclusive-provider::after{
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(900px 420px at 20% 10%, rgba(186,224,219,.12), transparent 60%),
                radial-gradient(800px 380px at 90% 20%, rgba(122,149,143,.18), transparent 55%),
                linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.72));
    pointer-events:none;
  }

  #exclusive-provider .ep-inner{
    position: relative;
    z-index: 2;
  }

  #exclusive-provider .ep-logo{
    max-width: 300px;
    width: 100%;
    height:auto;
  }

  #exclusive-provider .ep-title{
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    margin: 0 0 14px;
    letter-spacing: -0.01em;
  }

  #exclusive-provider .ep-text{
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255,255,255,.88);
    margin: 0 0 18px;
  }

  /* right card */
  #exclusive-provider .ep-card{
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(186,224,219,.22);
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(0,0,0,.35);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  #exclusive-provider .ep-card h4{
    color:#fff;
    font-weight: 800;
    margin: 0 0 14px;
    font-size: 20px;
  }

  #exclusive-provider .ep-list li{
    display:flex;
    gap: 10px;
    align-items:flex-start;
    color: rgba(255,255,255,.90);
    line-height: 1.6;
    margin-bottom: 12px;
  }

  #exclusive-provider .ep-list i{
    margin-top: 4px;
    color:#7a958f;
    flex: 0 0 auto;
  }

  /* spacing helpers */
  #exclusive-provider .ep-left{
    text-align:left;
  }

  /* tablet */
  @media (max-width: 991.98px){
    #exclusive-provider{ padding: 70px 0; }
    #exclusive-provider .ep-title{ font-size: 30px; }
    #exclusive-provider .ep-text{ font-size: 17px; }
    #exclusive-provider .ep-logo{ max-width: 260px; }
    #exclusive-provider .ep-left{ text-align:center; }
  }

  /* mobile */
  @media (max-width: 575.98px){
    #exclusive-provider{ padding: 54px 0; }
    #exclusive-provider .ep-title{ font-size: 26px; }
    #exclusive-provider .ep-text{ font-size: 16px; }
    #exclusive-provider .ep-card{ padding: 18px; border-radius: 16px; }
    #exclusive-provider .ep-logo{ max-width: 210px; }
  }

        /* FAQ */
        /* .accordion-button {
            background-color: white;
            color: var(--dark-color);
            font-weight: 600;
            padding: 20px;
            font-size: 1.1rem;
            border: none;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            margin-bottom: 10px;
            border-radius: 10px !important;
        }

        .accordion-button:not(.collapsed) {
            background-color: var(--primary-color);
            color: var(--dark-color);
            box-shadow: 0 4px 15px rgba(186, 224, 219, 0.4);
        }

        .accordion-button:focus {
            box-shadow: 0 0 0 0.25rem rgba(186, 224, 219, 0.5);
            border-color: var(--primary-color);
        }

        .accordion-button::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237a958f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        }

        .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c3e50'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        } */





        /* Why In-Home Section */
        .why-grid-card {
            text-align: center;
            padding: 35px 25px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.05);
            transition: transform 0.3s;
        }

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

        .why-icon-wrapper {
            width: 85px;
            height: 85px;
            background: linear-gradient(135deg, var(--primary-color), #a8d5d0);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            box-shadow: 0 8px 20px rgba(186, 224, 219, 0.4);
        }

        .why-icon {
            font-size: 38px;
            /* color: white; */
        }

        .why-grid-card h4 {
            color: var(--dark-color);
            font-weight: 700;
            margin-bottom: 15px;
            font-size: 1.2rem;
        }

        .why-grid-card p {
            color: var(--gray-color);
            line-height: 1.6;
            margin-bottom: 0;
        }

        /* Buttons */
        .btn-purple {
            background-color: var(--secondary-color);
            color: white;
            border-radius: 30px;
            padding: 14px 32px;
            font-weight: 600;
            border: none;
            transition: all 0.3s;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .btn-purple:hover {
            background-color: var(--primary-color);
            color: var(--dark-color);
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }

        .btn-outline-purple {
            background-color: transparent;
            /* color: var(--secondary-color); */
            color:#7a958f!important;
            border-radius: 30px;
            padding: 14px 32px;
            font-weight: 600;
            border: 2px solid var(--secondary-color);
            transition: all 0.3s;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .btn-outline-purple:hover {
            background-color: var(--secondary-color);
            color:#bae0db
!important;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }

        /* Footer & Responsive */
        footer {
            background-color: var(--dark-color);
            color: white;
            padding: 70px 0 30px;
            position: relative;
        }

        footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
        }

        .footer-links a {
            color: #ddd;
            text-decoration: none;
            display: block;
            margin-bottom: 12px;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .footer-links a:hover {
            color: var(--primary-color);
            padding-left: 5px;
        }

        .footer-links a i {
            width: 20px;
            text-align: center;
        }

        .social-icons {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }
/* .nav-item{
    padding:10px!important;
} */
        .social-icons a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            color: white;
            transition: all 0.3s;
        }

        .social-icons a:hover {
            background-color: var(--primary-color);
            transform: translateY(-3px);
        }

        /* Responsive Design Improvements */
        @media (max-width: 1199px) {
            .section-title {
                font-size: 2rem;
            }

            .nav-link {
                margin: 0 3px;
                font-size: 0.9rem;
            }

            .luna-testimonial-card {
                height: 240px;
            }
        }

        @media (max-width: 991px) {
            #hero {
                padding: 80px 0;
            }

            .hero-content {
                padding: 0 20px;
            }

            .section-title {
                font-size: 1.8rem;
            }

            .therapist-img-container {
                height: 220px;
            }

            .navbar-nav {
                text-align: center;
                padding-top: 15px;
            }

            .nav-item {
                margin-bottom: 10px;
            }

            .dropdown-menu {
                text-align: center;
            }

            .hero-cta-buttons {
                flex-direction: column;
                align-items: center;
            }

            .btn-hero-primary, .btn-hero-secondary {
                width: 100%;
                max-width: 300px;
            }

            .luna-testimonial-card {
                height: 220px;
                margin: 0 10px;
            }
        }

        @media (max-width: 767px) {
            #hero {
                padding: 70px 0;
            }

            h1.display-4 {
                font-size: 2.5rem;
            }

            .section-title {
                font-size: 1.7rem;
            }

            .section-subtitle {
                font-size: 1rem;
                padding: 0 15px;
            }

            .therapist-card, .know-card, .luna-testimonial-card, .why-grid-card, .step-card {
                margin-bottom: 25px;
            }

            .therapist-img-container {
                height: 200px;
            }

            .step-icon, .why-icon-wrapper {
                width: 85px;
                height: 85px;
            }

            .step-icon i, .why-icon {
                font-size: 35px;
            }

            .hero-stats {
                gap: 30px;
            }

            .stat-number {
                font-size: 2rem;
            }

            .btn-purple, .btn-outline-purple {
                padding: 12px 25px;
                font-size: 0.95rem;
                width: 100%;
                margin-bottom: 10px;
            }

            .btn-call {
                padding: 8px 15px;
                font-size: 0.85rem;
            }

            .luna-testimonial-card {
                height: auto;
                min-height: 200px;
                margin: 0 5px;
            }
        }

        @media (max-width: 575px) {
            #hero {
                padding: 60px 0;
            }

            h1.display-4 {
                font-size: 2rem;
            }

            .section-title {
                font-size: 1.6rem;
            }

            .therapist-img-container {
                height: 180px;
            }

            .therapist-info, .luna-testimonial-card, .know-card, .step-card, .why-grid-card {
                padding: 20px;
            }

            .accordion-button {
                padding: 15px;
        font-size: 14px;
            }

            footer {
                padding: 50px 0 20px;
            }

            .footer-links a {
                margin-bottom: 10px;
                font-size: 0.9rem;
            }

            .hero-stats {
                gap: 20px;
                justify-content: space-around;
            }

            .stat-item {
                flex: 0 0 45%;
            }

            .luna-testimonial-card {
                height: auto;
                min-height: 220px;
            }
        }

        /* Carousel Navigation for Luna Style */
        .luna-carousel-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            z-index: 10;
            cursor: pointer;
            transition: all 0.3s;
        }

        .luna-carousel-nav:hover {
            background-color: var(--primary-color);
            transform: translateY(-50%) scale(1.1);
        }

        .luna-carousel-nav.prev {
            left: -25px;
        }

        .luna-carousel-nav.next {
            right: -25px;
        }

        .luna-carousel-nav i {
            color: var(--secondary-color);
            font-size: 1.3rem;
        }

        .luna-carousel-nav:hover i {
            color: white;
        }

        @media (max-width: 767px) {
            .luna-carousel-nav {
                width: 40px;
                height: 40px;
            }

            .luna-carousel-nav.prev {
                left: -15px;
            }

            .luna-carousel-nav.next {
                right: -15px;
            }

            .luna-carousel-nav i {
                font-size: 1.1rem;
            }
        }

        /* Equal height for all cards in a row */
        .row-equal-height {
            display: flex;
            flex-wrap: wrap;
        }

        .row-equal-height > [class*='col-'] {
            display: flex;
        }

        /* Improved spacing */


        @media (max-width: 767px) {
            section {
                padding-top: 60px;
                padding-bottom: 60px;
            }
        }

        /* Floating animation for icons */
        @keyframes float {
            0% {
                transform: translateY(0px);
            }
            50% {
                transform: translateY(-10px);
            }
            100% {
                transform: translateY(0px);
            }
        }

        .floating-icon {
            animation: float 3s ease-in-out infinite;
        }





        /* about us */


   :root {
            --primary-color: #bae0db;
            --secondary-color: #7a958f;
            --accent-color: #2ebfd5;
            --dark-color: #2c3e50;
            --light-color: #f8f9fa;
            --gray-color: #6c757d;
            --light-gray: #e9ecef;
        }


        /* Sections Common */
        .section-title {
            color: var(--dark-color);
            margin-bottom: 15px;
            font-weight: 700;
            font-size: 2.2rem;
        }

        .section-subtitle {
            color: var(--gray-color);
            margin-bottom: 40px;
            font-size: 1.1rem;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        .divider {
            width: 60px;
            height: 4px;
            background-color: var(--secondary-color);
            margin: 0 auto 20px;
            border-radius: 2px;
        }

        /* About Us Section */
        #about-us {
            padding: 80px 0;
        }

        .about-content h3 {
            color: var(--secondary-color);
            font-weight: 600;
            margin-top: 30px;
            margin-bottom: 15px;
            /* font-size: 1.4rem; */
        }

        .about-content p {
            line-height: 1.6;
            margin-bottom: 20px;
            /* font-size: 1.1rem; */
        }

        /* How It Works / Why Work For Us */
        #how-it-works {
            background-color: var(--light-gray);
            padding: 80px 0;
        }

        .feature-card {
            text-align: center;
            padding: 30px 20px;
            height: 100%;
        }

        .feature-icon {
            width: 100px;
            height: 100px;
            background: linear-gradient(135deg, var(--primary-color), #a8d5d0);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            box-shadow: 0 8px 20px rgba(186, 224, 219, 0.4);
        }

        .feature-icon img {
            width: 50px;
            height: 50px;
            filter: brightness(0) invert(1);
        }

        .feature-title {
            color: var(--dark-color);
            font-weight: 700;
            margin-bottom: 15px;
            font-size: 1.3rem;
            min-height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .feature-description {
            color: var(--gray-color);
            line-height: 1.6;
            margin-bottom: 0;
        }

        /* Gallery Section */
        #gallery {
            padding: 80px 0;
        }

        .gallery-title {
            color: var(--dark-color);
            margin-bottom: 15px;
            font-weight: 700;
            font-size: 2.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .gallery-img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            margin-bottom: 20px;
            transition: transform 0.3s;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        .gallery-img:hover {
            transform: scale(1.02);
        }

        /* Why Different Section */
        #why-different {
            background-color: var(--light-gray);
            padding: 80px 0;
        }

        .difference-card {
            background-color: white;
            border-radius: 12px;
            padding: 40px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.05);
        }

        .difference-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .difference-list li {
            margin-bottom: 15px;
            padding-left: 25px;
            position: relative;
            line-height: 1.6;
        }

        .difference-list li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--secondary-color);
            font-weight: bold;
        }

        .contact-info {
            text-align: center;
            margin-top: 40px;
        }

        .contact-info p {
            margin-bottom: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .contact-info a {
            color: var(--dark-color);
            text-decoration: none;
        }

        .contact-info a:hover {
            color: var(--secondary-color);
        }

        /* Our Vision Section */
        #our-vision {
            padding: 80px 0;
        }

        .vision-card {
            background-color: white;
            border-radius: 12px;
            padding: 40px;
            font-size:18px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.05);
        }

        /* Final CTA Section */
        #final-cta {
            background:#7a958f;
            color: white;
            padding: 80px 0;
        }

        .journey-cta-inner {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            align-items: center;
        }

        .journey-cta-left {
            flex: 1;
            min-width: 300px;
        }

        .journey-cta-right {
            flex: 1;
            min-width: 300px;
        }

        .journey-pill {
            display: inline-block;
            background-color: rgba(255, 255, 255, 0.2);
            padding: 8px 20px;
            border-radius: 30px;
            font-weight: 600;
            margin-bottom: 20px;
            font-size: 0.9rem;
        }

        .journey-heading {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .journey-text {
            margin-bottom: 20px;
            line-height: 1.6;
        }

        .journey-list {
            list-style: none;
            padding: 0;
            margin: 25px 0;
        }

        .journey-list li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
        }

        .journey-list li:before {
            content: "→";
            position: absolute;
            left: 0;
            font-weight: bold;
        }

        .journey-btn {
            background-color: white;
            color: var(--secondary-color);
            border-radius: 30px;
            padding: 14px 32px;
            font-weight: 600;
            border: 2px solid white;
            transition: all 0.3s;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            text-decoration: none;
        }

        .journey-btn:hover {
            background-color: transparent;
            color: white;
            transform: translateY(-2px);
        }

        .journey-highlight-card {
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            padding: 30px;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .journey-highlight-card h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .journey-contact {
            margin-top: 20px;
            line-height: 1.5;
        }

        .journey-contact a {
            color: white;
            text-decoration: underline;
        }

        /* Related Blogs Section */
        /* #related-blogs {
            padding: 80px 0;
            background-color: white;
        }

        .blog-card {
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            transition: transform 0.3s;
            height: 100%;
            background-color: white;
            margin-bottom: 30px;
        }

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

        .blog-img-container {
            height: 200px;
            overflow: hidden;
        }

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

        .blog-card:hover .blog-img {
            transform: scale(1.05);
        }

        .blog-content {
            padding: 25px;
        }

        .blog-category {
            background-color: var(--primary-color);
            color: var(--secondary-color);
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            display: inline-block;
            margin-right: 10px;
        }

        .blog-date {
            color: var(--gray-color);
            font-size: 0.9rem;
        }

        .blog-title {
            color: var(--dark-color);
            font-weight: 600;
            margin: 15px 0;
            font-size: 1.2rem;
            line-height: 1.4;
        }

        .blog-excerpt {
            color: var(--gray-color);
            line-height: 1.6;
            margin-bottom: 20px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .blog-link {
            color: var(--accent-color);
            font-weight: 600;
            text-decoration: none;
        }

        .blog-link:hover {
            text-decoration: underline;
        }

        .btn-all-articles {
            background-color: var(--secondary-color);
            color: white;
            border-radius: 30px;
            padding: 14px 32px;
            font-weight: 600;
            border: none;
            transition: all 0.3s;
        }

        .btn-all-articles:hover {
            background-color: var(--primary-color);
            color: var(--dark-color);
            transform: translateY(-2px);
        } */

        /* Related Blogs Section */
#related-blogs{
  padding: 80px 0;
  background: linear-gradient(180deg, rgba(186,224,219,0.22) 0%, #ffffff 60%);
}

/* Heading */
#related-blogs .divider{
  width: 70px;
  height: 4px;
  border-radius: 999px;
  margin: 0 auto 14px;
  background: #7a958f;
}

#related-blogs .section-title{
  color: #122222;
  font-weight: 800;
  letter-spacing: 0.2px;
  margin: 0;
}

/* Card */
.blog-card{
  border-radius: 18px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(122,149,143,0.14);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  height: 100%;
}

.blog-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 55px rgba(15, 23, 42, 0.10);
  border-color: rgba(122,149,143,0.28);
}

/* Image */
.blog-img-container{
  height: 220px;
  position: relative;
  overflow: hidden;
  background: rgba(186,224,219,0.35);
}

.blog-img-container::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.00) 45%, rgba(0,0,0,0.10) 100%);
  pointer-events: none;
}

.blog-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
  transition: none;
  pointer-events: none;
}

/* Content */
.blog-content{
  padding: 22px 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 240px;
}

/* Meta row fix, always badge then date */
.blog-meta{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
}

.blog-category{
  background: rgba(186,224,219,0.55);
  color: #244540;
  border: 1px solid rgba(122,149,143,0.22);
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.2px;
  white-space: nowrap;
  order: 1;
}

.blog-date{
  color: rgba(18,34,34,0.62);
  font-size: 0.90rem;
  font-weight: 600;
  white-space: nowrap;
  order: 2;
}

/* Title */
.blog-title{
  color: #122222;
  font-weight: 900;
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.45;
  letter-spacing: 0.1px;
  min-height: 52px;
}

/* Excerpt */
.blog-excerpt{
  color: rgba(18,34,34,0.70);
  line-height: 1.75;
  margin: 0;
  font-size: 0.98rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 78px;
}

/* Read more bottom pinned */
.blog-link{
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #7a958f;
  font-weight: 900;
  text-decoration: none;
  letter-spacing: 0.2px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.blog-link span{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(186,224,219,0.55);
  border: 1px solid rgba(122,149,143,0.22);
}

.blog-card:hover .blog-link{
  transform: translateX(2px);
  opacity: 0.95;
}

/* Show all button */
.btn-all-articles{
  background: #7a958f;
  color: #ffffff;
  border-radius: 999px;
  padding: 14px 34px;
  font-weight: 900;
  border: 1px solid rgba(122,149,143,0.25);
  box-shadow: 0 12px 30px rgba(122,149,143,0.22);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.btn-all-articles:hover{
  background: #bae0db;
  color: #122222;
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(122,149,143,0.28);
}

/* Responsive */
@media (max-width: 991px){
  #related-blogs{ padding: 60px 0; }
  .blog-img-container{ height: 210px; }
}

@media (max-width: 575px){
  .blog-content{ padding: 18px; min-height: auto; }
  .btn-all-articles{ width: 100%; }
}


        /* Footer */
        footer {
            /* background-color: var(--dark-color); */
            background-color: black;
            color: white;
            /* padding: 70px 0 30px; */
            position: relative;
        }

        footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
        }

        .footer-links a {
            color: #ddd;
            text-decoration: none;
            display: block;
            margin-bottom: 12px;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .footer-links a:hover {
            color: var(--primary-color);
            padding-left: 5px;
        }

        .footer-links a i {
            width: 20px;
            text-align: center;
        }

        .social-icons {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }

        .social-icons a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            color: white;
            transition: all 0.3s;
        }

        .social-icons a:hover {
            background-color: var(--primary-color);
            transform: translateY(-3px);
        }

        /* Responsive Design */
        @media (max-width: 1199px) {
            .section-title, .hero-title {
                font-size: 2rem;
            }

            .nav-link {
                margin: 0 3px;
                font-size: 0.9rem;
            }
        }

        @media (max-width: 991px) {
            #hero {
                padding: 80px 0;
            }

            .hero-title {
                font-size: 2.2rem;
            }

            .section-title {
                font-size: 1.8rem;
            }

            .navbar-nav {
                text-align: center;
                padding-top: 15px;
            }

            .nav-item {
                margin-bottom: 10px;
            }

            .dropdown-menu {
                text-align: center;
            }

            .journey-cta-inner {
                flex-direction: column;
            }

            .feature-title {
                min-height: auto;
            }
        }

        @media (max-width: 767px) {
            #hero {
                padding: 70px 0;
            }

            .hero-title {
                font-size: 1.8rem;
            }

            .section-title {
                font-size: 1.6rem;
            }

            .btn-hero, .btn-all-articles, .journey-btn {
                width: 100%;
                max-width: 300px;
            }

            .difference-card, .vision-card {
                padding: 30px 20px;
            }

            .feature-card {
                margin-bottom: 30px;
            }

            .gallery-title {
                font-size: 1.8rem;
                flex-direction: column;
                gap: 5px;
            }
        }

        @media (max-width: 575px) {
            #hero {
                padding: 60px 0;
            }

            .hero-title {
                font-size: 1.6rem;
            }

            .section-title {
                font-size: 1.5rem;
            }

            .btn-hero, .btn-all-articles, .journey-btn {
                padding: 12px 25px;
                font-size: 0.95rem;
            }

            .btn-call {
                padding: 8px 15px;
                font-size: 0.85rem;
            }

            footer {
                padding: 50px 0 20px;
            }

            .footer-links a {
                margin-bottom: 10px;
                font-size: 0.9rem;
            }
        }

        /* Equal height for feature cards */
        .row-equal-height {
            display: flex;
            flex-wrap: wrap;
        }

        .row-equal-height > [class*='col-'] {
            display: flex;
        }

        /* Section spacing */
        /* section {
            padding-top: 80px;
            padding-bottom: 80px;
        } */

        /* @media (max-width: 767px) {
            section {
                padding-top: 60px;
                padding-bottom: 60px;
            }
        } */



        /* quality */
        /* Theme */
.quality-safety{
  --mint:#bae0db;
  --sage:#7a958f;
}

/* Card */
.qs-card{
  position:relative;
  border-radius:22px;
  min-height:240px;
  /* background:linear-gradient(135deg, rgba(186,224,219,.55), rgba(122,149,143,.55)); */
}

/* Background image */
.qs-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
  filter:saturate(1.05) contrast(1.02);
}

/* Overlay to match your theme */
.qs-overlay{
  position:absolute;
  inset:0;
  /* background:
    radial-gradient(900px 240px at 65% 20%, rgba(186,224,219,.65), transparent 60%),
    linear-gradient(135deg, rgba(122,149,143,.70), rgba(186,224,219,.55)); */
}

/* Content */
.qs-content{
  position:relative;
  z-index:2;
  padding:28px 20px;
}

.qs-title{
  font-weight:700;
  font-size:20px;
  color:#ffffff;
  letter-spacing:.2px;
  text-shadow:0 6px 18px rgba(0,0,0,.20);
}

.qs-subtitle{
  font-weight:500;
  font-size:14px;
  color:rgba(255,255,255,.92);
  margin-top:6px;
  text-shadow:0 6px 18px rgba(0,0,0,.18);
}

/* Logo tiles */
.qs-logo-wrap{
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}


.qs-logo {
    width: auto;
    /* max-width: 100px; */
    height: 80px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .18));
}
/* Badges */
.qs-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);
  color:#ffffff;
  font-size:12px;
  font-weight:600;
  letter-spacing:.2px;
  backdrop-filter:blur(10px);
}

/* Responsive */
@media (min-width: 992px){
  .qs-content{ padding:40px 34px; }
  .qs-title{ font-size:22px; }
  .qs-subtitle{ font-size:15px; }
}

@media (max-width: 575.98px){
  .qs-card{ min-height:260px; }
  .qs-logo-wrap{ padding:12px; border-radius:14px; }
  .qs-logo{ max-width:110px; }
}




/* faqs */
/* .rb-faq{background:rgba(186,224,219,.18)}
.rb-faq-sub{max-width:640px}
.rb-pill{background:rgba(122,149,143,.14);color:var(--s);padding:8px 12px;border-radius:999px;font-weight:700}
.rb-faq-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.08)}
.rb-acc .accordion-item{border:0;border-bottom:1px solid rgba(15,23,42,.08)}
.rb-acc .accordion-button{padding:18px 0;font-weight:700;color:var(--t);background:#fff;
    font-size:18px;
    box-shadow:none}
.rb-acc .accordion-button:not(.collapsed){color:var(--s)}
.rb-acc .accordion-button:focus{box-shadow:none}
.rb-acc .accordion-body{padding:0 0 16px 0;color:rgba(15,23,42,.72)}
.rb-faq-cta{border-radius:14px;background:linear-gradient(135deg,rgba(186,224,219,.35),rgba(122,149,143,.18));border:1px solid rgba(15,23,42,.08)}
.rb-btn{background:var(--s);border:1px solid var(--s);color:#fff;border-radius:12px;font-weight:700}
.rb-btn:hover{opacity:.95;color:#fff}
.rb-btn-outline{background:#fff;border:1px solid var(--s);color:var(--s);border-radius:12px;font-weight:700}
.rb-btn-outline:hover{background:rgba(122,149,143,.08);color:var(--s)} */
 /* FAQ section premium layout */

 :root{
  --s:#7a958f;
  --soft:#bae0db;
  --t:#0f172a;
}

/* FAQ Section */
.rb-faq{
  background: rgba(186,224,219,.18);
}

.rb-faq-sub{
  max-width:640px;
}

.rb-pill{
  background:rgba(122,149,143,.14);
  color:var(--s);
  padding:8px 14px;
  border-radius:999px;
  font-weight:700;
}

/* Card */
.rb-faq-card{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,.08);
}

/* Accordion */
.rb-acc .accordion-item{
  border:0;
  border-bottom:1px solid rgba(15,23,42,.08);
}

.rb-acc .accordion-button{
  background:#fff;
  box-shadow:none;
  font-weight:800;
  color:var(--t);
  font-size:18px;
  padding:18px 22px;
  position:relative;
  padding-right:60px;
}

.rb-acc .accordion-button:focus{
  box-shadow:none;
}

/* .rb-acc .accordion-button:not(.collapsed){
  color:var(--s);
} */

.rb-acc .accordion-button i{
  width:22px;
  text-align:center;
  opacity:.9;
}

/* Plus / Cross */
.rb-acc .accordion-button::after{
  content:"+";
  background:none;
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  font-size:24px;
  font-weight:900;
  color:var(--s);
}

.rb-acc .accordion-button:not(.collapsed)::after{
  content:"×";
  font-size:26px;
}

/* Body */
.rb-acc .accordion-body{
  /* padding: 0 22px 18px 56px; */
  padding: 1px 22px 18px;
  color: rgba(15,23,42,.72);
  line-height:1.7;
}

/* CTA */
.rb-faq-cta{
  border-radius:14px;
  background:linear-gradient(135deg,rgba(186,224,219,.35),rgba(122,149,143,.18));
  border:1px solid rgba(15,23,42,.08);
}

.rb-btn{
  background:var(--s);
  border:1px solid var(--s);
  color:#fff;
  border-radius:12px;
  font-weight:800;
}
.rb-btn:hover{opacity:.95;color:#fff}

.rb-btn-outline{
  background:#fff;
  border:1px solid var(--s);
  color:var(--s);
  border-radius:12px;
  font-weight:800;
}
.rb-btn-outline:hover{
  background:rgba(122,149,143,.08);
}

/* Tablet */
@media (max-width:991px){
  .rb-acc .accordion-button{font-size:17px}
  .rb-acc .accordion-body{padding-left:48px}
}

/* Mobile */
@media (max-width:575px){
  .rb-faq-card{border-radius:16px}
  .rb-acc .accordion-button{
    font-size:16px;
    padding:16px 18px;
    padding-right:52px;
  }
  .rb-acc .accordion-button i{display:none}
  .rb-acc .accordion-body{
    padding: 0 18px 16px 18px;
  }
}

/* contavct */
#rehabrion-contact-page {
    --primary: #0d9488;
    --primary-light: #bae0db;
    --primary-dark: #0f766e;
    --secondary: #7a958f;
    --light: #f8f9fa;
    --dark: #212529;
}

/* Custom Animations */
.contact-hero {
    animation: fadeIn 1s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Form Styling */
.form-control:focus {
    border-color: var(--primary-light);
    box-shadow: 0 0 0 0.25rem rgba(13, 148, 136, 0.25);
}

.form-floating > label {
    color: #6c757d;
}

/* Card Hover Effects */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Map Marker Animation */
.map-marker {
    animation: pulse 2s infinite;
    cursor: pointer;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Badge Styling */
.badge {
    font-weight: 500;
    letter-spacing: 0.3px;
}

/* Button Styling */
.btn-primary {
    background-color: #7a958f;
    border-color: var(--primary);
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    transform: translateY(-2px);
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

/* Accordion Customization */
.accordion-button:not(.collapsed) {
        /* background-color: rgba(13, 148, 136, 0.1); */
    color: var(--primary);
    border-color: var(--primary-light);
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 148, 136, 0.25);
}

/* Gradient Backgrounds */
.bg-gradient-primary {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .contact-hero h1 {
        font-size: 2.5rem;
    }

    .display-5 {
        font-size: 2.2rem;
    }

    .btn-lg {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-light);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}



/* button */
.vertical-contact-btn{
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 165px;
  padding: 16px 12px;

  background: #7a958f;
  color: #ffffff;
  text-decoration: none;

  border-radius: 18px 0 0 18px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.18);

  writing-mode: vertical-rl;
  text-orientation: mixed;

  transition: all 0.28s ease;
}

/* subtle highlight edge */
.vertical-contact-btn::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px 0 0 18px;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.18),
    rgba(255,255,255,0.02)
  );
  pointer-events:none;
}

/* Icon container */
.vertical-contact-btn .vc-icon{
  width: 34px;
  height: 34px;
  border-radius: 12px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #bae0db;
  color: #1f2d2b;

  font-size: 16px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  /* margin-bottom: 10px; */
}

/* Text */
.vertical-contact-btn .vc-text{
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

/* Hover – inviting but professional */
.vertical-contact-btn:hover{
  transform: translateY(-50%) translateX(-3px);
  box-shadow: 0 22px 55px rgba(0,0,0,0.25);
  background: #6b867f;
}

/* Click feedback */
.vertical-contact-btn:active{
  transform: translateY(-50%) scale(0.97);
}

/* Soft attention pulse (very subtle) */
@keyframes softPulse{
  0%{ box-shadow: 0 16px 40px rgba(0,0,0,0.18); }
  50%{ box-shadow: 0 22px 55px rgba(0,0,0,0.28); }
  100%{ box-shadow: 0 16px 40px rgba(0,0,0,0.18); }
}

.vertical-contact-btn{
  animation: softPulse 3s ease-in-out infinite;
}

/* Motion respect */
@media (prefers-reduced-motion: reduce){
  .vertical-contact-btn{ animation:none; }
}

/* Mobile optimization */
@media (max-width: 768px){
  .vertical-contact-btn{
    min-height: 135px;
    padding: 14px 10px;
                gap: 5px;
  }

  .vertical-contact-btn .vc-text{
    font-size: 12px;
            padding-right: 10px;

  }

  .vertical-contact-btn .vc-icon{
    width: 30px;
    height: 30px;
    font-size: 14px;
                background:none;
                        color:white;

            padding-right: 10px;
  }
}