MMCT TEAM
Server IP : 217.21.85.138  /  Your IP : 216.73.216.103
Web Server : LiteSpeed
System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64
User : u915722082 ( 915722082)
PHP Version : 7.4.33
Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF
Directory (0755) :  /home/u915722082/.nvm/../public_html/sbm/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/u915722082/.nvm/../public_html/sbm/index.html
<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Shri Balaji Minmet | Leading Ferro Alloys Supplier & Exporter in India</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="thedotstudios">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="description" content="Shri Balaji Minmet is a trusted ferro alloys supplier in India, offering Silico Manganese, Ferro Manganese, Ferro Chrome, and Ferro Silicon with reliable delivery and global export expertise.">
<meta name="keywords" content="Ferro alloys company, Ferro alloys supplier, Silico manganese, Ferro manganese, Ferro Chrome, Ferro Silicon, Low Carbon Silico Manganese, High Carbon Ferro Manganese, Ferro Alloys Exporter India, Ferro Alloys Manufacturer, Ferro Alloys Supplier India">
<link rel="shortcut icon" href="assets/images/FAVICON.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link rel="stylesheet" href="assets/css/vendors.min.css">
<link rel="stylesheet" href="assets/css/icon.min.css">
<link rel="stylesheet" href="assets/css/style.min.css">
<link rel="stylesheet" href="assets/css/responsive.min.css">

<meta property="og:title" content="Shri Balaji Minmet | Premium Ferro Alloys Exporter in India">
<meta property="og:description" content="Explore high-quality ferro alloys including Silico Manganese, Ferro Manganese, Ferro Chrome, and Ferro Silicon – trusted globally for reliability and performance.">
<meta property="og:type" content="website">


<style>
    @media screen and (min-width:1000px){.background_position{position:relative;top:60px}}@keyframes blinkText{0%{color:#fff}50%{color:#dad8d8}100%{color:#fff}}.form-control,.form-select,input,select,textarea{color:#fff!important}.blink-text{animation:blinkText 1.5s infinite}#myBtn:hover{border:1px solid #db2124}#myBtn:hover span{color:#db2124!important}
</style>
</head>
<body data-mobile-nav-style="classic">

<header>
    <!-- Top Bar -->
    <div class="header-top-bar top-bar-dark bg-base-color">
        <div class="container-fluid">
            <div class="row h-30px align-items-center m-0">
                <div class="col-12 text-center justify-content-center">
                    <div class="fs-12 text-white">
                        Built for Reliability. Backed by Experience
                        <!-- <a href="#products" class="btn btn-link-gradient btn-small text-white thin">
                            Explore Products
                            <i class="feather icon-feather-arrow-right"></i>
                            <span class="bg-white opacity-4"></span>
                        </a> -->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg header-light text-white bg-none header-reverse" data-header-hover="light">
        <div class="container borderr">
            <!-- Logo -->
            <div class="col-auto">
                <a class="navbar-brand" href="index.html">
                    <img src="assets/images/LOGO_WHITE.png" data-at2x="assets/images/LOGO_WHITE.png" alt="Company logo" class="default-logo">
                    <img src="assets/images/LOGO.png" data-at2x="assets/images/LOGO.png" alt="Company logo" class="alt-logo">
                    <img src="assets/images/LOGO.png" data-at2x="assets/images/LOGO.png" alt="Company logo" class="mobile-logo">
                </a>
            </div>

            <!-- Navigation Links -->
            <div class="col-auto menu-order left-nav">
                <button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
                    <span class="navbar-toggler-line"></span>
                    <span class="navbar-toggler-line"></span>
                    <span class="navbar-toggler-line"></span>
                    <span class="navbar-toggler-line"></span>
                </button>
                <div class="collapse navbar-collapse justify-content-center" id="navbarNav">
                    <ul class="navbar-nav">
                        <li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
                        <li class="nav-item dropdown dropdown-with-icon-style02">
                                <a href="about.html" class="nav-link">About</a>
                                <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
                                <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1">
                                    <li><a href="about.html#OurJourney"></i>Our Journey</a></li>
                                    <li><a href="about.html#Whyus"></i>Why Us</a></li>
                                    <li><a href="about.html#OurFounders"></i>Our Founders</a></li>
                                </ul>
                            </li>
                        <!-- <li class="nav-item"><a href="#service" class="nav-link">Services</a></li> -->
                        <li class="nav-item"><a href="products.html" class="nav-link">Product</a></li>
                        <li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
                        
                        <!-- <li class="nav-item smallScreenshow_01"><a href="" class="nav-link" style="font-size: 18px !important;">Silico Manganese <i class="fa-solid fa-indian-rupee-sign"></i> 75000</a></li> -->
                        <li class="nav-item dropdown dropdown-with-icon-style02 smallScreenshow_01">
                            <a href="" class="nav-link">Language</a>
                            <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1">
                                <li><a href=""></i>ZH</a></li>
                                <li><a href=""></i>ENG</a></li>
                                <li><a href=""></i>ES</a></li>
                                <li><a href=""></i>RU</a></li>
                            </ul>
                        </li> 
                    </ul>
                </div>
            </div>
            <!-- <div class="col-auto smallScreenHide_01">
                <ul class="navbar-nav">
                    <li class="nav-itm"><a href="" class="text-white" style="font-size: 18px !important;">Silico Manganese <i class="fa-solid fa-indian-rupee-sign"></i> 75000</a></li>
                </ul>
            </div>
             -->
            <!-- Contact Info -->
             <div class="col-auto ms-auto ps-lg-0 d-none d-sm-flex">
                <div class="d-none d-xl-flex me-25px xl-me-0">
                    <div class="d-flex align-items-center slidee fw-600">
                        <a href="tel:+91 98841 42441">
                            <span class="d-inline-block align-middle me-10px bg-very-light-green h-45px w-45px lh-50 text-center rounded-circle text-base-color">
                                <i class="feather icon-feather-phone-call"></i>
                            </span>
                            <span class="d-none d-xxl-inline-block align-middle">+91 98841 42441</span>
                        </a>
                    </div>
                </div>
                <div class="header-icon">
                    <div class="header-button">
                        <a href="contact.html" class="btn border-1 btn-base-color btn-small btn-rounded left-icon btn-switch-text">
                            <span>
                                <span><i class="fa-regular fa-envelope"></i></span>
                                <span class="btn-double-text" data-text="Request for Quote">Request for Quote</span>
                            </span>
                        </a>
                    </div>
                </div>
                
            </div>
        </div>
            <ul class="navbar-nav position-absolute lang-dropdown right-50px  smallScreenHide_01">                      
                <li class="nav-item dropdown dropdown-with-icon-style02 lang-menu">
                    <a href="#" class="nav-link">EN <i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown-menu text-center">
                        <li><a href="#">ZH</a></li>
                        <!-- <li class="bg-base-color"><a href="#" class="text-white">EN</a></li> -->
                        <li><a href="#">ES</a></li>
                        <li><a href="#">RU</a></li>
                    </ul>
                </li>
            </ul>

    </nav>
</header>

<section class="p-0 full-screen md-h-650px  section-dark" data-parallax-background-ratio="0.8" style="background-image: url('assets/images/BANNERSBM.png')">
    <div class="container h-100">
        <div class="row align-items-center h-100">
            <div class="col-xl-7 col-md-9 col-sm-9 position-relative text-white" data-anime='{"el":"childs","opacity":[0,1],"translateY":[30,0],"staggervalue":200,"easing":"easeInOutSine"}'>
                <div class="fs-80 sm-fs-65 fw-600 mb-20px position-relative top-50px lh-85">
                    <span>Forging Strength, Delivering Excellence</span>
                </div>
                <div>
                    <span class=" fs-20 w-85 md-w-85 mb-25px fw-300 d-inline-block position-relative top-50px">
                       Your one-stop source for all types and grades of ferroalloys - trusted by global partners for fast deliveries, quality assurance, and a commitment to excellence.
                    </span>
                </div>
                <div class="icon-with-text-style-08 position-relative top-50px">
                   <div class="feature-box feature-box-left-icon-middle">
                        <div class="feature-box-icon feature-box-icon-rounded w-65px h-65px rounded-circle bg-yellow me-15px rounded-box">
                            <i class="feather icon-feather-arrow-right text-white icon-extra-medium"></i>
                        </div>
                        <div class="feature-box-content">
                            <a href="#service" class="d-inline-block fs-19 text-white text-shadow-double-large">Explore services</a>
                        </div>
                    </div>
                </div>
           
                 <div class="background-position-center-top smallposition p-0 background_position">
                    <h4 class="text-white text-shadow-double-large mt-30px mb-5px">Silico Manganese</h4>
                    <p class="fs-20">29 June 2025 - 75000 </p>
                    <!-- <div class="row position-relative clients-style-08">
                        <div class="col swiper text-center feather-shadow swiper-initialized swiper-horizontal swiper-backface-hidden"
                            data-slider-options='{
                                "slidesPerView": 2,
                                "spaceBetween": 0,
                                "speed": 4000,
                                "loop": true,
                                "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false },
                                "allowTouchMove": false,
                                "autoplay": { "delay": 0, "disableOnInteraction": false },
                                "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" },
                                "keyboard": { "enabled": true, "onlyInViewport": true },
                                "breakpoints": { "992": { "slidesPerView": 4 }, "768": { "slidesPerView": 3 } },
                                "effect": "slide"
                            }'>
                            <div class="swiper-wrapper marquee-slide">
                                <div class="swiper-slide"><a href="#"><img src="assets/images/envato-001.png" class="h-40px xs-h-30px" alt=""></a></div>
                                <div class="swiper-slide"><a href="#"><img src="assets/images/envato-001.png" class="h-40px xs-h-30px" alt=""></a></div>
                                <div class="swiper-slide"><a href="#"><img src="assets/images/envato-001.png" class="h-40px xs-h-30px" alt=""></a></div>
                                <div class="swiper-slide"><a href="#"><img src="assets/images/envato-001.png" class="h-40px xs-h-30px" alt=""></a></div>
                                <div class="swiper-slide"><a href="#"><img src="assets/images/envato-001.png" class="h-40px xs-h-30px" alt=""></a></div>
                                <div class="swiper-slide"><a href="#"><img src="assets/images/envato-001.png" class="h-40px xs-h-30px" alt=""></a></div>
                            </div>
                            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>

    <!-- Video Box + Contact Form -->
    <div class="position-absolute md-position-relative right-210px xxl-right-25px md-right-0px bottom-minus-5px z-index-1 w-35 xl-w-45 md-w-100 md-bottom-minus-0px md-mt-6">
        <div class="row border-radius-10px lg-no-border-radius overflow-hidden g-0 md-ps-5 md-pe-5 sm-pb-15px">
            <div class="col-md-5 position-relative cover-background sm-h-300px sm-mb-30px" style="background-image:url('assets/images/THUMB_IMAGE.png');">
                <a href="#videoSection" class="absolute-middle-center text-center rounded-circle video-icon-box video-icon-large">
                    <span class="video-icon bg-white">
                        <i class="fa-solid fa-play text-black"></i>
                        <span class="video-icon-sonar">
                            <span class="video-icon-sonar-bfr border border-color-white"></span>
                        </span>
                    </span>
                </a>
            </div>
            <div class="col-md-7 p-7 sm-p-0 bg-white text-center">
                <div class="fs-24 lg-fs-20 lh-32 lg-lh-24 text-black ls-minus-1px mb-20px md-mb-15px">
                    Drop Your Number for quick and prompt assistance
                </div>
                <div class="d-inline-block w-100 newsletter-style-02 position-relative">
                    <form action="#" method="post" class="position-relative w-100">
                        <input class="bg-transparent border-color-base-color w-100 form-control required" type="email" name="email" placeholder="Enter Mobile Number">
                        <input type="hidden" name="redirect" value="">
                        <button class="btn submit bg-base-color btn_hoverr" aria-label="submit">
                            <i class="icon bi bi-arrow-right icon-small text-white"></i>
                        </button>
                        <div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-12 lh-18 mt-10px w-100 text-center position-absolute d-none"></div>
                    </form>
                </div>
                <span class="fs-12 lh-20 mt-5px d-inline-block">We’re Just a Call Away!.</span>
            </div>
        </div>
    </div>
