{"id":16,"date":"2026-03-10T15:32:37","date_gmt":"2026-03-10T15:32:37","guid":{"rendered":"https:\/\/viper-technologies.com\/shemai\/step\/checkout-2\/"},"modified":"2026-03-10T16:27:48","modified_gmt":"2026-03-10T16:27:48","slug":"checkout-2","status":"publish","type":"cartflows_step","link":"https:\/\/viper-technologies.com\/shemai\/step\/checkout-2\/","title":{"rendered":"Checkout"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"cartflows_step\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56fd2bb e-con-full e-flex e-con e-parent\" data-id=\"56fd2bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-27597ee e-con-full e-flex e-con e-child\" data-id=\"27597ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4320ff1 elementor-widget elementor-widget-shortcode\" data-id=\"4320ff1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u09a4\u09c8\u09df\u09cd\u09af\u09c7\u09ac\u09be \u09ab\u09c1\u09a1 - \u0998\u09bf \u098f \u09ad\u09be\u099c\u09be \u09b2\u09be\u099a\u09cd\u099a\u09be \u09b8\u09c7\u09ae\u09be\u0987<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* \u09b8\u09c7\u0995\u09b6\u09a8 \u09b8\u09cd\u09aa\u09c7\u09b8\u09bf\u09ab\u09bf\u0995 \u09b8\u09cd\u099f\u09be\u0987\u09b2 *\/\n        .taibah-hero-wrapper {\n            font-family: 'Hind Siliguri', sans-serif;\n            background-color: #fff9f0;\n            overflow-x: hidden;\n            position: relative;\n        }\n        \n        \/* \u09a8\u09a4\u09c1\u09a8 \u0987\u09b8\u09b2\u09be\u09ae\u09bf\u0995 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09aa\u09cd\u09af\u09be\u099f\u09be\u09b0\u09cd\u09a8 *\/\n        .taibah-islamic-pattern {\n            background-image: url(\"https:\/\/www.transparenttextures.com\/patterns\/arabesque.png\");\n        }\n\n        \/* \u09ae\u09b8\u099c\u09bf\u09a6\u09c7\u09b0 \u09ae\u09bf\u09a8\u09be\u09b0\u09c7\u09b0 \u09b8\u09bf\u09b2\u09c1\u09af\u09bc\u09c7\u099f \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 *\/\n        .taibah-mosque-bg {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 200px;\n            background: linear-gradient(to top, rgba(234, 88, 12, 0.05), transparent);\n            opacity: 0.4;\n            pointer-events: none;\n            z-index: 1;\n        }\n\n        .taibah-animate-float {\n            animation: taibahFloat 6s ease-in-out infinite;\n        }\n\n        @keyframes taibahFloat {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-15px); }\n            100% { transform: translateY(0px); }\n        }\n\n        .taibah-pulse-btn {\n            position: relative;\n            z-index: 1;\n            transition: all 0.3s ease;\n        }\n\n        .taibah-pulse-btn::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-radius: 12px;\n            background: rgba(234, 88, 12, 0.4);\n            animation: taibahPulse 2s infinite;\n            z-index: -1;\n        }\n\n        @keyframes taibahPulse {\n            0% { transform: scale(1); opacity: 1; }\n            100% { transform: scale(1.4); opacity: 0; }\n        }\n\n        .taibah-lantern-glow {\n            filter: drop-shadow(0 0 15px rgba(245, 158, 11, 0.7));\n            animation: taibahLightPulse 3s infinite alternate;\n        }\n\n        @keyframes taibahLightPulse {\n            0% { opacity: 0.8; }\n            100% { opacity: 1; filter: drop-shadow(0 0 25px rgba(245, 158, 11, 0.9)); }\n        }\n\n        .taibah-container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .taibah-glass-card {\n            background: rgba(255, 255, 255, 0.85);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(251, 146, 60, 0.2);\n        }\n\n        \/* \u099a\u09be\u0981\u09a6\u09c7\u09b0 \u0987\u09ab\u09c7\u0995\u09cd\u099f *\/\n        .taibah-moon {\n            position: absolute;\n            top: 20px;\n            left: 5%;\n            font-size: 60px;\n            md:font-size: 80px;\n            opacity: 0.15;\n            filter: blur(1px);\n            pointer-events: none;\n        }\n    <\/style>\n<\/head>\n<body class=\"taibah-islamic-pattern\">\n\n    <!-- Hero Section Wrapper -->\n    <div class=\"taibah-hero-wrapper taibah-islamic-pattern\">\n        \n        <!-- \u099a\u09be\u0981\u09a6 \u098f\u09ac\u0982 \u09ae\u09bf\u09a8\u09be\u09b0 \u098f\u09b0 \u09a1\u09c7\u0995\u09cb\u09b0\u09c7\u09b6\u09a8 -->\n        <div class=\"taibah-moon\">\ud83c\udf19<\/div>\n        \n        <!-- \u099d\u09cb\u09b2\u09be\u09a8\u09cb \u0987\u09b8\u09b2\u09be\u09ae\u09bf\u0995 \u09b2\u09be\u0987\u099f (SVG) -->\n        <div class=\"absolute top-0 right-[15%] hidden md:block\">\n            <svg width=\"40\" height=\"150\" viewBox=\"0 0 40 150\">\n                <line x1=\"20\" y1=\"0\" x2=\"20\" y2=\"100\" stroke=\"#ea580c\" stroke-width=\"2\" \/>\n                <path d=\"M10 100 L30 100 L35 120 L20 140 L5 120 Z\" fill=\"#f59e0b\" class=\"taibah-lantern-glow\" \/>\n                <circle cx=\"20\" cy=\"120\" r=\"5\" fill=\"#fff\" opacity=\"0.8\" \/>\n            <\/svg>\n        <\/div>\n\n        <!-- Section with 40px Top & Bottom Padding, Mobile 10px side padding -->\n        <section class=\"relative py-[40px] px-[10px] md:px-6 z-10\">\n            \n            <!-- Subtle Star Decor -->\n            <div class=\"absolute top-20 right-20 opacity-10 hidden lg:block taibah-animate-float\">\n                <svg width=\"120\" height=\"120\" viewBox=\"0 0 100 100\" fill=\"#ea580c\">\n                    <path d=\"M50 5 L55 35 L85 40 L55 45 L50 75 L45 45 L15 40 L45 35 Z\" \/>\n                <\/svg>\n            <\/div>\n            \n            <div class=\"taibah-container flex flex-col lg:grid lg:grid-cols-2 gap-6 md:gap-12 items-center\">\n                \n                <!-- Image Area (Ordered first on mobile for visibility) -->\n                <div class=\"relative w-full flex justify-center items-center order-1 lg:order-2 mb-4 lg:mb-0\">\n                    <!-- Glow behind image -->\n                    <div class=\"absolute w-[90%] h-[90%] bg-orange-200 rounded-full blur-3xl opacity-30\"><\/div>\n                    \n                    <!-- Floating Lantern -->\n                    <div class=\"absolute -top-6 left-4 md:-top-12 md:left-0 text-5xl md:text-6xl taibah-lantern-glow z-20 animate-bounce\" style=\"animation-duration: 4s;\">\ud83c\udfee<\/div>\n                    \n                    <!-- Main Product Image (Made larger on mobile) -->\n                    <div class=\"relative z-10 taibah-animate-float p-2 w-full max-w-[480px] lg:max-w-none\">\n                        <div class=\"relative overflow-hidden rounded-[1.5rem] md:rounded-[2.5rem] shadow-[0_20px_40px_rgba(0,0,0,0.2)] border-4 md:border-8 border-white\">\n                            <img decoding=\"async\" src=\"https:\/\/taibahfood.com\/wp-content\/uploads\/2026\/03\/IMG_1488-768x576-1.jpg\" \n                                 alt=\"\u0998\u09bf \u098f \u09ad\u09be\u099c\u09be \u09b2\u09be\u099a\u09cd\u099a\u09be \u09b8\u09c7\u09ae\u09be\u0987\" \n                                 onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1512621776951-a57141f2eefd?q=80&w=800'\"\n                                 class=\"w-full h-auto object-cover transform hover:scale-105 transition-transform duration-500\">\n                        <\/div>\n                        \n                        <!-- Premium Badge -->\n                        <div class=\"absolute -bottom-2 -right-2 md:-bottom-6 md:-right-4 bg-white py-2 px-3 md:py-3 md:px-5 rounded-lg md:rounded-xl shadow-xl border-b-4 border-orange-500\">\n                            <div class=\"flex items-center gap-1 md:gap-2\">\n                                <span class=\"text-lg md:text-2xl\">\ud83c\udf6f<\/span>\n                                <span class=\"font-bold text-gray-800 tracking-tight leading-tight uppercase text-[8px] md:text-xs\">Premium<br>Quality<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Text Content -->\n                <div class=\"z-10 text-center lg:text-left order-2 lg:order-1 mt-2 lg:mt-0\">\n                    <h1 class=\"font-extrabold text-gray-900 leading-tight mb-4 md:mb-6\">\n                        <!-- Mobile: text-4xl (large), Desktop: text-5xl\/6xl -->\n                        <span class=\"text-3xl md:text-5xl lg:text-6xl block mb-2 leading-[1.2]\">\n                            \u0996\u09be\u0981\u099f\u09bf \u0998\u09bf \u098f \u09ad\u09be\u099c\u09be <br class=\"md:hidden\"> \n                            <span class=\"text-orange-600\">\u09b2\u09be\u099a\u09cd\u099a\u09be \u09b8\u09c7\u09ae\u09be\u0987<\/span>\n                        <\/span>\n                        <span class=\"text-base md:text-2xl lg:text-3xl font-semibold text-gray-600 block italic leading-snug\">\n                            \u2013 \u09b0\u09be\u09a8\u09cd\u09a8\u09be \u0995\u09b0\u09b2\u09c7\u0987 \u0998\u09b0 \u09ad\u09b0\u09c7 \u09af\u09be\u09ac\u09c7 \u0998\u09bf \u098f\u09b0 \u09a6\u09be\u09b0\u09c1\u09a3 \u09b8\u09c1\u09ac\u09be\u09b8\u09c7\n                        <\/span>\n                    <\/h1>\n                    \n                    <p class=\"text-sm md:text-xl text-gray-700 mb-6 md:mb-8 font-medium\">\n                        Taibah Food \u098f\u09b0 \u09b8\u09c7\u09ae\u09be\u0987 \u099f\u09cd\u09b0\u09be\u0987 \u0995\u09b0\u09b2\u09c7 \u09aa\u09be\u09b0\u09cd\u09a5\u0995\u09cd\u09af\u099f\u09be \u0986\u09aa\u09a8\u09bf \u09a8\u09bf\u099c\u09c7\u0987 \u09ac\u09c1\u099d\u09ac\u09c7\u09a8\n                    <\/p>\n\n                    <!-- Offer Highlight Box -->\n                    <div class=\"taibah-glass-card p-4 md:p-6 rounded-xl md:rounded-2xl mb-6 md:mb-10 inline-block w-full max-w-md relative shadow-lg border-l-4 border-orange-500\">\n                        <span class=\"absolute -top-3 left-6 bg-orange-600 text-white px-3 py-0.5 rounded-full text-[10px] md:text-sm font-bold shadow-md uppercase tracking-wide\">\u0985\u09ab\u09be\u09b0<\/span>\n                        <h3 class=\"text-lg md:text-2xl font-bold text-gray-800 mb-1\">\u09b0\u09ae\u099c\u09be\u09a8 \u09b8\u09cd\u09aa\u09c7\u09b6\u09be\u09b2 \u0985\u09ab\u09be\u09b0<\/h3>\n                        <p class=\"text-sm md:text-lg text-orange-900\">\n                            \u09e7 \u0995\u09c7\u099c\u09bf \u09b8\u09c7\u09ae\u09be\u0987\u09af\u09bc\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 <span class=\"font-extrabold text-orange-600 text-base md:text-2xl\">\u09e7\u09e6\u09e6g \u0996\u09be\u0981\u099f\u09bf \u0998\u09bf \u09ab\u09cd\u09b0\u09bf!<\/span>\n                        <\/p>\n                    <\/div>\n\n                    <!-- CTA Button -->\n                    <div class=\"flex justify-center lg:justify-start\">\n                        <a href=\"#checkout\" class=\"taibah-pulse-btn group relative px-10 py-4 md:px-12 md:py-5 bg-orange-600 hover:bg-orange-700 text-white rounded-xl font-bold text-lg md:text-xl transition-all flex items-center gap-3 shadow-2xl\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 transition-transform group-hover:scale-110\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                            <\/svg>\n                            \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- \u09ae\u09bf\u09a8\u09be\u09b0 \u09b8\u09bf\u09b2\u09c1\u09af\u09bc\u09c7\u099f -->\n        <div class=\"taibah-mosque-bg flex items-end justify-around px-4 md:px-10\">\n            <svg width=\"40\" height=\"80\" viewBox=\"0 0 60 120\" fill=\"#ea580c\" opacity=\"0.2\">\n                <rect x=\"25\" y=\"40\" width=\"10\" height=\"80\" \/>\n                <path d=\"M20 40 Q30 0 40 40 Z\" \/>\n            <\/svg>\n            <svg width=\"60\" height=\"120\" viewBox=\"0 0 80 160\" fill=\"#ea580c\" opacity=\"0.15\" class=\"hidden md:block\">\n                <rect x=\"35\" y=\"50\" width=\"10\" height=\"110\" \/>\n                <path d=\"M20 50 Q40 0 60 50 Z\" \/>\n            <\/svg>\n            <svg width=\"40\" height=\"60\" viewBox=\"0 0 60 100\" fill=\"#ea580c\" opacity=\"0.2\">\n                <rect x=\"25\" y=\"35\" width=\"10\" height=\"65\" \/>\n                <path d=\"M20 35 Q30 0 40 35 Z\" \/>\n            <\/svg>\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33a632c e-con-full e-flex e-con e-parent\" data-id=\"33a632c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f20a1c3 elementor-widget elementor-widget-html\" data-id=\"f20a1c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u09af\u09c7 \u09b8\u0995\u09b2 \u0989\u09aa\u09be\u09a6\u09be\u09a8 \u09a6\u09bf\u09af\u09bc\u09c7 \u09a4\u09c8\u09b0\u09bf \u09b8\u09c7\u0995\u09b6\u09a8 -->\n<section class=\"bg-[#fcf7f2] w-full py-16 px-4\" style=\"font-family: 'Hind Siliguri', sans-serif;\">\n    <div class=\"taibah-container text-center max-w-[1100px] mx-auto\">\n        <h2 class=\"text-3xl md:text-5xl font-black text-[#e65100] mb-12 flex items-center justify-center gap-3\">\n\u09b8\u09be\u09a5\u09c7 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u09ec \u09b0\u0995\u09ae\u09c7\u09b0 \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u0987\u09a8\u0997\u09cd\u09b0\u09c7\u09a1\u09bf\u09af\u09bc\u09c7\u09a8\u09cd\u099f\u09b8        <\/h2>\n\n        <!-- Grid: Mobile 2 columns, Desktop 6 columns (\u09af\u09c7\u09b9\u09c7\u09a4\u09c1 \u098f\u0996\u09a8 \u09ec\u099f\u09bf \u0989\u09aa\u09be\u09a6\u09be\u09a8) -->\n        <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4 md:gap-5\">\n            <!-- Item 1: \u0997\u09be\u0993\u09af\u09bc\u09be \u0998\u09bf -->\n            <div class=\"ingredient-card bg-white p-4 rounded-2xl shadow-md border-b-4 border-orange-400 hover:shadow-xl hover:-translate-y-1 transition-all duration-300\">\n                <div class=\"icon-circle bg-orange-50 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-3 border border-orange-100 shadow-inner text-3xl\">\n                    \ud83e\uddc8\n                <\/div>\n                <h4 class=\"font-bold text-gray-800 text-sm md:text-base leading-tight\">\u0997\u09be\u0993\u09af\u09bc\u09be \u0998\u09bf<\/h4>\n            <\/div>\n            <!-- Item 2: \u09a5\u09be\u0987 \u09ac\u09be\u09a6\u09be\u09ae -->\n            <div class=\"ingredient-card bg-white p-4 rounded-2xl shadow-md border-b-4 border-orange-400 hover:shadow-xl hover:-translate-y-1 transition-all duration-300\">\n                <div class=\"icon-circle bg-orange-50 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-3 border border-orange-100 shadow-inner text-3xl\">\n                    \ud83e\udd5c\n                <\/div>\n                <h4 class=\"font-bold text-gray-800 text-sm md:text-base leading-tight\">\u09a5\u09be\u0987 \u09ac\u09be\u09a6\u09be\u09ae<\/h4>\n            <\/div>\n            <!-- Item 3: \u0995\u09be\u099c\u09c1 \u09ac\u09be\u09a6\u09be\u09ae -->\n            <div class=\"ingredient-card bg-white p-4 rounded-2xl shadow-md border-b-4 border-orange-400 hover:shadow-xl hover:-translate-y-1 transition-all duration-300\">\n                <div class=\"icon-circle bg-orange-50 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-3 border border-orange-100 shadow-inner text-3xl\">\n                    \ud83c\udf30\n                <\/div>\n                <h4 class=\"font-bold text-gray-800 text-sm md:text-base leading-tight\">\u0995\u09be\u099c\u09c1 \u09ac\u09be\u09a6\u09be\u09ae<\/h4>\n            <\/div>\n            <!-- Item 4: \u0995\u09be\u09a0 \u09ac\u09be\u09a6\u09be\u09ae -->\n            <div class=\"ingredient-card bg-white p-4 rounded-2xl shadow-md border-b-4 border-orange-400 hover:shadow-xl hover:-translate-y-1 transition-all duration-300\">\n                <div class=\"icon-circle bg-orange-50 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-3 border border-orange-100 shadow-inner text-3xl\">\n                    \ud83e\udeb5\n                <\/div>\n                <h4 class=\"font-bold text-gray-800 text-sm md:text-base leading-tight\">\u0995\u09be\u09a0 \u09ac\u09be\u09a6\u09be\u09ae<\/h4>\n            <\/div>\n            <!-- Item 5: \u09aa\u09c7\u09b8\u09cd\u09a4\u09be\u09ac\u09be\u09a6\u09be\u09ae (Updated Icon) -->\n            <div class=\"ingredient-card bg-white p-4 rounded-2xl shadow-md border-b-4 border-orange-400 hover:shadow-xl hover:-translate-y-1 transition-all duration-300\">\n                <div class=\"icon-circle bg-orange-50 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-3 border border-orange-100 shadow-inner text-3xl\">\n                    \ud83e\udd57\n                <\/div>\n                <h4 class=\"font-bold text-gray-800 text-sm md:text-base leading-tight\">\u09aa\u09c7\u09b8\u09cd\u09a4\u09be\u09ac\u09be\u09a6\u09be\u09ae<\/h4>\n            <\/div>\n            <!-- Item 6: \u0995\u09bf\u09b8\u09ae\u09bf\u09b8 -->\n            <div class=\"ingredient-card bg-white p-4 rounded-2xl shadow-md border-b-4 border-orange-400 hover:shadow-xl hover:-translate-y-1 transition-all duration-300\">\n                <div class=\"icon-circle bg-orange-50 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-3 border border-orange-100 shadow-inner text-3xl\">\n                    \ud83c\udf47\n                <\/div>\n                <h4 class=\"font-bold text-gray-800 text-sm md:text-base leading-tight\">\u0995\u09bf\u09b8\u09ae\u09bf\u09b8<\/h4>\n            <\/div>\n        <\/div>\n\n        <!-- \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09ac\u09be\u099f\u09a8 -->\n        <div class=\"mt-12\">\n            <style>\n                @keyframes pulse-custom {\n                    0% { box-shadow: 0 0 0 0 rgba(230, 81, 0, 0.7); }\n                    70% { box-shadow: 0 0 0 15px rgba(230, 81, 0, 0); }\n                    100% { box-shadow: 0 0 0 0 rgba(230, 81, 0, 0); }\n                }\n                .taibah-pulse-btn {\n                    animation: pulse-custom 2s infinite;\n                }\n            <\/style>\n            <a href=\"#checkout\" class=\"taibah-pulse-btn inline-flex items-center gap-3 px-12 py-5 bg-[#e65100] hover:bg-orange-800 text-white rounded-xl font-bold text-xl md:text-2xl transition-all shadow-2xl\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 md:h-8 md:w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                <\/svg>\n                \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a6aac5a e-con-full e-flex e-con e-parent\" data-id=\"a6aac5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53149cb elementor-widget elementor-widget-html\" data-id=\"53149cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Pain Point & Solution Section -->\n<section class=\"bg-white py-16 px-4\" style=\"font-family: 'Hind Siliguri', sans-serif;\">\n    <div class=\"max-w-[1200px] mx-auto\">\n        \n        <!-- Header Section -->\n        <div class=\"text-center mb-12\">\n            <h2 class=\"text-3xl md:text-5xl font-black text-gray-800 mb-3 leading-tight\">\n                \u0995\u09c7\u09a8 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09c7\u09ae\u09be\u0987 <span class=\"text-[#e65100]\">\u09b8\u09c7\u09b0\u09be?<\/span>\n            <\/h2>\n            <div class=\"w-20 h-1 bg-[#e65100] mx-auto rounded-full\"><\/div>\n        <\/div>\n\n        <!-- Main Content Grid -->\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 items-stretch\">\n            \n            <!-- \u09ac\u09be\u09ae \u09aa\u09be\u09b6: \u0995\u09a8\u09cd\u099f\u09c7\u09a8\u09cd\u099f \u098f\u09ac\u0982 \u09ac\u09be\u099f\u09a8 (\u09aa\u09be\u09b0\u09ab\u09c7\u0995\u09cd\u099f \u09b9\u09be\u0987\u099f \u0985\u09cd\u09af\u09be\u09a1\u099c\u09be\u09b8\u09cd\u099f\u09ae\u09c7\u09a8\u09cd\u099f) -->\n            <div class=\"flex flex-col h-full justify-between\">\n                <div class=\"flex flex-col gap-6\">\n                    <!-- \u0997\u09cd\u09b2\u09be\u09b8\u09bf \u0995\u09a8\u09cd\u099f\u09c7\u0987\u09a8\u09be\u09b0 \u09e7: \u09aa\u09c7\u0987\u09a8 \u09aa\u09af\u09bc\u09c7\u09a8\u09cd\u099f (\u0995\u09a8\u09cd\u099f\u09c7\u09a8\u09cd\u099f \u09ac\u09dc \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7) -->\n                    <div class=\"bg-white\/40 backdrop-blur-xl p-8 rounded-[2rem] shadow-[0_10px_40px_rgba(0,0,0,0.04)] border border-white\/80 relative overflow-hidden\">\n                        <!-- \u0997\u09cd\u09b2\u09be\u09b8\u09bf \u09b6\u09be\u0987\u09a8 \u0987\u09ab\u09c7\u0995\u09cd\u099f -->\n                        <div class=\"absolute -top-24 -left-24 w-48 h-48 bg-red-100\/30 rounded-full blur-3xl\"><\/div>\n                        \n                        <div class=\"relative z-10\">\n                            <h3 class=\"text-xl md:text-2xl font-bold text-red-600 mb-6 flex items-center gap-3\">\n                                <span class=\"bg-red-50 p-2 rounded-xl text-lg\">\u26a0\ufe0f<\/span> \n                                \u09ac\u09be\u099c\u09be\u09b0\u09c7\u09b0 \u09b8\u09c7\u09ae\u09be\u0987 \u0995\u09bf\u09a8\u09c7 \u0995\u09bf \u098f\u09b8\u09ac \u09b8\u09ae\u09b8\u09cd\u09af\u09be\u09af\u09bc \u09aa\u09a1\u09bc\u099b\u09c7\u09a8?\n                            <\/h3>\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-y-5 gap-x-6\">\n                                <div class=\"flex items-center gap-3 text-gray-700 text-lg\">\n                                    <span class=\"text-red-500 font-bold text-xl\">\u2715<\/span> \u09b0\u09be\u09a8\u09cd\u09a8\u09be \u0995\u09b0\u09b2\u09c7 \u09b8\u09c7\u09ae\u09be\u0987 \u09ad\u09c7\u0999\u09c7 \u09af\u09be\u09af\u09bc\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-gray-700 text-lg\">\n                                    <span class=\"text-red-500 font-bold text-xl\">\u2715<\/span> \u0998\u09bf \u098f\u09b0 \u0986\u09b8\u09b2 \u09b8\u09c1\u0997\u09a8\u09cd\u09a7 \u09a5\u09be\u0995\u09c7 \u09a8\u09be\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-gray-700 text-lg\">\n                                    <span class=\"text-red-500 font-bold text-xl\">\u2715<\/span> \u09b8\u09c7\u09ae\u09be\u0987 \u0986\u0997\u09c7 \u09ad\u09be\u099c\u09a4\u09c7 \u09b9\u09af\u09bc\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-gray-700 text-lg\">\n                                    <span class=\"text-red-500 font-bold text-xl\">\u2715<\/span> \u09b0\u09be\u09a8\u09cd\u09a8\u09be \u0995\u09b0\u09c7\u0993 \u09b8\u09c7\u0987 \u09b8\u09cd\u09ac\u09be\u09a6 \u09aa\u09be\u0993\u09af\u09bc\u09be \u09af\u09be\u09af\u09bc \u09a8\u09be\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u0997\u09cd\u09b2\u09be\u09b8\u09bf \u0995\u09a8\u09cd\u099f\u09c7\u0987\u09a8\u09be\u09b0 \u09e8: \u09b8\u09b2\u09bf\u0989\u09b6\u09a8 (\u0995\u09a8\u09cd\u099f\u09c7\u09a8\u09cd\u099f \u09ac\u09dc \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7) -->\n                    <div class=\"bg-white\/40 backdrop-blur-xl p-8 rounded-[2rem] shadow-[0_10px_40px_rgba(0,0,0,0.04)] border border-white\/80 relative overflow-hidden\">\n                        <!-- \u0997\u09cd\u09b2\u09be\u09b8\u09bf \u09b6\u09be\u0987\u09a8 \u0987\u09ab\u09c7\u0995\u09cd\u099f -->\n                        <div class=\"absolute -bottom-24 -right-24 w-48 h-48 bg-green-100\/30 rounded-full blur-3xl\"><\/div>\n                        \n                        <div class=\"relative z-10\">\n                            <h3 class=\"text-xl md:text-2xl font-bold text-green-700 mb-6 flex items-center gap-3\">\n                                <span class=\"bg-green-50 p-2 rounded-xl text-lg\">\u2705<\/span> \n                                Taibah Food \u098f\u09b0 \u0998\u09bf \u098f \u09ad\u09be\u099c\u09be \u09b2\u09be\u099a\u09cd\u099a\u09be \u09b8\u09c7\u09ae\u09be\u0987!\n                            <\/h3>\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-y-5 gap-x-6\">\n                                <div class=\"flex items-center gap-3 text-gray-800 font-semibold text-lg\">\n                                    <span class=\"text-2xl\">\ud83c\udf6f<\/span> \u0996\u09be\u0981\u099f\u09bf \u0998\u09bf \u09a6\u09bf\u09af\u09bc\u09c7 \u09ad\u09be\u099c\u09be\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-gray-800 font-semibold text-lg\">\n                                    <span class=\"text-2xl\">\ud83d\udd25<\/span> Perfect Roast Level\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-gray-800 font-semibold text-lg\">\n                                    <span class=\"text-2xl\">\ud83d\udee1\ufe0f<\/span> \u09b8\u09cd\u09ac\u09be\u09b8\u09cd\u09a5\u09cd\u09af\u09b8\u09ae\u09cd\u09ae\u09a4\u09ad\u09be\u09ac\u09c7 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a4\u09c1\u09a4\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-gray-800 font-semibold text-lg\">\n                                    <span class=\"text-2xl\">\ud83c\udf38<\/span> \u09a6\u09be\u09b0\u09c1\u09a3 \u09b8\u09c1\u0997\u09a8\u09cd\u09a7 \u099b\u09dc\u09bf\u09df\u09c7 \u09aa\u09dc\u09c7\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-gray-800 font-semibold text-lg\">\n                                    <span class=\"text-2xl\">\ud83c\udfe0<\/span> \u09b8\u09cd\u09ac\u09be\u09a6\u09c7 \u098f\u0995\u09a6\u09ae \u0998\u09b0\u09cb\u09af\u09bc\u09be\n                                <\/div>\n                                <div class=\"flex items-center gap-3 text-gray-800 font-semibold text-lg\">\n                                    <span class=\"text-2xl\">\u26a1<\/span> \u09b0\u09be\u09a8\u09cd\u09a8\u09be \u0995\u09b0\u09a4\u09c7 \u0995\u09af\u09bc\u09c7\u0995 \u09ae\u09bf\u09a8\u09bf\u099f\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09ac\u09be\u099f\u09a8 (\u09ae\u09be\u099d\u0996\u09be\u09a8\u09c7 \u098f\u09ac\u0982 \u098f\u09b2\u09be\u0987\u09a8\u09a1) -->\n                <div class=\"flex justify-center mt-8 lg:mt-4\">\n                    <a href=\"#checkout\" class=\"flex items-center justify-center gap-4 bg-[#e65100] hover:bg-[#bf4300] text-white w-full max-w-[450px] py-5 rounded-2xl font-bold text-2xl md:text-3xl transition-all shadow-xl active:scale-95 group\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 md:h-10 md:w-10 group-hover:rotate-12 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                        <\/svg>\n                        \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- \u09a1\u09be\u09a8 \u09aa\u09be\u09b6: \u0987\u09ae\u09c7\u099c \u0995\u09cd\u09af\u09be\u09b0\u09cb\u09b8\u09c7\u09b2 -->\n            <div class=\"flex items-center justify-center\">\n                <div class=\"relative w-full aspect-square overflow-hidden rounded-[3rem] shadow-2xl border-[15px] border-white ring-1 ring-gray-100\">\n                    <div id=\"slider\" class=\"flex transition-transform duration-1000 ease-in-out h-full w-full\">\n                        <img decoding=\"async\" src=\"https:\/\/taibahfood.com\/wp-content\/uploads\/2026\/03\/IMG_0989-280x280-1.jpg\" class=\"w-full h-full object-cover flex-shrink-0\" alt=\"\u09b8\u09c7\u09ae\u09be\u0987 \u09e7\">\n                        <img decoding=\"async\" src=\"https:\/\/taibahfood.com\/wp-content\/uploads\/2026\/03\/IMG_1450-280x280-1.jpg\" class=\"w-full h-full object-cover flex-shrink-0\" alt=\"\u09b8\u09c7\u09ae\u09be\u0987 \u09e8\">\n                        <img decoding=\"async\" src=\"https:\/\/taibahfood.com\/wp-content\/uploads\/2026\/03\/IMG_1504-280x280-1.jpg\" class=\"w-full h-full object-cover flex-shrink-0\" alt=\"\u09b8\u09c7\u09ae\u09be\u0987 \u09e9\">\n                    <\/div>\n                    \n                    <!-- Floating Badge -->\n                    <div class=\"absolute top-8 right-8 bg-[#ffc107] text-gray-900 font-black px-6 py-3 rounded-full shadow-lg text-base transform rotate-6 border-2 border-white z-10\">\n                        \u09e7\u09e6\u09e6% \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09df\u09be\u09ae\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u09b8\u09cd\u09b2\u09be\u0987\u09a1\u09be\u09b0 \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f -->\n    <script>\n        (function() {\n            const slider = document.getElementById('slider');\n            if (!slider) return;\n            let current = 0;\n            setInterval(() => {\n                current = (current + 1) % 3;\n                slider.style.transform = \"translateX(-\" + (current * 100) + \"%)\";\n            }, 4500);\n        })();\n    <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a09c7e3 e-con-full e-flex e-con e-parent\" data-id=\"a09c7e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-345d1f8 elementor-widget elementor-widget-html\" data-id=\"345d1f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Customer Review Section -->\n<section class=\"bg-[#fef9f5] py-12 md:py-20 px-4\" style=\"font-family: 'Hind Siliguri', sans-serif;\">\n    <div class=\"max-w-[1200px] mx-auto\">\n        \n        <!-- Header -->\n        <div class=\"text-center mb-12\">\n            <h2 class=\"text-3xl md:text-5xl font-black text-gray-800 mb-3\">\n                \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09be\u09b8\u09cd\u099f\u09ae\u09be\u09b0\u09b0\u09be <span class=\"text-[#e65100]\">\u0995\u09bf \u09ac\u09b2\u099b\u09c7\u09a8?<\/span>\n            <\/h2>\n            <div class=\"w-20 h-1.5 bg-[#e65100] mx-auto rounded-full\"><\/div>\n        <\/div>\n\n        <!-- Reviews Grid -->\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n            \n            <!-- Review 1 -->\n            <div class=\"bg-white p-6 rounded-2xl border border-orange-100 shadow-[0_10px_30px_rgba(230,81,0,0.05)] hover:shadow-md transition-shadow\">\n                <div class=\"flex text-yellow-400 mb-3 text-sm\">\n                    \u2605\u2605\u2605\u2605\u2605\n                <\/div>\n                <p class=\"text-gray-700 text-base leading-relaxed mb-4 italic\">\n                    \"\u0998\u09bf \u098f\u09b0 \u0998\u09cd\u09b0\u09be\u09a3\u099f\u09be \u098f\u0995\u09a6\u09ae \u0985\u09b0\u09bf\u099c\u09bf\u09a8\u09be\u09b2\u0964 \u09b0\u09be\u09a8\u09cd\u09a8\u09be \u0995\u09b0\u09be\u09b0 \u09b8\u09ae\u09df \u09aa\u09c1\u09b0\u09cb \u09ac\u09be\u09dc\u09bf \u09b8\u09c1\u0997\u09a8\u09cd\u09a7\u09c7 \u09ae\u0989 \u09ae\u0989 \u0995\u09b0\u099b\u09bf\u09b2\u0964 \u0996\u09c1\u09ac\u0987 \u09ad\u09be\u09b2\u09cb \u09ae\u09be\u09a8\u09c7\u09b0 \u09b8\u09c7\u09ae\u09be\u0987\u0964\"\n                <\/p>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-10 h-10 bg-orange-100 rounded-full flex items-center justify-center font-bold text-orange-700\">\n                        \u0986\n                    <\/div>\n                    <div>\n                        <h4 class=\"font-bold text-gray-800 text-sm\">\u0986\u09b0\u09bf\u09ab \u0986\u09b9\u09ae\u09c7\u09a6<\/h4>\n                        <p class=\"text-xs text-gray-500\">\u09a2\u09be\u0995\u09be<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Review 2 -->\n            <div class=\"bg-white p-6 rounded-2xl border border-orange-100 shadow-[0_10px_30px_rgba(230,81,0,0.05)] hover:shadow-md transition-shadow\">\n                <div class=\"flex text-yellow-400 mb-3 text-sm\">\n                    \u2605\u2605\u2605\u2605\u2605\n                <\/div>\n                <p class=\"text-gray-700 text-base leading-relaxed mb-4 italic\">\n                    \"\u09ac\u09be\u099a\u09cd\u099a\u09be\u09b0\u09be \u098f\u0987 \u09b8\u09c7\u09ae\u09be\u0987\u099f\u09be \u0996\u09c1\u09ac \u09aa\u099b\u09a8\u09cd\u09a6 \u0995\u09b0\u09c7\u099b\u09c7\u0964 \u09ac\u09be\u099c\u09be\u09b0\u09c7\u09b0 \u0995\u09c7\u09a8\u09be \u09b8\u09c7\u09ae\u09be\u0987\u09df\u09c7\u09b0 \u09ae\u09a4\u09cb \u09ad\u09c7\u0999\u09c7 \u09a6\u09b2\u09be \u09aa\u09be\u0995\u09bf\u09df\u09c7 \u09af\u09be\u09df \u09a8\u09be\u0964 \u09a6\u09be\u09b0\u09c1\u09a3!\"\n                <\/p>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-10 h-10 bg-green-100 rounded-full flex items-center justify-center font-bold text-green-700\">\n                        \u09b8\n                    <\/div>\n                    <div>\n                        <h4 class=\"font-bold text-gray-800 text-sm\">\u09b8\u09c1\u09ae\u09be\u0987\u09df\u09be \u09b8\u09c1\u09b2\u09a4\u09be\u09a8\u09be<\/h4>\n                        <p class=\"text-xs text-gray-500\">\u099a\u099f\u09cd\u099f\u0997\u09cd\u09b0\u09be\u09ae<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Review 3 -->\n            <div class=\"bg-white p-6 rounded-2xl border border-orange-100 shadow-[0_10px_30px_rgba(230,81,0,0.05)] hover:shadow-md transition-shadow\">\n                <div class=\"flex text-yellow-400 mb-3 text-sm\">\n                    \u2605\u2605\u2605\u2605\u2605\n                <\/div>\n                <p class=\"text-gray-700 text-base leading-relaxed mb-4 italic\">\n                    \"\u0986\u09ae\u09bf \u09e7 \u0995\u09c7\u099c\u09bf \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c7\u099b\u09bf\u09b2\u09be\u09ae\u0964 \u09aa\u09cd\u09af\u09be\u0995\u09c7\u099c\u09bf\u0982 \u0996\u09c1\u09ac \u09ad\u09be\u09b2\u09cb \u099b\u09bf\u09b2\u0964 \u0998\u09bf \u098f\u09b0 \u0995\u09cb\u09df\u09be\u09b2\u09bf\u099f\u09bf \u09b8\u09a4\u09cd\u09af\u09bf\u0987 \u0985\u09b8\u09be\u09a7\u09be\u09b0\u09a3\u0964\"\n                <\/p>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center font-bold text-blue-700\">\n                        \u09b0\n                    <\/div>\n                    <div>\n                        <h4 class=\"font-bold text-gray-800 text-sm\">\u09b0\u09be\u0995\u09bf\u09ac \u09b9\u09be\u09b8\u09be\u09a8<\/h4>\n                        <p class=\"text-xs text-gray-500\">\u09b0\u09be\u099c\u09b6\u09be\u09b9\u09c0<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Review 4 -->\n            <div class=\"bg-white p-6 rounded-2xl border border-orange-100 shadow-[0_10px_30px_rgba(230,81,0,0.05)] hover:shadow-md transition-shadow\">\n                <div class=\"flex text-yellow-400 mb-3 text-sm\">\n                    \u2605\u2605\u2605\u2605\u2605\n                <\/div>\n                <p class=\"text-gray-700 text-base leading-relaxed mb-4 italic\">\n                    \"\u09a4\u09c8\u09df\u09cd\u09af\u09c7\u09ac\u09be \u09ab\u09c1\u09a1\u09c7\u09b0 \u09b8\u09c7\u09ae\u09be\u0987 \u09ae\u09be\u09a8\u09c7\u0987 \u09b8\u09c7\u09b0\u09be \u09b8\u09cd\u09ac\u09be\u09a6\u0964 \u0986\u0997\u09c7\u0993 \u09a8\u09bf\u09df\u09c7\u099b\u09bf, \u0995\u09cb\u09df\u09be\u09b2\u09bf\u099f\u09bf \u09b8\u09ac \u09b8\u09ae\u09df \u098f\u0995\u0987 \u09b0\u0995\u09ae \u09a5\u09be\u0995\u09c7\u0964 \u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6\u0964\"\n                <\/p>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-10 h-10 bg-purple-100 rounded-full flex items-center justify-center font-bold text-purple-700\">\n                        \u09ab\n                    <\/div>\n                    <div>\n                        <h4 class=\"font-bold text-gray-800 text-sm\">\u09ab\u09be\u09b9\u09ae\u09bf\u09a6\u09be \u09ac\u09c7\u0997\u09ae<\/h4>\n                        <p class=\"text-xs text-gray-500\">\u09b8\u09bf\u09b2\u09c7\u099f<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Final CTA -->\n        <div class=\"mt-12 text-center\">\n            <a href=\"#checkout\" class=\"inline-flex items-center justify-center gap-3 bg-[#e65100] hover:bg-orange-700 text-white px-10 py-4 rounded-xl font-bold text-xl shadow-lg transition-transform hover:scale-105 active:scale-95 group\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 md:h-7 md:w-7 transition-transform group-hover:rotate-12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                <\/svg>\n                \u0986\u09ae\u09bf\u0993 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-010579b e-con-full e-flex e-con e-parent\" data-id=\"010579b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4961fa elementor-widget elementor-widget-html\" data-id=\"b4961fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WhatsApp Support & Stock Section -->\n<section class=\"bg-white py-12 md:py-20 px-4 border-t border-gray-100\" style=\"font-family: 'Hind Siliguri', sans-serif;\">\n    <div class=\"max-w-[1100px] mx-auto\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 items-center\">\n            \n            <!-- Left: Product Image & Stock Status -->\n            <div class=\"relative group\">\n                <div class=\"absolute -inset-4 bg-orange-100 rounded-[2.5rem] blur-xl opacity-50 group-hover:opacity-80 transition duration-500\"><\/div>\n                <div class=\"relative bg-white p-3 rounded-[2rem] shadow-xl border border-orange-50 overflow-hidden\">\n                    <img decoding=\"async\" src=\"https:\/\/taibahfood.com\/wp-content\/uploads\/2026\/03\/IMG_1488-768x576-1.jpg\" alt=\"Taibah Food \u09b2\u09be\u099a\u09cd\u099a\u09be \u09b8\u09c7\u09ae\u09be\u0987\" class=\"w-full h-auto rounded-[1.5rem] object-cover transition-transform duration-700 group-hover:scale-105\">\n                    \n                    <!-- Stock Badge -->\n                    <div class=\"absolute top-6 left-6 bg-red-600 text-white px-5 py-2 rounded-full font-bold shadow-lg animate-bounce text-sm md:text-base\">\n                        Stock Limited! \u09b8\u09cd\u099f\u0995 \u09b8\u09c0\u09ae\u09bf\u09a4!\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Right: Content & CTA -->\n            <div class=\"flex flex-col gap-6 text-center lg:text-left\">\n                <div>\n                    <!-- New Highlights Added -->\n                    <div class=\"inline-block bg-red-100 text-red-700 px-4 py-1 rounded-lg font-bold text-sm mb-4\">\n                        \u26a0\ufe0f \u09b8\u09cd\u099f\u0995 \u09b8\u09c0\u09ae\u09bf\u09a4!\n                    <\/div>\n                    <h2 class=\"text-2xl md:text-4xl font-black text-gray-800 mb-4 leading-tight\">\n                        \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09c1\u09a8 \u098f\u0996\u09a8\u0987\n                    <\/h2>\n                    <p class=\"text-lg md:text-xl text-gray-600 font-medium mb-8\">\n                        Taibah Food \u098f\u09b0 \u0998\u09bf-\u09af\u09bc\u09c7 \u09ad\u09be\u099c\u09be \u09b2\u09be\u099a\u09cd\u099a\u09be \u09b8\u09c7\u09ae\u09be\u0987 \u09b8\u0982\u0995\u09cd\u09b0\u09be\u09a8\u09cd\u09a4 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09ac\u09bf\u09b7\u09af\u09bc\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09c1\u09a8\u0964\n                    <\/p>\n                <\/div>\n\n                <!-- Action Buttons -->\n                <div class=\"flex flex-col sm:flex-row items-center gap-4 justify-center lg:justify-start\">\n                    <!-- WhatsApp Button -->\n                    <a href=\"#\" target=\"_blank\" class=\"flex items-center gap-3 bg-[#25D366] hover:bg-[#128C7E] text-white px-8 py-4 rounded-2xl font-bold text-lg md:text-xl transition-all shadow-[0_10px_20px_rgba(37,211,102,0.2)] hover:-translate-y-1\">\n                        <svg class=\"w-6 h-6 md:w-8 md:h-8 fill-current\" viewBox=\"0 0 24 24\">\n                            <path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.319 1.592 5.448 0 9.886-4.438 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.735-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/>\n                        <\/svg>\n                        WhatsApp: 01711765071\n                    <\/a>\n\n                    <!-- Order Form Button -->\n                    <a href=\"#order-form\" class=\"flex items-center gap-3 bg-white border-2 border-[#e65100] text-[#e65100] hover:bg-orange-50 px-8 py-4 rounded-2xl font-bold text-lg transition-all shadow-md\">\n                        \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09ab\u09b0\u09cd\u09ae \u09a6\u09c7\u0996\u09c1\u09a8\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cdaa0cc e-flex e-con-boxed e-con e-parent\" data-id=\"cdaa0cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2958128 elementor-widget elementor-widget-checkout-form\" data-id=\"2958128\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"checkout\" data-widget_type=\"checkout-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class = \"wcf-el-checkout-form cartflows-elementor__checkout-form\">\n\t\t\t<div id=\"wcf-embed-checkout-form\" class=\"wcf-embed-checkout-form wcf-embed-checkout-form-two-column  wcf-field-default\"><\/div>\n\t\t\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-fa490d7 e-flex e-con-boxed e-con e-parent\" data-id=\"fa490d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-65a277e e-con-full e-flex e-con e-child\" data-id=\"65a277e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b707b3 elementor-widget elementor-widget-checkout-form\" data-id=\"9b707b3\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"checkout-form\" data-widget_type=\"checkout-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class = \"wcf-el-checkout-form cartflows-elementor__checkout-form\">\n\t\t\t<div id=\"wcf-embed-checkout-form\" class=\"wcf-embed-checkout-form wcf-embed-checkout-form-two-column  wcf-field-default\">\n<!-- CHECKOUT SHORTCODE -->\n\nYour cart is currently empty.\n<!-- END CHECKOUT SHORTCODE -->\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-d0ea3ac elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"d0ea3ac\" 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-648031e elementor-widget elementor-widget-button\" data-id=\"648031e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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},"template":"cartflows-canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-16","cartflows_step","type-cartflows_step","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viper-technologies.com\/shemai\/wp-json\/wp\/v2\/cartflows_step\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viper-technologies.com\/shemai\/wp-json\/wp\/v2\/cartflows_step"}],"about":[{"href":"https:\/\/viper-technologies.com\/shemai\/wp-json\/wp\/v2\/types\/cartflows_step"}],"version-history":[{"count":11,"href":"https:\/\/viper-technologies.com\/shemai\/wp-json\/wp\/v2\/cartflows_step\/16\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/viper-technologies.com\/shemai\/wp-json\/wp\/v2\/cartflows_step\/16\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/viper-technologies.com\/shemai\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}