.container {
          max-width: 1200px;
          margin: 0 auto;
          padding: 0 20px;
        }

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

        /* h1 {
          font-size: 2.8rem;
          color: #1a1a1a;
          margin-bottom: 20px;
          line-height: 1.2;
          font-weight: 700;
        } */

        .hero-subtitle {
          font-size: 1.25rem;
          color: #555;
          max-width: 800px;
          margin: 0 auto 30px;
          line-height: 1.6;
        }

        .benefits-list {
          list-style: none;
          max-width: 600px;
          margin: 30px auto 0;
          padding: 0 20px;
        }

        .benefits-list li {
          padding: 12px 0;
          padding-left: 35px;
          position: relative;
          font-size: 1.1rem;
          text-align: left;
        }

        .benefits-list li::before {
          content: '✓';
          position: absolute;
          left: 0;
          color: #1fc602;
          font-weight: bold;
          font-size: 1.3rem;
        }

        .hero-form {
          max-width: 500px;
          margin: 40px auto 0;
          background: white;
          padding: 30px;
          border-radius: 12px;
          box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
        }

        /* .form-group {
          margin-bottom: 20px;
        } */

        .form-group label {
          /* display: block; */
          /* margin-bottom: 8px; */
          font-weight: 600;
          color: #555;
        }

        .form-control {
          width: 100%;
          padding: 12px 15px;
          border: 1px solid #ddd;
          border-radius: 8px;
          font-size: 1rem;
        }

        .form-control:focus {
          outline: none;
          border-color: #1fc602;
          box-shadow: 0 0 0 3px rgba(31, 198, 2, 0.2);
        }

        .cta-button {
          display: inline-block;
          background-color: #1fc602;
          color: white;
          padding: 15px 35px;
          text-decoration: none;
          border-radius: 50px;
          font-weight: 600;
          font-size: 1.1rem;
          transition: all 0.3s ease;
          box-shadow: 0 4px 15px rgba(31, 198, 2, 0.3);
          border: none;
          cursor: pointer;
          width: 100%;
          max-width: 500px;

          margin-top: 40px;
        }

        .cta-button:hover {
          background-color: #1aa802;
          transform: translateY(-2px);
          box-shadow: 0 6px 20px rgba(31, 198, 2, 0.4);
        }

        /* Section Styles */
        section {
          padding: 60px 0;
        }

        h2 {
          font-size: 2rem;
          color: #1a1a1a;
          margin-bottom: 30px;
          text-align: center;
          position: relative;
          padding-bottom: 15px;
        }

        h2::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 80px;
          height: 4px;
          background-color: #1fc602;
          border-radius: 2px;
        }

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

        /* Problem Block */
        .problem-list {
          list-style: none;
          max-width: 700px;
          margin: 0 auto;
          text-align: left;
        }

        .problem-list li {
          padding: 15px 0;
          padding-left: 40px;
          position: relative;
          font-size: 1.1rem;
          border-bottom: 1px solid #e0e0e0;
        }

        .problem-list li::before {
          content: '•';
          position: absolute;
          left: 0;
          color: #1fc602;
          font-weight: bold;
          font-size: 1.5rem;
        }

        .problem-conclusion {
          text-align: center;
          margin-top: 30px;
          font-size: 1.2rem;
          color: #1fc602;
          font-weight: 600;
        }

        /* Diagnoses Block */
        .diagnoses-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 30px;
          margin-top: 40px;
        }

        .diagnosis-card {
          background: white;
          padding: 25px;
          border-radius: 12px;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          border-top: 4px solid #1fc602;
          transition: transform 0.3s ease;

          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }

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

        .diagnosis-card h3 {
          color: #1fc602;
          margin-bottom: 15px;
        }

        /* Why Not One-Time Treatment */
        .comparison {
          display: flex;
          flex-direction: column;
          max-width: 800px;
          margin: 40px auto;
          background: white;
          border-radius: 12px;
          overflow: hidden;
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
        }

        .comparison-header {
          display: flex;
          background-color: #1fc602;
          color: white;
          font-weight: 600;
        }

        .comparison-header div {
          padding: 15px 20px;
          flex: 1;
          text-align: center;
        }

        .comparison-body {
          display: flex;
        }

        .comparison-col {
          flex: 1;
          padding: 25px;
          border-right: 1px solid #e0e0e0;
        }

        .comparison-col:last-child {
          border-right: none;
        }

        .comparison-col ul {
          list-style: none;
        }

        .comparison-col li {
          padding: 10px 0;
          padding-left: 25px;
          position: relative;
        }

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

        .comparison-col:nth-child(2) li::before {
          content: '✗';
          color: #e74c3c;
        }

        .hero--wrapper {
          display: flex;
          gap: 30px;
          justify-content: center;
        }

        /* Benefit Image */
        .benefit-image {
          margin: 30px auto;
          text-align: center;
        }

        .benefit-image img {
          max-width: 450px;
          height: auto;
          border-radius: 8px;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .problem--wrapper {
          display: flex;
          justify-content: center;
          align-items: flex-start;
          gap: 30px;
        }

        /* Problem Image */
        .problem-image {
          /* margin: 30px auto; */
          margin-top: 15px;
          /* text-align: center; */
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .problem-image img {
          max-width: 450px;
          height: auto;
          border-radius: 8px;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        /* Diagnosis Card Images */
        .diagnosis-card img {
          width: 100%;
          height: auto;
          margin-top: 15px;
          border-radius: 8px;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        /* Comparison Image */
        .comparison-image {
          text-align: center;
          margin-top: 30px;
        }

        .comparison-image img {
          max-width: 450px;
          height: auto;
          border-radius: 8px;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        /* Algorithm Block */
        .algorithm-steps {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 30px;
          margin-top: 40px;
        }

        .algorithm-step {
          background: white;
          padding: 25px;
          border-radius: 12px;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          position: relative;
          counter-increment: step;
        }

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

        .algorithm-step h3 {
          margin-top: 10px;
          color: #1fc602;
        }

        /* Program Block */
        .program-details {
          background-color: white;
          border-radius: 12px;
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
          overflow: hidden;
          margin-top: 40px;
        }

        .program-header {
          background-color: #1fc602;
          color: white;
          padding: 20px;
          text-align: center;
        }

        .program-header h3 {
          color: white;
        }

        .program-body {
          padding: 30px;
        }

        .program-info {
          margin-bottom: 25px;
        }

        .program-info h3 {
          color: #1fc602;
          margin-bottom: 10px;
        }

        .program-features {
          list-style: none;
          padding-left: 10px;
        }

        .program-features li {
          padding: 8px 0;
          padding-left: 25px;
          position: relative;
        }

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

        .program-result {
          background-color: #f0f9f0;
          border-left: 4px solid #1fc602;
          padding: 20px;
          border-radius: 0 8px 8px 0;
          margin: 20px 0;
        }

        /* Components Block */
        .components-grid {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 40px;
          margin-top: 40px;
        }

        .component-card {
          background: white;
          padding: 25px;
          border-radius: 12px;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          border-top: 4px solid #1fc602;
        }

        .component-card h3 {
          color: #1fc602;
          margin-bottom: 15px;
        }

        /* Why Us Block */
        .why-us--wrapper{
          display: flex;
          justify-content: center;
          gap: 30px;
        }
        .why-us--wrapper img{
          max-width: 450px;
          height: auto;
          border-radius: 8px;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        .why-us {
          max-width: 800px;
          margin: 0 auto;
        }

        .why-us-list {
          list-style: none;
          margin-top: 30px;
        }

        .why-us-list li {
          padding: 15px 0;
          padding-left: 35px;
          position: relative;
          font-size: 1.1rem;
        }

        .why-us-list li::before {
          content: '✓';
          position: absolute;
          left: 0;
          color: #1fc602;
          font-weight: bold;
          font-size: 1.3rem;
        }

        /* FAQ Block */
        .faq {
          max-width: 800px;
          margin: 0 auto;
        }

        .faq-item {
          margin-bottom: 25px;
          border-bottom: 1px solid #e0e0e0;
          padding-bottom: 20px;
        }

        .faq-question {
          font-weight: 600;
          color: #1fc602;
          font-size: 1.1rem;
          margin-bottom: 10px;
        }

        /* Final CTA Block */
        .final-cta {
          background-color: #1fc602;
          color: white;
          padding: 60px 0;
          text-align: center;
          border-radius: 30px;
          margin-bottom: 100px;

        }

        .final-cta h2 {
          color: white;
        }

        .final-cta h2::after {
          background-color: white;
        }

        .final-cta h3 {
          color: white;
          font-size: 1.8rem;
          margin-bottom: 20px;
        }

        .contact-info {
          max-width: 600px;
          margin: 20px auto;
          text-align: center;
          font-size: 1.1rem;
          line-height: 1.7;
        }

        .simple-form {
          max-width: 500px;
          margin: 30px auto 0;
          /* display: flex;
          flex-direction: column;
          gap: 15px; */
        }

        .simple-form form {
          display: flex;
          flex-direction: column;
          gap: 15px;
        }

        .simple-form label a {
          display: block;
          /* margin-bottom: 8px; */
          font-weight: 600;
          /* color: white; */
          font-size: .9rem;
          color: white;
          text-decoration: underline;
        }

        .simple-form label {
          display: flex;
          align-items: center;
          color: white;
        }

        .simple-form input {
          padding: 12px 15px;
          border: none;
          border-radius: 8px;
          font-size: 1rem;
        }

        .simple-form textarea {
          padding: 12px 15px;
          border: none;
          border-radius: 8px;
          font-size: 1rem;
          min-height: 100px;
          resize: vertical;
        }

        .simple-form button {
          background-color: white;
          color: #1fc602;
          border: none;
          padding: 15px;
          border-radius: 8px;
          font-weight: 600;
          font-size: 1.1rem;
          cursor: pointer;
          transition: all 0.3s;
        }

        .simple-form button:hover {
          background-color: #f0f0f0;
          transform: translateY(-2px);
        }

        /* Responsive */
        @media (max-width: 768px) {
          h1 {
            font-size: 2rem;
          }

          h2 {
            font-size: 1.5rem;
          }

          .hero {
            padding: 70px 0;
          }

          .hero-form {
            padding: 20px;
          }

          .benefit-image img,
          .problem-image img,
          .comparison-image img {
            max-width: 100%;
          }

          .diagnosis-card img {
            max-width: 100%;
          }

          .comparison-header,
          .comparison-body {
            flex-direction: column;
          }

          .comparison-header div,
          .comparison-col {
            border-right: none !important;
            border-bottom: 1px solid #e0e0e0;
          }

          .comparison-col:last-child {
            border-bottom: none !important;
          }
        }