/* 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.8rem;
          color: #1a1a1a;
          /* margin-bottom: 20px; */
          line-height: 1.2;
          text-align: start;
          padding: 0;
          margin: 0;
        }

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

        .date {
          font-size: 1.1rem;
          color: #555;
          text-align: start;
          margin: 0;
          padding-top: 50px;
        }

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

        .section-title {
          text-align: center;
          font-size: 2rem;
          color: #1a1a1a;
          margin-bottom: 40px;
          position: relative;
          padding-bottom: 15px;
        }

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

        .problem-text {
          max-width: 800px;
          margin: 0 auto 40px;
          text-align: center;
          font-size: 1.1rem;
          color: #666666;
          font-style: italic;
          line-height: 1.7;
        }

        .services--wrapper {
          display: flex;
          justify-content: center;
          gap: 100px;
        }
        .services--wrapper .services--info {
          max-width: 500px;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
          flex: 1;
        }

        .services--wrapper .services--info img{
          max-width: 100%;
          border-radius: 30px;
        }

        .services-list {
          /* list-style: none; */
          max-width: 800px;
          margin: 0 auto 40px;
          text-align: start;
        }

        .services-list li {
          padding: 12px 0;
          font-size: 1.1rem;
          color: #1fc602;
          font-weight: 600;
        }

        .benefits-list {
          max-width: 900px;
          margin: 0 auto;
        }

        .benefit-item {
          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;
          display: flex;
          align-items: flex-start;
        }

        .benefit-icon {
          position: absolute;
          left: 20px;
          top: 25px;
          width: 30px;
          height: 30px;
          background-color: #1fc602;
          color: white;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: bold;
          font-size: 1rem;
        }

        .benefit-item h3 {
          color: #1fc602;
          margin-bottom: 10px;
        }

        /* CTA Block */
        .cta-block {
          text-align: center;
          padding: 60px 0;
        }

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

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

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

        .footer-content {
          max-width: 600px;
          margin: 0 auto;
        }

        .contact-info {
          margin: 20px 0;
          line-height: 1.7;
        }

        /* Responsive adjustments for tablets */
        @media (max-width: 1024px) {
          .services--wrapper {
            flex-direction: column;
            gap: 30px;
            align-items: center;
          }
          
          .services--wrapper .services--info {
            max-width: 100%;
            width: 100%;
          }

          .hero-title {
            font-size: 2.5rem;
          }

          .section-title {
            font-size: 1.8rem;
          }

          .benefit-item {
            flex-direction: column;
            padding-left: 50px;
          }

          .benefit-icon {
            position: absolute;
            left: 20px;
            top: 25px;
          }

          .problem-text {
            padding: 0 20px;
          }

          .content-section {
            padding: 40px 0;
          }

          .hero {
            padding: 40px 0;
          }

          .date {
            padding-top: 30px;
          }
        }

        /* Responsive adjustments for mobile devices */
        @media (max-width: 768px) {
          .hero-title {
            font-size: 2rem;
          }

          .hero-subtitle {
            font-size: 1.1rem;
          }

          .section-title {
            font-size: 1.6rem;
          }

          .benefit-item {
            padding: 20px 20px 20px 60px;
          }

          .benefit-icon {
            left: 15px;
            top: 20px;
            width: 25px;
            height: 25px;
            font-size: 0.9rem;
          }

          .services--wrapper {
            padding: 0 20px;
          }

          .services-list {
            padding-left: 20px;
          }

          .cta-button {
            padding: 12px 25px;
            font-size: 1rem;
          }

          .hero {
            padding: 30px 0;
          }

          .date {
            font-size: 1rem;
            padding-top: 20px;
          }

          .content-section {
            padding: 30px 0;
          }

          .section-title::after {
            width: 60px;
            height: 3px;
          }

          .problem-text {
            font-size: 1rem;
            padding: 0 15px;
          }

          .benefits-list {
            padding: 0 10px;
          }
        }

        /* Responsive adjustments for small mobile devices */
        @media (max-width: 480px) {
          .hero-title {
            font-size: 1.7rem;
          }

          .hero-subtitle {
            font-size: 1rem;
          }

          .section-title {
            font-size: 1.5rem;
            margin-bottom: 30px;
          }

          .problem-text {
            font-size: 0.95rem;
            padding: 0 10px;
            margin: 0 auto 30px;
          }

          .benefit-item {
            padding: 18px 15px 18px 55px;
            flex-direction: row;
          }

          .benefit-icon {
            left: 12px;
            top: 18px;
            width: 22px;
            height: 22px;
            font-size: 0.8rem;
          }

          .benefit-item h3 {
            font-size: 1.1rem;
          }

          .benefit-item p {
            font-size: 0.95rem;
          }

          .services-list li {
            font-size: 1rem;
            padding: 10px 0;
          }

          .cta-block {
            padding: 40px 15px;
          }

          .cta-button {
            padding: 12px 20px;
            font-size: 0.95rem;
            width: 100%;
            max-width: 300px;
          }

          .date {
            font-size: 0.9rem;
            padding-top: 15px;
          }

          .services--wrapper .services--info img {
            border-radius: 20px;
          }

          .services--wrapper {
            gap: 20px;
          }

          .hero {
            padding: 25px 0;
          }

          .content-section {
            padding: 25px 0;
          }

          .section-title::after {
            width: 50px;
            height: 2px;
          }
        }

        /* Responsive adjustments for very small mobile devices */
        @media (max-width: 360px) {
          .hero-title {
            font-size: 1.5rem;
          }

          .hero-subtitle {
            font-size: 0.9rem;
          }

          .section-title {
            font-size: 1.4rem;
          }

          .benefit-item {
            padding: 15px 10px 15px 50px;
          }

          .benefit-icon {
            left: 10px;
            top: 15px;
            width: 20px;
            height: 20px;
            font-size: 0.7rem;
          }

          .services-list li {
            font-size: 0.9rem;
          }

          .problem-text {
            font-size: 0.9rem;
          }

          .benefit-item h3 {
            font-size: 1rem;
          }

          .benefit-item p {
            font-size: 0.9rem;
          }

          .cta-button {
            padding: 10px 15px;
            font-size: 0.9rem;
          }

          .date {
            font-size: 0.85rem;
          }

          .services--wrapper {
            gap: 15px;
          }

          .services--wrapper .services--info img {
            border-radius: 15px;
          }

          .content-section {
            padding: 20px 0;
          }

          .hero {
            padding: 20px 0;
          }

          .section-title::after {
            width: 40px;
            height: 2px;
          }

          .benefits-list {
            padding: 0 5px;
          }
        }