:root {
      --primary-bg-color: #45926e;
      --secondary-bg-color: #FF8400;
      --primary-btn-color: #45926e;
      --secondary-btn-color: #FF8400;
      --btn-hover-color: #ff9a2e;
      --kpi-card-bg-color: linear-gradient(45deg, #45926e, #3aa162);
      --green: #3D9168;
      --orange: #FF8A0A;
      --soft-green: #E7F2EC;
      --dark: #2d2d2d;
  }

  .flex-evenly {
      display: flex;
      justify-content: space-around;
      align-items: center;
  }

  .mar-top-10 {
      margin-top: 10px;
  }

  .mar-left-15 {
      margin-left: 15px;
  }

  @media screen and (max-width: 1170px) {
      .flex-evenly {
          flex-direction: column;
      }
  }

  /* Section base */
  .story-wave-section {
      position: relative;
      padding: 60px 0;
      overflow: hidden;
  }

  /* Curved wave background */
  .wave-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 160%;
      height: 500px;
      background: var(--soft-green);
      z-index: 0;
      transform: translate(-20%, -55%);
      border-bottom-left-radius: 50%;
      border-bottom-right-radius: 50%;

  }

  /* Layout spacing */
  .story-row {
      position: relative;
      z-index: 2;
      align-items: center;
  }

  /* Image with soft shadow */
  .story-img-wrap {
      padding: 20px;
  }

  .story-img {
      border-radius: 16px;
      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
  }

  /* Floating content card */
  .story-card {
      background: #ffffff;
      border-radius: 16px;
      padding: 35px;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
      margin-top: 20px;
      border-left: 6px solid var(--secondary-bg-color);
  }

  /* Titles */
  .story-title {
      font-size: 36px;
      font-weight: 800;
      color: var(--primary-bg-color);
      margin-bottom: 20px;
  }

  .story-subtitle {
      font-size: 22px;
      margin-top: 30px;
      font-weight: 700;
      color: var(--primary-bg-color);
  }

  /* Text */
  .story-lead,
  .story-text {
      font-size: 16px;
      color: #444;
      line-height: 1.8;
  }

  /* Responsive */
  @media (max-width: 767px) {
      .story-title {
          text-align: center;
      }

      .story-card {
          margin-top: 40px;
      }

      .wave-bg {
          height: 400px;
          transform: translate(-20%, -60%);
      }
  }

  .carousel-control.left {
      background: none;
  }

  .carousel-control.right {
      background: none;

  }

  .testimonial-section {
      position: relative;
      padding: 120px 0;

      overflow: hidden;
  }

  .footer-bg {
      background: var(--primary-bg-color);
      opacity: 0.95;
  }

  /* Curved wave behind */
  .testimonial-wave {
      position: absolute;
      top: -80px;
      left: -20%;
      width: 150%;
      height: 420px;
      background: var(--soft-green);
     
      border-bottom-left-radius: 50%;
      border-bottom-right-radius: 50%;
  }

  /* Title */
  .tst-title {
      font-size: 36px;
      font-weight: 800;
      margin-bottom: 10px;
      color: var(--primary-bg-color);
  }

  .tst-divider {
      width: 80px;
      height: 6px;
      background: var(--secondary-bg-color);
      margin: 0 auto 50px;
      border-radius: 10px;
  }

  /* Testimonial Cards */
  .tst-card {
      background: #fff;
      text-align: center;
      padding: 40px 35px;
      border-radius: 18px;
      margin: 0 auto;
      width: 75%;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
      animation: fadeSlideIn 0.7s ease;
      border-left: 6px solid var(--secondary-bg-color);
  }

  /* Animation */
  @keyframes fadeSlideIn {
      from {
          opacity: 0;
          transform: translateY(20px);
      }

      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  /* Avatar */
  .tst-img-wrap {
      margin-bottom: 20px;
  }

  .tst-img {
      width: 90px;
      height: 90px;
      border: 4px solid var(--primary-bg-color);
  }

  /* Text */
  .tst-text {
      font-size: 16px;
      color: #444;
      line-height: 1.8;
      margin-bottom: 20px;
  }

  .tst-name {
      font-weight: bold;
      font-size: 18px;
      color: var(--primary-bg-color);
  }

  /* Hide arrows on mobile */
  @media(max-width:768px) {
      .tst-card {
          width: 95%;
      }

      .left.carousel-control,
      .right.carousel-control {
          display: none;
      }

      .story-lead,
      .story-text {
          font-size: 14px;
      }
  }

  /* .bestseller-wave {
    position: absolute;
    top: -80px;
    left: -20%;
    width: 150%;
    height: 400px;
    background: var(--primary-bg-color);
    opacity: 0.12;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    z-index: 0;
} */

  /* Make section relative to contain wave */
  .bestseller-product {
      position: relative;
      z-index: 2;
      margin-top: 80px;
  }

  /* Carousel product cards */
  .product-card-wave {
      background: #fff;
      border-radius: 16px;
      /* box-shadow: 0 12px 35px rgba(0,0,0,0.12); */

      width: 100%;
      transition: transform 0.3s ease;
      border-left: 5px solid var(--secondary-bg-color);
  }

  /* HERO OVERLAY */
  .hero-overlay-container {
      position: absolute;

      width: 100%;
      z-index: 999;
      text-align: center;
      padding-top: 80px;
      pointer-events: none;
      /* allows slider arrows & links to work */
  }

  .hero-overlay-content {
      max-width: 700px;
      margin: 0 auto;
      color: #fff;
      text-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
      pointer-events: auto;
      /* enable button clicks */
  }

  .hero-overlay-title {
      font-size: 48px;
      font-weight: 800;
      line-height: 1.2;
      margin-bottom: 20px;
      color: #f2f2f2;
  }

  .hero-overlay-subtitle {
      font-size: 20px;
      margin-bottom: 35px;
      color: #f2f2f2;
  }

  /* Buttons */
  .hero-overlay-buttons .btn {
      padding: 12px 30px;
      font-size: 16px;
      height: 50px;
      font-weight: bold;
      border-radius: 40px;
      margin: 0 10px;
      transition: 0.3s ease;
  }

  /* Primary Button */
  .hero-btn-primary {
      background: var(--primary-bg-color);
      color: #fff;
      border: none;
  }

  .hero-btn-primary:hover {
      background: #36795a;
      color: #fff;
  }

  /* Secondary Button */
  .hero-btn-secondary {
      background: var(--secondary-bg-color);
      color: #fff;
      border: none;
  }

  .hero-btn-secondary:hover {
      background: var(--btn-hover-color);
      color: #fff;
  }

  /* Responsive */
  @media (max-width: 767px) {
      .hero-overlay-title {
          font-size: 14px;
          margin-bottom: 5px;
      }

      .hero-overlay-subtitle {
          font-size: 10px;
          text-align: center;
      }

      .hero-overlay-container {
          padding-top: 10px;
      }

      .hero-overlay-buttons .btn {
          font-size: 8px;
          padding: 5px;
          height: auto;
          line-height: normal;
      }

      .hero-overlay-subtitle {
          margin-bottom: 10px;
      }

      .healtheeu-opportunity {
          padding: 10px;
      }

      .healtheeu-opportunity {
          padding: 10px !important;
      }

      .opp-title {
          font-size: 24px !important;
      }

      .opp-text {
          font-size: 14px !important;
          line-height: normal !important;
      }
  }

  /* OPPORTUNITY SECTION */
  .healtheeu-opportunity {
      padding: 80px 0 140px;
      background: #fff;
      position: relative;
  }

  .opp-content {
      padding-right: 30px;
  }

  .opp-title {
      font-size: 36px;
      font-weight: 800;
      margin-bottom: 20px;
      color: #222;
  }

  .opp-text {
      font-size: 18px;
      line-height: 1.7;
      color: #666;
      margin-bottom: 35px;
  }

  /* Button */
  .opp-btn {
      background: var(--secondary-bg-color);
      color: #fff !important;
      padding: 12px 30px;
      font-size: 16px;
      border-radius: 50px;
      border: none;
      font-weight: bold;
      height: 50px;
      transition: 0.3s ease;
  }

  .opp-btn:hover {
      background: var(--btn-hover-color);
      color: #fff !important;
  }

  /* Right Image */
  .opp-image-wrapper {
      text-align: right;
  }

  .opp-image {
      width: 52%;
      border-radius: 20px;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  }

  /* Bottom Wave */
  .opp-wave {
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
  }

  .opp-wave svg {
      display: block;
  }

  /* Responsive */
  @media (max-width: 767px) {
      .opp-content {
          text-align: center;
          padding-right: 0;
      }

      .opp-image-wrapper {
          text-align: center;
          margin-top: 30px;
      }

      .opp-image {
          width: 100%;
      }
  }



  /* Curve Background */
  .difference-section {
      position: relative;
      padding: 100px 0 80px;
  }

  .diff-curve-bg {
      background: var(--soft-green);
      height: 300px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border-bottom-left-radius: 50%;
      border-bottom-right-radius: 50%;
      transform: scaleX(1.2);
      z-index: -1;
  }

  /* Heading */
  .diff-title {
      font-size: 40px;
      font-weight: 700;
      color: var(--green);
  }

  .diff-title-line {
      width: 90px;
      height: 6px;
      background: var(--orange);
      margin: 15px auto 0;
      border-radius: 3px;
  }

  .diff-subtitle {
      font-size: 20px;
      color: var(--dark);
      max-width: 800px;
      margin: 0 auto;
      line-height: 1.7;
  }

  /* Cards */
  .diff-card {
      background: #fff;
      border-left: 6px solid var(--orange);
      border-radius: 18px;
      padding: 35px 25px;
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
      height: 100%;
  }

  .diff-card h4 {
      font-size: 22px;
      font-weight: 700;
      color: var(--green);
      margin-bottom: 10px;
  }

  .diff-card p {
      color: var(--dark);
      font-size: 17px;
      line-height: 1.6;
  }

  /* Section */
  .he-diff-section {
      position: relative;
      padding: 120px 0 100px;
      overflow: hidden;
  }

  /* Wave Background */
  .he-diff-wave {
      position: absolute;
      top: 0;
      left: 0;
      width: 130%;
      height: 360px;
      background: var(--soft-green);
      border-bottom-left-radius: 60%;
      border-bottom-right-radius: 60%;
      transform: translateX(-10%) scaleY(1.1);
      z-index: -1;
  }

  /* Headings */
  .he-diff-title {
      font-size: 38px;
      font-weight: 700;
      color: var(--green);
  }

  .he-diff-underline {
      width: 110px;
      height: 6px;
      background: var(--orange);
      margin: 15px auto 25px;
      border-radius: 3px;
  }

  /* Subtitle */
  .he-diff-subtext {
      font-size: 20px;
      color: var(--dark);
      line-height: 1.7;
      max-width: 850px;
      margin: 0 auto 50px;
  }

  /* Cards Row Spacing */
  .he-diff-row {
      margin-top: 40px;
  }

  /* Cards */
  .he-diff-card {
      background: #fff;
      padding: 40px 30px;
      border-radius: 22px;
      border-left: 6px solid var(--orange);
      box-shadow: 0 15px 45px rgba(0, 0, 0, 0.10);
      transition: all 0.3s ease;
      min-height: 210px;
  }

  .he-diff-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 55px rgba(0, 0, 0, 0.15);
  }

  .he-diff-card h4 {
      font-size: 22px;
      font-weight: 700;
      color: var(--green);
      margin-bottom: 10px;
  }

  .he-diff-card p {
      font-size: 17px;
      color: var(--dark);
      line-height: 1.6;
  }
@media (max-width:820px) {
  .mobile-width-100{
    width: 100%;
  }
  .he-diff-card{
    margin-bottom: 20px;
  }
}