</section>

<section id="about">
    <div class="container">
        <div class="row justify-content-center mb-6 md-mb-50px">
            <div class="col-lg-7 col-12 md-mb-35px last-paragraph-no-margin" data-anime='{"el":"childs","translateY":[30,0],"opacity":[0,1],"duration":600,"delay":0,"staggervalue":300,"easing":"easeOutQuad"}'>
                <div class="mb-10px">
                    <!-- <span class="w-30px h-2px fs-15 d-inline-block bg-base-color me-5px align-middle"></span> -->
                    <span class="bg-very-light-green text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px appear anime-complete">
                        Get In Touch
                    </span>
                </div>
                <h2 class="text-black fw-700 fs-60">Your Reliable Ferro Alloy Supply Partner</h2>
                <p class="w-85 lg-w-100">
                    Shri Balaji Minmet is a fast-growing premium ferro alloys supplier & catering to the evolving needs of global steelmakers and foundries. Since our inception in 2021, we've built a reputation for reliability, swift deliveries, and a comprehensive product portfolio – all under one roof.
                </p>
            </div>

            <div class="col-xl-4 col-lg-5 offset-xl-1 col-12">
                <div class="border-radius-10px overflow-hidden" data-anime='{"translateY":[30,0],"opacity":[0,1],"duration":600,"delay":0,"staggervalue":300,"easing":"easeOutQuad"}'>
                    <div class="p-30px bg-very-light-green text-center">
                        <span class="fs-24 ls-minus-05px fw-600 text-black">Committed to Quality <br> Since 2021</span>
                    </div>
                    <div class="feature-box feature-box-left-icon-middle bg-base-color p-8 overflow-hidden last-paragraph-no-margin">
                        <div class="feature-box-icon me-15px">
                            <img src="assets/images/user_icon.png" alt="">
                        </div>
                        <div class="feature-box-content text-center">
                            <span class="d-inline-block fs-45 xl-fs-30 lg-fs-24 text-white fw-700 ls-minus-2px">100 +</span>
                            <p class="text-white fs-18">Happy clients</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Four Feature Cards -->
        <div class="row row-cols-2 row-cols-lg-4 row-cols-sm-2 justify-content-center mb-6 sm-mb-50px" data-anime='{"el":"childs","translateY":[30,0],"opacity":[0,1],"duration":600,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>
            <div class="col custom-icon-with-text-style-02 border-end xs-border-end-0 md-mb-30px">
                <div class="feature-box last-paragraph-no-margin">
                    <div class="feature-box-icon">
                        <img class="custom-image-icon mb-30px" src="assets/images/icon/ALLOY_HUB.png" alt="">
                    </div>
                    <div class="feature-box-content">
                        <span class="d-block fs-20 fw-600 text-black mb-10px">Alloy Hub</span>
                        <p class="w-80 xl-w-100 mx-auto">All solutions under one roof, tailored precisely.</p>
                    </div>
                </div>
            </div>

            <div class="col custom-icon-with-text-style-02 border-end md-border-end-0 md-mb-30px">
                <div class="feature-box last-paragraph-no-margin">
                    <div class="feature-box-icon">
                        <img class="custom-image-icon mb-30px" src="assets/images/icon/FAST_LOGISTICS.png" alt="">
                    </div>
                    <div class="feature-box-content">
                        <span class="d-block fs-20 fw-600 text-black mb-10px">Fast Logistics</span>
                        <p class="w-80 xl-w-100 mx-auto">Swift deliveries backed by a dependable supply network.</p>
                    </div>
                </div>
            </div>

            <div class="col custom-icon-with-text-style-02 border-end xs-border-end-0 xs-mb-30px">
                <div class="feature-box last-paragraph-no-margin">
                    <div class="feature-box-icon">
                        <img class="custom-image-icon mb-30px" src="assets/images/icon/FAIR_TRADE.png" alt="">
                    </div>
                    <div class="feature-box-content">
                        <span class="d-block fs-20 fw-600 text-black mb-10px">Fair Trade</span>
                        <p class="w-80 xl-w-100 mx-auto">Ethical, transparent practices in every business transaction.</p>
                    </div>
                </div>
            </div>

            <div class="col custom-icon-with-text-style-02">
                <div class="feature-box last-paragraph-no-margin">
                    <div class="feature-box-icon">
                        <img class="custom-image-icon mb-30px" src="assets/images/icon/GREEN_OPERATION.png" alt="">
                    </div>
                    <div class="feature-box-content">
                        <span class="d-block fs-20 fw-600 text-black mb-10px">Green Operations</span>
                        <p class="w-80 xl-w-100 mx-auto">Eco-friendly methods ensuring sustainable industry impact.</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Bottom CTA Row -->
        <div class="row justify-content-center g-0 pt-3" data-anime='{"translateY":[30,0],"opacity":[0,1],"duration":600,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>
            <div class="col-auto pt-15px pb-15px ps-40px pe-40px md-ps-25px md-pe-25px bg-very-light-green border-radius-100px">
                <div class="feature-box feature-box-left-icon-middle">
                    <div class="feature-box-content text-black fs-18">
                        Join Our Growing Global Network -
                        <a href="#products" class="text-black fw-600"> Explore Materials</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="pt-0 pb-0 ps-8 pe-8 lg-ps-3 lg-pe-3 position-relative xs-px-0" id="videoSection">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 position-relative">
                
                <video
                    src="assets/video/Foundry.mp4"
                    autoplay
                    muted
                    loop
                    playsinline
                    style="user-select: none !important; width: 100%; border-radius: 8px;">
                </video>

                <div class="absolute-middle-right top-0px right-12 border-radius-100 xl-h-180px xl-w-180px sm-w-110px sm-h-110px">
                    <img src="assets/images/Circle2.png" class="position-absolute top-50 translate-middle-y" alt="">
                    <img src="assets/images/circle-01.png" class="animation-rotation" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

<section class="pb-14 sm-pb-50px position-relative overflow-hidden" id="sustainability">
    <div class="container">

        <!-- Section Heading -->
        <div class="row mb-6 text-center" data-anime='{"el":"childs","translateY":[30,0],"opacity":[0,1],"duration":600,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>
            <div class="col pt-4">
                <span class="bg-very-light-green text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Strength Rooted in Alloy</span>
                <h2 class="fw-700 mb-0 text-black ls-minus-2px">Evolving Needs & Expanding Capabilities</h2>
            </div>
        </div>

        <!-- Content Row -->
        <div class="row align-items-center justify-content-center text-lg-start text-center">

            <!-- Text Block -->
            <div class="col-xl-4 col-lg-5 col-md-9 lg-mb-6 sm-mb-50px" data-anime='{"el":"childs","translateY":[30,0],"opacity":[0,1],"duration":600,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>
                <img src="assets/images/icon/GLOBAL_TRUST.png" alt="" class="mb-20px">
                <h4 class="fw-700 text-black ls-minus-1px mb-20px">Forging Global <br> Trust</h4>
                <p class="mb-35px w-90 lg-w-100">
                    At Shri Balaji Minmet, precision, speed, and trust define our journey. Since our start in 2021 with Silico Manganese, we’ve grown into a full-fledged ferro alloys supplier. Today, we serve global steelmakers and foundries with a diverse product range, consistent quality, and a commitment to reliable, timely delivery.
                </p>
                <a href="#products" class="btn btn-large btn-dark-gray btn-rounded btn-switch-text">
                    <span>
                        <span class="btn-double-text" data-text="View Products">View Products</span>
                        <span><i class="feather icon-feather-arrow-right"></i></span>
                    </span>
                </a>
            </div>

            <!-- Image Block -->
            <div class="col-xl-5 col-lg-7 lg-mb-6 sm-mb-50px position-relative" data-anime='{"opacity":[0,1],"duration":600,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>
                <img src="assets/images/Forging_Global_Trust.png" alt="" class="border-radius-15px sm-w-85 sm-text-start">
                <img src="assets/images/circle-full.png" alt="" class="position-absolute top-15px right-10px xxl-top-30px xl-top-50px xl-right-minus-80px lg-right-0px lg-top-100px md-top-30px md-right-30px z-index-minus-1 d-md-block d-none">

                <!-- Years of Experience Badge -->
                <div class="d-inline-flex flex-column justify-content-center text-center align-items-center rounded-circle h-170px w-170px xs-h-130px xs-w-130px text-white bg-base-color fw-500 fs-26 lh-32 ps-10px pe-10px position-absolute bottom-60px right-30px xxl-right-minus-20px lg-right-40px md-right-100px md-bottom-40px sm-left-10px sm-bottom-20px z-index-1">
                    <h3 class="mb-0 fw-700 ls-minus-2px">04+</h3>
                    <span class="fs-15 lh-18 w-80">Years of Expertise</span>
                </div>
            </div>

            <!-- Counters Column -->
            <div class="col-xl-2 ms-6 lg-ms-0" data-anime='{"el":"childs","translateY":[30,0],"opacity":[0,1],"duration":600,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>
                <div class="row">
                    <div class="col-lg-auto col-md-12 col-4 mb-50px lg-mb-30px">
                        <h2 class="fw-700 text-black ls-minus-3px mb-5px counter counter2" data-speed="2000" data-to="15"></h2>
                        <span class="d-inline-block lh-22 w-85 md-w-100 lg-w-60">Countries Shipping</span>
                    </div>
                    <div class="col-lg-auto col-md-12 col-4 mb-50px lg-mb-30px">
                        <h2 class="fw-700 text-black ls-minus-3px mb-5px counter counter2" data-speed="2000" data-to="8"></h2>
                        <span class="d-inline-block lh-22 w-85 md-w-85 lg-w-60">Core Ferro Alloys</span>
                    </div>
                    <div class="col-lg-auto col-md-12 col-4 mb-50px lg-mb-30px">
                        <h2 class="fw-700 text-black ls-minus-3px mb-5px counter counter2" data-speed="2000" data-to="100"></h2>
                        <span class="d-inline-block lh-22 w-85 md-w-85 lg-w-60">Satisfied Clients</span>
                    </div>
                </div>
            </div>

        </div>

    </div>

    <!-- Large Background Text -->
    <div class="position-absolute bottom-minus-40px lg-bottom-minus-20px text-center w-100 fs-180 xxl-fs-180 xl-fs-180 lg-fs-140 d-none d-md-block text-gradient-light-text z-index-minus-2 ls-minus-8px fw-700"
         data-anime='{"translateY":[30,0],"opacity":[0,1],"duration":1200,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>
        BALAJI MINMET 
    </div>
