<a href="#" class="btn-primary text-center">
                    Request a Demo
                </a>
                
            </div>
        </div>
</div>

<div class="md:flex gap-10" id="investor-tabs">
  <!-- Sidebar Tabs -->
  <div class="flex flex-col gap-6 w-full md:w-1/4">
      <button onclick="showTab('ddqrpf')" class="tab-button w-full text-left px-4 py-3 rounded-lg bg-white shadow-md hover:shadow-2xl hover:text-[#dc472f] transition-all duration-300">
        DDQ/RFP Response
      </button>
    
      <button onclick="showTab('vendor')" class="tab-button w-full text-left px-4 py-3 rounded-lg bg-white shadow-md hover:shadow-2xl hover:text-[#dc472f] transition-all duration-300">
        Vendor Due Diligence
      </button>
    
  </div>

  <!-- Tab Content -->
  <div class="w-full md:w-3/4 mt-8 md:mt-0">
   <!-- Investor Relations DDQ and RFP Response -->
      <div class="tab-content hidden bg-white p-8 rounded-xl shadow-lg transition-all duration-500 ease-in-out" id="tab-ddqrpf">
        <h3 class="text-xl font-semibold mb-4">Investor Relations DDQ and RFP Response</h3>
        <p class="text-base text-gray-600 mb-4">Centralize and optimize your RFP and DDQ content with CENTRL’s domain-trained AI platform. Empower your team to efficiently ingest external DDQs within minutes, auto-populate responses using your prior answers and documents while ensuring compliance, and subject matter experts can easily access, review, and approve content. Build a smarter, more agile content process to gain a competitive edge and win more mandates by dramatically reducing time spent answering questionnaires while increasing the accuracy of responses.
        </p><br>
        
        <h4 class="text-lg font-semibold mb-3">Solutions</h4><br>
        <ul class="list-disc pl-6" style="list-style-type: disc; padding-left: 1.5rem;">
          <li>
            <a href="https://centrl.ai/products/response360" class="text-black hover:text-[#dc472f] transition-colors duration-200">Response360</a>
          </li>
        </ul>
      </div>

      <!-- Vendor Due Diligence -->        
      <div class="tab-content hidden bg-white p-8 rounded-xl shadow-lg transition-all duration-500 ease-in-out" id="tab-vendor">
        <h3 class="text-xl font-semibold mb-4">Vendor Due Diligence:</h3>
        <p class="text-gray-600 mb-4">Vendor due diligence is a critical process for evaluating both new and existing suppliers to assess their reliability, financial health, regulatory compliance, and overall risk to your organization. CENTRL AI platform streamlines the process of identifying and monitoring potential issues so you can proactively mitigate risk. Draw intelligence and insights to make informed onboarding decisions to best manage vendor relationships with confidence.</p><br> 
        <h4 class="text-lg font-semibold mb-3">Solutions</h4><br>
        <ul class="list-disc pl-6" style="list-style-type: disc; padding-left: 1.5rem;">
          <li>
            <a href="https://centrl.ai/products/third-party-vendor-risk-management-software/" class="text-black hover:text-[#dc472f] transition-colors duration-200">Vendor360</a>
          </li>
        </ul>
      </div>   
  </div>
</div>

  <!-- Flex container for both buttons -->
  <div class="flex flex-col sm:flex-row gap-6 justify-center items-center mt-8">
    <a href="https://centrl.ai/due-diligence/" 
       class="text-2xl font-semibold text-white bg-white px-8 py-4 rounded-lg shadow-md hover:text-black transition duration-300" 
       style="background-color: #dc472f">
       Response360
    </a>

    <a href="https://centrl.ai/products/third-party-vendor-risk-management-software/" 
       class="text-2xl font-semibold text-white bg-white px-8 py-4 rounded-lg shadow-md hover:text-black transition duration-300" 
       style="background-color: #dc472f">
       Vendor360
    </a>
  </div>
</div>