h1, h2, h3 {
        color: #333;
      }
      
      p {
        color: #666;
      }
      
      a {
        text-decoration: none;
        color: #007BFF;
      }
      
      /* Container for all sections below introduction */
      .container1 {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
      }
      
      /* Banner Section */
      .banner {
        background: url('https://www.barclayscorporate.com/content/dam/barclayscorporate-com/images/Insights-2024/Solar_3_1.large.medium_quality.jpg') no-repeat center center/cover;
        color: #fff;
        padding: 100px 20px;
        text-align: center;
        margin-top: 67px;
        height: 60vh;
      }
      
      .banner-content {
        text-align: left;
      }
      .banner-content h1 {
        font-size: 2.5rem;
        margin-bottom: 10px;
      }
      
      .banner-content p {
        font-size: 1.2rem;
        margin-bottom: 20px;
      }
      
      .cta-button {
        background: #065763;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 1rem;
      }
      
      /* Introduction Section */
      .introduction {
        padding: 50px 20px;
        text-align: center;
      }
      
      /* Benefits Section */
      .benefits {
        padding: 50px 0;
        text-align: center;
      }
      
      .benefits-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
      }
      
      .benefit-item {
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
      
      /* Services Section */
      .services {
        padding: 50px 0;
        text-align: center;
      }
      
      .services-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
      }
      
      .service-item {
        background: #f9f9f9;
        padding: 20px;
        border-radius: 5px;
      }
      
      /* How It Works Section */
      .how-it-works {
        padding: 50px 0;
        text-align: center;
      }
      
      .steps-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
      }
      
      .step-item {
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
      
      /* Testimonials Section */
      .testimonials {
        padding: 50px 0;
        background: #f9f9f9;
        text-align: center;
      }
      
      .testimonials-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
      }
      
      .testimonial-item {
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
      
      /* Incentives Section */
      .incentives {
        padding: 50px 0;
        text-align: center;
      }
      
      /* FAQ Section */
      .faq {
        padding: 50px 0;
        background: #f9f9f9;
        text-align: center;
      }
      
      .faq-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
      }
      
      .faq-item {
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
      
      /* Call-to-Action Section */
      .cta {
        padding: 50px 0;
        text-align: center;
      }
      


      /* Responsive Design */
      @media (max-width: 768px) {
        .banner-content h1 {
          font-size: 2rem;
        }
        
        .banner-content p {
          font-size: 1rem;
        }
      
        .benefits-grid, .services-grid, .steps-grid, .testimonials-grid, .faq-grid {
          grid-template-columns: 1fr;
        }
      }

       /* Flyer Section */
       .flyer-section {
              padding: 20px;
              color: #fff;
              display: flex;
              justify-content: center;
              flex-wrap: wrap;
              gap: 20px;
          }
          
          .section-heading1 {
              font-size: 2rem;
              color: #254142;
              text-align: center;
              margin: 40px 0;
          }
          
          .flyer-cards {
              display: flex;
              justify-content: center;
              flex-wrap: wrap;
              gap: 20px;
          }
          
          .flyer-card {
              color: #333;
              width: 100%;
              max-width: 350px;
              border-radius: 10px;
              overflow: hidden;
              box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
              position: relative;
              height: 400px;
              transition: height 0.3s ease, box-shadow 0.3s ease;
          }
          
          .card-image {
              width: 100%;
              height: 200px;
              overflow: hidden;
          }
          
          .card-image img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              transition: transform 0.3s ease;
          }
          
          .flyer-card:hover .card-image img {
              transform: scale(1.1);
          }
          
          .flyer-card:hover {
              box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
          }
          
          .hover-content {
              padding: 15px;
              opacity: 0;
              visibility: hidden;
              transform: translateY(20px);
              transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
          }
          
          .hover-content a{
            text-decoration: none;
            color:white;
          }
          .flyer-card:hover .hover-content {
              opacity: 1;
              visibility: visible;
              transform: translateY(0);
          }
          
          .default-content h3 {
              text-align: center;
          }
          
          .default-content p {
              text-align: center;
              margin-top: 20px;
              font-size: 1rem;
          }
          
          .hover-content h2 {
              font-size: 1.2rem;
              margin-bottom: 10px;
          }
          
          .hover-content p {
              font-size: 0.9rem;
              color: #666;
              margin: 5px 0;
          }
          
          .hover-content button {
              background-color: #254142;
              color: #fff;
              padding: 10px;
              border: none;
              border-radius: 5px;
              cursor: pointer;
              width: 100%;
              font-size: 1rem;
              margin-top: 10px;
              font-weight: bold;
          }