</section>


    <section class="py-0 ps-7 overflow-hidden pe-0 xl-ps-5 xl-pe-0 lg-ps-3 lg-pe-0 xs-ps-15px xs-pe-0" id="products">
        <div class=" bg-very-light-green border-radius-20px lg-border-radius-0px  pt-7 pb-7 lg-pt-5 lg-pb-5 lg-ps-3 lg-pe-3 sm-pt-50px sm-pb-50px">
        <div class="container">
        <div class="row align-items-center mb-5 sm-mb-9 text-center text-md-start" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <div class="col-lg-5 col-md-6 md-mb-20px">
            <span class="bg-very-light-green text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px appear anime-complete  ">Our Products</span>
            <h3 class="text-black fw-700 mb-0 ls-minus-1px">Alloy Solutions</h3>
        </div>
        <div class="col-lg-5 col-md-6 last-paragraph-no-margin md-mb-20px">
        <p class="w-80 xl-w-100 mx-auto">At Shri Balaji Minmet, we provide a comprehensive basket of high-quality ferro alloys, meeting the diverse needs of global steel and foundry industries.</p>
        </div>
        <div class="col-lg-2 d-flex justify-content-center justify-content-xl-end">

        <div class="slider-one-slide-prev-1 icon-extra-medium text-black swiper-button-prev slider-navigation-style-04 bg-white box-shadow-medium-bottom">
        <i class="feather icon-feather-arrow-left"></i>
        </div>
        <div class="slider-one-slide-next-1 icon-extra-medium text-black swiper-button-next slider-navigation-style-04 bg-white box-shadow-medium-bottom">
        <i class="feather icon-feather-arrow-right"></i>
        </div>

        </div>
        </div>
        <div class="row align-items-center mb-5 xs-mb-30px">
        <div class="col-12" data-anime="{ &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <div class="outside-box-right-25  sm-outside-box-right-0">
        <div class="swiper slider-one-slide" data-slider-options='{
  "slidesPerView": 1,
  "spaceBetween": 10,
  "loop": true,
  "navigation": {
    "nextEl": ".slider-one-slide-next-1",
    "prevEl": ".slider-one-slide-prev-1"
  },
  "autoplay": {
    "delay": 2000,
    "disableOnInteraction": false
  },
  "keyboard": {
    "enabled": true,
    "onlyInViewport": true
  },
  "breakpoints": {
    "1200": { "slidesPerView": 4 },
    "992": { "slidesPerView": 3 },
    "768": { "slidesPerView": 2 },
    "320": { "slidesPerView": 1 }
  },
  "effect": "slide"
}
'>
        <div class="swiper-wrapper image-gallery-style-01">

        <div class="swiper-slide transition-inner-all">
        <div class="gallery-box">
            <ul class="portfolio-wrapper grid-loading grid gutter-extra-large">
                <li class="grid-sizer"></li>
                
                <li class="grid-item design transition-inner-all">
                <div class="services-box-style-06 border-radius-6px hover-box overflow-hidden border">
                <div class="image">
                <a>
                <img src="assets/images/SILICO_MANGANESE/HIGH_CARBON_SILICO_MANGANESE.png" alt="">
                </a>
                </div>
                <div class="bg-white position-relative">
                <div class="bg-dark-gray w-80px h-80px md-w-75px md-h-75px rounded-circle d-flex justify-content-center align-items-center fw-500 text-white fs-20 position-absolute right-30px top-minus-40px">
                    <div class="imagee w-100">
                        <img src="assets/images/industry-01.png" alt="icon" class="imgg" >
                    </div>
                </div>
                <div class="ps-35px pe-35px pt-30px pb-30px xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
                <span class="d-block mb-10px"><a class="text-black text-uppercase fs-12 fw-600 services-tet">Silico Manganese
                </a></span>
                <div class="d-flex align-items-center mb-5px">
                <a class="text-black fw-600 fs-19 md-fs-18 lh-28 w-90">High Carbon Silico <br> Manganese</a>
                </div>
                <div class="d-flex align-items-center">
                <div class="d-inline-block me-auto">
               
                <div class="fs-15 float-start ms-5px position-relative top-2px"></div>
                </div>
                </div>
                </div>
                <div class="d-flex justify-content-center align-items-center ps-35px pe-35px xl-ps-20px xl-pe-20px pt-15px pb-20px">
                <div class="me-auto">
                <!-- <i class="feather icon-feather-clipboar text-black d-inline-block me-5px"></i><span class="fs-16 text-black fw-500">4 KG</span> -->
                </div>
                <div class="d-flex align-items-center">
                <i class="feather icon-feather-usr text-black d-inline-block me-5px"></i> <a href="#" id="openModal2"><span class="fs-16 text-black fw-500">View</span>
                </a>
                </div>
                </div>
                </div>
                </div>
                </li>        
                
                </ul>
        </div>
        </div>


        <div class="swiper-slide transition-inner-all">
        <div class="gallery-box">
            <ul class="portfolio-wrapper grid-loading grid gutter-extra-large">
                <li class="grid-sizer"></li>
                
                <li class="grid-item design transition-inner-all">
                <div class="services-box-style-06 border-radius-6px hover-box overflow-hidden border">
                <div class="image">
                <a >
                <img src="assets/images/SILICO_MANGANESE/LOW_CARBON_SILICO_MANGANESE.png" alt="products image">
                </a>
                </div>
                <div class="bg-white position-relative">
                <div class="bg-dark-gray w-80px h-80px md-w-75px md-h-75px rounded-circle d-flex justify-content-center align-items-center fw-500 text-white fs-20 position-absolute right-30px top-minus-40px">
                    <div class="imagee w-100">
                        <img src="assets/images/industry-01.png" alt="icon" class="imgg" >
                    </div>
                </div>
                <div class="ps-35px pe-35px pt-30px pb-30px xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
                <span class="d-block mb-10px"><a class="text-black text-uppercase fs-12 fw-600 services-txt">Silico Manganese
                </a></span>
                <div class="d-flex align-items-center mb-5px">
                <a class="text-black fw-600 fs-19 md-fs-18 lh-28 w-90">Low Carbon Silico <br> Manganese
                </a>
                </div>
                <div class="d-flex align-items-center">
                <div class="d-inline-block me-auto">
               
                <div class="fs-15 float-start ms-5px position-relative top-2px"></div>
                </div>
                </div>
                </div>
                <div class="d-flex justify-content-center align-items-center ps-35px pe-35px xl-ps-20px xl-pe-20px pt-15px pb-20px">
                <div class="me-auto">
                <!-- <i class="feather icon-feather-clipboar text-black d-inline-block me-5px"></i><span class="fs-16 text-black fw-500">17 KG</span> -->
                </div>
                <div class="d-flex align-items-center">
                    <a href="#" id="openModal1"><span class="fs-16 text-black fw-500">View</span>
                    </a>
                </div>
                </div>
                </div>
                </div>
                </li>        
                
                </ul>
        </div>
        </div>


        <div class="swiper-slide transition-inner-all">
        <div class="gallery-box">
            <ul class="portfolio-wrapper grid-loading grid gutter-extra-large">
                <li class="grid-sizer"></li>
                
                <li class="grid-item design transition-inner-all">
                <div class="services-box-style-06 border-radius-6px hover-box overflow-hidden border">
                <div class="image">
                <a >
                <img src="assets/images/FERRO_MANGANESE/FERRO_MANGANESE_HIGH_CARBON.png" alt="">
                </a>
                </div>
                <div class="bg-white position-relative">
                <div class="bg-dark-gray w-80px h-80px md-w-75px md-h-75px rounded-circle d-flex justify-content-center align-items-center fw-500 text-white fs-20 position-absolute right-30px top-minus-40px"> <div class="imagee w-100">
                    <img src="assets/images/industry-01.png" alt="icon" class="imgg" >
                </div></div>
                <div class="ps-35px pe-35px pt-30px pb-30px xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
                <span class="d-block mb-10px"><a  class="text-black text-uppercase fs-12 fw-600 services-ext">Ferro Manganese
                </a></span>
                <div class="d-flex align-items-center mb-5px">
                <a class="text-black fw-600 fs-19 md-fs-18 lh-28 w-90">High Carbon Ferro <br> Manganese
                </a>
                </div>
                <div class="d-flex align-items-center">
                <div class="d-inline-block me-auto">
               
                <div class="fs-15 float-start ms-5px position-relative top-2px"></div>
                </div>
                </div>
                </div>
                <div class="d-flex justify-content-center align-items-center ps-35px pe-35px xl-ps-20px xl-pe-20px pt-15px pb-20px">
                <div class="me-auto">
                <!-- <i class="feather icon-feather-clipboar text-black d-inline-block me-5px"></i><span class="fs-16 text-black fw-500">21 KG</span> -->
                </div>
                <div class="d-flex align-items-center">
                <i class="feather icon-feather-use text-black d-inline-block me-5px"></i>
                <a href="#" id="openModal"><span class="fs-16 text-black fw-500">View</span>
                </a>
                </div>
                </div>
                </div>
                </div>
                </li>        
                
                </ul>
        </div>
        </div>


        <div class="swiper-slide transition-inner-all">
        <div class="gallery-box">
            <ul class="portfolio-wrapper grid-loading grid gutter-extra-large">
                <li class="grid-sizer"></li>
                
                <li class="grid-item design transition-inner-all">
                <div class="services-box-style-06 border-radius-6px hover-box overflow-hidden border">
                <div class="image">
                <a >
                <img src="assets/images/FERRO_MANGANESE/FERRO_MANGANESE_MEDIUM_CARBON.png" alt="">
                </a>
                </div>
                <div class="bg-white position-relative">
                <div class="bg-dark-gray w-80px h-80px md-w-75px md-h-75px rounded-circle d-flex justify-content-center align-items-center fw-500 text-white fs-20 position-absolute right-30px top-minus-40px"> <div class="imagee w-100">
                    <img src="assets/images/industry-01.png" alt="icon" class="imgg" >
                </div></div>
                <div class="ps-35px pe-35px pt-30px pb-30px xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
                <span class="d-block mb-10px"><a  class="text-black text-uppercase fs-12 fw-600 services-txt">Ferro Manganese
                </a></span>
                <div class="d-flex align-items-center mb-5px">
                <a  class="text-black fw-600 fs-19 md-fs-18 lh-28 w-90">Medium Carbon Ferro <br> Manganese
                </a>
                </div>
                <div class="d-flex align-items-center">
                <div class="d-inline-block me-auto">
               
                <div class="fs-15 float-start ms-5px position-relative top-2px"></div>
                </div>
                </div>
                </div>
                <div class="d-flex justify-content-center align-items-center ps-35px pe-35px xl-ps-20px xl-pe-20px pt-15px pb-20px">
                <div class="me-auto">
                <!-- <i class="feather icon-feather-clipboar text-black d-inline-block me-5px"></i><span class="fs-16 text-black fw-500">33 KG</span> -->
                </div>
                <div class="d-flex align-items-center">
                <i class="feather icon-feather-usr text-black d-inline-block me-5px"></i> <a href="#" id="openModal3"><span class="fs-16 text-black fw-500">View</span>
                </a>
                </div>
                </div>
                </div>
                </div>
                </li>        
                
                </ul>
        </div>
        </div>


        <div class="swiper-slide transition-inner-all">
        <div class="gallery-box">
            <ul class="portfolio-wrapper grid-loading grid gutter-extra-large">
                <li class="grid-sizer"></li>
                
                <li class="grid-item design transition-inner-all">
                <div class="services-box-style-06 border-radius-6px hover-box overflow-hidden border">
                <div class="image">
                <a>
                <img src="assets/images/FERRO_MANGANESE/FERRO_MANGANESE_LOW_CARBON.png" alt="">
                </a>
                </div>
                <div class="bg-white position-relative">
                <div class="bg-dark-gray w-80px h-80px md-w-75px md-h-75px rounded-circle d-flex justify-content-center align-items-center fw-500 text-white fs-20 position-absolute right-30px top-minus-40px"> <div class="imagee w-100">
                    <img src="assets/images/industry-01.png" alt="icon" class="imgg" >
                </div></div>
                <div class="ps-35px pe-35px pt-30px pb-30px xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
                <span class="d-block mb-10px"><a class="text-black text-uppercase fs-12 fw-600 services-txt">Ferro Manganese
                </a></span>
                <div class="d-flex align-items-center mb-5px">
                <a class="text-black fw-600 fs-19 md-fs-18 lh-28 w-90">Low Carbon Ferro <br> Manganese
                </a>
                </div>
                <div class="d-flex align-items-center">
                <div class="d-inline-block me-auto">
               
                <div class="fs-15 float-start ms-5px position-relative top-2px"></div>
                </div>
                </div>
                </div>
                <div class="d-flex justify-content-center align-items-center ps-35px pe-35px xl-ps-20px xl-pe-20px pt-15px pb-20px">
                <div class="me-auto">
                <!-- <i class="feather icon-feather-clipboar text-black d-inline-block me-5px"></i><span class="fs-16 text-black fw-500">425 KG </span> -->
                </div>
                <div class="d-flex align-items-center">
                <i class="feather icon-feather text-black d-inline-block me-5px"></i> <a href="#" id="openModal4"><span class="fs-16 text-black fw-500">View</span>
                </a>
                </div>
                </div>
                </div>
                </div>
                </li>        
                
                </ul>
        </div>
        </div>

        <div class="swiper-slide transition-inner-all">
        <div class="gallery-box">
            <ul class="portfolio-wrapper grid-loading grid gutter-extra-large">
                <li class="grid-sizer"></li>
                
                <li class="grid-item design transition-inner-all">
                <div class="services-box-style-06 border-radius-6px hover-box overflow-hidden border">
                <div class="image">
                <a>
                <img src="assets/images/CARBON_Ferro/HIGH_CARBON_Ferro_Chrome.png" alt="">
                </a>
                </div>
                <div class="bg-white position-relative">
                <div class="bg-dark-gray w-80px h-80px md-w-75px md-h-75px rounded-circle d-flex justify-content-center align-items-center fw-500 text-white fs-20 position-absolute right-30px top-minus-40px"> <div class="imagee w-100">
                    <img src="assets/images/industry-01.png" alt="icon" class="imgg" >
                </div></div>
                <div class="ps-35px pe-35px pt-30px pb-30px xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
                <span class="d-block mb-10px"><a class="text-black text-uppercase fs-12 fw-600 services-txt">Ferro Chrome
                </a></span>
                <div class="d-flex align-items-center mb-5px">
                <a class="text-black fw-600 fs-19 md-fs-18 lh-28 w-90">High Carbon Ferro <br> Chrome
                </a>
                </div>
                <div class="d-flex align-items-center">
                <div class="d-inline-block me-auto">
               
                <div class="fs-15 float-start ms-5px position-relative top-2px"></div>
                </div>
                </div>
                </div>
                <div class="d-flex justify-content-center align-items-center ps-35px pe-35px xl-ps-20px xl-pe-20px pt-15px pb-20px">
                <div class="me-auto">
                <!-- <i class="feather icon-feather-clipboar text-black d-inline-block me-5px"></i><span class="fs-16 text-black fw-500">425 KG </span> -->
                </div>
                <div class="d-flex align-items-center">
                <i class="feather icon-feather text-black d-inline-block me-5px"></i> <a href="#" id="openModal5"><span class="fs-16 text-black fw-500">View</span>
                </a>
                </div>
                </div>
                </div>
                </div>
                </li>        
                
                </ul>
        </div>
        </div>

        <div class="swiper-slide transition-inner-all">
        <div class="gallery-box">
            <ul class="portfolio-wrapper grid-loading grid gutter-extra-large">
                <li class="grid-sizer"></li>
                
                <li class="grid-item design transition-inner-all">
                <div class="services-box-style-06 border-radius-6px hover-box overflow-hidden border">
                <div class="image">
                <a>
                <img src="assets/images/CARBON_Ferro/LOW_CARBON_Ferro_Chrome.png" alt="">
                </a>
                </div>
                <div class="bg-white position-relative">
                <div class="bg-dark-gray w-80px h-80px md-w-75px md-h-75px rounded-circle d-flex justify-content-center align-items-center fw-500 text-white fs-20 position-absolute right-30px top-minus-40px"> <div class="imagee w-100">
                    <img src="assets/images/industry-01.png" alt="icon" class="imgg" >
                </div></div>
                <div class="ps-35px pe-35px pt-30px pb-30px xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
                <span class="d-block mb-10px"><a class="text-black text-uppercase fs-12 fw-600 services-txt">Ferro Chrome
                </a></span>
                <div class="d-flex align-items-center mb-5px">
                <a class="text-black fw-600 fs-19 md-fs-18 lh-28 w-90">Low Carbon Ferro <br> Chrome
                </a>
                </div>
                <div class="d-flex align-items-center">
                <div class="d-inline-block me-auto">
               
                <div class="fs-15 float-start ms-5px position-relative top-2px"></div>
                </div>
                </div>
                </div>
                <div class="d-flex justify-content-center align-items-center ps-35px pe-35px xl-ps-20px xl-pe-20px pt-15px pb-20px">
                <div class="me-auto">
                <!-- <i class="feather icon-feather-clipboar text-black d-inline-block me-5px"></i><span class="fs-16 text-black fw-500">425 KG </span> -->
                </div>
                <div class="d-flex align-items-center">
                <i class="feather icon-feather text-black d-inline-block me-5px"></i> <a href="#" id="openModal6"><span class="fs-16 text-black fw-500">View</span>
                </a>
                </div>
                </div>
                </div>
                </div>
                </li>        
                
                </ul>
        </div>
        </div>

        <div class="swiper-slide transition-inner-all">
        <div class="gallery-box">
            <ul class="portfolio-wrapper grid-loading grid gutter-extra-large">
                <li class="grid-sizer"></li>
                
                <li class="grid-item design transition-inner-all">
                <div class="services-box-style-06 border-radius-6px hover-box overflow-hidden border">
                <div class="image">
                <a>
                <img src="assets/images/FERRO/Ferro_silicon.png" alt="">
                </a>
                </div>
                <div class="bg-white position-relative">
                <div class="bg-dark-gray w-80px h-80px md-w-75px md-h-75px rounded-circle d-flex justify-content-center align-items-center fw-500 text-white fs-20 position-absolute right-30px top-minus-40px"> <div class="imagee w-100">
                    <img src="assets/images/industry-01.png" alt="icon" class="imgg" >
                </div></div>
                <div class="ps-35px pe-35px pt-30px pb-30px xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
                <span class="d-block mb-10px"><a class="text-black text-uppercase fs-12 fw-600 services-txt">Ferro Silicon
                </a></span>
                <div class="d-flex align-items-center mb-5px">
                <a class="text-black fw-600 fs-19 md-fs-18 lh-28 w-90">Ferro Silicon
                </a>
                </div>
                <div class="d-flex align-items-center">
                <div class="d-inline-block me-auto">
               
                <div class="fs-15 float-start ms-5px position-relative top-2px"></div>
                </div>
                </div>
                </div>
                <div class="d-flex justify-content-center align-items-center ps-35px pe-35px xl-ps-20px xl-pe-20px pt-15px pb-20px">
                <div class="me-auto">
                <!-- <i class="feather icon-feather-clipboar text-black d-inline-block me-5px"></i><span class="fs-16 text-black fw-500">425 KG </span> -->
                </div>
                <div class="d-flex align-items-center">
                <i class="feather icon-feather text-black d-inline-block me-5px"></i> <a href="#" id="openModal7"><span class="fs-16 text-black fw-500">View</span>
                </a>
                </div>
                </div>
                </div>
                </div>
                </li>        
                
                </ul>
        </div>
        </div>


        </div>
        </div>
        </div>
        </div>
        </div>
        <div class="row justify-content-center">
        <div class="col-md-12 col-10 text-center" data-anime="{ &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <div class="bg-red fw-700 text-white text-uppercase border-radius-30px ps-15px pe-15px fs-13 me-5px d-inline-block align-middle"></div>
        <div class="fs-20 text-black d-inline-block align-middle">Upgrade Your Experience with us ! <a href="tel:+91 98841 42441" class="text-black text-black-hover text-decoration-line-bottom fw-600"> Get Started Today</a>
        </div>
        </div>
        </div>
        </div>
        </div>
    </section>


    <section id="service" class="pt-10">
        <div class="container">
        <div class="row align-items-center justify-content-center">
        <div class="col-xl-5 col-lg-6 md-mb-50px text-center text-lg-start" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <span class="bg-very-light-green text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Why Choose Us?
        </span>
        <h3 class="alt-font text-black fw-600 ls-minus-1px">Built for Reliability. Backed by Experience
        </h3>
        <p>At Shri Balaji Minmet, our goal is simple — to be a dependable partner for every client we serve. Whether it’s a first-time order or a long-standing relationship, we bring the same level of commitment, transparency, and excellence to every interaction.
        </p>
        <a href="tel:+91 98841 42441" class="btn btn-large  btn-rounded btn-dark-gray mt-10px">Get in Touch</a>
        </div>
        <div class="col-xl-5 col-lg-6 offset-xl-2 position-relative">
        <div class="accordion pricing-table-style-04" id="accordion-style-01" data-active-icon="fa-angle-up" data-inactive-icon="fa-angle-down" data-anime="{&quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        
        <div class="accordion-item bg-white active-accordion box-shadow-quadruple-large mb-20px">
        <div class="accordion-header">
        <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-01-01" aria-expanded="true" data-bs-parent="#accordion-style-01">
        <div class="accordion-title position-relative d-flex align-items-center pe-20px text-black fw-600 mb-0 alt-font fs-18">One-Stop Alloy Solution
            <span class="icon-round bg-dark-gray text-white w-25px h-25px"><i class="fa-solid fa-angle-up"></i></span></div>
        </a>
        </div>
        <div id="accordion-style-01-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-01">
        <div class="accordion-body last-paragraph-no-margin">
        <p class="opacity-6 w-90 fw-300">We offer a comprehensive range of ferro alloys under one roof, eliminating the need for multiple vendors and ensuring convenience, consistency, and quality in every order.
        </p>
        <div class="d-flex align-items-end mt-20px">
        <!-- <h5 class="text-white mb-0 ls-minus-1px"><span class="fs-16">$</span>19.99 <span class="fs-16 opacity-6 fw-300 ls-0px">/ Monthly</span></h5> -->
        <a href="#contact" class="btn btn-transparent-white-light btn-rounded btn-small ms-auto fw-500 ">Get started</a>
        </div>
        </div>
        </div>
        </div>
        
        
        <div class="accordion-item bg-white box-shadow-quadruple-large mb-20px">
        <div class="accordion-header">
        <a href="" data-bs-toggle="collapse" data-bs-target="#accordion-style-01-02" aria-expanded="false" data-bs-parent="#accordion-style-01">
        <div class="accordion-title position-relative d-flex align-items-center pe-20px text-black fw-600 mb-0 alt-font fs-18">Swift & Reliable Logistics 
            <span class="icon-round bg-dark-gray text-white w-25px h-25px"><i class="fa-solid fa-angle-down"></i></span></div>
        </a>
        </div>
        <div id="accordion-style-01-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-01">
        <div class="accordion-body last-paragraph-no-margin">
        <p class="opacity-6 w-90 fw-300">Timely deliveries are at the core of our service. With streamlined operations and dependable supply chains, we ensure your production never faces unnecessary delays.</p>
        <div class="d-flex align-items-end mt-20px">
        <!-- <h5 class="text-white mb-0 ls-minus-1px"><span class="fs-16">$</span>29.99 <span class="fs-16 opacity-6 fw-300 ls-0px">/ Monthly</span></h5> -->
        <a href="#products" class="btn btn-transparent-white-light btn-rounded btn-small ms-auto fw-500 ">View Products</a>
        </div>
        </div>
        </div>
        </div>
        
        
        <div class="accordion-item bg-white box-shadow-quadruple-large  mb-20px">
        <div class="accordion-header">
        <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-01-03" aria-expanded="false" data-bs-parent="#accordion-style-01">
        <div class="accordion-title position-relative d-flex align-items-center pe-20px text-black fw-600 mb-0 alt-font fs-18">Transparent Trade Practices
            <span class="icon-round bg-dark-gray text-white w-25px h-25px"><i class="fa-solid fa-angle-down"></i></span></div>
        </a>
        </div>
        <div id="accordion-style-01-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-01">
        <div class="accordion-body last-paragraph-no-margin">
        <p class="opacity-6 w-90 fw-300">We value integrity. Our business dealings are honest, clear, and upfront - building long-term trust through ethical partnerships and straightforward communication.
        </p>
        <div class="d-flex align-items-end mt-20px">
        <!-- <h5 class="text-white mb-0 ls-minus-1px"><span class="fs-16">$</span>39.99 <span class="fs-16 opacity-6 fw-300 ls-0px">/ Monthly</span></h5> -->
        <a href="tel:+91 98841 42441" class="btn btn-transparent-white-light btn-rounded btn-small ms-auto fw-500 ">Give us a Call</a>
        </div>
        </div>
        </div>
        </div>

        <div class="accordion-item bg-white box-shadow-quadruple-large mb-20px">
        <div class="accordion-header">
        <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-01-04" aria-expanded="false" data-bs-parent="#accordion-style-01">
        <div class="accordion-title position-relative d-flex align-items-center pe-20px text-black fw-600 mb-0 alt-font fs-18">Eco-Conscious Operations
            <span class="icon-round bg-dark-gray text-white w-25px h-25px"><i class="fa-solid fa-angle-down"></i></span></div>
        </a>
        </div>
        <div id="accordion-style-01-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-01">
        <div class="accordion-body last-paragraph-no-margin">
        <p class="opacity-6 w-90 fw-300">We’re committed to sustainable practices, minimizing environmental impact through responsible sourcing, energy-efficient processes, and conscious manufacturing choices.
        </p>
        <div class="d-flex align-items-end mt-20px">
        <!-- <h5 class="text-white mb-0 ls-minus-1px"><span class="fs-16">$</span>39.99 <span class="fs-16 opacity-6 fw-300 ls-0px">/ Monthly</span></h5> -->
        <a href="tel:+91 98841 42441" class="btn btn-transparent-white-light btn-rounded btn-small ms-auto fw-500 ">Give us a Call</a>
        </div>
        </div>
        </div>
        </div>

        <div class="accordion-item bg-white box-shadow-quadruple-large mb-20px">
        <div class="accordion-header">
        <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-01-05" aria-expanded="false" data-bs-parent="#accordion-style-01">
        <div class="accordion-title position-relative d-flex align-items-center pe-20px text-black fw-600 mb-0 alt-font fs-18"> Continuous Expansion & Upgradation
            <span class="icon-round bg-dark-gray text-white w-25px h-25px"><i class="fa-solid fa-angle-down"></i></span></div>
        </a>
        </div>
        <div id="accordion-style-01-05" class="accordion-collapse collapse" data-bs-parent="#accordion-style-01">
        <div class="accordion-body last-paragraph-no-margin">
        <p class="opacity-6 w-90 fw-300">Innovation drives us forward. We invest in upgrading our infrastructure, processes, and product line to stay ahead of evolving industry demands.
        </p>
        <div class="d-flex align-items-end mt-20px">
        <!-- <h5 class="text-white mb-0 ls-minus-1px"><span class="fs-16">$</span>39.99 <span class="fs-16 opacity-6 fw-300 ls-0px">/ Monthly</span></h5> -->
        <a href="tel:+91 98841 42441" class="btn btn-transparent-white-light btn-rounded btn-small ms-auto fw-500 ">Give us a Call</a>
        </div>
        </div>
        </div>
        </div>

        <div class="accordion-item bg-white box-shadow-quadruple-large mb-20px">
        <div class="accordion-header">
        <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-01-06" aria-expanded="false" data-bs-parent="#accordion-style-01">
        <div class="accordion-title position-relative d-flex align-items-center pe-20px text-black fw-600 mb-0 alt-font fs-18">Global Export Experience
            <span class="icon-round bg-dark-gray text-white w-25px h-25px"><i class="fa-solid fa-angle-down"></i></span></div>
        </a>
        </div>
        <div id="accordion-style-01-06" class="accordion-collapse collapse" data-bs-parent="#accordion-style-01">
        <div class="accordion-body last-paragraph-no-margin">
        <p class="opacity-6 w-90 fw-300">Our products power steel plants and foundries worldwide. With experience in international logistics and compliance, we ensure a smooth, professional export experience every time.
        </p>
        <div class="d-flex align-items-end mt-20px">
        <!-- <h5 class="text-white mb-0 ls-minus-1px"><span class="fs-16">$</span>39.99 <span class="fs-16 opacity-6 fw-300 ls-0px">/ Monthly</span></h5> -->
        <a href="tel:+91 98841 42441" class="btn btn-transparent-white-light btn-rounded btn-small ms-auto fw-500 ">Give us a Call</a>
        </div>
        </div>
        </div>
        </div>
        
        </div>
        </div>
        </div>
        </div>
    </section>


