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

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

        .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;
        }

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

        .definition {
          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);
        }

        .definition h2 {
          color: #1fc602;
          margin-bottom: 20px;
          font-size: 1.5rem;
        }

        .causes-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);
        }

        .causes-section h2 {
          color: #1fc602;
          margin-bottom: 20px;
          font-size: 1.5rem;
        }

        .signs-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);
        }

        .signs-section h2 {
          color: #1fc602;
          margin-bottom: 20px;
          font-size: 1.5rem;
        }

        .test-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);
        }

        .test-section h2 {
          color: #1fc602;
          margin-bottom: 20px;
          font-size: 1.5rem;
        }

        .prevention-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);
        }

        .prevention-section h2 {
          color: #1fc602;
          margin-bottom: 20px;
          font-size: 1.5rem;
        }

        .prevention-list {
          list-style: none;
          margin-top: 20px;
        }

        .prevention-item {
          padding: 15px 0;
          padding-left: 25px;
          position: relative;
          border-bottom: 1px solid #e0e0e0;
        }

        .prevention-item::before {
          content: '✓';
          position: absolute;
          left: 0;
          color: #1fc602;
          font-weight: bold;
        }

        .treatment-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);
        }

        .treatment-section h2 {
          color: #1fc602;
          margin-bottom: 20px;
          font-size: 1.5rem;
        }

        .exercises-list {
          list-style: none;
          margin-top: 20px;
        }

        .exercise-item {
          padding: 10px 0;
          padding-left: 25px;
          position: relative;
        }

        .exercise-item::before {
          content: '•';
          position: absolute;
          left: 0;
          color: #1fc602;
          font-weight: bold;
          font-size: 1.2rem;
        }

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

        @media screen and (max-width: 768px) {
          .hero-title {
            font-size: 1.5rem;
          }
          .prevention-list{
            padding: 0;
          }
          .exercises-list{
            padding: 0;
          }
        }