html, body{
    overflow-x: hidden;
    overflow-y: auto;
}

a.navbar-brand img.logo-one{
  width: 180px;
  height: auto;
}

.banner-bottom-area{
  margin: 60px 0px;
}

.float{
	position: fixed;
    width: 50px;
    height: 50px;
    bottom: 13%;
    right: 10px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 23px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.float2{
  bottom: 22%;
  color: #FFF;
  background-image: linear-gradient(to right, #962fbf, #d62976, #fa7e1e, #feda75);
}

.my-float{
	margin-top: 14px;
}

.footer-logo img {
    width: 190px;
    border-radius: 15px;
}

.footer-top {
    padding-top: 60px;
    padding-bottom: 20px;
}

.footer-widget .social-link li a:hover i{
  color: #000 !important;
}

.about-content-two h2{
  margin-bottom: 20px;
}

.about-img img {
width: 100%;
    height: 500px;
    border-radius: 80px;
    border: 10px solid #f5f2d3;
    object-fit: cover;
}

.about-area-two ul {
    margin-bottom: 0;
    margin-top: 20px;
    padding: 0;
}

.about-content-two h3 {
    background-color: #f5f2d3;
    color: #064215;
    border-left: 5px solid #ac9362;
    padding: 15px;
    border-radius: 10px;
    letter-spacing: .7px;
    font-style: italic;
}

.about-content-two li {
list-style: none;
    margin-bottom: 10px;
    color: var(--bodyColor);
    line-height: 1.6;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400; 
}

.about-content-two li i {
    color: #064215;
    margin-right: 5px;
}

.testimonial-sec{
  padding: 60px 0px;
  background-color: #f5f2d3;
}

/* Hero section css */
.hero-video {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* Video */
.hero-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* Dark overlay */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 69%);
    z-index: 2;
}

/* Content Center */
.hero-content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; /* center horizontally */
    text-align: center;
    color: #fff;
    padding: 0 20px;
}

/* Heading */
.hero-content h1 {
    font-size: 65px;
    font-weight: 200;
    margin-bottom: 20px;
    color: #fff;
}

/* Paragraph */
.hero-content p {
    max-width: 700px;
    margin-bottom: 15px;
    color: #fff;
    letter-spacing: .5px;
}
 
.mission-sec2 h2 {
    margin-bottom: 0;
}

.mission-sec2 p {
    /* margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600; */
}

.hero-content h4 {
    color: #fff;
    margin-bottom: 17px;
    font-size: 28px;
}

.about-area .content {
    padding: 0;
    margin-bottom: 20px;
}

.about-area .event-content .content p{
  padding-top: 0;
}

.about-content .section-title h2 {
    margin-bottom: 20px;
}

.disclaimer-txt{
  margin: 30px 50px;
}

.disclaimer-txt p {
    text-align: center;
    color: #000;
    font-size: 15px;
    line-height: 20px;
}

.founder-message-row{
  margin-bottom: 30px;
    margin-top: 15px;
    background-color: #f5f2d3;
    color: #000000;
    border-left: 5px solid #ac9362;
    padding: 15px;
    border-radius: 10px;
}

.founder-message-row h4{
  margin-bottom: 20px;
    font-size: 19px;
    font-family: var(--headerFonts);
    color: #000;
    text-transform: capitalize;
}

.founder-message-row p{
  padding-top: 0px;
  color: var(--greenColor);
}

.why-choose-sec{
  margin: 0px;
}

.work-area {
    margin: 60px 0px;
}

.blog-area{
  padding: 60px 0px;
}

h2 i{
  color: var(--greenColor);
    font-style: unset; 
}

.mission-sec2 h2 i{
  font-style: unset;
}

.about-area-two h2 i{
  font-style: unset;
}
 
.philosophy-sec{
    padding-top: 0;
}

.founder-message-row img {
    position: relative;
    top: -9px;
    font-size: 10px;
    font-style: italic;
    width: 13px;
}

.founder-message-row i.fa.fa-quote-right {
    position: relative;
    top: -9px;
    font-size: 10px;
    font-style: italic;
}

.closing-line h3{
    background-color: var(--greenColor);
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 40px;
}

.policy-pge{
    padding: 60px 0px;
}
 
.policy-pge img{
    width: 100%;
    height: auto;
}
 
.policy-ul ul{
    padding: 0;
    margin-bottom: 10px;
}
 
.policy-ul li{
    color: var(--bodyColor);
    margin-bottom: 10px;
    line-height: 1.6;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    list-style: none;
    position: relative;
    margin-left: 20px;
}
 
.policy-ul li::before {
    content: "\f111";
    font-family: "FontAwesome";
    position: absolute;
    color: var(--bodyColor);
    left: -20px;
    top: 8px;
    font-size: 9px;
}

.policy-ul {
    margin-top: 20px;
}

.inner-pge-body{
    background-color: transparent;
}

.policy-pge .single-content {
    margin-bottom: 0;
}

.testimonial-pge{
    padding: 60px 0px;
}