<section id="whyus" class="position-relative overflow-hidden pb-100px pt-45px">
    <div class="container">
        <!-- Section Heading -->
        <div class="row mb-6 text-center" data-anime='{"el":"childs","translateY":[30,0],"opacity":[0,1],"duration":600,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>
            <div class="col">
                <span class="bg-very-light-green text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">
                    Raw Materials
                </span>
                <h2 class="alt-font text-black fw-600 ls-minus-1px">Quality Begins at the Source</h2>
            </div>
        </div>

        <!-- Content Row -->
        <div class="row align-items-center justify-content-center text-lg-start text-center">

            <!-- Left Block -->
            <div class="col-xl-4 col-lg-5 col-md-9 lg-mb-6 sm-mb-50px"
                 data-anime='{"el":"childs","translateY":[30,0],"opacity":[0,1],"duration":600,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>
                <img src="assets/images/icon/Premium_Alloys.png" alt="" class="mb-20px">
                <h4 class="fw-700 text-black ls-minus-1px mb-20px">From Trusted Mines to Premium Alloys</h4>
                <p class="mb-35px w-90 lg-w-100">
                    The integrity of our alloys begins with top-grade raw materials sourced from trusted local mines and reputable global suppliers.
                    Each batch is carefully selected and undergoes rigorous quality checks before entering the production process,
                    ensuring that every product we deliver meets international metallurgical standards and exceeds client expectations.
                </p>
                <a href="#contact" class="btn btn-large btn-dark-gray btn-rounded btn-switch-text">
                    <span>
                        <span class="btn-double-text" data-text="Contact">Contact</span>
                        <span><i class="feather icon-feather-arrow-right"></i></span>
                    </span>
                </a>
            </div>

            <!-- Middle Raw Materials Column -->
            <div class="col-xl-3 col-lg-6 position-relative lg-mb-6 sm-mb-50px"
                 data-anime='{"opacity":[0,1],"duration":600,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>

                 <div class="smallScreenshow_01">
                    <div class="row">
                        <div class="col-6 mb-30px">
                            <span class="d-block fs-20 fw-600 text-black mb-10px" >Iron Ore</span>
                            <span class="d-inline-block">Core ingredient for strength and structure in steelmaking alloys.</span></div>
                        <div class="col-6 mb-30px">
                            <span class="d-block fs-20 fw-600 text-black mb-10px" >Manganese Ore</span>
                            <span class="d-inline-block ">Essential for deoxidizing and improving alloy durability and toughness.</span>
                        </div>
                        <div class="col-6 mb-30px">
                            <span class="d-block fs-20 fw-600 text-black mb-10px" >Chromite Ore</span>
                            <span class="d-inline-block">Adds corrosion resistance and hardness to specialized alloy compositions.</span>
                        </div>
                        <div class="col-6 mb-30px">
                            <span class="d-block fs-20 fw-600 text-black mb-10px" >Silica</span>
                            <span class="d-inline-block ">Used as a fluxing agent for impurity removal in smelting.</span>
                        </div>
                        <div class="col-6 mb-30px">
                            <span class="d-block fs-20 fw-600 text-black mb-10px" >Coke / Coal</span>
                            <span class="d-inline-block ">Primary energy source and reducing agent in alloy production.</span>
                        </div>
                        <div class="col-6 mb-30px">
                            <span class="d-block fs-20 fw-600 text-black mb-10px" >Dolomite</span>
                            <span class="d-inline-block">Used as a fluxing and purifying agent in high-grade alloys.</span>
                        </div>
                    </div>
                 </div>
                 <div class="smallScreenHide_01">
                    <div class="row justify-content-center">
                        <div class="col-lg-auto mb-30px">
                            <span class="d-block fs-20 fw-600 text-black mb-10px" >Iron Ore</span>
                            <span class="d-inline-block w-85 lg-w-60">Core ingredient for strength and structure in steelmaking alloys.</span>
                        </div>
                        <div class="col-lg-auto mb-30px">
                            <span class="d-block fs-20 fw-600 text-black mb-10px" >Manganese Ore</span>
                            <span class="d-inline-block w-85 lg-w-60">Essential for deoxidizing and improving alloy durability and toughness.</span>
                        </div>
                        <div class="col-lg-auto">
                            <span class="d-block fs-20 fw-600 text-black mb-10px" >Chromite Ore</span>
                            <span class="d-inline-block w-85 lg-w-60">Adds corrosion resistance and hardness to specialized alloy compositions.</span>
                        </div>
                    </div>
                 </div>
                
            </div>

            <!-- Right Raw Materials Column -->
            <div class="col-xl-3 ms-6 lg-ms-0"
                 data-anime='{"el":"childs","translateY":[30,0],"opacity":[0,1],"duration":600,"delay":0,"staggervalue":150,"easing":"easeOutQuad"}'>
                 <div class="smallScreenHide_01">
                    <div class="row justify-content-center">
                    <div class="col-lg-auto mb-30px">
                        <span class="d-block fs-20 fw-600 text-black mb-10px" >Silica</span>
                        <span class="d-inline-block lh-22 w-85 lg-w-60">Used as a fluxing agent for impurity removal in smelting.</span>
                    </div>
                    <div class="col-lg-auto mb-30px">
                        <span class="d-block fs-20 fw-600 text-black mb-10px" >Coke / Coal</span>
                        <span class="d-inline-block lh-22 w-85 lg-w-60">Primary energy source and reducing agent in alloy production.</span>
                    </div>
                    <div class="col-lg-auto">
                        <span class="d-block fs-20 fw-600 text-black mb-10px" >Dolomite</span>
                        <span class="d-inline-block lh-22 w-85 lg-w-60">Used as a fluxing and purifying agent in high-grade alloys.</span>
                    </div>
                </div>
                 </div>
                
            </div>

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


    <section class="bg-very-light-geen pb-0" id="contact">
        <div class="map-container">
           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3907.346185169613!2d78.2340645760123!3d11.669859742077325!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3babf300441552ff%3A0x737f74451374fabc!2sThedotstudio!5e0!3m2!1sen!2sin!4v1750426105524!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            <div class="map-overlay" id="mapOverlay">
                <div class="container">
                    <div class="row mb-5">
                        <div class="col-xl-5 col-lg-6 md-mb-50px">
                            <div class="bg-white border-radius-6px box-shadow-quadruple-large p-14 xxl-p-10 lg-ps-8 lg-pe-8">
                                <span class="bg-very-light-green text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Contact Us</span>
                                <h4 class="text-black ls-minus-1px fw-700 mb-15px">Get in Touch</h4>
                                <p class="w-85 sm-w-100">Have any queries? Contact us now!</p>
                                <div class="container-fluid">
                                    <div class="row row-cols-1 row-cols-sm-2">
                                    <div class="col-6 p-0 last-paragraph-no-margin mb-25px">
                                        <p>Reach Us Instantly</p>
                                        <a href="tel:+91 98841 42441" class="text-black fw-600">+91 98841 42441</a>
                                    </div>
                                    <div class="col-6 p-0 last-paragraph-no-margin mb-25px">
                                        <p>Require Assistance</p>
                                        <a href="mailto:info@balajiminmet.com" class="text-black fw-600">info@balajiminmet.com</a>
                                    </div>
                                    <div class="col-6 p-0 last-paragraph-no-margin sm-mb-25px">
                                        <p>Linkedin</p>
                                        <a href="https://www.linkedin.com/in/nikhil-gupta-28149760/" class="text-black fw-600">Nikhil Gupta </a>
                                        <br>
                                        <a href="https://www.linkedin.com/in/vikas-goyal-22600b228/" class="text-black fw-600">Vikas Goyal</a>
                                    </div>
                                    <div class="col-6 p-0 last-paragraph-no-margin">
                                        <p>Locate Us</p>
                                        <a href="" class="text-black fw-600">Visit Location</a>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 offset-xl-1 md-mb-50px sm-mb-0">
                            <h3 class="text-black ls-minus-2px text-white fw-700">Enquiry Form</h3>
                            <form action="" method="post" class="contact-form-style-03">
                                <label for="exampleInputEmail1" class="form-label fs-13 text-uppercase text-white fw-600 mb-0">Name*</label>
                                <div class="position-relative form-group mb-20px">
                                    <span class="form-icon"><i class="bi bi-emoji-smile "></i></span>
                                    <input class="fs-15 ps-0 border-radius-0px border-color-dark-gray bg-transparent form-control required"
                                        id="exampleInputEmail1" type="text" name="name" placeholder="Enter your name">
                                </div>
                                <label for="exampleInputEmail1" class="form-label fs-13 text-uppercase text-white fw-600 mb-0">Email Address*</label>
                                <div class="position-relative form-group mb-20px">
                                    <span class="form-icon"><i class="bi bi-envelope"></i></span>
                                    <input class="fs-15 ps-0 border-radius-0px border-color-dark-gray bg-transparent form-control required"
                                        id="exampleInputEmail2" type="email" name="email" placeholder="Enter your email address">
                                </div>
                                <label for="exampleInputEmail1" class="form-label fs-13 text-uppercase text-white fw-600 mb-0">Drop your enquiry</label>
                                <div class="position-relative form-group form-textarea mb-0">
                                    <textarea class="fs-15 ps-0 border-radius-0px border-color-dark-gray bg-transparent form-control"
                                            name="comment" placeholder="Describe" rows="3"></textarea>
                                    <span class="form-icon"><i class="bi bi-chat-square-dots "></i></span>
                                </div>
                                <div class="row mt-25px align-items-center">
                                    <div class="col-xl-7 col-lg-12 col-sm-7 lg-mb-30px md-mb-0">
                                        <p class="mb-0 fs-14 lh-22 text-center text-white text-sm-start">We will never collect information about you without your explicit consent.</p>
                                    </div>
                                    <div class="col-xl-5 col-lg-12 col-sm-5 text-center text-sm-end text-lg-start text-xl-end xs-mt-25px">
                                        <input id="exampleInputEmail3" type="hidden" name="redirect" value="">
                                        <button class="btn btn-medium btn-dark-gray btn-rounded  submit" type="submit">Send message</button>
                                    </div>
                                    <div class="col-12 mt-20px mb-0 text-center text-md-start">
                                        <div class="form-results d-none"></div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- <div class="view-map-button-container text-center mt-5">
                        <button onclick="viewMap()" class="btn btn-medium btn-dark-gray btn-rounded  submit">View Map</button>
                    </div> -->
                </div>
            </div>
        </div>
    </section>



