<!Doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Mana Organics | Organic Yield Enhancement & Safer Farming</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">-->
    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->

    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/odometer.min.css">
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <link rel="stylesheet" href="assets/css/meanmenu.css">
    <link rel="stylesheet" href="assets/css/swipper.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />

</head>

<body>

    <!-- ac-header-2-area-start -->
    <header class="ac-header-2-area">
        <div class="ac-header-2-wrapper">
            <div class="container-fluid">
                <div class="ac-header-2 pr-45 pl-45">
                    <div class="row align-items-center">
                        <div class="col-xl-3 col-lg-3 col-6">
                            <div class="ac-logo-area">
                                <a href="index.php" class="logo-wrapper">
                                    <img src="assets/img/logo/logo.png" alt="MANA ORGANICS">
                                    <div class="logo-text">
                                        <h4>MANA ORGANICS</h4>
                                        <span>Organic Yield Enhancement & Safer Farming</span>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-xl-7 col-lg-7 text-center d-lg-block d-none">
                            <div class="ac-main-menu ac-main-menu-2">
                                <ul class="ac-navbar">
                                    <li><a href="index.php">Home</a></li>
                                    <!--<li><a href="about.php">About Us</a></li>-->
                                    <li>
                                        <a href="#">Solutions</a>
                                        <ul class="ac-submenu">
                                            <li><a href="orgagen.php">Orgagen</a></li>
                                            <li><a href="manufacturers.php">Potentization Of Pesticide Technicals</a></li>
                                            <li><a href="formulators.php">Mana Organic Activators</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="services.php">Services</a></li>
                                    <li>
                                        <a href="#">Testimonials</a>
                                        <ul class="ac-submenu">
                                            <li><a href="sunflower.php">Seeds</a></li>
                                            <li>
                                                <a href="#">Cotton Crop</a>
                                                <ul class="ac-submenu" style="left: 100px;">
                                                    <li><a href="cotton-2006.php">Cotton Crop - 2006</a></li>
                                                    <li><a href="cotton-2021.php">Cotton Crop - 2021</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="paddy.php">Paddy</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.php">Contact Us</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 d-none  d-sm-flex justify-content-end">
                            <div class="ac-main-menu-link ac-main-menu-link-2 text-end wow fadeInRight">
                                <!-- Get In Touch Button -->
                                <a href="assets/doc/BROCHURE_MANA-ORGANICS.pdf" class="get-touch-btn" style="color: #1f6b3b">
                                    <i class="fa fa-download" aria-hidden="true"></i> Brochure
                                </a>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-2  col-6 d-lg-none d-flex justify-content-end">
                            <div class="ac-mobile-menu-2">
                                <div class="mobile-toggle">
                                    <i class="fad fa-bars mobile-nav-toggler"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- ac-header-2-area-end -->

    <!-- ac-sidebar-start -->
    <div class="mobile-nav-wrapper home-page-2">
        <div class="mobile-nav-overlay mobile-nav-toggler"></div>
        <!-- /.mobile-nav__overlay -->
        <div class="mobile-nav-content">


            <div class="logo-box mb-35">
                <div class="row">
                    <div class="col-8"><a href="index.php" aria-label="logo image">
                                </a>
                        </div>
                    <div class="col-4 d-flex justify-content-end align-items-center"><span
                            class="mobile-nav-close mobile-nav-toggler"><i class="far fa-times"></i></span></div>
                </div>
            </div>

            <div class="mobile-menu fix"></div>

            <div class="mobile-contact-info mb-35 mt-40">
                <h3 class="sidebar-contact-info mb-20 text-white">Contact Info</h3>
                <ul class="mobile-nav-contact">
                    <li>
                        <i class="fal fa-envelope-open"></i>
                        <a href="mailto:rahul@manaorganics.co.in">rahul@manaorganics.co.in</a>
                    </li>
                    <li>
                        <i class="fal fa-phone-alt"></i>
                        <a href="tel:+91 97015 65478">+91 97015 65478</a><br>
                        <i class="fal fa-phone-alt"></i>
                        <a href="tel:+91 97035 06808">+91 97035 06808</a>
                    </li>
                </ul>
            </div>
            <div class="mobile-nav-top">
                <div class="mobile-nav-social">

                    <a href="#" aria-label="facebook"><i class="fab fa-facebook-square"></i></a>
                    <a href="#" aria-label="pinterest"><i class="fab fa-pinterest-p"></i></a>
                    <a href="#" aria-label="instagram"><i class="fab fa-instagram"></i></a>
                </div>
            </div>



        </div>
        <!-- /.mobile-nav__content -->
    </div>
    <!-- ac-sidebar-end -->
    
    <div id="entryPopup" class="popup-overlay">
    <div class="popup-content">
        <span class="close-btn" onclick="closePopup()">&times;</span>
        <img src="assets/img/cac.jpeg" alt="CAC Entry Pass">
    </div>
