MOON
Server: Apache
System: Linux ip-208-109-13-31.ip.secureserver.net 3.10.0-1160.119.1.el7.tuxcare.els4.x86_64 #1 SMP Sat Aug 31 06:58:57 UTC 2024 x86_64
User: durgeshpandey215 (1013)
PHP: 8.1.29
Disabled: NONE
Upload Files
File: /home/durgeshpandey215/public_html/demokalyani.skilladders.com/view/business/international.html
<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
    />
    
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.css"
      referrerpolicy="no-referrer"
    />
    <title >International Business</title>
    <link rel="icon" type="image/png" href="/public/fabicon.png">
    <link rel="stylesheet" href="floating-wpp.min.css">
    <link rel="stylesheet" href="/src/assests/css/style.css">
    <link rel="stylesheet" href="/src/assests/css/output.css">
    <!-- <script src="https://cdn.tailwindcss.com"></script> -->

    <link
      href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      rel="stylesheet"
    />
    <style>
      p{font-family: "Inter", sans-serif;}
      /* .inter{ font-family: "Inter", sans-serif;} */
      h1,h2,h3,h4,h5,h6{font-family: 
        "DM Sans";}
/* 
      .dm-sans{font-family: 
        "DM Sans";} */

    </style>
  </head>
  <body >
    <main class="max-w-[1920px] m-auto block">
    
      <header>
        <div class=" bg-black">

          <div class="h-[50px] w-full text-white  m-auto px-[50px] hidden md:flex items-center justify-between">
            <div class="flex space-x-[21.75px] mt-0 text-lg 2xl:text-2xl">
              <a href="#"><i class="ri-facebook-circle-fill  text-white"></i></a>
              <a href="#"><i class="ri-instagram-fill"></i></a>
              <a href="#"><i class="ri-linkedin-fill"></i></a>
              <a href="#"><i class="ri-twitter-fill"></i></a>
            </div>
            <div class="space-x-3">
              <a href="" class="text-white text-sm font-medium"><i class="ri-mail-line pr-2"></i><span>info@kalyanilimited.com</span></a>
              <a href="" class="text-white text-sm font-medium"><i class="ri-whatsapp-line pr-2"></i><span>+9174895262</span></a>
              <a href="" class="text-white text-sm font-medium"><i class="ri-phone-line pr-2"></i><span>+917270992000</span></a>
            </div>
          </div>
        </div>
      <nav class="bg-white py-3 px-4 md:py-6 md:px-8 w-full 2xl:h-[139.39px] m-auto">
        <div class="flex justify-between items-center">
          <a class="w-[100px] md:w-[140px] 2xl:w-[187.5px] h-auto inline-block object-contain" href="/index.html">
            <img class="h-full w-full" src="/public/logo-nav.png" alt="" />
          </a>
          <ul class="hidden xl:flex gap-6 py-1 px-5 rounded-full">
              <li class="font-medium  md:text-sm 2xl:text-base  text-zinc-500  nav-link md:pt-[2px] xl:pt-0" data-link="/index.html"><a href="/index.html" class="inline-block">Home</a></li>
              <li class="relative group font-medium">
               <a href="#" class="inline-flex items-center font-medium md:text-sm 2xl:text-base text-zinc-500">
                  About Kalyani
                    <span class="ms-[2px]">
                        <i class="ri-arrow-down-s-line"></i>
                    </span>
                </a>
                <ul class="absolute hidden z-30 group-hover:block capitalize hover:block bg-white text-black mt-0 rounded-lg shadow-lg w-60 ">
                  <!-- Categories will be dynamically inserted here -->
                  <li><a href="/view/about/aboutcompany.html" class="block px-4 py-2 hover:bg-orange-50">Company Profile</a></li>
                  <li><a href="/view/about/certificate.html" class="block px-4 py-2 hover:bg-orange-50">Certificate and Membership</a></li>
                  <li><a href="/view/about/about.html" class="block px-4 py-2 hover:bg-orange-50">Quality policy</a></li>
                  <li><a href="/view/about/aboutcooprate.html" class="block px-4 py-2 hover:bg-orange-50">Corporate video</a></li>
              </ul>
            </li>
            <li class="relative group/cat font-medium">
              <button class=" font-medium flex text-zinc-500 rounded">
                <a href="/view/category-home.html">

                  Our Products
                </a>
                <span class="ms-[2px]">
                  <i class="ri-arrow-down-s-line"></i>
              </span>
              </button>
              <ul class="absolute left-0  w-60 bg-white shadow-lg rounded opacity-0 invisible group-hover/cat:opacity-100 group-hover/cat:visible transition duration-200 z-50 categorylist">
                
              </ul>
          </li>
           
         
          
     
            <li class="relative group font-medium">
              <a href="#" class="inline-flex items-center font-medium md:text-sm 2xl:text-base text-zinc-500">
                Business Area
                  <span class="ms-[2px]">
                      <i class="ri-arrow-down-s-line"></i>
                  </span>
              </a>
              <ul class="absolute hidden z-30 group-hover:block hover:block bg-white text-black mt-0 rounded-lg shadow-lg w-60">
                  <li><a href="/view/business/domistic_board.html" class="block px-4 py-2 hover:bg-orange-50">Domestic Brand Business</a></li>
                  <li><a href="/view/business/institution.html" class="block px-4 py-2 hover:bg-orange-50">Institutional Business</a></li>
                  <li><a href="/view/business/international.html" class="block px-4 py-2 hover:bg-orange-50"> International Business</a></li>
                  <li><a href="/view/business/manufacture.html" class="block px-4 py-2 hover:bg-orange-50">Contract Manufacturing</a></li>
                  <li><a href="/view/business/kalyanigrow.html" class="block px-4 py-2 hover:bg-orange-50">Grow with Kalyani</a></li>
                  <!-- <li><a href="/view/business/domistic_board.html" class="block px-4 py-2 hover:bg-orange-50">Product 1</a></li> -->
                
              </ul>
          </li>
            <li class="relative group font-medium">
              <a href="#" class="inline-flex items-center font-medium md:text-sm 2xl:text-base text-zinc-500">
                Key Strength
                  <span class="ms-[2px]">
                      <i class="ri-arrow-down-s-line"></i>
                  </span>
              </a>
              <ul class="absolute hidden z-30 group-hover:block hover:block bg-white text-black mt-0 rounded-lg shadow-lg w-60">
                  <li><a href="/view/key-streangths/manfacture-strength.html" class="block px-4 py-2 hover:bg-orange-50">Manufacturing Strength</a></li>
                  <li><a href="/view/key-streangths/research-development.html" class="block px-4 py-2 hover:bg-orange-50">Research & Development</a></li>
                  <li><a href="/view/key-streangths/product-development.html" class="block px-4 py-2 hover:bg-orange-50">Product Development</a></li>
                  <li><a href="/view/key-streangths/marketing-network.html" class="block px-4 py-2 hover:bg-orange-50">Marketing Network</a></li>
                  <li><a href="/view/key-streangths/packageing.html" class="block px-4 py-2 hover:bg-orange-50">Packaging</a></li>
          
                 
              </ul>
          </li>

           <li class="font-medium md:text-sm 2xl:text-base text-zinc-500 nav-link" data-link="/kalyanigrow.html"><a href="#">Blog</a></li>


            <li class="font-medium md:text-sm 2xl:text-base  text-zinc-500 nav-link" data-link="/contact.html"><a href="/view/contact.html">Contact us</a></li>
          </ul>
          <div class="hidden xl:flex">
