{"id":2089,"date":"2025-10-18T13:10:51","date_gmt":"2025-10-18T13:10:51","guid":{"rendered":"https:\/\/tan-skunk-830226.hostingersite.com\/home\/"},"modified":"2025-12-13T08:16:06","modified_gmt":"2025-12-13T08:16:06","slug":"home","status":"publish","type":"page","link":"https:\/\/batterwali.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2089\" class=\"elementor elementor-2089\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a939fe e-con-full e-flex e-con e-parent\" data-id=\"5a939fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17d06f1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"17d06f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n   \r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        .hero-section {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100vh;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .hero-video {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            min-width: 100%;\r\n            min-height: 100%;\r\n            width: auto;\r\n            height: auto;\r\n            transform: translate(-50%, -50%);\r\n            z-index: -1;\r\n            object-fit: cover;\r\n            filter: brightness(0.6);\r\n        }\r\n\r\n        .hero-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 0;\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 1;\r\n            text-align: center;\r\n            color: white;\r\n            padding: 20px;\r\n            max-width: 900px;\r\n        }\r\n\r\n        .badge {\r\n            display: inline-block;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            padding: 8px 20px;\r\n            border-radius: 30px;\r\n            font-size: 0.9rem;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 20px;\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .hero-content h1 {\r\n            font-size: 5rem;\r\n            margin-bottom: 20px;\r\n            font-weight: bold;\r\n             color: rgb(255, 142, 4);\r\n            text-shadow: 2px 2px #faf8f4;\r\n            line-height: 1.2;\r\n            animation: fadeInUp 1s ease;\r\n        }\r\n\r\n        .hero-content .tagline {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 15px;\r\n            font-weight: 300;\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);\r\n            color: #FFE4B5;\r\n            animation: fadeInUp 1.2s ease;\r\n        }\r\n\r\n        .hero-content p {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 35px;\r\n            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);\r\n            line-height: 1.6;\r\n            animation: fadeInUp 1.4s ease;\r\n        }\r\n\r\n        .btn-container {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            animation: fadeInUp 1.6s ease;\r\n        }\r\n\r\n        .hero-btn {\r\n            padding: 18px 45px;\r\n            font-size: 1.1rem;\r\n            border: none;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: #ff6b00;\r\n            color: white;\r\n            box-shadow: 0 5px 20px rgba(255, 107, 0, 0.4);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: #ff8c00;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(255, 107, 0, 0.6);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid white;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: white;\r\n            color: #ff6b00;\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .features {\r\n            display: flex;\r\n            gap: 40px;\r\n            justify-content: center;\r\n            margin-top: 50px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .feature-item {\r\n            text-align: center;\r\n        }\r\n\r\n        .feature-icon {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .feature-text {\r\n            font-size: 1rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero-content h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .hero-content .tagline {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .hero-content p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .hero-btn {\r\n                padding: 14px 30px;\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .features {\r\n                gap: 20px;\r\n            }\r\n\r\n            .feature-icon {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"hero-section\">\r\n        <video class=\"hero-video\" autoplay muted loop playsinline>\r\n            <source src=\"https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/WhatsApp-Video-2025-10-17-at-16.35.23_0dac881f.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"hero-overlay\"><\/div>\r\n        <div class=\"hero-content\">\r\n            <div class=\"badge\">\u2728 PURELY AUTHENTIC BATTER \u2728<\/div>\r\n            <h1>\u092b\u0948\u0932\u093e\u0913, \u092c\u0928\u093e\u0913, \u0916\u093e\u0913<\/h1>\r\n            <p class=\"tagline\">Where Taste Meets Tradition<\/p>\r\n            <p>\r\n                Our handmade, fermented, and instant batters are crafted with care to bring freshness, flavor, and convenience straight to\u00a0your\u00a0kitchen.\r\n            <\/p>\r\n            <div class=\"btn-container\">\r\n                <a href=\"https:\/\/batterwali.in\/?post_type=product\" class=\"hero-btn btn-primary\">Order Now<\/a>\r\n                <a href=\"https:\/\/batterwali.in\/?page_id=2161\/\" class=\"hero-btn btn-secondary\">Our Story<\/a>\r\n            <\/div>\r\n            <div class=\"features\">\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\ud83d\udd25<\/div>\r\n                    <div class=\"feature-text\">Fresh Daily<\/div>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\ud83c\udf3e<\/div>\r\n                    <div class=\"feature-text\">100% Natural<\/div>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <div class=\"feature-icon\">\u2b50<\/div>\r\n                    <div class=\"feature-text\">Traditional Recipe<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a00832a elementor-widget elementor-widget-html\" data-id=\"a00832a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>About Section - Dosa<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        .about-section {\r\n            padding: 100px 20px;\r\n            background: linear-gradient(135deg, #fff5e6 0%, #ffe8cc 100%);\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .section-title h2 {\r\n            font-size: 3rem;\r\n            color: #ff6b00;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .section-title p {\r\n            font-size: 1.2rem;\r\n            color: #666;\r\n        }\r\n\r\n        .about-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .about-image {\r\n            width: 100%;\r\n            height: 500px;\r\n            background: url('https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/Untitled-500-x-500-px.jpg') center\/cover;\r\n            border-radius: 20px;\r\n            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .about-text h3 {\r\n            font-size: 2rem;\r\n            color: #333;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .about-text p {\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            color: #555;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .about-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 20px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .stat-box {\r\n            text-align: center;\r\n            padding: 20px;\r\n            background: white;\r\n            border-radius: 15px;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 2.5rem;\r\n            font-weight: bold;\r\n            color: #ff6b00;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 0.9rem;\r\n            color: #666;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        .read-more-btn-about {\r\n            display: inline-block;\r\n            margin-top: 30px;\r\n            padding: 14px 40px;\r\n            background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n            color: white;\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .read-more-btn-about:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(255, 107, 0, 0.4);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .section-title h2 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .section-title p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .about-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .about-image {\r\n                height: 300px;\r\n            }\r\n\r\n            .about-text h3 {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .about-text p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .about-stats {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .stat-number {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"about-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>About Us<\/h2>\r\n                <p>Discover our story and passion for authentic dosa<\/p>\r\n            <\/div>\r\n            <div class=\"about-content\">\r\n                <div class=\"about-image\"><\/div>\r\n                <div class=\"about-text\">\r\n                    <h3>Authentic Taste, Perfect Batter<\/h3>\r\n                    <p>\r\n                       Our journey began with a simple dream \u2014 to make fresh, fermented, and instant batters easily accessible to every home in Varanasi. Honoring time-tested traditional recipes, we prepare every batter with love, care, and strict attention to hygiene.\r\n\r\n                    <\/p>\r\n                    <p>\r\n                        The secret to our batters lies in 100% natural ingredients, slow fermentation for authentic taste, and hand-ground spices. From soft idlis to crispy dosas, every bite delivers freshness and flavor that feels like home-cooked\u00a0perfection.\r\n                    <\/p>\r\n                    <div class=\"about-stats\">\r\n                        <div class=\"stat-box\">\r\n                            <div class=\"stat-number\">5+<\/div>\r\n                            <div class=\"stat-label\">Years Experience<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-box\">\r\n                            <div class=\"stat-number\">1K+<\/div>\r\n                            <div class=\"stat-label\">Happy Customers<\/div>\r\n                        <\/div>\r\n                        <div class=\"stat-box\">\r\n                            <div class=\"stat-number\">10+<\/div>\r\n                            <div class=\"stat-label\">Varieties<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/batterwali.in\/?page_id=2161\" class=\"read-more-btn-about\">Read More \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4acd916 elementor-widget elementor-widget-html\" data-id=\"4acd916\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Category Section - Dosa<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        .category-section {\r\n            padding: 100px 20px;\r\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .section-title h2 {\r\n            font-size: 3rem;\r\n            color: #ff6b00;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .section-title p {\r\n            font-size: 1.2rem;\r\n            color: #666;\r\n        }\r\n\r\n        .category-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 40px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .category-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            display: block;\r\n        }\r\n\r\n        .category-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(255, 107, 0, 0.3);\r\n        }\r\n\r\n        .category-header {\r\n            position: relative;\r\n            height: 250px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .category-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n        }\r\n\r\n        .category-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .category-body {\r\n            padding: 30px;\r\n        }\r\n\r\n        .category-body h3 {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 15px;\r\n            font-weight: bold;\r\n            background: linear-gradient(135deg, #ff6b00 0%, #ff8c00 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            position: relative;\r\n            display: inline-block;\r\n            padding-bottom: 12px;\r\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            border-bottom: 3px solid #ff6b00;\r\n            box-shadow: inset 0 -3px 0 rgba(255, 107, 0, 0.2);\r\n        }\r\n\r\n        .category-card:hover .category-body h3 {\r\n            border-bottom: 3px solid #ff8c00;\r\n            transform: translateX(8px);\r\n            letter-spacing: 1.5px;\r\n            filter: brightness(1.1);\r\n        }\r\n\r\n        .category-body p {\r\n            font-size: 1rem;\r\n            line-height: 1.8;\r\n            color: #555;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .category-features {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .category-feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-size: 0.95rem;\r\n            color: #666;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .category-card:hover .category-feature {\r\n            color: #ff6b00;\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .category-feature-icon {\r\n            color: #ff6b00;\r\n            font-size: 1.2rem;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .category-card:hover .category-feature-icon {\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        .category-btn {\r\n            display: inline-block;\r\n            width: 100%;\r\n            padding: 15px 30px;\r\n            background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n            color: white;\r\n            text-align: center;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .category-btn:hover {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 5px 20px rgba(255, 107, 0, 0.4);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .section-title h2 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .category-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .category-header {\r\n                height: 200px;\r\n            }\r\n\r\n            .category-body {\r\n                padding: 20px;\r\n            }\r\n\r\n            .category-body h3 {\r\n                font-size: 1.3rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"category-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Our Product Categories<\/h2>\r\n                <p>Choose according to your preference<\/p>\r\n            <\/div>\r\n            <div class=\"category-grid\">\r\n                <a href=\"https:\/\/batterwali.in\/?product_cat=fermented-batters\" class=\"category-card\">\r\n                    <div class=\"category-header\">\r\n                        <img decoding=\"async\" src=\"https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/fermented-dosa-batter.png\" alt=\"Fermented Batter\" class=\"category-image\">\r\n                        <div class=\"category-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"category-body\">\r\n                        <h3>\ud83c\udf3e Fermented Batters (\u092b\u0930\u094d\u092e\u0947\u0902\u091f\u0947\u0921 \u092c\u0948\u091f\u0930 )<\/h3>\r\n                        <p>These batters are rich in probiotics. Store in the fridge for 7-10 days after fermentation.<\/p>\r\n                        <div class=\"category-features\">\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Classic Dosa Batter<\/span>\r\n                            <\/div>\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Soft Idli Batter<\/span>\r\n                            <\/div>\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Vegi Uttapam Batter<\/span>\r\n                            <\/div>\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Mysore Masala Batter<\/span>\r\n                            <\/div>\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Millet Healthy Batter<\/span>\r\n                            <\/div>\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Moong Dal Pesarattu Batter<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <span class=\"category-btn\">View Now \u2192<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/batterwali.in\/?product_cat=instant-batters\" class=\"category-card\">\r\n                    <div class=\"category-header\">\r\n                        <img decoding=\"async\" src=\"https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/instant-dosa-batter.png\" alt=\"Instant Batter\" class=\"category-image\">\r\n                        <div class=\"category-overlay\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"category-body\">\r\n                        <h3>\u26a1 Instant Batters (\u0907\u0902\u0938\u094d\u091f\u0947\u0902\u091f \u092c\u0948\u091f\u0930)<\/h3>\r\n                        <p>Ready in 5-10 minutes without fermentation. Shelf-life 1 month (packed in dry mix form, use by adding water).<\/p>\r\n                        <div class=\"category-features\">\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Rava Dosa Batter<\/span>\r\n                            <\/div>\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Besan Cheela Batter<\/span>\r\n                            <\/div>\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Pakoda Mix Batter<\/span>\r\n                            <\/div>\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Dhokla Batter<\/span>\r\n                            <\/div>\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Oats Multigrain Batter<\/span>\r\n                            <\/div>\r\n                            <div class=\"category-feature\">\r\n                                <span class=\"category-feature-icon\">\u2713<\/span>\r\n                                <span>Neer Dosa Batter<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <span class=\"category-btn\">View Now \u2192<\/span>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3386ef elementor-widget elementor-widget-html\" data-id=\"d3386ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Testimonial Section - Dosa<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        .testimonial-section {\r\n            padding: 100px 20px;\r\n            background: linear-gradient(135deg, #fff5e6 0%, #ffe8cc 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .section-title h2 {\r\n            font-size: 3rem;\r\n            color: #ff6b00;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .section-title p {\r\n            font-size: 1.2rem;\r\n            color: #666;\r\n        }\r\n\r\n        .testimonial-wrapper {\r\n            position: relative;\r\n            overflow: hidden;\r\n            width: 100%;\r\n        }\r\n\r\n        .testimonial-track {\r\n            display: flex;\r\n            gap: 30px;\r\n            animation: scroll-left 50s linear infinite;\r\n            width: fit-content;\r\n        }\r\n\r\n        .testimonial-track:hover {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        @keyframes scroll-left {\r\n            0% {\r\n                transform: translateX(0);\r\n            }\r\n            100% {\r\n                transform: translateX(-50%);\r\n            }\r\n        }\r\n\r\n        .testimonial-card {\r\n            background: white;\r\n            padding: 40px;\r\n            border-radius: 20px;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.3s ease;\r\n            min-width: 350px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .testimonial-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 30px rgba(255, 107, 0, 0.2);\r\n        }\r\n\r\n        .stars {\r\n            color: #ffc107;\r\n            font-size: 1.2rem;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .testimonial-text {\r\n            font-size: 1rem;\r\n            line-height: 1.8;\r\n            color: #555;\r\n            margin-bottom: 20px;\r\n            font-style: italic;\r\n        }\r\n\r\n        .customer-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .customer-avatar {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-weight: bold;\r\n            font-size: 1.2rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .customer-details h4 {\r\n            font-size: 1.1rem;\r\n            color: #333;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .customer-details p {\r\n            font-size: 0.9rem;\r\n            color: #999;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .section-title h2 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .testimonial-card {\r\n                min-width: 300px;\r\n                padding: 25px;\r\n            }\r\n\r\n            .testimonial-text {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            @keyframes scroll-left {\r\n                0% {\r\n                    transform: translateX(0);\r\n                }\r\n                100% {\r\n                    transform: translateX(-50%);\r\n                }\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"testimonial-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Customer Reviews<\/h2>\r\n                <p>What our happy customers say about our dosa batter<\/p>\r\n            <\/div>\r\n            <div class=\"testimonial-wrapper\">\r\n                <div class=\"testimonial-track\">\r\n                    <!-- First Set of Cards -->\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"Absolutely authentic taste! I felt like I was in Chennai. \r\n                            The taste of Masala dosa batter and crispy texture is outstanding.\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">R<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Rajesh Kumar<\/h4>\r\n                                <p>Delhi<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"Best dosa batter in town! The combination of coconut chutney and sambar is perfect. \r\n                            Fast service and reasonable prices. Highly recommended!\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">P<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Priya Sharma<\/h4>\r\n                                <p>Mumbai<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"I'm South Indian and honestly the dosa batter here reminds me of home. \r\n                            Quality ingredients and authentic preparation method.\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">A<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Arun Venkat<\/h4>\r\n                                <p>Bangalore<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"The Paper Dosa Batter is huge and delicious! Perfect for breakfast or dinner. \r\n                            Love the variety they offer and the quick delivery service.\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">M<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Meera Patel<\/h4>\r\n                                <p>Ahmedabad<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"Amazing food quality! The fermented dosa batter makes all the difference. \r\n                            It's healthy, tasty and affordable. My family's favorite weekend treat!\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">S<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Suresh Reddy<\/h4>\r\n                                <p>Hyderabad<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"The Mysore Masala Dosa Batter is my absolute favorite! Perfect spice level \r\n                            and the chutney varieties are incredible. Worth every penny!\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">N<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Neha Singh<\/h4>\r\n                                <p>Pune<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Duplicate Set for Seamless Loop -->\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"Absolutely authentic taste! I felt like I was in Chennai. \r\n                            The taste of Masala dosa batter and crispy texture is outstanding.\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">R<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Rajesh Kumar<\/h4>\r\n                                <p>Delhi<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"Best dosa batter in town! The combination of coconut chutney and sambar is perfect. \r\n                            Fast service and reasonable prices. Highly recommended!\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">P<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Priya Sharma<\/h4>\r\n                                <p>Mumbai<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"I'm South Indian and honestly the dosa batter here reminds me of home. \r\n                            Quality ingredients and authentic preparation method.\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">A<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Arun Venkat<\/h4>\r\n                                <p>Bangalore<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"The Paper Dosa Batter is huge and delicious! Perfect for breakfast or dinner. \r\n                            Love the variety they offer and the quick delivery service.\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">M<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Meera Patel<\/h4>\r\n                                <p>Ahmedabad<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"Amazing food quality! The fermented dosa batter makes all the difference. \r\n                            It's healthy, tasty and affordable. My family's favorite weekend treat!\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">S<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Suresh Reddy<\/h4>\r\n                                <p>Hyderabad<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"testimonial-card\">\r\n                        <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <p class=\"testimonial-text\">\r\n                            \"The Mysore Masala Dosa Batter is my absolute favorite! Perfect spice level \r\n                            and the chutney varieties are incredible. Worth every penny!\"\r\n                        <\/p>\r\n                        <div class=\"customer-info\">\r\n                            <div class=\"customer-avatar\">N<\/div>\r\n                            <div class=\"customer-details\">\r\n                                <h4>Neha Singh<\/h4>\r\n                                <p>Pune<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18ed382 elementor-widget elementor-widget-html\" data-id=\"18ed382\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ELEMENTOR HTML WIDGET - PASTE THIS IN CUSTOM HTML WIDGET (HOME PAGE) -->\r\n\r\n<style>\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    body, html {\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    }\r\n\r\n    \/* Stylish H1 Heading *\/\r\n    h1 {\r\n        text-align: center;\r\n        font-size: 2rem;\r\n        font-weight: 400;\r\n        margin-top: 40px;\r\n        margin-bottom: 10px;\r\n        background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    h1::after {\r\n        content: \"\";\r\n        display: block;\r\n        width: 90px;\r\n        height: 4px;\r\n        background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n        margin: 12px auto 0;\r\n        border-radius: 3px;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        h1 {\r\n            font-size: 2rem;\r\n            margin-top: 30px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        h1 {\r\n            font-size: 1.6rem;\r\n            margin-top: 25px;\r\n        }\r\n    }\r\n\r\n    .recipe-container {\r\n        width: 100%;\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 20px;\r\n    }\r\n\r\n    .recipe-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 40px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .recipe-card {\r\n        background: white;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n\r\n    .recipe-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 15px 40px rgba(255, 107, 0, 0.2);\r\n    }\r\n\r\n    .recipe-image {\r\n        width: 100%;\r\n        height: 250px;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    .recipe-content {\r\n        padding: 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .recipe-category {\r\n        display: inline-block;\r\n        background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n        color: white;\r\n        padding: 5px 15px;\r\n        border-radius: 20px;\r\n        font-size: 0.8rem;\r\n        font-weight: 600;\r\n        margin-bottom: 15px;\r\n        text-transform: uppercase;\r\n        width: fit-content;\r\n    }\r\n\r\n    .recipe-content h3 {\r\n        font-size: 1.5rem;\r\n        color: #333;\r\n        margin-bottom: 12px;\r\n        line-height: 1.4;\r\n        word-wrap: break-word;\r\n    }\r\n\r\n    .recipe-content p {\r\n        font-size: 0.95rem;\r\n        color: #666;\r\n        line-height: 1.6;\r\n        margin-bottom: 20px;\r\n        flex-grow: 1;\r\n        word-wrap: break-word;\r\n    }\r\n\r\n    .recipe-meta {\r\n        display: flex;\r\n        gap: 20px;\r\n        margin-bottom: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .recipe-meta-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 0.9rem;\r\n        color: #666;\r\n    }\r\n\r\n    .recipe-meta-icon {\r\n        color: #ff6b00;\r\n        font-size: 1.1rem;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .recipe-btn {\r\n        display: inline-block;\r\n        width: 100%;\r\n        padding: 12px 25px;\r\n        background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n        color: white;\r\n        text-align: center;\r\n        border-radius: 50px;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        border: none;\r\n        cursor: pointer;\r\n        font-size: 0.95rem;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .recipe-btn:hover {\r\n        transform: scale(1.05);\r\n        box-shadow: 0 5px 20px rgba(255, 107, 0, 0.4);\r\n        color: white;\r\n    }\r\n\r\n    .recipe-btn:active {\r\n        transform: scale(0.98);\r\n    }\r\n\r\n    \/* Popup Modal Styles *\/\r\n    .modal {\r\n        display: none;\r\n        position: fixed;\r\n        z-index: 9999;\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.7);\r\n        animation: fadeIn 0.3s ease;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; }\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .modal-content {\r\n        background-color: #fff;\r\n        margin: 5% auto;\r\n        padding: 0;\r\n        width: 90%;\r\n        max-width: 800px;\r\n        border-radius: 20px;\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n        animation: slideDown 0.4s ease;\r\n        max-height: 85vh;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    @keyframes slideDown {\r\n        from {\r\n            transform: translateY(-50px);\r\n            opacity: 0;\r\n        }\r\n        to {\r\n            transform: translateY(0);\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    .modal-header {\r\n        background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n        color: white;\r\n        padding: 25px 30px;\r\n        border-radius: 20px 20px 0 0;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .modal-header h2 {\r\n        margin: 0;\r\n        font-size: 1.8rem;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .close-btn {\r\n        background: rgba(255, 255, 255, 0.2);\r\n        border: 2px solid white;\r\n        color: white;\r\n        font-size: 28px;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        border-radius: 50%;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.3s ease;\r\n        padding: 0;\r\n    }\r\n\r\n    .close-btn:hover {\r\n        background: white;\r\n        color: #ff6b00;\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    .modal-body {\r\n        padding: 30px;\r\n    }\r\n\r\n    .modal-image {\r\n        width: 100%;\r\n        height: 300px;\r\n        object-fit: cover;\r\n        border-radius: 15px;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .modal-category {\r\n        display: inline-block;\r\n        background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n        color: white;\r\n        padding: 8px 20px;\r\n        border-radius: 25px;\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        margin-bottom: 20px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .modal-description {\r\n        font-size: 1rem;\r\n        color: #555;\r\n        line-height: 1.8;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .modal-meta {\r\n        display: flex;\r\n        gap: 30px;\r\n        margin-bottom: 30px;\r\n        flex-wrap: wrap;\r\n        background: #f8f9fa;\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .modal-meta-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-size: 1rem;\r\n        color: #333;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .modal-meta-icon {\r\n        color: #ff6b00;\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .ingredients-section,\r\n    .instructions-section {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 1.4rem;\r\n        color: #333;\r\n        margin-bottom: 15px;\r\n        font-weight: 600;\r\n        border-left: 4px solid #ff6b00;\r\n        padding-left: 15px;\r\n    }\r\n\r\n    .ingredients-list {\r\n        list-style: none;\r\n        padding: 0;\r\n    }\r\n\r\n    .ingredients-list li {\r\n        padding: 12px 15px;\r\n        background: #f8f9fa;\r\n        margin-bottom: 8px;\r\n        border-radius: 8px;\r\n        border-left: 3px solid #ff6b00;\r\n        font-size: 0.95rem;\r\n        color: #555;\r\n    }\r\n\r\n    .instructions-list {\r\n        list-style: none;\r\n        counter-reset: step-counter;\r\n        padding: 0;\r\n    }\r\n\r\n    .instructions-list li {\r\n        counter-increment: step-counter;\r\n        padding: 15px 15px 15px 60px;\r\n        background: #f8f9fa;\r\n        margin-bottom: 12px;\r\n        border-radius: 8px;\r\n        position: relative;\r\n        font-size: 0.95rem;\r\n        color: #555;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .instructions-list li::before {\r\n        content: counter(step-counter);\r\n        position: absolute;\r\n        left: 15px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        background: linear-gradient(135deg, #ff6b00, #ff8c00);\r\n        color: white;\r\n        width: 35px;\r\n        height: 35px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: bold;\r\n        font-size: 1rem;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .modal-content {\r\n            width: 95%;\r\n            margin: 10% auto;\r\n        }\r\n\r\n        .modal-header h2 {\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        .modal-meta {\r\n            gap: 15px;\r\n        }\r\n\r\n        .modal-image {\r\n            height: 200px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<h1>Batter Food Recipes<\/h1>\r\n\r\n<div class=\"recipe-container\">\r\n    <div class=\"recipe-grid\">\r\n\r\n        <!-- RECIPE 1: Masala Dosa -->\r\n        <div class=\"recipe-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/5.png\" alt=\"Masala Dosa Recipe\" class=\"recipe-image\">\r\n            <div class=\"recipe-content\">\r\n                <span class=\"recipe-category\">Fermented<\/span>\r\n                <h3>Classic Masala Dosa<\/h3>\r\n                <p>Learn to make the perfect crispy dosa with spiced potato filling using our fermented batter.<\/p>\r\n                <div class=\"recipe-meta\">\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\u23f1\ufe0f<\/span><span>30 mins<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udc65<\/span><span>4 servings<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udd25<\/span><span>Easy<\/span><\/div>\r\n                <\/div>\r\n                <button class=\"recipe-btn\" onclick=\"openModal('masala-dosa')\">View Recipe \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RECIPE 2: Idli -->\r\n        <div class=\"recipe-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/7.png\" alt=\"Idli Recipe\" class=\"recipe-image\">\r\n            <div class=\"recipe-content\">\r\n                <span class=\"recipe-category\">Fermented<\/span>\r\n                <h3>Soft & Fluffy Idli<\/h3>\r\n                <p>Make restaurant-style soft idlis at home with our special fermented idli batter.<\/p>\r\n                <div class=\"recipe-meta\">\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\u23f1\ufe0f<\/span><span>20 mins<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udc65<\/span><span>6 servings<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udd25<\/span><span>Easy<\/span><\/div>\r\n                <\/div>\r\n                <button class=\"recipe-btn\" onclick=\"openModal('idli')\">View Recipe \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RECIPE 3: Rava Dosa -->\r\n        <div class=\"recipe-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/1.png\" alt=\"Rava Dosa Recipe\" class=\"recipe-image\">\r\n            <div class=\"recipe-content\">\r\n                <span class=\"recipe-category\">Instant<\/span>\r\n                <h3>Crispy Rava Dosa<\/h3>\r\n                <p>Quick and easy crispy rava dosa recipe ready in minutes with our instant batter mix.<\/p>\r\n                <div class=\"recipe-meta\">\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\u23f1\ufe0f<\/span><span>15 mins<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udc65<\/span><span>4 servings<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udd25<\/span><span>Easy<\/span><\/div>\r\n                <\/div>\r\n                <button class=\"recipe-btn\" onclick=\"openModal('rava-dosa')\">View Recipe \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RECIPE 4: Uttapam -->\r\n        <div class=\"recipe-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/4.png\" alt=\"Uttapam Recipe\" class=\"recipe-image\">\r\n            <div class=\"recipe-content\">\r\n                <span class=\"recipe-category\">Fermented<\/span>\r\n                <h3>Vegetable Uttapam<\/h3>\r\n                <p>Healthy and colorful uttapam topped with fresh vegetables using our special batter.<\/p>\r\n                <div class=\"recipe-meta\">\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\u23f1\ufe0f<\/span><span>25 mins<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udc65<\/span><span>4 servings<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udd25<\/span><span>Easy<\/span><\/div>\r\n                <\/div>\r\n                <button class=\"recipe-btn\" onclick=\"openModal('uttapam')\">View Recipe \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RECIPE 5: Mysore Masala -->\r\n        <div class=\"recipe-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/3.png\" alt=\"Mysore Masala Dosa Recipe\" class=\"recipe-image\">\r\n            <div class=\"recipe-content\">\r\n                <span class=\"recipe-category\">Fermented<\/span>\r\n                <h3>Mysore Masala Dosa<\/h3>\r\n                <p>Spicy and flavorful Mysore style dosa with red chutney and potato masala filling.<\/p>\r\n                <div class=\"recipe-meta\">\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\u23f1\ufe0f<\/span><span>35 mins<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udc65<\/span><span>4 servings<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udd25<\/span><span>Medium<\/span><\/div>\r\n                <\/div>\r\n                <button class=\"recipe-btn\" onclick=\"openModal('mysore-masala')\">View Recipe \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RECIPE 6: Paper Dosa -->\r\n        <div class=\"recipe-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/6.png\" alt=\"Paper Dosa Recipe\" class=\"recipe-image\">\r\n            <div class=\"recipe-content\">\r\n                <span class=\"recipe-category\">Fermented<\/span>\r\n                <h3>Paper Thin Dosa<\/h3>\r\n                <p>Master the art of making extra large, paper-thin crispy dosas like a pro chef.<\/p>\r\n                <div class=\"recipe-meta\">\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\u23f1\ufe0f<\/span><span>40 mins<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udc65<\/span><span>2 servings<\/span><\/div>\r\n                    <div class=\"recipe-meta-item\"><span class=\"recipe-meta-icon\">\ud83d\udd25<\/span><span>Advanced<\/span><\/div>\r\n                <\/div>\r\n                <button class=\"recipe-btn\" onclick=\"openModal('paper-dosa')\">View Recipe \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Modal Popup -->\r\n<div id=\"recipeModal\" class=\"modal\">\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h2 id=\"modalTitle\">Recipe Details<\/h2>\r\n            <button class=\"close-btn\" onclick=\"closeModal()\">&times;<\/button>\r\n        <\/div>\r\n        <div class=\"modal-body\" id=\"modalBody\">\r\n            <!-- Recipe details will be loaded here -->\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Recipe data with complete details\r\nconst recipes = {\r\n    'masala-dosa': {\r\n        title: 'Classic Masala Dosa',\r\n        image: 'https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/5.png',\r\n        category: 'Fermented',\r\n        time: '30 mins',\r\n        servings: '4 servings',\r\n        difficulty: 'Easy',\r\n        description: 'Masala Dosa is a beloved South Indian dish featuring a crispy, golden crepe made from fermented rice and lentil batter, filled with a flavorful spiced potato mixture. This iconic breakfast item is served hot with coconut chutney and sambar.',\r\n        ingredients: [\r\n            '2 cups fermented dosa batter',\r\n            '4 medium potatoes, boiled and mashed',\r\n            '1 large onion, finely chopped',\r\n            '2 green chilies, chopped',\r\n            '1 tsp mustard seeds',\r\n            '1 tsp cumin seeds',\r\n            '10-12 curry leaves',\r\n            '1\/2 tsp turmeric powder',\r\n            'Salt to taste',\r\n            'Oil for cooking',\r\n            'Fresh coriander for garnish'\r\n        ],\r\n        instructions: [\r\n            'Heat oil in a pan, add mustard seeds and let them splutter.',\r\n            'Add cumin seeds, curry leaves, and green chilies. Saut\u00e9 for 30 seconds.',\r\n            'Add chopped onions and cook until translucent.',\r\n            'Add turmeric powder and salt, mix well.',\r\n            'Add mashed potatoes and mix everything together. Cook for 2-3 minutes.',\r\n            'Heat a non-stick dosa pan or griddle on medium-high heat.',\r\n            'Pour a ladleful of batter in the center and spread it in circular motions to make a thin dosa.',\r\n            'Drizzle oil around the edges and cook until the bottom turns golden and crispy.',\r\n            'Place the potato masala in the center of the dosa and fold it.',\r\n            'Serve hot with coconut chutney and sambar.'\r\n        ]\r\n    },\r\n    'idli': {\r\n        title: 'Soft & Fluffy Idli',\r\n        image: 'https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/7.png',\r\n        category: 'Fermented',\r\n        time: '20 mins',\r\n        servings: '6 servings',\r\n        difficulty: 'Easy',\r\n        description: 'Idli is a traditional South Indian steamed cake made from fermented rice and lentil batter. These soft, fluffy, and nutritious breakfast delights are healthy, easy to digest, and perfect for starting your day.',\r\n        ingredients: [\r\n            '3 cups fermented idli batter',\r\n            'Salt to taste',\r\n            'Oil for greasing',\r\n            'Water for steaming'\r\n        ],\r\n        instructions: [\r\n            'Add salt to the fermented batter and mix gently.',\r\n            'Grease the idli plates with oil.',\r\n            'Pour the idli steamer with water and bring it to a boil.',\r\n            'Pour the batter into each idli mold, filling them 3\/4th full.',\r\n            'Place the idli plates in the steamer.',\r\n            'Cover and steam for 10-12 minutes on medium heat.',\r\n            'Check if done by inserting a toothpick - it should come out clean.',\r\n            'Turn off the heat and let it rest for 2 minutes.',\r\n            'Remove the idlis using a wet spoon or knife.',\r\n            'Serve hot with coconut chutney and sambar.'\r\n        ]\r\n    },\r\n    'rava-dosa': {\r\n        title: 'Crispy Rava Dosa',\r\n        image: 'https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/1.png',\r\n        category: 'Instant',\r\n        time: '15 mins',\r\n        servings: '4 servings',\r\n        difficulty: 'Easy',\r\n        description: 'Rava Dosa is an instant, crispy South Indian crepe made with semolina (rava), rice flour, and all-purpose flour. Unlike regular dosa, it requires no fermentation and can be made quickly, making it perfect for a quick breakfast or snack.',\r\n        ingredients: [\r\n            '1 cup rava (semolina)',\r\n            '1\/4 cup rice flour',\r\n            '1\/4 cup all-purpose flour',\r\n            '2 green chilies, finely chopped',\r\n            '1 inch ginger, grated',\r\n            '10-12 curry leaves, chopped',\r\n            '1 tsp cumin seeds',\r\n            '1\/2 tsp black pepper',\r\n            'Salt to taste',\r\n            '2.5 cups water',\r\n            'Oil for cooking',\r\n            'Fresh coriander, chopped'\r\n        ],\r\n        instructions: [\r\n            'In a large bowl, mix rava, rice flour, and all-purpose flour.',\r\n            'Add chopped green chilies, grated ginger, curry leaves, cumin seeds, black pepper, and salt.',\r\n            'Add water gradually and whisk to make a thin batter (thinner than regular dosa batter).',\r\n            'Let the batter rest for 15-20 minutes.',\r\n            'Heat a non-stick dosa pan on medium-high heat.',\r\n            'Mix the batter well before making each dosa as rava tends to settle.',\r\n            'Pour a ladleful of batter from the outer edge in circular motions towards the center.',\r\n            'Drizzle oil generously around and on top of the dosa.',\r\n            'Cook until the edges turn golden brown and crispy.',\r\n            'Fold and serve hot with coconut chutney or potato masala.'\r\n        ]\r\n    },\r\n    'uttapam': {\r\n        title: 'Vegetable Uttapam',\r\n        image: 'https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/4.png',\r\n        category: 'Fermented',\r\n        time: '25 mins',\r\n        servings: '4 servings',\r\n        difficulty: 'Easy',\r\n        description: 'Uttapam is a thick, savory South Indian pancake made from fermented dosa batter and topped with colorful vegetables. Often called \"Indian Pizza,\" it\\'s a nutritious and delicious breakfast option loaded with veggies.',\r\n        ingredients: [\r\n            '2 cups fermented dosa batter (slightly thick)',\r\n            '1 onion, finely chopped',\r\n            '1 tomato, finely chopped',\r\n            '1 green chili, finely chopped',\r\n            '1\/2 capsicum, finely chopped',\r\n            '2 tbsp grated carrot',\r\n            '10-12 curry leaves',\r\n            'Fresh coriander, chopped',\r\n            'Salt to taste',\r\n            'Oil for cooking'\r\n        ],\r\n        instructions: [\r\n            'Take the fermented dosa batter in a bowl. The batter should be slightly thicker than dosa batter.',\r\n            'Add salt to taste and mix well.',\r\n            'Prepare all vegetables - finely chop onions, tomatoes, green chilies, capsicum, and grate carrots.',\r\n            'Heat a non-stick griddle or dosa pan on medium heat.',\r\n            'Pour a ladleful of thick batter in the center.',\r\n            'Spread it gently in a circular motion to form a thick pancake (about 1\/4 inch thick).',\r\n            'Immediately sprinkle chopped onions, tomatoes, green chilies, capsicum, carrot, and curry leaves on top.',\r\n            'Press the toppings gently into the batter.',\r\n            'Drizzle oil around the edges and on top.',\r\n            'Cook on medium heat until the bottom turns golden brown and crispy.',\r\n            'Flip and cook the other side for 1-2 minutes.',\r\n            'Serve hot with coconut chutney or sambar.'\r\n        ]\r\n    },\r\n    'mysore-masala': {\r\n        title: 'Mysore Masala Dosa',\r\n        image: 'https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/3.png',\r\n        category: 'Fermented',\r\n        time: '35 mins',\r\n        servings: '4 servings',\r\n        difficulty: 'Medium',\r\n        description: 'Mysore Masala Dosa is a spicy variation of the classic masala dosa, originating from Mysore, Karnataka. It features a layer of fiery red chutney spread on the dosa, along with the traditional potato filling, creating a perfect balance of heat and flavor.',\r\n        ingredients: [\r\n            '2 cups fermented dosa batter',\r\n            'For Mysore Chutney:',\r\n            '6-8 dry red chilies',\r\n            '2 tbsp chana dal',\r\n            '2 tbsp urad dal',\r\n            '1 tsp cumin seeds',\r\n            '4-5 garlic cloves',\r\n            '2 tbsp oil',\r\n            'Salt to taste',\r\n            'For Potato Masala:',\r\n            '4 potatoes, boiled',\r\n            '1 onion, chopped',\r\n            '2 green chilies',\r\n            'Curry leaves',\r\n            'Turmeric powder',\r\n            'Oil for cooking'\r\n        ],\r\n        instructions: [\r\n            'To make Mysore chutney: Heat oil in a pan, add red chilies, chana dal, urad dal, and cumin seeds.',\r\n            'Roast until golden brown and aromatic.',\r\n            'Add garlic cloves and roast for another minute.',\r\n            'Let it cool, then grind to a fine paste with salt and little water.',\r\n            'For potato masala: Follow the same process as regular masala dosa filling.',\r\n            'Heat a dosa pan and grease it lightly.',\r\n            'Pour a ladleful of batter and spread it thin.',\r\n            'Once the dosa starts to cook, spread a generous amount of Mysore chutney on it.',\r\n            'Drizzle oil around the edges and let it cook until crispy.',\r\n            'Place potato masala in the center and fold the dosa.',\r\n            'Serve hot with extra chutney and sambar on the side.'\r\n        ]\r\n    },\r\n    'paper-dosa': {\r\n        title: 'Paper Thin Dosa',\r\n        image: 'https:\/\/batterwali.in\/wp-content\/uploads\/2025\/10\/6.png',\r\n        category: 'Fermented',\r\n        time: '40 mins',\r\n        servings: '2 servings',\r\n        difficulty: 'Advanced',\r\n        description: 'Paper Dosa is the ultimate test of dosa-making skills. These extra-large, paper-thin, and incredibly crispy dosas are a restaurant favorite. Making them requires practice, the right batter consistency, and proper heat control.',\r\n        ingredients: [\r\n            '2 cups fermented dosa batter (slightly thin consistency)',\r\n            'Oil or ghee for cooking',\r\n            'Water for spreading',\r\n            'Salt to taste'\r\n        ],\r\n        instructions: [\r\n            'The batter should be slightly thinner than regular dosa batter for paper dosa.',\r\n            'Heat a large iron griddle or non-stick dosa pan on high heat.',\r\n            'Once very hot, reduce to medium-high heat.',\r\n            'Sprinkle few drops of water on the pan and wipe it clean with a cloth.',\r\n            'Pour a large ladleful of batter in the center.',\r\n            'Using the back of the ladle, spread the batter in quick circular motions from center outward.',\r\n            'Spread it as thin as possible - it should be almost see-through.',\r\n            'Drizzle oil or ghee around the edges and all over the dosa.',\r\n            'Let it cook on high heat without touching it until edges start lifting.',\r\n            'The dosa should turn golden brown and crispy.',\r\n            'Do not flip - paper dosa is cooked only on one side.',\r\n            'Using a flat spatula, gently lift from the edges and fold it.',\r\n            'Serve immediately while crispy, with chutney and sambar.'\r\n        ]\r\n    }\r\n};\r\n\r\n\/\/ Open modal with recipe details\r\nfunction openModal(recipeId) {\r\n    const recipe = recipes[recipeId];\r\n    const modal = document.getElementById('recipeModal');\r\n    const modalTitle = document.getElementById('modalTitle');\r\n    const modalBody = document.getElementById('modalBody');\r\n\r\n    modalTitle.textContent = recipe.title;\r\n\r\n    modalBody.innerHTML = `\r\n        <img decoding=\"async\" src=\"${recipe.image}\" alt=\"${recipe.title}\" class=\"modal-image\">\r\n        <span class=\"modal-category\">${recipe.category}<\/span>\r\n        <p class=\"modal-description\">${recipe.description}<\/p>\r\n        \r\n        <div class=\"modal-meta\">\r\n            <div class=\"modal-meta-item\">\r\n                <span class=\"modal-meta-icon\">\u23f1\ufe0f<\/span>\r\n                <span>${recipe.time}<\/span>\r\n            <\/div>\r\n            <div class=\"modal-meta-item\">\r\n                <span class=\"modal-meta-icon\">\ud83d\udc65<\/span>\r\n                <span>${recipe.servings}<\/span>\r\n            <\/div>\r\n            <div class=\"modal-meta-item\">\r\n                <span class=\"modal-meta-icon\">\ud83d\udd25<\/span>\r\n                <span>${recipe.difficulty}<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ingredients-section\">\r\n            <h3 class=\"section-title\">Ingredients<\/h3>\r\n            <ul class=\"ingredients-list\">\r\n                ${recipe.ingredients.map(ingredient => `<li>${ingredient}<\/li>`).join('')}\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"instructions-section\">\r\n            <h3 class=\"section-title\">Instructions<\/h3>\r\n            <ol class=\"instructions-list\">\r\n                ${recipe.instructions.map(instruction => `<li>${instruction}<\/li>`).join('')}\r\n            <\/ol>\r\n        <\/div>\r\n    `;\r\n\r\n    modal.style.display = 'block';\r\n    document.body.style.overflow = 'hidden';\r\n}\r\n\r\n\/\/ Close modal\r\nfunction closeModal() {\r\n    const modal = document.getElementById('recipeModal');\r\n    modal.style.display = 'none';\r\n    document.body.style.overflow = 'auto';\r\n}\r\n\r\n\/\/ Close modal when clicking outside\r\nwindow.onclick = function(event) {\r\n    const modal = document.getElementById('recipeModal');\r\n    if (event.target == modal) {\r\n        closeModal();\r\n    }\r\n}\r\n\r\n\/\/ Close modal with Escape key\r\ndocument.addEventListener('keydown', function(event) {\r\n    if (event.key === 'Escape') {\r\n        closeModal();\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c506c3b e-flex e-con-boxed e-con e-parent\" data-id=\"c506c3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4337686 elementor-widget elementor-widget-html\" data-id=\"4337686\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Download App Popup<\/title>\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', 'Segoe UI', sans-serif;\r\n        }\r\n\r\n        \/* Download Button - Fixed Position *\/\r\n        .download-btn-fixed {\r\n            position: fixed;\r\n            top: 80%;\r\n            right: 30px;\r\n            transform: translateY(-50%);\r\n            background: linear-gradient(135deg, #D4A574 0%, #A0826D 100%);\r\n            color: white;\r\n            padding: 16px 28px;\r\n            border: none;\r\n            border-radius: 30px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            box-shadow: 0 10px 30px rgba(212, 165, 116, 0.4);\r\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            z-index: 998;\r\n            font-size: 15px;\r\n        }\r\n\r\n        .download-btn-fixed:hover {\r\n            transform: translateY(-8px) scale(1.05);\r\n            box-shadow: 0 18px 45px rgba(212, 165, 116, 0.6);\r\n        }\r\n\r\n        .download-btn-fixed:active {\r\n            transform: translateY(-3px) scale(1.02);\r\n        }\r\n\r\n        .download-btn-fixed i {\r\n            font-size: 20px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .download-btn-fixed:hover i {\r\n            animation: bounce 0.6s ease infinite;\r\n        }\r\n\r\n        @keyframes bounce {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-5px); }\r\n        }\r\n\r\n        \/* Popup Background *\/\r\n        .popup-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: rgba(0, 0, 0, 0.5);\r\n            z-index: 999;\r\n            animation: fadeIn 0.3s ease;\r\n        }\r\n\r\n        .popup-overlay.active {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* Popup Box *\/\r\n        .popup-box {\r\n            background: white;\r\n            border-radius: 25px;\r\n            padding: 45px 35px;\r\n            max-width: 450px;\r\n            width: 90%;\r\n            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);\r\n            animation: slideUp 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            position: relative;\r\n            text-align: center;\r\n            border-top: 6px solid #D4A574;\r\n        }\r\n\r\n        \/* Close Button *\/\r\n        .close-popup {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: #f0f0f0;\r\n            border: none;\r\n            width: 35px;\r\n            height: 35px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #666;\r\n            transition: all 0.3s ease;\r\n            font-size: 20px;\r\n        }\r\n\r\n        .close-popup:hover {\r\n            background: #D4A574;\r\n            color: white;\r\n            transform: rotate(90deg);\r\n        }\r\n\r\n        \/* Popup Icon *\/\r\n        .popup-icon {\r\n            width: 90px;\r\n            height: 90px;\r\n            background: linear-gradient(135deg, #D4A574 0%, #A0826D 100%);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 25px;\r\n            font-size: 45px;\r\n            color: white;\r\n            box-shadow: 0 12px 35px rgba(212, 165, 116, 0.3);\r\n            animation: scaleIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        \/* Popup Title *\/\r\n        .popup-box h2 {\r\n            color: #333;\r\n            font-size: 26px;\r\n            margin-bottom: 15px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        \/* Popup Description *\/\r\n        .popup-box p {\r\n            color: #666;\r\n            font-size: 14px;\r\n            line-height: 1.7;\r\n            margin-bottom: 30px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Popup Buttons *\/\r\n        .popup-buttons {\r\n            display: flex;\r\n            gap: 15px;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .popup-btn {\r\n            padding: 14px 25px;\r\n            border: none;\r\n            border-radius: 25px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            font-size: 15px;\r\n            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .popup-btn-install {\r\n            background: linear-gradient(135deg, #D4A574 0%, #A0826D 100%);\r\n            color: white;\r\n            box-shadow: 0 8px 20px rgba(212, 165, 116, 0.3);\r\n        }\r\n\r\n        .popup-btn-install:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 30px rgba(212, 165, 116, 0.5);\r\n        }\r\n\r\n        .popup-btn-install:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .popup-btn-cancel {\r\n            background: #f0f0f0;\r\n            color: #666;\r\n            border: 2px solid #e0e0e0;\r\n        }\r\n\r\n        .popup-btn-cancel:hover {\r\n            background: #e8e8e8;\r\n            border-color: #D4A574;\r\n            color: #D4A574;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @keyframes slideUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes scaleIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: scale(0.8);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n        }\r\n\r\n        \/* Mobile Responsive *\/\r\n        @media (max-width: 600px) {\r\n            .download-btn-fixed {\r\n                bottom: auto;\r\n                top: 80%;\r\n                right: 15px;\r\n                transform: translateY(-50%);\r\n                padding: 14px 20px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .download-btn-fixed i {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .popup-box {\r\n                padding: 35px 25px;\r\n                width: 95%;\r\n            }\r\n\r\n            .popup-box h2 {\r\n                font-size: 22px;\r\n            }\r\n\r\n            .popup-box p {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .popup-btn {\r\n                padding: 12px 20px;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- Download Button -->\r\n    <button class=\"download-btn-fixed\" id=\"downloadBtn\">\r\n        <i class=\"fas fa-download\"><\/i>\r\n        <span>Download App<\/span>\r\n    <\/button>\r\n\r\n    <!-- Popup Overlay -->\r\n    <div class=\"popup-overlay\" id=\"popupOverlay\">\r\n        <div class=\"popup-box\">\r\n            <!-- Close Button -->\r\n            <button class=\"close-popup\" id=\"closePopup\">&times;<\/button>\r\n\r\n            <!-- Popup Content -->\r\n            <div class=\"popup-icon\">\r\n                <i class=\"fas fa-mobile-alt\"><\/i>\r\n            <\/div>\r\n\r\n            <h2>Get Batterwali App<\/h2>\r\n            <p>Download our app and enjoy exclusive deals, faster checkout, and personalized shopping experience. Available on Android and iOS!<\/p>\r\n\r\n            <!-- Popup Buttons -->\r\n            <div class=\"popup-buttons\">\r\n                <button class=\"popup-btn popup-btn-install\" id=\"installAppBtn\">\r\n                    <i class=\"fas fa-download\"><\/i>\r\n                    <span>Install App<\/span>\r\n                <\/button>\r\n                <button class=\"popup-btn popup-btn-cancel\" id=\"cancelBtn\">\r\n                    <i class=\"fas fa-times\"><\/i>\r\n                    <span>Maybe Later<\/span>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const downloadBtn = document.getElementById('downloadBtn');\r\n        const popupOverlay = document.getElementById('popupOverlay');\r\n        const closePopup = document.getElementById('closePopup');\r\n        const cancelBtn = document.getElementById('cancelBtn');\r\n        const installAppBtn = document.getElementById('installAppBtn');\r\n\r\n        let deferredPrompt;\r\n\r\n        \/\/ PWA Install Prompt \u0915\u094b Handle \u0915\u0930\u094b\r\n        window.addEventListener('beforeinstallprompt', (e) => {\r\n            e.preventDefault();\r\n            deferredPrompt = e;\r\n        });\r\n\r\n        \/\/ Download Button Click \u0915\u0930\u094b\r\n        downloadBtn.addEventListener('click', () => {\r\n            popupOverlay.classList.add('active');\r\n        });\r\n\r\n        \/\/ Close Popup\r\n        closePopup.addEventListener('click', () => {\r\n            popupOverlay.classList.remove('active');\r\n        });\r\n\r\n        cancelBtn.addEventListener('click', () => {\r\n            popupOverlay.classList.remove('active');\r\n        });\r\n\r\n        \/\/ Install Button Click \u0915\u0930\u094b\r\n        installAppBtn.addEventListener('click', async () => {\r\n            if (deferredPrompt) {\r\n                deferredPrompt.prompt();\r\n                const { outcome } = await deferredPrompt.userChoice;\r\n                console.log(`User response: ${outcome}`);\r\n                deferredPrompt = null;\r\n                popupOverlay.classList.remove('active');\r\n            } else {\r\n                alert('App installation is not supported on this device.');\r\n            }\r\n        });\r\n\r\n        \/\/ Popup \u0915\u094b \u092c\u0902\u0926 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092c\u093e\u0939\u0930 click \u0915\u0930\u094b\r\n        popupOverlay.addEventListener('click', (e) => {\r\n            if (e.target === popupOverlay) {\r\n                popupOverlay.classList.remove('active');\r\n            }\r\n        });\r\n\r\n        \/\/ App Install \u0939\u094b\u0928\u0947 \u0915\u0947 \u092c\u093e\u0926\r\n        window.addEventListener('appinstalled', () => {\r\n            console.log('PWA was installed');\r\n            downloadBtn.style.display = 'none';\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2728 PURELY AUTHENTIC BATTER \u2728 \u092b\u0948\u0932\u093e\u0913, \u092c\u0928\u093e\u0913, \u0916\u093e\u0913 Where Taste Meets Tradition Our handmade, fermented, and instant batters are crafted with care to bring freshness, flavor, and convenience straight to\u00a0your\u00a0kitchen. Order Now Our Story \ud83d\udd25 Fresh Daily \ud83c\udf3e 100% Natural \u2b50 Traditional Recipe About Section &#8211; Dosa About Us Discover our story and passion for [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2089","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"","author_link":"https:\/\/batterwali.in\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"\u2728 PURELY AUTHENTIC BATTER \u2728 \u092b\u0948\u0932\u093e\u0913, \u092c\u0928\u093e\u0913, \u0916\u093e\u0913 Where Taste Meets Tradition Our handmade, fermented, and instant batters are crafted with care to bring freshness, flavor, and convenience straight to\u00a0your\u00a0kitchen. Order Now Our Story \ud83d\udd25 Fresh Daily \ud83c\udf3e 100% Natural \u2b50 Traditional Recipe About Section &#8211; Dosa About Us Discover our story and passion for&hellip;","_links":{"self":[{"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/pages\/2089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/batterwali.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2089"}],"version-history":[{"count":308,"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/pages\/2089\/revisions"}],"predecessor-version":[{"id":4224,"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/pages\/2089\/revisions\/4224"}],"wp:attachment":[{"href":"https:\/\/batterwali.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}