.why-heardu-section {
          font-family: "Inter", sans-serif;
          height: 100vh;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 40px 20px;
          text-align: center;
          box-sizing: border-box;
        }



        .why-heardu-section small {
          color: #6b7280;
          font-size: 21px;
          margin-left: -86%;
          font-weight: 500;
          font-family: 'Inter', sans-serif;
        }

      @media (max-width: 767px) {

        
        .why-heardu-section small {
          color: #6b7280;
          font-size: 26px;
          margin-left: -56%;
          font-weight: 500;
          font-family: 'Inter', sans-serif;
          /* padding-top: 450px; */
        }
      }

        


        

        /* 18-inch PC (1366px to 1600px) */
        @media (min-width: 1366px) and (max-width: 1600px) {
          .why-heardu-section small {
            font-size: 23px;
            margin-left: -80%;
          }
        }

        .why-heardu-section h1 {
          font-size: 28px;
          margin: 10px 0 40px;
        }

        /* 21-inch PC (1920px and up) */
        @media (min-width: 1920px) {
          .why-heardu-section small {
            font-size: 25px;
            margin-left: -75%;
          }
        }

        .why-heardu-section .highlight {
  color: #DA2F47;
  margin-left: -37%;
  font-size: 32px;
  font-family: 'Inter', sans-serif;
  transition: all 0.3s ease;
}



/* Mobile (responsive override) */
@media (max-width: 767px) {
  .why-heardu-section .highlight {
    margin-left: 0%;
    font-size: 28px; /* Optional: slightly smaller font for mobile */
    text-align: center; /* Optional: center align if needed */
  }
}



/* 14–15 inch laptops (1200px to 1365px) */
@media (min-width: 1200px) and (max-width: 1365px) {
  .why-heardu-section .highlight {
    font-size: 34px;
    margin-left: -26%;
  }
}

/* 18-inch PC (1366px to 1600px) */
@media (min-width: 1366px) and (max-width: 1600px) {
  .why-heardu-section .highlight {
    font-size: 36px;
    margin-left: -24%;
  }
}

/* 21-inch PC (1920px and up) */
@media (min-width: 1920px) {
  .why-heardu-section .highlight {
    font-size: 42px;
    margin-left: -28%;
  }
}


        .stats {
          display: flex;
          justify-content: center;
          align-items: stretch;
          gap: 0;
          width: 100%;
          max-width: 1100px;
          /* border: 1px solid #ddd; */
          border-left: none;
          border-top: none;
          border-bottom: none;
        }

        /* 18-inch PC (1366px to 1600px) */
        @media (min-width: 1366px) and (max-width: 1600px) {
          .stats {
            max-width: 1200px;
            gap: 20px;
          }
        }

        /* 21-inch PC (1920px and up) */
        @media (min-width: 1920px) {
          .stats {
            max-width: 1300px;
            gap: 40px;
          }
        }

        .stat {
          flex: 1;
          padding: 20px;
          box-sizing: border-box;
          border-right: 2px solid #000000;
        }

        /* 18-inch PC (1366px to 1600px) */
        @media (min-width: 1366px) and (max-width: 1600px) {
          .stat {
            padding: 20px;
            border-right: 2px solid #000000;
          }
        }

        /* 21-inch PC (1920px and up) */
        @media (min-width: 1920px) {
          .stat {
            padding: 22px;
            border-right: 2px solid #000000;
          }
        }



        .stat:last-child {
          border-right: 2px solid #ffffff;
        }

        @media (min-width: 1366px) and (max-width: 1600px) {
          .stat:last-child {
            border-right: 2px solid #f5f5f5;
          }
        }

        /* 21-inch PC (1920px and up) */
        @media (min-width: 1920px) {
          .stat:last-child {
            border-right: 2px solid transparent;
            /* Completely remove on large screens */
          }
        }

        .counter {
          font-size: 48px;
          font-weight: bold;
          font-family: 'intern', sans-serif;
        }

        .unit {
          font-size: 48px;
          font-weight: 600;
          font-family: 'Inter', sans-serif;
        }

        .stat p {
          margin-top: 10px;
          font-size: 18px;
          line-height: 1.5;
          font-weight: 500;
          font-family: 'Inter', sans-serif;
        }

        @media (max-width: 768px) {
          .stats {
            flex-direction: column;
            border: none;
          }

          .stat {
            border-right: none;
            border-bottom: 1px solid #ccc;
          }

          .stat:last-child {
            border-bottom: none;
          }
        }