.testimonial-pge .testimonial-card {
    text-align: unset;
    box-shadow: rgb(209 216 255) 0px 0px 13px;
    border-radius: 10px; 
}

.testimonial-pge .testimonial-card .content img{
    left: 0;
}

.blog-pge{
    padding: 60px 0px 30px;
}

.blog-preview-img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.contact-pge{
    padding: 60px 0px;
}

.programs-pge h2{
    color: var(--greenColor);
    /* font-style: italic; */
}

.client-name { 
    background-color: var(--greenColor); 
    width: fit-content;
    padding: 10px 20px;
    display: block;
    margin: auto;
    margin-top: -55px;
    z-index: 1;
    position: relative;
    font-size: 21px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: .5s ease-in-out;
}

.client-name:hover{
    background-color: #AC9362;
}

.client-name h5{
    color: #fff;
}

.client-name p{
    color: #fff; 
}

/* STORY SECTION */
  .story {
    background-color: #faf9ea;
    padding: 70px 0px;
    margin-top: 0px;
  } 

  .story-sidebar h2 { 
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.2; 
    color: var(--greenColor);
  }

  .story-sidebar .line-accent {
    width: 90px;
    height: 2px;
    background: var(--greenColor);
    margin-bottom: 26px;
  }

  .story-sidebar .sidebar-note {
    /* font-size: 1.4rem;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    font-style: italic; */
  }
 
  .story-body p:first-child { 
    /* font-size: 1.4rem;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    font-style: italic; */
  }


.story-body {
    padding-left: 50px;
}

/* QUOTE SECTION */
  .quote-section { 
    align-items: center;
  }

  .big-quote { 
    font-size: 24px;
    font-style: italic;
    position: relative;
    font-weight: 200;
    color: var(--greenColor);
    line-height: 40px;
    font-family: var(--headerFonts);
    letter-spacing: 1.5px;
    padding-left: 2rem;
  }

  .big-quote::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.3rem;
    bottom: 0.3rem;
    width: 2px;
    background: var(--greenColor);
  }

  .quote-sec{
    padding-top: 70px;
  }

  .about-midd-sec{
    padding-top: 60px;
  }

  .about-midd-sec img{
    width: 100%;
    height: 400px;
    border-radius: 80px;
    border: 10px solid #f5f2d3;
    object-fit: cover;
  }

  .quote-section img{
    width: 20px;
    height: auto;
    position: relative;
    top: -16px;
  }
 

/* ================== Samatva page css here ================= */ 
:root {
    --cream: #faf7f2;
    --warm: #fffdf9;
    --sage-dark: #4a5c42;
    --sage-mid: #7a8c72;
    --sage-light: #c5d1be;
    --sage-pale: #edf2eb;
    --earth: #b08c6a;
    --earth-light: #f0e6d8;
    --charcoal: #2c2a26;
    --muted: #7a7570;
    --border: rgba(44, 42, 38, 0.11);
} 
 
/* ── INTRO BLOCK ── */
.intro-label {
        font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--greenColor);
    margin-bottom: 5px;
    font-weight: 600;
}
.intro-grid h2 { 
    font-size: 30px;
    font-weight: 400; 
    margin-bottom: 1.2rem;
    line-height: 1.25;
} 
.intro-right {
    padding-top: 2.8rem;
}

/* ── PULL QUOTE ── */
.pull-quote {
    background: var(--sage-dark);
    margin: 2rem 0;
    margin-bottom: 30px;
    margin-top: 15px;
    background-color: #f5f2d3;
    color: #000000;
    border-left: 5px solid #ac9362;
    padding: 15px;
    border-radius: 10px;
}
.pull-quote p {
    color: var(--greenColor);
}

/* ── SAMATVA IN TODAY'S WORLD ── */
.today-left h3 {
    
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--charcoal);
    margin-bottom: 0.8rem;
}
.today-left p {
    font-size: 0.88rem;
    color: var(--muted);
    font-weight: 500;
    margin-bottom: 0.5rem;
}
.symptom-list {
    list-style: none;
    margin: 1rem 0;
} 
.body-adapts {    
    font-style: italic;
    margin-top: 1rem !important;
}
.return-box {
    background: #edf2eb;
    border-radius: 4px;
    padding: 2rem;
}
.return-box h3 { 
    margin-bottom: 1rem;
}
.return-list {
    list-style: none;
}

.return-list li{
    /* border-bottom: 1px solid rgba(44, 42, 38, .07); */
}
 
.return-list li:last-child {
    border-bottom: none;
} 

/* ── WHAT IS SAMATVA BY HARMONY CODE ── */
.whatis-bg {
    background: #f5f2d3;
    padding: 60px 0px;
    margin-top: 50px;
}
.whatis-text h2 { 
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 1.2rem;
    line-height: 1.25;
}
.whatis-text p { 
    /* color: rgba(255, 255, 255, 0.55);  */
}
.whatis-text p strong {
    color: var(--greenColor);
    font-weight: 600;
}
.stat-box {
background: var(--greenColor);
    padding: 1.8rem 1.5rem;
    line-height: 1.6;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    border-radius: 10px;
    /* border: 2px solid #ac9362; */
    margin: 10px;
    text-align: center;
    transition: .5s ease-in-out;
} 