<a href="" class="w-[36px] h-[36px] 2xl:w-[50px] 2xl:h-[50px] bg-[#FEECD4] rounded-full flex items-center justify-center mr-2"><i class="ri-search-2-line text-xl text-[#ED7D0B]"></i></a>
            <a
              class="rounded-full px-[22px] py-[10px] 2xl:px-[25px] 2xl:py-[13.9px] font-medium md:text-sm 2xl:text-base text-white bg-[rgba(237,125,11,1)]" href="contact.html"
            >
             Corporate Brochure
          </a>
          </div>
          <div class="block xl:hidden p-4 bg-white shadow-sm text-black">
            <button id="openNav" class="text-3xl">
              <i class="ri-menu-line"></i>
            </button>
        </div>
        <div id="sideNav" class="fixed top-0 left-0 h-full w-0 bg-white text-black transition-all duration-300 ease-in-out overflow-x-hidden z-50">
          <div class="flex justify-between p-4 items-center bg-white">
              <img src="/public/logo-nav.png" alt="" srcset="" height="h-20 mx-auto block">
              <button id="closeNav" class="text-3xl text-black">
                  <i class="ri-close-line "></i> <!-- Close icon -->
              </button>
          </div>
          <ul class="mt-8 space-y-2 ">
              <li><a href="/index.html" class="block text-lg px-4">Home</a></li>
              <div class="w-full max-w-md mx-auto bg-white rounded-lg ">
                <!-- Accordion Item 1 -->
                <div class="border-b my-1">
                    <input type="checkbox" id="accordion1" class="peer hidden">
                    <label for="accordion1" class=" text-lg font-inter cursor-pointer border-b-gray-200  transition-all duration-300 py-2 flex justify-between  bg-gray-100  px-5 "><span>Our Products</span> <i class="ri-arrow-down-s-line"></i></label>
                    <div class="max-h-0 overflow-hidden peer-checked:max-h-64 transition-[max-height] duration-500 ease-in-out bg-gray-50 px-4 ">
                        <ul class=" list-inside text-sm text-black categorylist list-none">
                          
                           
                        </ul>
                    </div>
                </div>
                <div class="border-b my-1">
                    <input type="checkbox" id="accordion2" class="peer hidden">
                    <label for="accordion2" class=" text-lg font-inter cursor-pointer border-b-gray-200  transition-all duration-300 py-2 flex justify-between  bg-gray-100  px-5 "><span> About Kalyani</span> <i class="ri-arrow-down-s-line"></i></label>
                    <div class="max-h-0 overflow-hidden peer-checked:max-h-64 transition-[max-height] duration-500 ease-in-out bg-gray-50 px-4 ">
                        <ul class=" list-inside text-black text-sm ">
                          <!-- Categories will be dynamically inserted here -->
                          <li><a href="/view/about/aboutcompany.html" class="block px-4 py-2 hover:bg-orange-50">Company Profile</a></li>
                          <li><a href="/view/about/certificate.html" class="block px-4 py-2 hover:bg-orange-50">Certificate and Membership</a></li>
                          <li><a href="/view/about/about.html" class="block px-4 py-2 hover:bg-orange-50">Quality policy</a></li>
                          <li><a href="/view/about/aboutcooprate.html" class="block px-4 py-2 hover:bg-orange-50">Corporate video</a></li>
                          
                        </ul>
                    </div>
                </div>
                <!-- 🧩 Parent Accordion -->