<!-- <section class="bg-gradient-solitude-blue-transparent" >
    <div class="container">
        <div class="row justify-content-center align-items-center" data-anime='{
            "el": "childs", 
            "translateX": [0, 0], 
            "opacity": [0,1], 
            "duration": 600, 
            "delay": 100, 
            "staggervalue": 300, 
            "easing": "easeOutQuad"
        }'>
            <div class="col-md-7 text-center">
                <span class="bg-very-light-green text-uppercase fs-13 ps-25px pe-25px alt-font fw-600 text-base-color lh-40 sm-lh-55 border-radius-100px d-inline-block mb-25px">Our Trusted Clientele</span>
                <h3 class="fw-700 mb-0 text-black ls-minus-2px">Empowering growth through trusted client partnerships.</h3>
            </div>
        </div>

        <section class="background-position-center-top p-0 mb-7 mt-4 sm-background-image-none">
            <div class="container">
                <div class="row position-relative clients-style-08">
                    <div class="col swiper text-center feather-shadow" data-slider-options='{
                        "slidesPerView": 2,
                        "spaceBetween": 0,
                        "speed": 4000,
                        "loop": true,
                        "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false },
                        "allowTouchMove": false,
                        "autoplay": { "delay": 0, "disableOnInteraction": false },
                        "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" },
                        "keyboard": { "enabled": true, "onlyInViewport": true },
                        "breakpoints": { "992": { "slidesPerView": 5 }, "768": { "slidesPerView": 3 } },
                        "effect": "slide"
                    }'>
                        <div class="swiper-wrapper marquee-slide">
                            <div class="swiper-slide">
                                <a href="#"><img src="assets/images/envato-001.png" style="filter: invert();" class="h-40px xs-h-30px" alt="Client Logo 1"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="assets/images/envato-001.png" style="filter: invert();" class="h-40px xs-h-30px" alt="Client Logo 2"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="assets/images/envato-001.png" style="filter: invert();" class="h-40px xs-h-30px" alt="Client Logo 1"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="assets/images/envato-001.png" style="filter: invert();" class="h-40px xs-h-30px" alt="Client Logo 2"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="assets/images/envato-001.png" style="filter: invert();" class="h-40px xs-h-30px" alt="Client Logo 1"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="assets/images/envato-001.png" style="filter: invert();" class="h-40px xs-h-30px" alt="Client Logo 2"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="assets/images/envato-001.png" style="filter: invert();" class="h-40px xs-h-30px" alt="Client Logo 1"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="assets/images/envato-001.png" style="filter: invert();" class="h-40px xs-h-30px" alt="Client Logo 2"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="row m-0 mt-5 align-items-center justify-content-center border border-color-extra-medium-gray border-radius-100px md-border-radius-6px ps-10px pe-10px box-shadow-quadruple-large" data-anime='{
            "scale": [1.1, 1], 
            "opacity": [0,1], 
            "duration": 800, 
            "delay": 0, 
            "staggervalue": 300, 
            "easing": "easeOutQuad"
        }'>
            <div class="col-lg-10">
                <div class="swiper slider-one-slide testimonials-style-09" data-slider-options='{
                    "slidesPerView": 1,
                    "loop": true,
                    "autoplay": { "delay": 2000, "disableOnInteraction": false },
                    "navigation": { "nextEl": ".slider-one-slide-next-1", "prevEl": ".slider-one-slide-prev-1" },
                    "keyboard": { "enabled": true, "onlyInViewport": true },
                    "effect": "slide"
                }'>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="row align-items-center pt-25px pb-25px">
                                <div class="col-lg-8 d-lg-flex align-items-center text-center text-lg-start">
                                    <img src="assets/images/user_icon_02.png" class="rounded-circle md-mb-35px" alt="Reviewer">
                                    <span class="d-block ps-40px md-ps-0 md-mx-auto position-relative">
                                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam et ut soluta quae magni voluptatem corrupti, laborum odit tempora sapiente.
                                    </span>
                                </div>
                                <div class="col-lg-1 d-none d-lg-inline-block">
                                    <div class="separator-line w-1px md-w-100 h-60px md-h-1px bg-extra-medium-gray mx-auto"></div>
                                </div>
                                <div class="col-lg-3 text-center text-lg-start md-mt-15px">
                                    <span class="fs-19 ls-minus-05px fw-600 text-black d-block lh-28">Reviewer Name</span>
                                    <div>Industry</div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="row align-items-center pt-25px pb-25px">
                                <div class="col-lg-8 d-lg-flex align-items-center text-center text-lg-start">
                                    <img src="assets/images/user_icon_02.png" class="rounded-circle md-mb-35px" alt="Reviewer">
                                    <span class="d-block ps-40px md-ps-0 md-mx-auto position-relative">
                                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam et ut soluta quae magni voluptatem corrupti, laborum odit tempora sapiente.
                                    </span>
                                </div>
                                <div class="col-lg-1 d-none d-lg-inline-block">
                                    <div class="separator-line w-1px md-w-100 h-60px md-h-1px bg-extra-medium-gray mx-auto"></div>
                                </div>
                                <div class="col-lg-3 text-center text-lg-start md-mt-15px">
                                    <span class="fs-19 ls-minus-05px fw-600 text-black d-block lh-28">Reviewer Name</span>
                                    <div>Industry</div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="row align-items-center pt-25px pb-25px">
                                <div class="col-lg-8 d-lg-flex align-items-center text-center text-lg-start">
                                    <img src="assets/images/user_icon_02.png" class="rounded-circle md-mb-35px" alt="Reviewer">
                                    <span class="d-block ps-40px md-ps-0 md-mx-auto position-relative">
                                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam et ut soluta quae magni voluptatem corrupti, laborum odit tempora sapiente.
                                    </span>
                                </div>
                                <div class="col-lg-1 d-none d-lg-inline-block">
                                    <div class="separator-line w-1px md-w-100 h-60px md-h-1px bg-extra-medium-gray mx-auto"></div>
                                </div>
                                <div class="col-lg-3 text-center text-lg-start md-mt-15px">
                                    <span class="fs-19 ls-minus-05px fw-600 text-black d-block lh-28">Reviewer Name</span>
                                    <div>Industry</div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="col-lg-2 md-mb-25px">
                <div class="d-flex justify-content-center">
                    <div class="slider-one-slide-prev-1 swiper-button-prev slider-navigation-style-04 bg-very-light-gray">
                        <i class="fa-solid fa-arrow-left icon-small text-black"></i>
                    </div>
                    <div class="slider-one-slide-next-1 swiper-button-next slider-navigation-style-04 bg-very-light-gray">
                        <i class="fa-solid fa-arrow-right icon-small text-black"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> -->

