@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800;900&display=swap');
         
                   /* Modern Typography System */
          body {
              font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
              font-weight: 400;
              line-height: 1.6;
              color: #000;
          }
         
                   h1, h2, h3, h4, h5, h6 {
              font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
              font-weight: 700;
              line-height: 1.2;
              letter-spacing: -0.02em;
              color: #000;
          }
         
                   .title {
              font-weight: 800;
              font-size: 3.5rem;
              text-transform: uppercase;
              letter-spacing: -0.03em;
              color: #000;
          }
         
         .sub-title {
             font-family: 'Inter', sans-serif;
             font-weight: 600;
             font-size: 0.875rem;
             text-transform: uppercase;
             letter-spacing: 0.1em;
             color: #ffa500;
         }
         
                   .hero-subtitle {
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              font-size: 1.125rem;
              line-height: 1.7;
              color: #000;
          }
         
         .thm-btn {
             font-family: 'Montserrat', sans-serif;
             font-weight: 700;
             font-size: 0.875rem;
             text-transform: uppercase;
             letter-spacing: 0.1em;
         }
         
                   .xb-item--title {
              font-weight: 700;
              font-size: 1.25rem;
              letter-spacing: -0.01em;
              color: #000;
          }
         
         .xb-item--price {
             font-weight: 800;
             font-size: 1.5rem;
             color: #ffa500;
         }
         
                   .about-content p {
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              font-size: 1.0625rem;
              line-height: 1.7;
              color: #000;
          }
         
                   .about-list li {
              font-family: 'Inter', sans-serif;
              font-weight: 500;
              font-size: 1rem;
              color: #000;
          }
         
                   .feature-list .xb-item--title {
              font-weight: 700;
              font-size: 1.125rem;
              line-height: 1.3;
              color: #000;
          }
         
                   .feature-list .xb-item--desc {
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              font-size: 0.9375rem;
              line-height: 1.6;
              color: #000;
          }
         
                   .testimonial .xb-item--name {
              font-weight: 700;
              font-size: 1.125rem;
              color: #000;
          }
         
                   .testimonial .xb-item--date {
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              font-size: 0.875rem;
              color: #000;
          }
         
                   .testimonial .xb-item--desc {
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              font-size: 1rem;
              line-height: 1.7;
              font-style: italic;
              color: #000;
          }
          
          /* Testimonial section white text for dark background */
          .testimonial .sec-title .title {
              color: #fff !important;
          }
          
          .testimonial .sec-title .sub-title {
              color: #fff !important;
          }
         
                   .accordion .acc-btn {
              font-weight: 600;
              font-size: 1rem;
              color: #000;
          }
         
                   .accordion .acc_body {
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              font-size: 0.9375rem;
              line-height: 1.6;
              color: #000;
          }
         
                   .pricing .xb-item--title {
              font-weight: 700;
              font-size: 1.25rem;
              color: #000;
          }
         
         .pricing .xb-item--price {
             font-weight: 800;
             font-size: 2.5rem;
         }
         
         .pricing .xb-item--price span {
             font-weight: 600;
             font-size: 1rem;
         }
         
                   .pricing .xb-item--list li {
              font-family: 'Inter', sans-serif;
              font-weight: 500;
              font-size: 0.9375rem;
              color: #000;
          }
         
                   .blog .xb-item--title {
              font-weight: 700;
              font-size: 1.125rem;
              line-height: 1.4;
              color: #000;
          }
         
                   .blog .xb-item--author {
              font-family: 'Inter', sans-serif;
              font-weight: 500;
              font-size: 0.875rem;
              color: #000;
          }
         
                   .contact-title h3 {
              font-weight: 700;
              font-size: 2rem;
              line-height: 1.3;
              color: #000;
          }
         
                   .footer .title {
              font-weight: 700;
              font-size: 1.5rem;
              text-transform: none;
              letter-spacing: 0;
              color: #000;
          }
         
         /* Logo sizing for different sections */
         .header-logo img {
             max-height: 60px;
             width: auto;
             object-fit: contain;
         }
         
         .xb-logo-mobile img {
             max-height: 50px;
             width: auto;
             object-fit: contain;
         }
         
         .sidebar-logo img {
             max-height: 80px;
             width: auto;
             object-fit: contain;
         }
         
         .footer-logo img {
             max-height: 70px;
             width: auto;
             object-fit: contain;
         }
         
         /* Responsive logo sizing */
         @media (max-width: 768px) {
             .header-logo img {
                 max-height: 50px;
             }
             
             .xb-logo-mobile img {
                 max-height: 40px;
             }
             
             .sidebar-logo img {
                 max-height: 60px;
             }
             
             .footer-logo img {
                 max-height: 50px;
             }
             
             .title {
                 font-size: 2.5rem;
             }
             
             .hero-subtitle {
                 font-size: 1rem;
             }
         }
         
         /* Transparent product backgrounds */
         .popular-product-item {
             background: rgba(255, 255, 255, 0.1);
             backdrop-filter: blur(10px);
             border: 1px solid rgba(255, 255, 255, 0.2);
             border-radius: 15px;
             padding: 20px;
             transition: all 0.3s ease;
         }
         
         .popular-product-item:hover {
             background: rgba(255, 255, 255, 0.15);
             transform: translateY(-5px);
             box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
         }
         
         .product-item {
             background: rgba(255, 255, 255, 0.1);
             backdrop-filter: blur(10px);
             border: 1px solid rgba(255, 255, 255, 0.2);
             border-radius: 15px;
             padding: 25px;
             transition: all 0.3s ease;
         }
         
         .product-item:hover {
             background: rgba(255, 255, 255, 0.15);
             transform: translateY(-5px);
             box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
         }
         
         .xb-pricing {
             background: rgba(255, 255, 255, 0.1);
             backdrop-filter: blur(10px);
             border: 1px solid rgba(255, 255, 255, 0.2);
             border-radius: 20px;
             transition: all 0.3s ease;
         }
         
         .xb-pricing:hover {
             background: rgba(255, 255, 255, 0.15);
             transform: translateY(-5px);
         }
         
         .xb-pricing.active {
             background: rgba(255, 165, 0, 0.2);
             border: 2px solid rgba(255, 165, 0, 0.5);
         }
         
                   /* Ensure text remains readable on transparent backgrounds */
          .popular-product-item h3,
          .product-item h3,
          .xb-pricing h4,
          .xb-pricing h2,
          .xb-pricing h3 {
              color: #000 !important;
              text-shadow: none;
              font-weight: 700;
          }
         
         .popular-product-item .xb-item--price,
         .product-item .xb-item--price,
         .xb-pricing .xb-item--price {
             color: #ffa500 !important;
             text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
             font-weight: 800;
         }
         
                   /* Fix text visibility for all product sections */
          .popular-product-item,
          .product-item,
          .xb-pricing {
              color: #000 !important;
          }
         
                   .popular-product-item p,
          .product-item p,
          .xb-pricing p {
              color: #000 !important;
              text-shadow: none;
          }
         
                   .popular-product-item span,
          .product-item span,
          .xb-pricing span {
              color: #000 !important;
              text-shadow: none;
          }
         
                   .popular-product-item ul li,
          .product-item ul li,
          .xb-pricing ul li {
              color: #000 !important;
              text-shadow: none;
          }
         
         /* Transparent FAQ background */
         .accordion-inner {
             background: rgba(0, 0, 0, 0.3) !important;
             backdrop-filter: blur(10px);
         }
         
         .accordion .acc-btn {
             background: rgba(255, 255, 255, 0.1);
             backdrop-filter: blur(10px);
             border: 1px solid rgba(255, 255, 255, 0.2);
             border-radius: 10px;
             margin-bottom: 10px;
         }
         
         .accordion .acc_body {
             background: rgba(255, 255, 255, 0.05);
             backdrop-filter: blur(10px);
             border: 1px solid rgba(255, 255, 255, 0.1);
             border-radius: 10px;
         }
         
         /* Enhanced readability for product descriptions */
         .product-description-box h3 {
             font-family: 'Montserrat', sans-serif;
             font-weight: 700;
             font-size: 1.5rem;
             line-height: 1.3;
             color: #ffa500 !important;
             text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
         }
         
                   .product-description-box p {
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              font-size: 1rem;
              line-height: 1.7;
              color: #000 !important;
              text-shadow: none;
          }
         
         .product-description-box h4 {
             font-family: 'Montserrat', sans-serif;
             font-weight: 600;
             font-size: 1.125rem;
             margin-bottom: 15px;
             color: #ffa500 !important;
             text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
         }
         
                   .product-description-box li {
              font-family: 'Inter', sans-serif;
              font-weight: 500;
              font-size: 0.9375rem;
              color: #000 !important;
              text-shadow: none;
          }
         
         .product-highlights h4 {
             font-family: 'Montserrat', sans-serif;
             font-weight: 600;
             font-size: 1.125rem;
             color: #ffa500 !important;
             text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
         }
         
                   .product-highlights li {
              font-family: 'Inter', sans-serif;
              font-weight: 500;
              font-size: 0.9375rem;
              color: #000 !important;
              text-shadow: none;
          }
         
                   /* Additional text visibility fixes */
          .product-description-box span,
          .product-highlights span {
              color: #000 !important;
              text-shadow: none;
          }
          
          /* New sections styling */
          .who-we-are,
          .performance-section,
          .future-vision,
          .community-section,
          .why-choose {
              color: #000;
          }
          
          .who-we-are h2,
          .performance-section h2,
          .future-vision h2,
          .community-section h2,
          .why-choose h2 {
              color: #000 !important;
              font-family: 'Montserrat', sans-serif;
              font-weight: 700;
          }
          
          .who-we-are h4,
          .performance-section h4,
          .future-vision h4,
          .community-section h4,
          .why-choose h4 {
              color: #000 !important;
              font-family: 'Montserrat', sans-serif;
              font-weight: 600;
              margin-bottom: 15px;
          }
          
          .who-we-are p,
          .performance-section p,
          .future-vision p,
          .community-section p,
          .why-choose p {
              color: #000 !important;
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              line-height: 1.7;
          }
          
          .audience-list,
          .benefits-list,
          .product-list {
              list-style: none;
              padding: 0;
          }
          
          .audience-list li,
          .benefits-list li,
          .product-list li {
              color: #000 !important;
              font-family: 'Inter', sans-serif;
              font-weight: 500;
              margin-bottom: 12px;
              display: flex;
              align-items: center;
          }
          
          .audience-list li img,
          .benefits-list li img,
          .product-list li img {
              margin-right: 10px;
              width: 20px;
              height: 20px;
          }
          
          .why-choose-item {
              background: rgba(255, 255, 255, 0.8);
              border-radius: 15px;
              padding: 30px 20px;
              height: 100%;
              transition: all 0.3s ease;
              border: 1px solid rgba(0, 0, 0, 0.1);
          }
          
          .why-choose-item:hover {
              transform: translateY(-5px);
              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
              background: rgba(255, 255, 255, 0.95);
          }
          
          .why-choose-item h4 {
              color: #000 !important;
              font-family: 'Montserrat', sans-serif;
              font-weight: 600;
              font-size: 1.1rem;
              margin-bottom: 15px;
              line-height: 1.3;
          }
          
          .why-choose-item p {
              color: #666 !important;
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              font-size: 0.9rem;
              line-height: 1.6;
          }
          
          .why-choose-item .icon img {
              filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
          }
          
          .lead {
              font-family: 'Montserrat', sans-serif;
              font-weight: 600;
              font-size: 1.25rem;
              color: #000 !important;
              margin-bottom: 15px;
          }
          
          /* New sections styling */
          .who-we-are,
          .performance-section,
          .future-vision,
          .community-section,
          .why-choose {
              color: #000;
          }
          
          .who-we-are h2,
          .performance-section h2,
          .future-vision h2,
          .community-section h2,
          .why-choose h2 {
              color: #000 !important;
              font-family: 'Montserrat', sans-serif;
              font-weight: 700;
          }
          
          .who-we-are h4,
          .performance-section h4,
          .future-vision h4,
          .community-section h4,
          .why-choose h4 {
              color: #000 !important;
              font-family: 'Montserrat', sans-serif;
              font-weight: 600;
              margin-bottom: 15px;
          }
          
          .who-we-are p,
          .performance-section p,
          .future-vision p,
          .community-section p,
          .why-choose p {
              color: #000 !important;
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              line-height: 1.7;
          }
          
          .audience-list,
          .benefits-list,
          .product-list {
              list-style: none;
              padding: 0;
          }
          
          .audience-list li,
          .benefits-list li,
          .product-list li {
              color: #000 !important;
              font-family: 'Inter', sans-serif;
              font-weight: 500;
              margin-bottom: 12px;
              display: flex;
              align-items: center;
          }
          
          .audience-list li img,
          .benefits-list li img,
          .product-list li img {
              margin-right: 10px;
              width: 20px;
              height: 20px;
          }
          
          .why-choose-item {
              background: rgba(255, 255, 255, 0.8);
              border-radius: 15px;
              padding: 30px 20px;
              height: 100%;
              transition: all 0.3s ease;
              border: 1px solid rgba(0, 0, 0, 0.1);
          }
          
          .why-choose-item:hover {
              transform: translateY(-5px);
              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
              background: rgba(255, 255, 255, 0.95);
          }
          
          .why-choose-item h4 {
              color: #000 !important;
              font-family: 'Montserrat', sans-serif;
              font-weight: 600;
              font-size: 1.1rem;
              margin-bottom: 15px;
              line-height: 1.3;
          }
          
          .why-choose-item p {
              color: #666 !important;
              font-family: 'Inter', sans-serif;
              font-weight: 400;
              font-size: 0.9rem;
              line-height: 1.6;
          }
          
          .why-choose-item .icon img {
              filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
          }
          
                     .lead {
               font-family: 'Montserrat', sans-serif;
               font-weight: 600;
               font-size: 1.25rem;
               color: #000 !important;
               margin-bottom: 15px;
           }
           
           /* Enhanced FAQ section styling */
           .faq {
               background: #fff;
               position: relative;
           }
           
           .faq-content-wrapper {
               background: #fff !important;
               border-radius: 20px;
               padding: 60px 40px;
               box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
               position: relative;
               z-index: 2;
           }
           
           .faq .sec-title .title {
               color: #000 !important;
               font-family: 'Montserrat', sans-serif;
               font-weight: 700;
           }
           
           .faq .sec-title .sub-title {
               color: #ffa500 !important;
               font-family: 'Inter', sans-serif;
               font-weight: 600;
           }
           
           .faq .accordion .acc-btn {
               background: #f8f9fa;
               border: 1px solid #e9ecef;
               border-radius: 10px;
               padding: 20px 25px;
               margin-bottom: 15px;
               color: #000 !important;
               font-weight: 600;
               transition: all 0.3s ease;
           }
           
           .faq .accordion .acc-btn:hover {
               background: #ffa500;
               color: #fff !important;
               border-color: #ffa500;
               transform: translateY(-2px);
               box-shadow: 0 5px 15px rgba(255, 165, 0, 0.3);
           }
           
           .faq .accordion .acc_body {
               background: #fff;
               border: 1px solid #e9ecef;
               border-radius: 10px;
               padding: 25px;
               margin-bottom: 15px;
               color: #000 !important;
           }
           
           .faq .accordion .acc_body .content p {
               color: #000 !important;
               font-family: 'Inter', sans-serif;
               font-weight: 400;
               line-height: 1.7;
               margin-bottom: 15px;
           }
           
           .faq .accordion .acc_body .content ul {
               list-style: none;
               padding: 0;
               margin: 0;
           }
           
           .faq .accordion .acc_body .content ul li {
               color: #000 !important;
               font-family: 'Inter', sans-serif;
               font-weight: 500;
               margin-bottom: 10px;
               padding-left: 25px;
               position: relative;
           }
           
           .faq .accordion .acc_body .content ul li:before {
               content: "✓";
               color: #ffa500;
               font-weight: bold;
               position: absolute;
               left: 0;
               top: 0;
           }
           
           .faq .accordion .acc-btn .arrow {
               float: right;
               transition: transform 0.3s ease;
           }
           
           .faq .accordion .active-block .acc-btn .arrow {
               transform: rotate(180deg);
           }