<div class="border-b my-1">
  <input type="checkbox" id="productacc" class="peer hidden">
  <label for="productacc" class="text-lg font-inter cursor-pointer border-b-gray-200 transition-all duration-300 py-2 flex justify-between bg-gray-100 px-5">
    <span> Our Products</span> <i class="ri-arrow-down-s-line"></i>
  </label>

  <!-- 👇 Nested Accordions Wrapper -->
  <div class="max-h-0 overflow-hidden peer-checked:max-h-[1000px] transition-[max-height] duration-500 ease-in-out bg-gray-50 px-4  productaccording">

    
    

  </div>
</div>

                <div class="border-b my-1">
                    <input type="checkbox" id="accordion3" class="peer hidden">
                    <label for="accordion3" class=" text-lg font-inter cursor-pointer border-b-gray-200  transition-all duration-300 py-2 flex justify-between  bg-gray-100  px-5 "><span>  Business Area</span> <i class="ri-arrow-down-s-line"></i></label>
                    <div class="max-h-0 overflow-hidden peer-checked:max-h-64 transition-[max-height] duration-500 ease-in-out bg-gray-50 px-4 ">
                        <ul class=" list-inside text-black text-sm ">

                          <li><a href="/view/business/domistic_board.html" class="block px-4 py-2 hover:bg-orange-50">Domestic Brand Business</a></li>
                          <li><a href="/view/business/institution.html" class="block px-4 py-2 hover:bg-orange-50">Institutional Business</a></li>
                          <li><a href="/view/business/international.html" class="block px-4 py-2 hover:bg-orange-50"> International Business</a></li>
                          <li><a href="/view/business/manufacture.html" class="block px-4 py-2 hover:bg-orange-50">Contract Manufacturing</a></li>
                          <li><a href="/view/business/kalyanigrow.html" class="block px-4 py-2 hover:bg-orange-50">Grow with Kalyani</a></li>

                        </ul>
                    </div>
                </div>
                <div class="border-b my-1">
                    <input type="checkbox" id="accordion4" class="peer hidden">
                    <label for="accordion4" class=" text-lg font-inter cursor-pointer border-b-gray-200  transition-all duration-300 py-2 flex justify-between  bg-gray-100  px-5 "><span>Key Strength</span> <i class="ri-arrow-down-s-line"></i></label>
                    <div class="max-h-0 overflow-hidden peer-checked:max-h-64 transition-[max-height] duration-500 ease-in-out bg-gray-50 px-4 ">
                        <ul class=" list-inside text-black text-sm ">
                          <!-- Categories will be dynamically inserted here -->
                          <li><a href="/view/key-streangths/manfacture-strength.html" class="block px-4 py-2 hover:bg-orange-50">Manufacturing Strength</a></li>
                          <li><a href="/view/key-streangths/research-development.html" class="block px-4 py-2 hover:bg-orange-50">Research & Development</a></li>
                          <li><a href="/view/key-streangths/product-development.html" class="block px-4 py-2 hover:bg-orange-50">Product Development</a></li>
                          <li><a href="/view/key-streangths/marketing-network.html" class="block px-4 py-2 hover:bg-orange-50">Marketing Network</a></li>
                          <li><a href="/view/key-streangths/packageing.html" class="block px-4 py-2 hover:bg-orange-50">Packaging</a></li>
                  
                        </ul>
                    </div>
                </div>
            
        
                <!-- Accordion Item 2 -->
        
            </div>
            <!-- <li><a href="/view/business/kalyanigrow.html" class="block text-lg px-4">Grow with Kalyani</a></li> -->
            <li><a href="/view/contact.html" class="block text-lg px-4">contact us</a></li>
          
          </ul>
      </div>
            <div id="overlay" class="fixed inset-0 bg-black opacity-0 transition-opacity duration-300 ease-in-out z-40 hidden"></div>

        </div>
      </nav>
      </header>
      <section class="w-full">
        <div class="w-full h-96 lg:h-[518px] relative overflow-hidden">
          <img src="/public/banner/international-bussiness.png" alt="" srcset="" class="absolute z-10 w-full top-0 left-0 h-full object-cover">
          <div class="w-full h-full absolute top-0 left-0 z-20
        [background-image:linear-gradient(360deg,rgba(255,255,255,1)0%,rgba(255,255,255,9)10%,rgba(255,255,255,0.8)28%,rgba(255,255,255,0.7)40%,rgba(255,255,255,0.05)55%,rgba(255,255,255,0)45%)]
         md:[background-image:linear-gradient(90deg,rgba(255,255,255,1)0%,rgba(255,255,255,9)5%,rgba(255,255,255,0.8)15%,rgba(255,255,255,0.7)25%,rgba(255,255,255,0.6)30%,rgba(255,255,255,0.4)40%,rgba(255,255,255,0.1)50%,rgba(255,255,255,0.05)55%,rgba(255,255,255,0)45%)]"></div>
          <div class="w-full lg:w-1/2 h-full absolute top-0 left-0 z-20 flex justify-center items-end lg:items-center">
            <div class="w-full md:w-[550px] ">
              <h5 class=" text-2xl md:text-3xl xl:text-5xl text-orange-500  font-poppins px-2 mb-10">Global Expertise Local Impact in Agrochemicals</h5>
            
            </div>
  
          </div>
          
        </div>
        
      </section>
      <section class="w-full my-16">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-7">
          <div class="px-2 sm:px-3 lg:px-0"><img src="/public/banner/agrochemical.png" alt="" srcset="" class="max-h-[80vh] w-full object-cover rounded-md lg:rounded-e-none lg:rounded-s-md"></div>
          <div class="flex items-center justify-center">
        <div class="lg:w-[501px] px-4 lg:px-0">
          <h2 class="text-3xl md:text-[40px] md:leading-[50px] font-inter">Customized Solutions for Tropical Agriculture</h2>
        
          <p class="text-base text-gray-600 font-inter my-7">Our agrochemicals are specifically designed to thrive in tropical climates. They effectively combat local pests, ensuring robust crop yields.</p>
          <div class="grid lg:grid-cols-2 gap-5">
              <div class="rounded-lg  px-5 py-10">
                  <img src="/public/icon/rings.png" alt="" srcset=""  class="mb-5 w-5">
                  <h5 class="text-lg  mb-3">Climate Adaptation</h5>
                  <p class="text-sm ">Formulations tailored to meet the unique challenges of tropical agriculture.</p>
              </div>
              <div class="rounded-lg  px-5 py-10">
                  <img src="/public/icon/rings.png" alt="" srcset=""  class="mb-5 w-5">
                  <h5 class="text-lg  mb-3">Pest Resistance</h5>
                  <p class="text-sm ">Advanced solutions designed to protect crops from prevalent pests in tropical regions</p>
              </div>
           
      
               </div>
            <!-- <div class="grid lg:grid-cols-2 gap-5">
        <div class="rounded-lg bg-orange-100 px-5 py-10">
            <h5 class="text-xl font-medium mb-3">Farmer Support</h5>
            <p class="text-base font-medium text-[#A09586]">Affordable pricing and expert guidance ensure farmers thrive in their endeavors.</p>
        </div>
        <div class="rounded-lg bg-orange-100 px-5 py-10">
            <h5 class="text-xl font-medium mb-3">Farmer Support</h5>
            <p class="text-base font-medium text-[#A09586]">Affordable pricing and expert guidance ensure farmers thrive in their endeavors.</p>
        </div>

       </div> -->
        </div>
          </div>
         
        </div>
      </section>

    <section class="w-full my-16">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-7">
  <div class="flex items-center justify-center order-2 lg:order-1">
    <div class="lg:w-[501px] px-4 lg:px-0">
        <h2 class="text-3xl md:text-[40px] md:leading-[50px] font-inter">Streamlined Logistics for Global Reach</h2>
      
        <p class="text-base text-gray-600 font-inter my-7">Our strategic logistics hubs ensure that your agrochemical needs are met swiftly and effectively. With a focus on speed and reliability, we deliver the products you need when you need them.</p>
            <div class="grid lg:grid-cols-2 gap-5">
                <div class="rounded-lg  px-5 py-10">
                    <img src="/public/icon/rings.png" alt="" srcset=""  class="mb-5 w-5">
                    <h5 class="text-lg font-medium mb-3">Rapid Delivery</h5>
                    <p class="text-sm ">Experience timely shipments that keep your operations running smoothly and efficiently.</p>
                </div>
                <div class="rounded-lg  px-5 py-10">
                    <img src="/public/icon/rings.png" alt="" srcset=""  class="mb-5 w-5">
                    <h5 class="text-lg font-medium  mb-3">Global Collaboration</h5>
                    <p class="text-sm ">Partnering with NGOs to enhance agricultural practices and support sustainable farming initiatives.</p>
                </div>
             
      
             </div>
          <!-- <div class="grid lg:grid-cols-2 gap-5">
      <div class="rounded-lg bg-orange-100 px-5 py-10">
          <h5 class="text-xl font-medium mb-3">Farmer Support</h5>
          <p class="text-base font-medium text-[#A09586]">Affordable pricing and expert guidance ensure farmers thrive in their endeavors.</p>
      </div>
      <div class="rounded-lg bg-orange-100 px-5 py-10">
          <h5 class="text-xl font-medium mb-3">Farmer Support</h5>
          <p class="text-base font-medium text-[#A09586]">Affordable pricing and expert guidance ensure farmers thrive in their endeavors.</p>
      </div>

     </div> -->
      </div>
  </div>
  <div class="px-2 sm:px-3 lg:px-0 order-1 lg:order-2"><img src="/public/banner/agrochemical.png" alt="" srcset="" class="max-h-[80vh] w-full object-cover rounded-md lg:rounded-e-none lg:rounded-s-md"></div>