.stat-box:hover {
    background: #AC9362; 
}

.stat-box .stat-num {
    
    font-size: 2.2rem;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    margin-bottom: 0.4rem;
}
.stat-box .stat-label {
font-size: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
}

/* ── WHO IS IT FOR ── */
.who-card {
    border-radius: 4px;
    padding: 2rem;
    height: 295px;
}
.who-card.for {
    background: #f0e6d8;
}
.who-card.not-for {
    background: #edf2eb;
}
.who-card h4 {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--charcoal);
    margin-bottom: 1rem;
}
.who-card ul {
    list-style: none;
}
.who-card ul li {
    /* border-bottom: 1px solid rgba(44, 42, 38, 0.07); */
}
.who-card ul li:last-child {
    border-bottom: none;
}

.who-card.for h3 {
    margin-bottom: 1rem;
}

.who-card.not-for h3 {
    margin-bottom: 1rem;
}

.pro-card3 ul li::before{
    display: none;
}

/* ── HOW IT WORKS ── */
.how-label {
    font-size: 0.68rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--earth);
    margin-bottom: 0.6rem;
}
.how-title {
    font-size: 2rem;
    font-weight: 400;
    color: var(--charcoal);
    margin-bottom: 2.5rem;
}
.struct-pill {
text-align: center;
    background: var(--greenColor);
    padding: 1.8rem 1.5rem;
    line-height: 1.6;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    border-radius: 10px;
    border: 2px solid var(--greenColor);    
    transition: .5s ease-in-out;
}

.struct-pill:hover {
    background: #AC9362;
    border: 2px solid #AC9362;
}

.struct-pill .pill-label {
margin-bottom: 0.4rem;
    font-size: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
}
.struct-pill .pill-value {
    font-size: 1.5rem;
    font-weight: 400;
    color: #fff;
}
.approach-card {
border: 1px solid var(--border);
    background: #f0e6d8;
    border-radius: 4px;
    padding: 2rem;
}

.approach-card2{
    background: #edf2eb;
}

.approach-card h4 {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--charcoal);
    margin-bottom: 0.9rem;
}
.approach-card ul {
    list-style: none;
}
.approach-card ul li { 
    /* border-bottom: 1px solid var(--border);  */
}
.approach-card ul li:last-child {
    border-bottom: none;
} 

.approach-card h3 {
    margin-bottom: 1rem;
}



/* ── EXPERIENCE STRIP ── */
.experience-bg {
    background: #f5f2d3;
    padding: 60px 0px;
}
.exp-inner h2 {
    margin-bottom: 0.5rem;
}
.exp-inner .exp-sub {
    margin-bottom: 20px; 
}
.exp-item {     
    background: var(--greenColor);
    padding: 1.8rem 1.5rem;
    line-height: 1.6;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    border-radius: 10px;
    border: 2px solid var(--greenColor);
    margin: 10px;
    transition: .5s ease-in-out;
    height: 85%;
} 
.exp-item:hover {
    background: #AC9362 !important;
    border: 2px solid #AC9362;
}
.exp-icon {
    font-size: 20px;
    margin-bottom: 0.8rem;
    color: #AC9362;
} 

/* ── COMMITMENT ── */
.commit-left h2 {
    margin-bottom: 1rem;
} 
.outcome-box {
    /* background: #f0e6d8; */
    /* border: 1px solid var(--border); */
    /* border-radius: 4px; */
    /* padding: 2rem; */
}
.outcome-box h4 {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--charcoal);
    margin-bottom: 0.3rem;
}
.outcome-box .out-sub {
    font-size: 0.8rem;
    color: var(--muted);
    font-weight: 300;
    margin-bottom: 1.2rem;
}
.outcome-list {
    list-style: none;
}
.outcome-list li {
    /* border-bottom: 1px solid var(--border);  */
}
.outcome-list li:last-child {
    border-bottom: none;
} 
.outcome-box h3{
    margin-bottom: 1rem;
}


/* ── NOT A PROGRAM ── */ 
.not-text h2 { 
    margin-bottom: 0.4rem;
}
.not-text h2 em {
        font-style: unset;
    color: var(--greenColor);
}
.not-returns {
    margin-top: 1.5rem;
}
.not-returns p { 
    /* border-bottom: 1px solid rgba(44, 42, 38, 0.1); */
}
.not-returns p:last-child {
    border-bottom: none;
}
.not-image {
    border-radius: 6px;
    overflow: hidden;
}
.not-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.whatis-text h2 span{
    color: var(--greenColor);
}

.card1-1{
    background: transparent;
}

.outcome-col7{
    margin-top: 0;
}

.midd-banner-sec{
    margin-top: 50px;
}

.midd-banner-sec img{
    width: 100%;
    height: auto;
}

.commit-col1{
    border: 1px solid var(--border);
    background: #f0e6d8;
    border-radius: 4px;
    padding: 2rem;
}

.commit-col1 p{
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
}