<footer class="bg-black position-relative">
    <div class="background-position-center-top h-100 w-100 position-absolute left-0px top-0" style="background-image: url('assets/images/vertical-line-bg-small.svg')"></div>

    <div class="container overlap-section">
        <div class="row g-0 gap_15 justify-content-center align-items-center text-center bg-base-color border-radius-6px ps-5 pe-5 pt-3 pb-3 mb-8 sm-p-25px background-position-left-bottom background-no-repeat contain-background position-relative" style="background-image: url('assets/images/width_half_circle.png')">
            <div class="col-lg-auto lg-mb-20px">
                <h6 class="alt-font fw-600 text-white m-0 ls-minus-1px d-inline-block me-30px lg-me-0">
                    Join Our Growing Global Network – Just a Call Away!
                </h6>    
            </div>
            <div class="col-auto">
                <a href="#contact" class="btn btn-extra-large btn-dark-gray btn-rounded btn-switch-text d-inline-block me-20px align-middle xs-m-0">
                    <span>
                        <span class="btn-double-text" data-text="Get started now">Get started now</span>
                        <span><i class="feather icon-feather-thumbs-up"></i></span>
                    </span>
                </a>
                <span class="d-block d-sm-inline-block text-white fs-19 fw-600 left-icon d-inline-block align-middle xs-mt-10px ls-minus-05px">
                    <a href="tel:+919884142441"><i class="feather icon-feather-phone-call"></i> +91 98841 42441</a>
                </span>
            </div>
        </div>
    </div>

    <div class="container text-center text-md-start position-relative">
        <div class="row mb-5 sm-mb-7 xs-mb-30px">
            <!-- Company Info -->
            <div class="col-lg-3 col-md-4 col-sm-6 d-flex flex-column last-paragraph-no-margin md-mb-40px xs-mb-30px">
                <h5 class="mb-0">
                    <a href="index.html" class="footer-logo mb-10px d-inline-block">
                        <img src="assets/images/LOGO_WHITE.png" alt="Balaji Minmet Logo">
                    </a>
                </h5>
                <p class="lh-28 text-white">
                   Your reliable ferro alloy supply partner 
                </p>
                <div class="elements-social social-text-style-01 mt-9 xs-mt-15px">
                   <ul class="small-icon light fw-500">
                        <li><a class="instagram" href="https://www.linkedin.com/in/nikhil-gupta-28149760/" target="_blank"><span><i class="fa-brands fa-linkedin-in"></i></span> . Nikhil Gupta</a></li>
                        <li><a class="instagram" href="https://www.linkedin.com/in/vikas-goyal-22600b228/" target="_blank"><span><i class="fa-brands fa-linkedin-in"></i></span> . Vikas Goyal</a></li>
                    </ul>
                </div>
            </div>

            <!-- Quick Links -->
            <div class="col-lg-3 col-6 col-md-4 col-sm-6 ps-4 last-paragraph-no-margin md-mb-40px xs-mb-30px">
                <span class="fw-500 fs-18 d-block text-white mb-10px">Quick Links</span>
                <ul>
                    <!-- <li><a href="about.html" class="text-dark-hover text-white">About</a></li> -->
                    <li><a href="index.html#whyus" class="text-dark-hover text-white">Why us</a></li>
                    <li><a href="products.html" class="text-dark-hover text-white">Product</a></li>
                    <li><a href="contact.html" class="text-dark-hover text-white">Contact us</a></li>
                </ul>
            </div>

            <!-- Products -->
            <div class="col-lg-3 col-md-4 col-6 col-sm-6 last-paragraph-no-margin xs-mb-30px">
                <span class="fw-500 fs-18 d-block text-white mb-10px">About</span>
                <ul>
                    <li><a class="text-white " href="about.html#OurJourney"></i>Our Journey</a></li>
                    <li><a class="text-white " href="about.html#service"></i>Why Us</a></li>
                    <li><a class="text-white " href="about.html#OurFounder"></i>Our Founders</a></li>
                </ul>
            </div>

            <!-- Newsletter -->
            <div class="col-lg-3 col-md-12 col-sm-6 text-md-center text-lg-start">
                <span class="fs-18 fw-500 d-block text-white mb-20px">Subscribe to our newsletter</span>
                <div class="d-inline-block w-100 newsletter-style-02 position-relative mb-15px">
                    <form action="#" method="post" class="position-relative w-100">
                        <input class="input-small  border-color-transparent-white-light w-100 form-control required" type="email" name="email" placeholder="Enter your email..." aria-label="Email">
                        <input type="hidden" name="redirect" value="">
                        <button type="submit" class="btn pe-20px fs-13 fw-500 lg-ps-15px lg-pe-15px submit" aria-label="Submit">
                            Submit <i class="feather icon-feather-arrow-right submit"></i>
                        </button>
                        <div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-14 lh-22 mt-10px w-100 text-center position-absolute d-none"></div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Bottom Bar -->
        <div class="row align-items-center footer-bottom border-top border-color-transparent-white-light pt-30px g-0">
            <div class="col-xl-7 ps-0 text-center text-xl-start lg-mb-10px">
                <ul class="footer-navbar fs-16 lh-normal">
                    <li><a href="index.html" class="nav-link text-white">Home</a></li>
                    <li><a href="about.html" class="nav-link text-white">About</a></li>
                    <li><a href="products.html" class="nav-link text-white">Products</a></li>
                    <li><a href="index.html#whyus" class="nav-link text-white">Why Us</a></li>
                    <li><a href="contact.html" class="nav-link text-white">Contact</a></li>
                </ul>
            </div>
            <div class="col-xl-5 text-center text-xl-end">
                <p class="fs-16 text-white mb-0">&copy; 2025 All Rights Reserved</p>
            </div>
        </div>
    </div>