</div>
    </section>
    <section class="w-full my-16">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-7">
          <div class="px-2 sm:px-3 lg:px-0"><img src="/public/banner/agrochemical.png" alt="" srcset="" class="max-h-[80vh] w-full object-cover rounded-md lg:rounded-e-none lg:rounded-s-md"></div>
          <div class="flex items-center justify-center">
        <div class="lg:w-[501px] px-4 lg:px-0">
          <h2 class="text-3xl md:text-[40px] md:leading-[50px] font-inter">Partnering for Agricultural Progress Worldwide</h2>
        
            <p class="text-base text-gray-600 font-inter my-7">We work closely with global agricultural NGOs to enhance farming practices and promote sustainable agriculture. Our partnerships ensure that innovative solutions reach the farmers who need them most.</p>
            <div class="mt-5"><a href="/view/contact.html" class="bg-gray-100 px-4 py-2 lg:px-6 lg:py-3 rounded-full text-gray-500 text-inter font-medium text-lg">Join Now</a></div>
            <!-- <div class="grid lg:grid-cols-2 gap-5">
                <div class="rounded-lg  px-5 py-10">
                    <img src="/public/icon/rings.png" alt="" srcset=""  class="mb-5 w-5">
                    <h5 class="text-lg  mb-3">Climate Adaptation</h5>
                    <p class="text-sm ">Formulations tailored to meet the unique challenges of tropical agriculture.</p>
                </div>
                <div class="rounded-lg  px-5 py-10">
                    <img src="/public/icon/rings.png" alt="" srcset=""  class="mb-5 w-5">
                    <h5 class="text-lg  mb-3">Pest Resistance</h5>
                    <p class="text-sm ">Advanced solutions designed to protect crops from prevalent pests in tropical regions</p>
                </div>
             
        
               </div> -->
            <!-- <div class="grid lg:grid-cols-2 gap-5">
        <div class="rounded-lg bg-orange-100 px-5 py-10">
            <h5 class="text-xl font-medium mb-3">Farmer Support</h5>
            <p class="text-base font-medium text-[#A09586]">Affordable pricing and expert guidance ensure farmers thrive in their endeavors.</p>
        </div>
        <div class="rounded-lg bg-orange-100 px-5 py-10">
            <h5 class="text-xl font-medium mb-3">Farmer Support</h5>
            <p class="text-base font-medium text-[#A09586]">Affordable pricing and expert guidance ensure farmers thrive in their endeavors.</p>
        </div>

       </div> -->
        </div>
          </div>
         
        </div>
      </section>
    <section class="w-full bg-cover bg-no-repeat h-[490px] mt-16" style="background-image: url('/public/banner/internation-footer.png');">
        <div class="w-10/12 m-auto flex flex-wrap justify-between">
            <div >
                <h5 class="text-3xl lg:text-[40px] md:leading-[45px] font-poppins md:w-[500px] lg:w-[600px] mb-3">Explore Our Global Solutions</h5>
            <p class="text-gray-600 mb-5 md:w-[500px]">Trusted agrochemicals for healthier crops worldwide.</p>
        </div>
        <div class="mt-5"><a href=" https://demokalyani.skilladders.com/view/business/institution.html" class="bg-orange-500 px-4 py-2 lg:px-6 lg:py-3 rounded-full text-white text-inter font-medium text-lg">Know More</a></div>
        </div>
    </section>
    
         

