.header-container {
          display: flex;
          justify-content: space-between;
          align-items: center;
        }

        .logo {
          font-weight: 700;
          font-size: 1.5rem;
          color: #1fc602;
        }

        /* Hero Section */
        .hero {
          background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
          padding: 80px 0;
          text-align: center;
          border-bottom: 4px solid #1fc602;
        }

        .hero-title {
          font-size: 2.2rem;
          color: #1a1a1a;
          margin-bottom: 20px;
          line-height: 1.3;
        }

        .images--wrapper {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 50px;
        }

        .images--wrapper img {
          max-width: 600px;
          width: 100%;
          /* height: 300px; */
          margin: 0 20px;
          border-radius: 10px;
        }

        .author {
          font-size: 1.1rem;
          color: #555;
          font-style: italic;
          margin-top: 20px;
        }

        /* Content Section */
        .content-section {
          padding: 60px 0;
        }

        .introduction {
          max-width: 900px;
          margin: 0 auto 40px;
          background: white;
          padding: 30px;
          border-radius: 12px;
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
        }

        .symptoms-section {
          max-width: 900px;
          margin: 0 auto 40px;
          background: white;
          padding: 30px;
          border-radius: 12px;
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
        }

        .symptom-list {
          counter-reset: symptom-counter;
        }

        .symptom-item {
          counter-increment: symptom-counter;
          padding: 15px 0;
          padding-left: 50px;
          position: relative;
          border-bottom: 1px solid #e0e0e0;
        }

        .symptom-item::before {
          content: counter(symptom-counter);
          position: absolute;
          left: 10px;
          bottom: 50%;
          transform: translateY(50%);
          width: 20px;
          height: 20px;
          background-color: #1fc602;
          color: white;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: bold;
          font-size: .7rem;
        }

        .patient-quotes {
          background-color: #f8f9fa;
          padding: 20px;
          border-radius: 8px;
          margin: 20px 0;
          border-left: 4px solid #1fc602;
        }

        .patient-quotes h4 {
          color: #1fc602;
          margin-bottom: 15px;
        }

        .patient-quotes ul li {
          list-style: none;
          font-style: italic;
        }

        .investigation-section {
          max-width: 900px;
          margin: 0 auto 40px;
          background: white;
          padding: 30px;
          border-radius: 12px;
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
        }

        .investigation-step {
          counter-increment: investigation-counter;
        }

        .investigation-step h3 {
          position: relative;
        }

        .investigation-step::before {
          content: counter(investigation-counter);
          position: absolute;
          top: 25px;
          left: 25px;
          width: 20px;
          height: 20px;
          background-color: #c64302;
          color: white;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: bold;
          font-size: .7rem;
        }

        .investigation-step {
          background: white;
          padding: 25px;
          border-radius: 12px;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          margin: 20px 0;
          position: relative;
          padding-left: 60px;
        }


        .important-note {
          background-color: #fff3cd;
          border-left: 4px solid #ffc107;
          padding: 20px;
          border-radius: 0 8px0;
          margin: 20px 0;
        }


        /* background-color: #1fc602;
            color: white;
            padding: 40px 0;
            text-align: center; */

        @media screen and (max-width: 768px) {
          .hero-title {
            font-size: 1.5rem;
          }
          .symptoms-section{
            padding: 5px;
          }
          .investigation-step{
            margin: 0;
            padding: 0;
          }
          .investigation-step::before{
            top: 0;
            left: -25px;
          }
        }