</footer>



        <div class="sticky-wrap d-none d-lg-inline-block" data-animation-delay="100" data-shadow-animation="true">
            <span class="fs-16"><i class="bi bi-envelope icon-small me-10px"></i>Get your quote  — <a href="#contact" class="text-decoration-line-bottom fw-500">Drop us an enquiry
            </a></span>
        </div>

    <div class="scroll-progress d-none d-xxl-block">
        <a href="#" class="scroll-top" aria-label="scroll">
        <span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
        </a>
    </div>

    <div id="myModal" class="modal overflow-hidden">
        <div class="modal-content">
                    <div class="modal-header">
                        <span class="close">&times;</span>
                        <h6 class="fw-700 h5 text-black fs-24">High Carbon Silico Manganese</h6>
                    </div>
                    <div class="modal-body pt-10px pb-10px">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="bg-very-light-gray">
                                        <img src="assets/images/SILICO_MANGANESE/HIGH_CARBON_SILICO_MANGANESE.png" class="modalImage" alt="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <p class="mt-3">
                                        Formulated with precision to suit demanding steel applications, our High Carbon Silico Manganese offers
                                    </p>
                                    <ul class="ull">
                                        <li>Consistent manganese and silicon content</li>
                                        <li>Low phosphorus and sulphur levels</li>
                                        <li>Excellent recovery in furnaces</li>
                                        <li>Ideal for integrated and mini steel plants looking for reliable deoxidation and alloying performance.</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer pt-10%">
                        <div class="d-flex gap-3">
                            <a href="tel:+91 98841 42441" class="btn border-1 btn-base-color btn-small btn-rounded  left-icon btn-switch-text">
                                <span>  
                                <span class="btn-double-text" data-text="Contact us">Contact us</span>
                                </span>
                                </a>
                            <a class="btn border-1 btn-rounded  left-icon btn-switch-text closeModal" data-text="Close">Close</a>
                        </div>
                    </div>
        </div>
    </div>
    <div id="myModal1" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <span class="close">&times;</span>
                <h6 class="fw-700 h5 text-black fs-24">Low Carbon Silico Manganese</h6>
            </div>
            <div class="modal-body pt-10px pb-10px">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="bg-very-light-gray">
                                <img src="assets/images/SILICO_MANGANESE/LOW_CARBON_SILICO_MANGANESE.png" class="modalImage" alt="">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <p class="">
                                Tailored for special steel producers and low-carbon applications:
                            </p>
                            <ul class="ull">
                                <li>Fine-tuned for carbon control</li>
                                <li>Smooth melting behavior</li>
                                <li>Suitable for induction and electric arc furnaces</li>
                                <li>We ensure tight tolerances and fast deliveries for critical production lines.</li>
                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
                 
                    <div class="modal-footer pt-10%">
                        <div class="d-flex gap-3">
                            <a href="tel:+91 98841 42441" class="btn border-1 btn-base-color btn-small btn-rounded  left-icon btn-switch-text">
                                <span>  
                                <span class="btn-double-text" data-text="Contact us">Contact us</span>
                                </span>
                                </a>
                            <a class="btn border-1 btn-rounded  left-icon btn-switch-text closeModal" data-text="Close">Close</a>
                        </div>
                    </div>
        </div>
    </div>
    <div id="myModal2" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <span class="close">&times;</span>
                <h6 class="fw-700 h5 text-black fs-24">High Carbon Ferro Manganese</h6>
            </div>
            <div class="modal-body  pt-10px pb-10px">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                              <div class="bg-very-light-gray">
                                        <img src="assets/images/FERRO_MANGANESE/FERRO_MANGANESE_HIGH_CARBON.png" class="modalImage" alt="">
                                    </div>
                        </div>
                        <div class="col-md-6">
                            <p>Trusted by steel mills for
                            </p>
                            <ul class="ull">
                                <li>Uniform granulation and chemistry</li>
                                <li>High purity and consistent quality</li>
                                <li>Competitive slag formation behavior</li>
                                <li>Optimized for high-carbon steel production.</li>
                            </ul>
                        </div>
                    </div>
                </div>
            
            </div>
                <div class="modal-footer pt-10%">
                    <div class="d-flex gap-3">
                        <a href="tel:+91 98841 42441" class="btn border-1 btn-base-color btn-small btn-rounded  left-icon btn-switch-text">
                            <span>  
                            <span class="btn-double-text" data-text="Contact us">Contact us</span>
                            </span>
                            </a>
                        <!-- <a class="btn_contact" href="#contact">Contact us</a> -->
                        <a class="btn border-1 btn-rounded  left-icon btn-switch-text closeModal" data-text="Close">Close</a>
                    </div>
                </div>
        </div>
    </div>
    <div id="myModal3" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <span class="close">&times;</span>
                <h5 class="fw-700 h5 text-black fs-24">Medium Carbon Ferro Manganese</h5>
            </div>
            <div class="modal-body  pt-10px pb-10px">

                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="bg-very-light-gray">
                                <img src="assets/images/FERRO_MANGANESE/FERRO_MANGANESE_MEDIUM_CARBON.png" class="modalImage" alt="">
                            </div>
                        </div>
                        <div class="col-md-6">
                            
                <p>Developed for structural and engineering-grade steels:
                </p>

                <ul class="ull">
                    <li>Balanced manganese-to-carbon ratio</li>
                    <li>Controlled carbon levels below 1.5%</li>
                    <li>Excellent shelf life and packaging integrity</li>
                </ul>
                        </div>
                    </div>
                </div>

            </div>
            <div class="modal-footer pt-10%">
                <div class="d-flex gap-3">
                    <a href="tel:+91 98841 42441" class="btn border-1 btn-base-color btn-small btn-rounded  left-icon btn-switch-text">
                        <span>  
                        <span class="btn-double-text" data-text="Contact us">Contact us</span>
                        </span>
                        </a>
                    <!-- <a class="btn_contact" href="#contact">Contact us</a> -->
                    <a class="btn border-1 btn-rounded  left-icon btn-switch-text closeModal" data-text="Close">Close</a>
                </div>
            </div>
        </div>
    </div>
    <div id="myModal4" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <span class="close">&times;</span>
                <h6 class="fw-700 h5 text-black fs-24">Low Carbon Ferro Manganese</h6>
            </div>
            <div class="modal-body  pt-10px pb-10px">

                 <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="bg-very-light-gray">
                                <img src="assets/images/FERRO_MANGANESE/FERRO_MANGANESE_LOW_CARBON.png" class="modalImage" alt="">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <p>Ideal for stainless steel and precision-grade steels:</p>
                <ul class="ull">
                    <li>Carbon levels below 0.1%</li>
                    <li>Excellent solubility and recove</li>
                    <li>Delivered in moisture-resistant packaging</li>
                    <li>Perfect for plants with stringent quality and compliance needs.</li>
                </ul>
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="modal-footer pt-10%">
                <div class="d-flex gap-3">
                    <a href="tel:+91 98841 42441" class="btn border-1 btn-base-color btn-small btn-rounded  left-icon btn-switch-text">
                        <span>  
                        <span class="btn-double-text" data-text="Contact us">Contact us</span>
                        </span>
                        </a>
                    <!-- <a class="btn_contact" href="#contact">Contact us</a> -->
                    <a class="btn border-1 btn-rounded  left-icon btn-switch-text closeModal" data-text="Close">Close</a>
                </div>
            </div>
        </div>
    </div>
    <div id="myModal5" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <span class="close">&times;</span>
                <h6 class="fw-700 h5 text-black fs-24">High Carbon Ferro Chrome</h6>
            </div>
            <div class="modal-body  pt-10px pb-10px">
               <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="bg-very-light-gray">
                                <img src="assets/images/CARBON_Ferro/HIGH_CARBON_Ferro_Chrome.png" class="modalImage" alt="">
                            </div>
                        </div>
                        <div class="col-md-6">
                             <ul class="ull">
                                <li>Produced from high-grade chromite ore</li>
                                <li>Known for stable composition and minimal slag formation</li>
                                <li>Available in lumps and fines as per client specs</li>
                                <li>Our ferro chrome is trusted by stainless steel giants for batch-to-batch consistency.</li>
                            </ul>
                        </div>
                    </div>
                </div>
               
            </div>
            <div class="modal-footer pt-10%">
                <div class="d-flex gap-3">
                    <a href="tel:+91 98841 42441" class="btn border-1 btn-base-color btn-small btn-rounded  left-icon btn-switch-text">
                        <span>  
                        <span class="btn-double-text" data-text="Contact us">Contact us</span>
                        </span>
                        </a>
                    <!-- <a class="btn_contact" href="#contact">Contact us</a> -->
                    <a class="btn border-1 btn-rounded  left-icon btn-switch-text closeModal" data-text="Close">Close</a>
                </div>
            </div>
        </div>
    </div>
    <div id="myModal6" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <span class="close">&times;</span>
                <h6 class="fw-700 h5 text-black fs-24">Low Carbon Ferro Chrome</h6>
            </div>
            <div class="modal-body  pt-10px pb-10px">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                              <div class="bg-very-light-gray">
                                        <img src="assets/images/CARBON_Ferro/LOW_CARBON_Ferro_Chrome.png" class="modalImage" alt="">
                                    </div>
                        </div>
                        <div class="col-md-6">
                            <p>For premium-grade stainless steel and superalloys:</p>
                            <ul class="ull">
                                <li>Ultra-low carbon content (< 0.1%) </li>
                                <li>Fine particle sizing available</li>
                                <li>Ensures minimal contamination in low-carbon grades</li>
                                <li>Backed by strong logistics and QC processes to avoid delays.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="modal-footer pt-10%">
                <div class="d-flex gap-3">
                    <a href="tel:+91 98841 42441" class="btn border-1 btn-base-color btn-small btn-rounded  left-icon btn-switch-text">
                        <span>  
                        <span class="btn-double-text" data-text="Contact us">Contact us</span>
                        </span>
                        </a>
                    <!-- <a class="btn_contact" href="#contact">Contact us</a> -->
                    <a class="btn border-1 btn-rounded  left-icon btn-switch-text closeModal" data-text="Close">Close</a>
                </div>
            </div>
        </div>
    </div>
    <div id="myModal7" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <span class="close">&times;</span>
                <h6 class="fw-700 h5 text-black fs-24">Ferro Silicon</h6>
            </div>
            <div class="modal-body  pt-10px pb-10px">

                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                              <div class="bg-very-light-gray">
                                        <img src="assets/images/FERRO/Ferro_silicon.png" class="modalImage" alt="">
                                    </div>
                        </div>
                        <div class="col-md-6">
                            <p>A widely used ferroalloy that enhances strength, magnetic properties, and corrosion resistance in steel.</p>
                            <ul class="ull">
                                <li>Available in 65% - 75% silicon grades</li>
                                <li>Ideal deoxidizer with minimal slagging</li>
                                <li>Improved casting properties and fluidity in foundries</li>
                                <li>We maintain strict control over trace elements to ensure high-purity output suitable for both steel and ductile iron applications.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="modal-footer pt-10%">
                <div class="d-flex gap-3">
                    <a href="tel:+91 98841 42441" class="btn border-1 btn-base-color btn-small btn-rounded  left-icon btn-switch-text">
                        <span>  
                        <span class="btn-double-text" data-text="Contact us">Contact us</span>
                        </span>
                        </a>
                    <!-- <a class="btn_contact" href="#contact">Contact us</a> -->
                    <a class="btn border-1 btn-rounded  left-icon btn-switch-text closeModal" data-text="Close">Close</a>
                </div>
            </div>
        </div>
    </div>

<script type="text/javascript" src="assets/js/jquery.js"></script>
<script type="text/javascript" src="assets/js/vendors.min.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="assets/js/smooth.js"></script>
<script type="text/javascript" src="assets/js/script.js"></script>
</body>
</html>

MMCT - 2023