<!-- WhatsApp Icon -->





<footer class=" pt-16 px-8 md:px-16 2xl:lg:px-32 text-white" style="background-image:url('/public/footerbanner.webp') ; background-repeat: no-repeat; background-size: cover;">
  <!-- Top Section -->
  <div class="flex flex-col md:flex-row justify-between gap-10">
    <!-- Contact Section -->
    
  </div>

  <!-- Divider -->


  <!-- Middle Section -->
  <div class="grid grid-cols-1 lg:grid-cols-11 gap-4 text-base">
    <!-- Company Info and Logo -->
    <div class="col-span-1 md:col-span-3">
      <div class="w-36 aspect-video mb-4">
        <img class="h-full w-full object-contain" src="/public/footerLogo.png" alt="Footer Logo" />
      </div>
      <p>
        Kalyani Industries Ltd., established in 2000, is a leading manufacturer, exporter, and supplier of high-quality products.
      </p>
      <a class="font-semibold underline cursor-pointer">Read More...</a>

      <!-- Social Media Icons -->
      <div class="flex gap-4 mt-8 text-2xl">
        <a href="#"><i class="ri-facebook-circle-fill"></i></a>
        <a href="#"><i class="ri-instagram-fill"></i></a>
        <a href="#"><i class="ri-linkedin-fill"></i></a>
        <a href="#"><i class="ri-twitter-fill"></i></a>
      </div>
    </div>

    <!-- Products Section -->
    <div class="col-span-1 md:col-span-4">
      <h6 class="mb-6 text-lg font-semibold">Our Products</h6>
      <ul class="grid grid-cols-2 text-orange-200 text-base 2xl:text-lg gap-1 " id="footerlist">
        
        
        
      </ul>
    </div>
   
    <!-- Column 2 -->
    <div>
      <h6 class="mb-6 text-lg font-semibold">Company</h6>
      <ul class="space-y-2 text-orange-200  text-base 2xl:text-lg">
        <li><a href="/view/business/kalyanigrow.html">Grow With Us</a></li>
        <li><a href="/view/domistic_board.html">About us</a></li>
        <li><a href="/view/contact.html">Contact us</a></li>
        <!-- <li>Jobs</li>
        <li>In Press</li> -->
      </ul>
    </div>
    <div class="col-span-1 md:col-span-3">
      <div class="flex font-dmSans gap-5 text-base max-w-[320px] ">
        <i class="ri-mail-line text-lg"></i>
        <div class="py-1" >
          <h6 class="text-lg">Mail</h6>
          <a href="mailto:info@kalyanilimited.com"  class="text-sm">info@kalyanilimited.com</a>
        </div>
      </div>
      <div class="flex gap-5 text-base max-w-[320px] py-1">
        <span class="text-2xl"><i class="ri-phone-line"></i></span>
        <div>
          <h6 class="text-lg">tel</h6>
          <a href="tel:912282215489" class="text-sm">+91 22-82215489</a><br />
          <a href="tel:912261278127" class="text-sm">+91 22-61278127</a><br />
          <a href="tel:912261278127" class="text-sm">+91 22-62381265</a><br />
          <a href="tel:912267421923"  class="text-sm">+91 22-67421923</a>
        </div>
      </div>
  
      <!-- Mail Section -->
      
  
      <!-- Address Section -->
      <div class="flex gap-5 text-base max-w-[320px]">
        <span class="text-2xl"><i class="ri-map-pin-line"></i></span>
        <div>
          <h6 class="text-lg"  class="text-base">Address</h6>
          <a href=""  class="text-sm">
            Corporate Office 1202-1204, B Wing, Kailash Business Park, Ghatkopar Powai Link Road, Vikhroli(W), Mumbai -400079.
          </a>
        </div>
      </div>
    </div>
  </div>

  <!-- Divider -->
  <div class="my-4">
    <hr class="border-t-2 border-white opacity-50" />
  </div>

  <!-- Bottom Section -->
  <div class="flex flex-col md:flex-row justify-between text-sm pb-3">
    <p>© 2007-2024 All Rights Reserved with Kalyani Industries Limited.</p>
    <div class="flex gap-4 mt-4 md:mt-0">
      <a href="#" class="underline">Privacy Policy</a>
      <a href="#" class="underline">Terms of Use</a>
    </div>
  </div>
</footer>
  

     
    </main>

    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="floating-wpp.min.js"></script>
    <script type="text/javascript" src="https://control.msg91.com/app/assets/widget/chat-widget.js"> </script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="/src/assests/js/scripts.js"></script>
    <script src="/src/assests/js/api.js"></script>
  </body>
</html>