.commt-border{
    border-bottom: 1px solid #ccc;
    margin: 30px 0px;
}

.commit-col-4-1 img{
    width: auto;
    height: auto;
}

.commit-col-4-1 h5{
    font-size: 20px;
    margin-top: 10px;
}

.commit-sec1{
    margin-top: 60px;
    margin-bottom: 60px;
}

.outcome-col-6-1 {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 6px;
    padding: 30px;
    height: 160px;
    margin-top: 28px;
    border-radius: 20px;
}

.outcome-col-6-1 h5{
    font-size: 20px;
    margin-top: 10px;
}

.commit-col1 {
  height: 100%;
}

.uppercase-head{
    text-transform: uppercase;
}

.approach-card{
    height: 100%;
}

  

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .navbar-custom {
        padding: 0 1.5rem !important;
    }
    .page-wrap {
        padding: 0 1.5rem !important;
    }
    .whatis-inner,
    .exp-inner,
    .not-inner,
    footer {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 2.2rem;
    }
    .intro-grid,
    .today-grid,
    .whatis-inner,
    .who-grid,
    .approach-grid,
    .commit-grid,
    .not-inner {
        grid-template-columns: 1fr !important;
    }
    .structure-row {
        grid-template-columns: 1fr !important;
    }
    .whatis-stats,
    .exp-grid {
        grid-template-columns: 1fr !important;
    }
    .faq-grid {
        grid-template-columns: 1fr !important;
    }
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem;
    }
    .stat-box,
    .exp-item {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }
    .intro-right {
        padding-top: 0;
    }
}

.exp-item p{
    color: #fff;
}

.pro-card1{
    height: auto;
}

.pro-card1 ul li::before{
    display: none;
}

.pro-card2 ul li::before{
    display: none;
}

.pro-card2{    
    height: 322px;
}

.green-txt1{
    color: var(--greenColor);
    font-weight: 500;
}

.commit-img{
    width: 100%;
    height: auto;
}

.about-pge-col-bg{
    background: #edf2eb;
    border-radius: 4px;
    padding: 2rem;
}

.samtva-img1{
    width: 100%;
    height: auto;
    border-radius: 20px;
}