</div>

    <style>
        .ac-logo-area .logo-wrapper {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .ac-logo-area img {
            max-height: 56px;
        }

        .logo-text {
            background: #fff;
            padding: 8px 15px;
        }

        .logo-text h4 {
            margin: 0;
            font-size: 20px;
            font-weight: 600;
            color: #1f6b3b;
            letter-spacing: 1px;
            white-space: nowrap;
        }

        .logo-text span {
            display: block;
            font-size: 10px;
            color: #d2691e;
            white-space: nowrap;
        }

        .get-touch-btn {
            background: #fff;
            color: #1f6b3b;
            padding: 10px 10px;
            margin-left: 15px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
            border: 2px solid #1f6b3b;
            transition: all 0.3s ease;
        }

        .get-touch-btn:hover {
            color: #fff;
        }
        
        /* Main submenu */
.ac-submenu {
    position: absolute;
    background: #fff;
    min-width: 220px;
    padding: 10px 0;
    list-style: none;
    display: none;
    z-index: 999;
}

/* Show submenu on hover */
li:hover > .ac-submenu {
    display: block;
}

/* First level submenu position */
.ac-main-menu li {
    position: relative;
}

/* Main submenu */
.ac-submenu {
    position: absolute;
    background: #fff;
    min-width: 220px;
    padding: 10px 0;
    list-style: none;
    display: none;
    z-index: 999;
}

/* Show submenu on hover */
li:hover > .ac-submenu {
    display: block;
}

/* Parent positioning */
.ac-main-menu li {
    position: relative;
}

/* Second level submenu (open to LEFT) */
.ac-submenu .ac-submenu {
    right: 100%;
    left: auto;
    top: 0;
}

/* Menu link style */
.ac-submenu li a {
    display: block;
    padding: 10px 18px;
    color: #333;
    font-size: 15px;
    text-decoration: none;
}

/* Hover effect */
.ac-submenu li a:hover {
    background: #f5f5f5;
    color: #1f6b3f;
}

/* Menu link style */
.ac-submenu li a {
    display: block;
    padding: 10px 18px;
    color: #333;
    font-size: 15px;
    text-decoration: none;
}

/* Hover effect */
.ac-submenu li a:hover {
    background: #f5f5f5;
    color: #1f6b3f;
}

.cac-event-info{
    color:#fff;
    font-size:16px;
}

.entry-pass-btn{
    display:inline-block;
    margin-top:8px;
    padding:6px 16px;
    border:1px solid #fff;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    transition:0.3s;
}

.entry-pass-btn:hover{
    background:#fff;
    color:#000;
}

/* Popup */
.popup-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,0.7);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

.popup-content{
    position:relative;
    max-width:500px;
    width:90%;
}

.popup-content img{
    width:100%;
    border-radius:6px;
}

.close-btn{
    position:absolute;
    top:-12px;
    right:-12px;
    background:#fff;
    width:30px;
    height:30px;
    border-radius:50%;
    text-align:center;
    line-height:30px;
    font-size:18px;
    cursor:pointer;
}

.cac-event-info{
    display:inline-block;
    background:#01913f;
    padding:16px 22px;
    border-radius:8px;
    margin-top:15px;
    text-align:center;
    box-shadow:0 4px 15px rgba(0,0,0,0.15);
}

.cac-event-info p{
    margin-bottom:6px;
    font-size:16px;
    color:#fff;
}

.cac-event-info strong{
    color:#fff;
    font-weight:700;
}

/* Entry Pass Button */
.entry-pass-btn{
    display:inline-block;
    margin-top:8px;
    padding:6px 14px;
    font-size:14px;
    border:1px solid #fff;
    color:#fff;
    border-radius:4px;
    text-decoration:none;
    transition:0.3s;
}

.entry-pass-btn:hover{
    background:#1f6b3b;
    color:#fff;
}
    </style>
    
    <script>
function openPopup(){
    document.getElementById("entryPopup").style.display="flex";
}

function closePopup(){
    document.getElementById("entryPopup").style.display="none";
}
</script>