body {

      /* font-family: 'Roboto', sans-serif; */

  }

  @font-face {
      font-family: 'Poppins';
      src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
          url('../fonts/Poppins-Regular.woff') format('woff');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
  }


  @media (min-width: 992px) {
      .navbar-expand-lg .navbar-nav {
          flex-direction: row;
          text-transform: uppercase;
          /* font-family: Myriad Pro; */
          font-family: "myriad-pro", sans-serif;
          font-size: 18px;
          font-weight: 100 !important;
      }
  }



  /* Banner Section */

  .banner {
      background: #5cc1c1 url('https://i.ibb.co/1bN0PbL/banner-bg.jpg') no-repeat center/cover;
      position: relative;
      color: #fff;
      padding: 120px 0 60px;
      text-align: center;
  }

  .header-wrapper {
      position: fixed;
      /* ALWAYS FIXED */
      top: 0;
      left: 0;
      width: 100%;
      z-index: 9999;
      background: transparent;
      transition: background 0.3s ease, box-shadow 0.3s ease;
  }

  /* Scroll state */
  .header-wrapper.sticky {
      background: #ffffff;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  }

  /* Optional shrink */
  .header-wrapper .navbar {
      padding: 18px 0;
      transition: padding 0.3s ease;
  }

  .header-wrapper.sticky .navbar {
      padding: 10px 0;
  }

  .hero-section {
      min-height: calc(100vh - 90px);
  }




  .banner h1 {
      font-size: 48px;
      font-weight: 700;
      margin-bottom: 20px;
  }

  .banner p {
      font-size: 28px;
      font-weight: 500;
  }

  .banner img {
      position: absolute;
      top: 20px;
      width: 150px;
  }

  .banner img.left {
      left: 20%;
      transform: rotate(-15deg);
  }



  .banner img.right {
      right: 20%;
      transform: rotate(15deg);
  }



  /* About/Process Section */

  .process-section {
      background: #24a3a3;
      color: #fff;
      padding: 80px 0;
      text-align: center;
  }



  .process-section h2 {
      font-weight: 700;
      margin-bottom: 20px;
  }



  .process-section p {
      max-width: 600px;
      margin: 0 auto;
  }



  /* Product Section */

  .products-section {
      padding: 80px 0;
      text-align: center;
  }



  .products-section h2 {

      font-weight: 700;

      margin-bottom: 20px;

  }



  .products-section p {

      max-width: 700px;

      margin: 0 auto 40px;

  }



  .product-card img {

      width: 100%;
      background-color: #e4e4e4;
      ;

      max-width: 200px;

      margin-bottom: 15px;

  }



  .product-card h5 {

      font-weight: 600;

  }



  /* Trusted Partners Section */

  .partners-section {

      background: #103b60;

      color: #fff;

      padding: 80px 0;

      text-align: center;

  }



  .partners-section h2 {
      font-weight: 400;
      margin-bottom: 40px;
      font-family: 'Playfair Display', serif;
  }



  .partner-logos img {

      /* width: 80px; */

      margin: 0 20px;

  }



  /* Contact Section */

  .contact-section {

      padding: 80px 0;

      background: #f5f5f5;

  }


  /* header-css */
  /* Header Background */
  .custom-header {
      background: #00a69c !important;
  }

  /* Logo */

  .site-logo img {
      height: 50px;
  }

  .navbar-nav .nav-item {
      position: relative;
      padding: 0 15px;
  }

  .navbar-nav .nav-item:not(:last-child)::after {
      content: "|";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      color: #ffffff;
      opacity: 0.7;
  }

  /* Menu color */

  .navbar-nav .nav-link {
      color: #fff !important;
      font-weight: 500;
  }

  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link.active {
      color: #eafffb !important;
  }

  /* Search input */
  .search-input {
      width: 220px;
  }

  @media (max-width: 991px) {
      .search-input {
          width: 100%;
          margin-top: 10px;
      }
  }

  /* Toggler icon white */
  .navbar-toggler {
      border-color: #fff;
  }

  .navbar-toggler-icon {
      filter: invert(1);
  }

  .search-icon {
      font-size: 20px;
      color: #fff;
      cursor: pointer;
  }

  .search-icon:hover {
      color: #eafffb;
  }

  @media (max-width: 991px) {
      .navbar-nav .nav-item::after {
          display: none;
      }
  }

  /* Header */
  .custom-header {
      background: #00a69c !important;
      position: relative;
      z-index: 10;
      padding: 20px 0;
  }



  /* LOGO CIRCLE */
  .logo-circle {
      width: 140px;
      height: 140px;
      background: #00a69c;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      /* 🔥 MAGIC PART */
      position: absolute;
      bottom: -98px;
      /* half circle bahar */
      left: 0;

  }

  .logo-circle img {
      max-width: 120%;
      margin-top: 16px;
      margin-left: 6px;
      height: auto;
      object-fit: contain;
  }


  /* Navbar brand fix */
  .site-logo {
      position: relative;
      padding: 0;
  }



  /* Menu spacing (logo ke baad) */
  .navbar {
      min-height: 90px;
  }

  @media (max-width: 991px) {
      .logo-circle {
          width: 110px;
          height: 110px;
          bottom: -55px;
      }
  }

  /* privacy-policy-css */
  /* Privacy Section Background */
  .privacy-policy {
      position: relative;
      background: url("<?php echo get_template_directory_uri(); ?>/assets/img/bg-6.png") no-repeat center / cover;
      padding: 80px 0;
  }

  /* Overlay for readability */
  .privacy-policy::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(255, 255, 255, 0.85);
  }

  /* Content above overlay */
  .privacy-policy .container {
      position: relative;
      z-index: 2;
  }

  /* Center alignment */
  .privacy-policy h2 {
      text-align: center;
      font-size: 42px;
      font-family: 'Playfair Display', serif;
      color: #0b3d5c;
      font-weight: 500;
      margin-bottom: 20px;
  }

  .privacy-policy p {
      text-align: center;
      font-size: 16px;
      font-family: 'Playfair Display', serif;
      color: #0b3d5c;
      font-weight: 400;
      line-height: 1.9;
  }

  /* about-first-section */

  /* 🔥 Background limited to HALF height */
  .about-douce-section::before {
      content: "";
      position: absolute;
      /* top: 477px; */
      left: 0;
      width: 100%;
      height: 55%;
      background-image: url("<?php echo get_template_directory_uri(); ?>/assets/img/bg-4.png");
      background-repeat: repeat;
      background-position: top;
      z-index: 0;
  }



  /* Content above background */
  .about-douce-section .container {
      position: relative;
      z-index: 1;
  }

  /* White Box */
  .about-douce-box {
      background: linear-gradient(90deg,
              #ffffff 0%,
              #ffffff 55%,
              #f1fbfc 75%,
              #e7f6f8 100%);
      max-width: 900px;
      padding: 5px 65px;
      margin-bottom: 42px;
      margin-top: -60px;
      border-radius: 0 90px 0 90px;
      box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18);

  }



  .about-douce-box h2 {
      text-align: center;
      font-size: 50px;
      font-family: 'Playfair Display', serif;
      color: #0b3d5c;
      /* margin-bottom: 30px; */
      font-weight: 500;
  }

  .about-douce-box p {
      font-size: 17px;
      font-weight: 500;
      /* line-height: 1.9; */
      color: #0b3d5c;
      text-align: center;
      font-family: 'Playfair Display', serif;
      margin-bottom: 22px;
  }


  @media (max-width: 768px) {
      .about-douce-section {
          padding: 90px 0 120px;
      }



      .about-douce-box {
          padding: 35px 25px;
          border-radius: 25px;
      }
  }


  @media (max-width: 768px) {

      .about-douce-box h2 {
          font-size: 28px;
      }

      .about-douce-box p {
          font-size: 14px;
      }
  }


  .trusted-section {
      background-color: #06b39a;
      background-image: url("<?php echo get_template_directory_uri(); ?>/assets/img/bg-1.png");
      background-repeat: repeat;
      background-position: bottom;
      padding: 90px 0 0;
      position: relative;
      overflow: hidden;
  }


  .douce-title-1 {
      font-family: 'PlayfairDisplay';
  }

  /* HERO SECTION */

  .safe-water-section {

      background-image: url("../assets/img/bg-3.png");

      /* YOUR BG IMAGE */

      background-size: cover;

      background-position: center;

      background-repeat: no-repeat;

      min-height: 420px;

      /* image height fix */

      position: relative;

  }



  /* dark overlay */

  .safe-overlay {

      background-image: url("<?php echo get_template_directory_uri(); ?>/assets/img/bg-3.png");

      /* YOUR BG IMAGE */

      min-height: 420px;

      display: flex;

      align-items: center;

  }



  /* text styling */

  .safe-water-section h1 {

      color: #fff;

      font-size: 57px;

      font-family: 'Montserrat', sans-serif;

      font-weight: 600;

      letter-spacing: 1px;

  }



  .safe-water-section p {

      color: #fff;

      font-size: 14px;

      font-family: 'Montserrat', sans-serif;

      letter-spacing: 1px;

      margin-top: 10px;

  }



  /* responsive */

  @media (max-width: 768px) {

      .safe-water-section h1 {

          font-size: 26px;

      }

  }


  /* BLOG TEXT */

  .blog-text p {

      color: #1f4f7a;
      font-size: 16px;
      max-width: 800px;
      margin: 0 auto 40px;
      font-weight: 500;
      font-family: 'Playfair Display', serif;

  }



  /* FORM */

  .custom-input {

      background: #e9f0f6;

      border: none;

      border-radius: 0;

      padding: 10px 12px;

  }



  .custom-input:focus {

      box-shadow: none;

      outline: none;

  }



  .textarea {

      height: 180px;

  }



  .btn-post {

      background: #0b4c78;

      color: #fff;

      font-weight: 500;

      padding: 8px 22px;

      border-radius: 0;

      font-size: 18px;

  }



  .btn-post:hover {
      color: White !important;
      background: #083a5c;
  }



  /* RESPONSIVE */

  @media (max-width: 768px) {

      .hero-title {

          font-size: 28px;

      }

  }



  .text-1 {

      font-family: 'Montserrat (OT1)';

      color: rgb(0 0 0 / 75%) !important;

      font-size: 17px;

  }



  .text-2 {

      font-family: 'Montserrat (OT1)';

      color: rgb(0 0 0 / 75%) !important;

      font-size: 23px;

      font-weight: 600;

  }

  .partner-logos {
      gap: 1rem;
      /* space between logos */
  }

  .partner-item {
      position: relative;
      display: flex;
      align-items: center;
  }

  /* Add vertical line after each logo except last */
  .partner-item:not(:last-child)::after {
      content: "|";
      color: #ffffff;
      /* line color */
      margin-left: 1rem;
      font-weight: bold;
  }

  .manufacturing-location p {
      white-space: normal !important;
      display: block;
  }


  /* Top CTA Section */
  .footer-cta {
      background-color: #0c3e6e;
      /* Dark blue */
      color: #fff;
      text-align: center;
      padding: 40px 15px;
  }


  .footer-cta h2 {
      font-weight: 700;
      font-family: 'Montserrat', sans-serif;
      margin-bottom: 20px;
  }

  .footer-cta .btn {
      background-color: #fff;
      color: #0c3e6e;
      font-weight: 500;
      padding: 8px 20px;
      border-radius: 0;
  }



  .footer-cta .btn:hover {
      background-color: #e0e0e0;
      color: #0c3e6e;
  }



  /* Middle Footer */
  .footer-middle {
      background-color: #00a69c;
      color: #fff;
      font-size: 20px !important;
      text-transform: uppercase;
      font-family: "myriad-pro", sans-serif;
      padding: 50px 15px 30px;
  }


  .footer-middle a {
      color: #fff;
      text-decoration: none;
      display: block;
      text-transform: uppercase;
      font-family: "myriad-pro", sans-serif;
      margin-bottom: 10px;
      font-size: 12px;
  }




  /* Footer Links Hover - Border Bottom same as text width */
  .footer-middle a {
      position: relative;
      color: #fff;
      text-decoration: none;
      display: block;
      /* ensures one link per line */
      text-transform: uppercase;
      font-family: "myriad-pro", sans-serif;
      margin-bottom: 10px;
      font-size: 12px;
      padding-bottom: 2px;
      /* space for bottom border */
      transition: color 0.3s ease;
  }

  /* Bottom border effect */
  .footer-middle a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 2px;
      /* thickness of border */
      background-color: #fff;
      /* color of border */
      transition: width 0.3s ease;
  }

  /* Expand line on hover */
  .footer-middle a:hover span::after {
      width: 100%;
      /* matches only text width */
  }

  .footer-middle .social-icons {
      display: flex;
      gap: 10px;
      /* spacing between icons */
      margin-top: 5px;
  }

  .footer-middle .social-icons i {
      font-size: 20px;
      color: #fff;
      cursor: pointer;
  }

  .footer-middle .social-icons i:hover {
      color: #e0e0e0;
  }


  .footer-middle input[type="email"] {
      padding: 6px 10px;
      border: none;
      border-radius: 0;
      width: 100%;
      margin-bottom: 10px;
  }



  .footer-middle button {
      padding: 6px 15px;
      border: none;
      background-color: #0c3e6e;
      color: #fff;
      font-weight: 600;
      cursor: pointer;
  }


  .footer-middle button:hover {
      background-color: #0a3459;
  }

  /* Bottom Footer */
  .footer-bottom {
      background-color: #000;
      color: #fff;
      text-align: center;
      padding: 15px;
      font-size: 14px;
  }



  @media (max-width: 767px) {
      .footer-middle .col-md-3 {
          margin-bottom: 30px;
      }
  }

  a {
      color: rgb(255 255 255);
      text-decoration: none;
  }

  .footer-middle input[type="email"] {
      padding: 12px 10px;
      border: none;
      border-radius: 0;
      width: 100%;
      font-size: 12px;
      margin-bottom: 10px;
  }



  .trusted-section,
  .trusted-section .container {
      overflow: visible;
  }

  /* 
.hero-section,
.banner-section {
  min-height: 100vh;
  padding-top: 120px; 
} */


  .career-section {
      padding-top: 0 !important;
      margin-top: 0 !important;
  }

  .top-mr {
      margin-top: 50px !important;
  }

  @media (max-width: 767.98px) {
      .top-mr {
          /* margin-top: -457px !important; */
      }
  }

  @media (max-width: 767.98px) {
      .about-douce-section::before {
          display: none !important;
      }
  }

  @media (max-width: 767.98px) {
      .banner-section {
          padding-top: 76px !important;
      }

      .navbar {
          min-height: 0 !important;
      }
  }


  /* MOBILE EXTRA FIX */
  @media (max-width: 768px) {
      .join-team-box {
          background: #06b39a !important;
          max-width: 900px !important;
          /* margin: -125px 92px; */
          /* padding: 50px 80px !important; */
          color: #fff !important;
          margin-bottom: 12px !important;
          margin-top: -72px !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: center !important;
      }
  }


  /* Section styling */
  .products-section {
      padding: 60px 0;
      text-align: center;
  }

  .products-section h2 {
      font-weight: 600;
      font-size: 40px;
      font-family: 'Playfair Display', serif;
      color: #0b2b5a;
  }

  .products-section p {
      font-size: 17px;
      margin-bottom: 10px;
      font-weight: 500;
      font-family: 'Playfair Display', serif;
      color: #000000;
  }

  .pr-cp p {
      font-size: 28px;
      margin-bottom: 10px;
      font-weight: 500;
      font-family: 'poppins', serif;
      color: #000000;
  }


  .product-card {
      /* background-color: #f0f0f0; */
      border-radius: 8px;
      padding: 20px;
      transition: transform 0.3s;
  }


  .product-card img {
      width: 100%;
      max-width: 70%;
      height: 390px;
      /* equal height */
      object-fit: contain;
      /* image cut nahi hogi */
      padding: 15px;
      margin-bottom: 15px;
  }


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

  .product-card h5 {
      color: #0b2b5a;
      font-size: 25px;
      font-family: "Myriad Pro", sans-serif;
      font-weight: 700;
  }



  /* Trusted Partners */
  .partners-section {
      background-color: #052350;
      color: #fff;
      padding: 60px 0;
      text-align: center;
  }



  .partners-section p {
      max-width: 705px;
      /* font-family: 'MontserratRoman'; */
      font-size: 17px;
      font-weight: 300;
      font-family: 'Myriad Pro', sans-serif;
      margin: 0 auto 40px auto;
      color: #fff;
  }

  .partner-logos img {
      max-height: 115px;
      margin: 15px;
      filter: brightness(0) invert(1);
      /* makes logo white if needed */
  }


  @media (max-width: 576px) {
      .partner-logos img {
          max-height: 60px;
          margin: 10px;
      }
  }



  .text-3 {
      font-size: 40px;
      font-family: 'Playfair Display', serif;
      color: #ffffff;
  }

  .text-4 {
      font-size: 25px !important;
      font-weight: 500 !important;
      color: #000000 !important;

  }

  .banner-section {
       /*padding-top: 90px;
      header height */
  }

  ul li {
      font-family: 'Playfair Display', serif;
      color: #0b3d5c;
  }

  ul li a {
      font-family: "myriad-pro", sans-serif;
  }