/* One to one page css */  
    .left-panel {
      background-color: #f4f6f0;
    border-radius: 20px;
    padding: 30px;
      position: relative;
      border: 1px solid #0642152b;
    }
 
    .panel-header {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 6px;
    }
 
    .icon-circle {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
 
    .icon-circle.green {
      background-color: var(--greenColor);
    }
 
    .icon-circle.gold {
      background-color: #AC9362;
    }
 
    .panel-title { 
      font-size: 20px;
        color: var(--greenColor);
    }
 
    .title-underline {
      width: 44px;
      height: 2.5px;
      background-color: var(--greenColor);
      border-radius: 2px;
      margin-left: 66px;
      margin-bottom: 24px;
    }
 
    .title-underline.gold-line {
      background-color: #AC9362;
    }
 
    /* Grid cards */
    .card-grid {
      /* display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px; */
    }

    .card-grid .col-lg-4{
        margin-bottom: 20px;
    }
 
    .suitability-card {
      background-color: #ffffff;
      border-radius: 14px;
      padding: 10px 5px;
      text-align: center;
      border: 1px solid #ede8dc;
      transition: box-shadow 0.2s ease;
      height: 100%; 
    }
 
    .suitability-card:hover {
      box-shadow: 0 4px 18px rgba(31, 74, 53, 0.1);
    }
 
    .card-icon-wrap {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: #e8f2ec;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 14px;
    }
 
    .card-icon-wrap svg {
      width: 22px;
      height: 22px;
      stroke: #2d6a4f;
      fill: none;
      stroke-width: 1.6;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
 
    .suitability-card p {
    color: var(--bodyColor);
    margin-bottom: 10px;
    line-height: 27px;
    font-size: 18px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    }
 
    .suitability-card p strong {
      font-weight: 600;
      color: var(--greenColor);
    }
 
    /* Center leaf badge */
    .center-badge {
      position: absolute;
    top: 50%;
    right: -48px;
    transform: translateY(-50%);
    width: 72px;
    height: 72px;
    background-color: #fff;
    border-radius: 50%;
    }
 
    .center-badge svg {
      width: 26px;
      height: 26px;
      fill: #ffffff;
    }
 
    /* ── RIGHT PANEL ── */
    .right-panel {
        background-color: #faf6ee;
        border-radius: 20px;
        padding: 30px;
        border: 1px solid #ac936240;
    }
 
    .right-panel .title-underline {
      margin-left: 66px;
    }
   
    /* Cover list items */
    .cover-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
 
    .cover-item {
      background-color: #ffffff;
      border-radius: 14px;
      padding: 16px 18px;
      display: flex;
      align-items: center;
      gap: 16px;
      border: 1px solid #ede8dc;
      transition: box-shadow 0.2s ease;
      cursor: pointer;
    }
 
    .cover-item:hover {
      box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
    }
 
    .cover-item-icon {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: #f0ebe0;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
 
    .cover-item-icon svg {
      width: 22px;
      height: 22px;
      stroke: var(--greenColor);
      fill: none;
      stroke-width: 1.6;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
 
    .cover-item-text {
      flex: 1;
    color: var(--bodyColor);
    line-height: 23px;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    }
 
    .cover-item-arrow {
      color: var(--greenColor);
      font-size: 1rem;
      font-weight: 300;
    }
 
    /* ── RESPONSIVE ── */
    @media (max-width: 991.98px) {
      .center-badge {
        display: none;
      }
    }
 
    @media (max-width: 767.98px) {
      .card-grid {
        grid-template-columns: repeat(2, 1fr);
      }
 
      .panel-title {
        font-size: 1.45rem;
      }
    }
 
    @media (max-width: 479.98px) {
      .card-grid {
        grid-template-columns: 1fr;
      }
    }


     /* ── OUTER WRAPPER ── */
    .clarity-wrapper {
      margin-top: 60px;
    }
 
    /* ── LEFT PANEL ── */
    .clarity-left {
      background-color: #f2efdf;
      flex: 1 1 48%;
      padding: 60px 52px 60px 52px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
 
    .clarity-left .main-heading {
      font-size: 30px;
    font-weight: 400;
    margin-bottom: 1.2rem;
    line-height: 1.25;
    }
 
    .clarity-left .how-label { 
     letter-spacing: 0.01em;
    margin-bottom: 14px;
    text-transform: capitalize;
    color: var(--greenColor);
    line-height: 1.6;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 600;
    }
 
    .clarity-left .how-desc {
      color: var(--bodyColor);
    margin-bottom: 10px;
    line-height: 27px;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    }

    .clarity-left .how-desc span{
        color: var(--greenColor);
        font-weight: 600;
    }
 
    /* ── RIGHT PANEL ── */
    .clarity-right {
      background-color: var(--greenColor);
      flex: 1 1 52%;
      padding: 52px 56px 52px 52px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 0;
    }
 
    /* ── INFO ROW ── */
    .info-row {
      display: flex;
      align-items: flex-start;
      gap: 22px;
      padding: 28px 0;
    }
 
    .info-row:not(:last-child) {
      border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
 
    .info-row:first-child {
      padding-top: 0;
    }
 
    .info-row:last-child {
      padding-bottom: 0;
    }
 
    /* Icon circle */
    .info-icon-wrap {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background-color: #f2efdf;
      border: 1.5px solid rgba(255, 255, 255, 0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
 
    .info-icon-wrap svg {
      width: 24px;
      height: 24px;
      stroke: var(--greenColor);
      fill: none;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
 
    /* Text block */
    .info-text-block {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 2px;
    }
 
    .info-text-block .info-title {
      margin-bottom: 4px;
    font-family: 'Perpetua';
    font-size: 2.2rem;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    }
 
    .info-text-block .info-sub {
      letter-spacing: 0.01em;
    color: #fff;
    margin-bottom: 10px;
    line-height: 27px;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    }
 
    /* ── RESPONSIVE ── */
    @media (max-width: 767.98px) {
      .clarity-wrapper {
        flex-direction: column;
        border-radius: 16px;
      }
 
      .clarity-left {
        padding: 44px 32px 40px;
      }
 
      .clarity-left .main-heading {
        font-size: 2rem;
        margin-bottom: 28px;
      }
 
      .clarity-right {
        padding: 40px 32px;
      }
    }
 
    @media (max-width: 479.98px) {
      .clarity-left {
        padding: 36px 24px 32px;
      }
 
      .clarity-left .main-heading {
        font-size: 1.75rem;
      }
 
      .clarity-right {
        padding: 32px 24px;
      }
 
      .info-text-block .info-title {
        font-size: 1.3rem;
      }
    } 

    .yoga-pose-img{
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #f2efdf;
    padding: 4px;
    }
/* // One to one page css */


/* Corporate wellness page css */
.why-corporate-well-col-row{
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.why-corporate-well-col-row img{
    width: 55px;
    height: auto;
    background-color: #f5e6d7;
    padding: 12px;
    border-radius: 50%;
    margin-right: 20px;
}

.why-corporate-well-col1 h2{
    position: relative;
    margin-bottom: 40px;
}

.why-corporate-well-col1 h2::before{
    content: "";
    position: absolute;
    background-color: #d68033;
    width: 95px;
    height: 4px;
    bottom: -14px;
}

.why-corporate-well-col1 h5{
    margin-bottom: 30px;
    text-transform: uppercase;
    position: relative;
    color: var(--greenColor);
}

.why-corporate-well-col1 h5::before {
    content: "";
    position: absolute;
    background-color: var(--greenColor);
    width: 70px;
    height: 2.5px;
    bottom: -10px;
    left: 0;
}

.why-corporate-well-sec{
    margin-top: 30px;
}

.why-corporate-well-main-img img{
    width: 100%;
    height: auto;
}

.what-pro-add-sec{
    margin-top: 70px;
}

.what-pro-add-sec .why-corporate-well-col-row img{
    background-color: #e1e7d9;
}

.what-pro-add-sec .why-corporate-well-col1 h2::before{
    background-color: var(--greenColor);
}

.how-works-sec2{
    margin-top: 70px;
    margin-bottom: 60px;
}
 
    /* Card Styles */
    .assignment-card {
      background-color: var(--greenColor);
      border: none;
      border-radius: 16px; 
      padding: 28px 20px 28px 20px;
      text-align: center;
      box-shadow: 0 8px 32px rgba(0,0,0,0.18);
      position: relative;
      height: 100%;
    }
 
    /* Number Badge */
    .assignment-card .step-badge {
    width: 62px;
    height: 62px;
    background-color: #f5f2d3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 22px auto;
    font-weight: 700;
    font-size: 28px;
    color: #1e3a2f;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
    font-family: var(--headerFonts);
    }
 
    /* Icon Area */
    .assignment-card .card-icon {
      margin-bottom: 18px;
    }
 
    .assignment-card .card-icon img {
      width: 64px;
      height: auto;
    }
 
    /* Card Title */
    .assignment-card .card-title-text {
      color: #ffffff;
        font-size: 1.18rem;
        margin-bottom: 12px;
        line-height: 1.4;
        font-family: var(--headerFonts);
        letter-spacing: 1.5px;
    }
 
    /* Divider */
    .assignment-card .card-divider {
      border: none;
    border-top: 4px solid #6dff4d;
    margin: 0 auto 14px auto;
    width: 40%;
    }
 
    /* Card Description */
    .assignment-card .card-desc {
      color: #e5e5e5;
    margin-bottom: 0;
    line-height: 1.6;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    }
 
    /* Responsive: on small screens make card full-width up to 280px */
    @media (max-width: 360px) {
      .assignment-card {
        width: 94vw;
        padding: 22px 12px;
      }
    }

    .how-works-sec2-txt h2{
        margin-bottom: 10px;
    }

.how-works-sec2-txt h6{
      margin-bottom: 0; 
      color: var(--bodyColor);
      margin-bottom: 50px;
      font-size: 20px;
    }

.difference-sec img{
    width: 100%;
    height: 390px;
    object-fit: cover;
    border-radius: 20px;
}    

.difference-sec{
    margin-top: 30px;
}

.difference-sec h2{
    margin-bottom: 60px;
}

.difference-sec h3{
    position: relative;
    margin-bottom: 30px;
}

.difference-sec h3::before{
    content: "";
    position: absolute;
    background-color: #d68033;
    width: 95px;
    height: 4px;
    bottom: -14px;
}

.difference-sec ul{
    margin-top: 40px;
}

.difference-sec .who-card{
    height: auto;
}

.difference-sec2 .who-card{
    background: #edf2eb;
}

.difference-sec2 h3::before{
    background-color: var(--greenColor);
}

.breadcrumb-sec-new img{
    width: 100%;
    height: auto;
}

.harmony-section {
      background-color: var(--greenColor);
      padding: 50px 0px; 
    }
 
    /* ── Eyebrow label ── */
    .harmony-eyebrow {
      font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.06em;
    color: #f5f2d3;
    margin-bottom: 10px;
    }
 
    /* ── Main heading ── */
    .harmony-heading {
        color: #fff;
    }
 
    /* ── Divider wrapper ── */
    .harmony-pillars {
      gap: 0;
    }
 
    /* ── Single pillar ── */
    .harmony-pillar {
      padding: 10px 40px;
      position: relative;
    }
 
    /* Vertical divider between pillars (desktop only) */
    .harmony-pillar:not(:last-child)::after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 1px;
      background-color: rgba(201, 185, 106, 0.35);
    }
 
    /* ── Icon circle ── */
    .harmony-icon-wrap {
      margin: 0 auto 18px;
    }
 
    .harmony-icon-wrap svg {
      width: 30px;
      height: 30px;
      stroke: #c9b96a;
      fill: none;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
 
    /* ── Pillar title ── */
    .harmony-pillar-title {
          font-weight: 400;
    color: #f5f2d3;
    font-size: 1.18rem;
    margin-bottom: 12px;
    line-height: 1.4;
    font-family: var(--headerFonts);
    letter-spacing: 1.5px;
    }

.harmony-pillar h6 {
    color: #e3dede;
    font-size: 16px;
}

.harmony-pillar h6 span {
    display: block;
}
 
    /* ── Pillar body text ── */
    .harmony-pillar-body {
      color: #e5e5e5;
    line-height: 1.6;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    text-transform: capitalize;
    }
 
    /* ── Responsive: remove side dividers on small screens ── */
    @media (max-width: 767.98px) {
      .harmony-pillar {
        padding: 30px 20px;
      }
      .harmony-pillar:not(:last-child)::after {
        right: unset;
        top: unset;
        bottom: 0;
        left: 10%;
        width: 80%;
        height: 1px;
        background-color: rgba(201, 185, 106, 0.30);
      }
    }

    .workplace-section {
      background-color: #ffffff;
      padding: 65px 20px 80px; 
    }
 
    /* ── Eyebrow: "Our Approach Your Impact" ── */
    .workplace-eyebrow { 
      position: relative;
    display: inline-block;
    font-family: 'Perpetua';
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.06em;
    color: var(--greenColor);
    margin-bottom: 0;
    }
 
    /* underline only under "Your Impact" — achieved via a short border on the wrapper */
    .workplace-eyebrow-wrap {
      text-align: center;
      margin-bottom: 13px;
    }
   
    /* ── "OUR APPROACH" label ── */
    .workplace-approach-label {
      text-transform: uppercase;
    border-bottom: 1.5px solid #1b3f2b;
    display: inline-block;
    padding-bottom: 3px;
    font-family: 'Perpetua';
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--greenColor);
    margin-bottom: 0;
    }
 
    /* ── Left column padding ── */
    .workplace-left {
      padding-right: 36px;
    }
 
    /* ── Single item row ── */
    .workplace-item {
      display: flex;
      gap: 22px;
      padding: 30px 0;
      border-bottom: 1px solid #e0ddd8;
    }
 
    .workplace-item:first-of-type {
      padding-top: 0;
    }
 
    .workplace-item:last-of-type {
      border-bottom: none;
    }
 
    /* ── Large ghost number ── */
    .workplace-num { 
      font-size: clamp(3.2rem, 5.5vw, 4.8rem);
    font-weight: 400;
    color: #ac9362;
    line-height: 1;
    min-width: 64px;
    padding-top: 6px;
    user-select: none;
    flex-shrink: 0;
    font-family: 'Perpetua';
    }
 
    /* ── Item text ── */
    .workplace-item-body {
      flex: 1;
    }
  
    .workplace-item-desc {
      font-size: 0.92rem;
      color: #555;
      line-height: 1.7;
      font-weight: 300;
      margin-bottom: 12px;
    }
 
    .workplace-item-tags {
      color: #1a1a1a;
    margin-bottom: 10px;
    line-height: 1.6;
    font-size: 20px;
    font-family: 'Perpetua';
    font-weight: 400;
    font-style: normal;
    }
 
    .workplace-item-tags span:not(:last-child)::after {
      content: ' \2022  ';
      color: #888;
    }
 
    /* ── Right image ── */
    .workplace-img-wrap {
      border-radius: 6px;
      overflow: hidden;
      height: 100%;
      min-height: 440px;
    }
 
    .workplace-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      display: block;
    }
 
    /* ── Responsive ── */
    @media (max-width: 767.98px) {
      .workplace-left {
        padding-right: 0;
        margin-bottom: 32px;
      }
      .workplace-img-wrap {
        min-height: 260px;
      }
    }
 
    @media (max-width: 575.98px) {
      .workplace-num {
        font-size: 2.8rem;
        min-width: 50px;
      }
    }


    .formats-section {
      padding: 50px 0px;
        background-color: #f2f2ec;
    }
 
    /* ── Eyebrow label ── */
    .formats-eyebrow-wrap {
      text-align: center;
      margin-bottom: 10px;
    }
 
    .formats-eyebrow {
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #2e6b45;
      display: inline-block;
      border-bottom: 2px solid #2e6b45;
      padding-bottom: 5px;
    }
 
    /* ── Main heading ── */
    .formats-heading { 
      font-size: clamp(1.9rem, 4vw, 2.75rem);
      font-weight: 700;
      color: #1b3f2b;
      margin-bottom: 16px;
      line-height: 1.2;
    }
 
    /* ── Sub-paragraph ── */
    .formats-subtext {
      font-size: 0.97rem;
      font-weight: 400;
      color: #555;
      line-height: 1.7;
      max-width: 440px;
      margin: 0 auto 48px;
    }
 
    /* highlighted word */
    .formats-highlight {
      font-weight: 700;
      color: #2e6b45;
    }
 
    /* ── Card ── */
    .formats-card {
      background-color: #ffffff;
      border: none;
      border-radius: 12px;
      padding: 32px 30px 36px;
      height: 100%;
    }
 
    /* short green top-bar accent */
    .formats-card-bar {
      width: 36px;
      height: 3px;
      background-color: #2e6b45;
      border-radius: 2px;
      margin-bottom: 22px;
    } 
 
    /* ── Responsive gap ── */
    @media (max-width: 767.98px) {
      .formats-card-col {
        margin-bottom: 20px;
      }
    }

    .pull-quote2{
      margin: 40px 0px;
      background-color: #edf2eb;
      border-left: 5px solid var(--greenColor);
    }

    .pull-quote2 h4{  
      color: var(--greenColor);
    }

    .pull-quote3 {
      margin-bottom: 60px;
    }

    .healthier-sec{
      margin: 60px 0px;
    }
    
    .healthier-sec img{
      width: 100%;
      height: auto;
      border-radius: 10px;
    }
/* // Corporate wellness page css */

/* Custome css start here */
.section-title.event-content .content {
    padding: 0px;
}

.event-content .content .event-date h2{
    padding: 0px !important;
}

.quote-sec{
    padding-bottom: 50px;
}

.approach-head-sec{
      margin-bottom: 40px;
    }

    .approach-head-sec h5{
      position: relative;
      margin-bottom: 30px;
      font-size: 22px;
    }

    .approach-head-sec h5::before{
      content: "";
      position: absolute;
      background-color: var(--greenColor);
      width: 70px;
      height: 2.5px;
      bottom: -10px;
      transform: translate(-50%, -50%);
      left: 50%;
    }

    .approach-head-sec h6{
      font-size: 18px;
      color: var(--bodyColor);
      letter-spacing: 1px;
    }

    .approach-head-sec h6 b{
      color:var(--greenColor);
    }

    .approach-head-sec span{
      display: block;
    }
    
    .contact-form .default-btn br{
        display: none;
    }
/* // Custome css end here */





 
 
 
/* ========= Responsive css start here ========== */
/* Mobile tab */
@media (max-width: 767px){
    p{font-family: 'Cormorant Garamond', Georgia, serif;}
    .about-content-two li{font-family: 'Cormorant Garamond', Georgia, serif;}
    .default-btn{font-family: 'Cormorant Garamond', Georgia, serif;}
    .services-card .content .learn-btn{font-family: 'Cormorant Garamond', Georgia, serif;}
    .others-options .optional-item .default-btn{font-family: 'Cormorant Garamond', Georgia, serif;}
    .testimonial-card .content span{font-family: 'Cormorant Garamond', Georgia, serif;}
    .appointment-form .form-group .form-control{font-family: 'Cormorant Garamond', Georgia, serif;}
    .blog-side-content .content span{font-family: 'Cormorant Garamond', Georgia, serif;}
    .blog-card .content .read-btn{font-family: 'Cormorant Garamond', Georgia, serif;}
    .footer-widget .footer-list li{font-family: 'Cormorant Garamond', Georgia, serif;}
    .newsletter-area .newsletter-form .form-control{font-family: 'Cormorant Garamond', Georgia, serif;}
    .newsletter-area .newsletter-form .subscribe-btn{font-family: 'Cormorant Garamond', Georgia, serif;}
    .blog-card .blog-img .tag a{font-family: 'Cormorant Garamond', Georgia, serif;}
    .hero-content h1{font-size: 35px;}
    .about-img img{border-radius: 30px; margin-bottom: 20px; height: 340px;}
    .services-card .content{height: auto;}
    .testimonial-card .content img{left: 17px; display: none;}
    .work-card .content{height: auto;}
    .disclaimer-txt {margin: 0;}
    .recent-recipe-item .content{padding: 0;}
    .testimonial-card .content{padding-left: 0;}
    .float2{bottom: 23%;}
    body {font-family: var(--bodyFonts);}
    .client-name {margin-bottom: 30px;}
    .story-body {padding-left: 0;}
    .who-card{height: auto;}
    .outcome-col1 {margin-top: 50px;}
    .midd-banner-sec .col-lg-12.col-md-12.p-0 {padding: 0 !important;}
    .midd-banner-sec .container-fluid.p-0 {padding: 0 !important;}
    .who-card{padding: 15px;}
    .who-grid .policy-ul li{margin-left: 0;}
    .how-works-sec2 .col-lg-3 {margin-bottom: 20px;}
    .corpo-midd-col{display: unset !important;}
    .corpo-midd-col h6{margin-left: 0 !important;}
    .corpo-midd-col img{margin-bottom: 10px;}
    .breadcrumb-sec-new .container-fluid{padding: 0px;}
    .navbar-area{background-color: #f5f2d3;}
    ul.dropdown-menu li.nav-item {background-color: var(--greenColor);}
    ul.dropdown-menu li.nav-item a {color: #fff !important; opacity: unset !important; font-weight: 300;}
    .navbar-area.is-sticky{background-color: #f5f2d3 !important;}
    .policy-ul li{font-family: 'Cormorant Garamond', Georgia, serif;}
}
/* // Mobile tab */

/* Tablat tab */
@media (max-width: 992px) and (min-width: 768px){
    .story-body {padding-left: 0;}
    .outcome-col-6-1{height: auto;}
    .assignment-card{margin-bottom: 20px;}
}


.corpo-padd-top{
      margin-top: 100px;
    }
 
    .corpo-midd-col img{
      width: 50px;
      height: auto;
    }
 
    .corpo-midd-container {
      background-color: #e1e7d99e;
      border: 1px solid #e1e7d9;
      border-radius: 20px;
      padding: 10px;
      text-align: center;
    }
 
    .corpo-midd-col {
      display: flex;
      align-items: center;
      justify-content: center;
    }
 
    .corpo-midd-col h6 {
      margin-bottom: 0;
      margin-left: 60px;
      color: var(--bodyColor);
    }
 
    .corpo-midd-col h6 span{
      display: block;
    }
 
    .corpo-midd-col h6 span b{
      color: var(--greenColor);
    }
 
    .corpo-midd-row{
      margin-top: 70px;
    }
/* // Tablat tab */
/* ========= // Responsive css start here ========== */