{"id":26,"date":"2026-03-14T05:37:46","date_gmt":"2026-03-14T05:37:46","guid":{"rendered":"https:\/\/sunnah.boikitab.xyz\/?cartflows_step=kecha"},"modified":"2026-03-29T07:30:41","modified_gmt":"2026-03-29T07:30:41","slug":"sunnah","status":"publish","type":"cartflows_step","link":"https:\/\/sunnah.boikitab.xyz\/?cartflows_step=sunnah","title":{"rendered":"sunnah"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"26\" class=\"elementor elementor-26\" data-elementor-post-type=\"cartflows_step\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a92f3c3 e-con-full e-flex e-con e-parent\" data-id=\"a92f3c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d06d94e elementor-widget elementor-widget-html\" data-id=\"d06d94e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     HERO SECTION - Standalone Elementor Widget\r\n     Custom Font: SolaimanLipi (From URL) | Full Font Control\r\n     ============================================================ -->\r\n\r\n<style>\r\n    \/* \u09e7. \u0995\u09be\u09b8\u09cd\u099f\u09ae \u09ab\u09a8\u09cd\u099f \u09b2\u09cb\u09a1 \u0995\u09b0\u09be *\/\r\n    @font-face {\r\n        font-family: 'SolaimanLipiCustom';\r\n        src: url('https:\/\/boikitab.xyz\/wp-content\/uploads\/2026\/03\/SolaimanLipi.ttf') format('truetype');\r\n        font-weight: normal;\r\n        font-style: normal;\r\n        font-display: swap;\r\n    }\r\n\r\n    \/* ============================================================\r\n       SETTINGS - \u098f\u0996\u09be\u09a8 \u09a5\u09c7\u0995\u09c7 \u09b8\u09ac \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09b8\u09be\u0987\u099c \u098f\u09ac\u0982 \u09ab\u09a8\u09cd\u099f \u0995\u09a8\u09cd\u099f\u09cd\u09b0\u09cb\u09b2 \u0995\u09b0\u09c1\u09a8\r\n       ============================================================ *\/\r\n    :root {\r\n        \/* \u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09ab\u09a8\u09cd\u099f *\/\r\n        --hero-font-main: 'SolaimanLipiCustom', sans-serif;\r\n\r\n        \/* \u09e7. \u09a8\u09c7\u09ad\u09bf\u0997\u09c7\u09b6\u09a8 \u09ac\u09be\u09b0 *\/\r\n        --nav-logo-title-size: 25px;     \/* \u09ae\u09be\u0986\u09b2\u09bf\u09ae\u09c1\u09b8 \u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9 *\/\r\n        --nav-logo-sub-size: 15px;       \/* AN-NABAWIYYAH *\/\r\n        --nav-btn-size: 15px;            \/* \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 \u09ac\u09be\u099f\u09a8 *\/\r\n\r\n        \/* \u09e8. \u09b9\u09bf\u09b0\u09cb \u099f\u09c7\u0995\u09cd\u09b8\u099f \u098f\u09b0\u09bf\u09df\u09be *\/\r\n        --hero-badge-size: 27px;         \/* \u09e8\u09e6 \u09ac\u099b\u09b0\u09c7\u09b0 \u09b6\u09cd\u09b0\u09ae\u09c7\u09b0... *\/\r\n        --hero-headline-size: clamp(39px, 6vw, 62px); \/* \u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9\u09b0 \u09ac\u09bf\u09b6\u09be\u09b2 \u09ad\u09be\u09a3\u09cd\u09a1\u09be\u09b0 *\/\r\n        --hero-desc-size: clamp(29px, 2.5vw, 20px);   \/* \u09a8\u09bf\u099a\u09c7\u09b0 \u09ac\u09b0\u09cd\u09a3\u09a8\u09be *\/\r\n\r\n        \/* \u09e9. \u09aa\u09cd\u09b0\u09be\u0987\u09b8 \u0993 \u09b0\u09bf\u09ad\u09bf\u0989 *\/\r\n        --hero-price-big-size: clamp(49px, 8vw, 75px); \/* \u09ec\u09e8\u09e6 \u099f\u09be\u0995\u09be *\/\r\n        --hero-price-old-size: 25px;                  \/* \u09ef\u09ee\u09e6 \u099f\u09be\u0995\u09be *\/\r\n        --hero-review-size: 15px;                     \/* \u09eb\u09e6\u09e6+ \u09aa\u099c\u09bf\u099f\u09bf\u09ad \u09b0\u09bf\u09ad\u09bf\u0989 *\/\r\n\r\n        \/* \u09ea. \u0995\u09b2 \u099f\u09c1 \u0985\u09cd\u09af\u09be\u0995\u09b6\u09a8 (CTA) \u0993 \u09b6\u09bf\u09aa\u09bf\u0982 *\/\r\n        --hero-cta-btn-size: clamp(28px, 4vw, 24px);  \/* \u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 *\/\r\n        --hero-ship-top-size: 19px;                   \/* \u09b8\u09be\u09b0\u09be \u09a6\u09c7\u09b6\u09c7 *\/\r\n        --hero-ship-bot-size: 25px;                   \/* \u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf *\/\r\n\r\n        \/* \u09eb. \u09ac\u0987\u09df\u09c7\u09b0 \u09ad\u09b2\u09bf\u0989\u09ae \u09b2\u09c7\u09ac\u09c7\u09b2 *\/\r\n        --hero-vol-label-size: 12px;                  \/* \u0996\u09a3\u09cd\u09a1 \u09e7 \/ \u09e8 *\/\r\n    }\r\n\r\n    \/* ============================================================\r\n       BASE STYLES\r\n       ============================================================ *\/\r\n    .lm-hero * {\r\n        box-sizing: border-box;\r\n        font-family: var(--hero-font-main);\r\n        margin: 0;\r\n        padding: 0;\r\n        -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    \/* NAVBAR *\/\r\n    .lm-navbar {\r\n        position: sticky; top: 0; z-index: 100;\r\n        background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px);\r\n        border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 12px 16px;\r\n    }\r\n    .lm-navbar-inner {\r\n        max-width: 1200px; margin: 0 auto;\r\n        display: flex; justify-content: space-between; align-items: center;\r\n    }\r\n    .lm-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }\r\n    .lm-logo-box {\r\n        width: 42px; height: 42px; border-radius: 12px; background: #0F5156;\r\n        color: white; font-size: 20px; font-weight: 800; display: flex;\r\n        align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(15, 81, 86, 0.25);\r\n    }\r\n    .lm-logo-text h2 { font-size: var(--nav-logo-title-size); font-weight: 900; color: #0F5156; line-height: 1.1; }\r\n    .lm-logo-text p { font-size: var(--nav-logo-sub-size); letter-spacing: 0.2em; color: #F4B400; font-weight: 800; text-transform: uppercase; }\r\n\r\n    .lm-order-nav-btn {\r\n        font-size: var(--nav-btn-size); font-weight: 800; color: #000;\r\n        background: #F4B400; border: none; border-radius: 12px; padding: 10px 22px;\r\n        cursor: pointer; box-shadow: 0 3px 12px rgba(244, 180, 0, 0.35); font-family: inherit;\r\n    }\r\n\r\n    \/* BANNER *\/\r\n    .lm-banner {\r\n        background: radial-gradient(circle at 80% 20%, #136066, #0F5156);\r\n        color: white; position: relative; overflow: hidden; padding: 50px 16px 0;\r\n    }\r\n    .lm-orb { position: absolute; border-radius: 50%; pointer-events: none; opacity: 0.1; }\r\n    .lm-orb1 { top: -10%; right: -5%; width: 400px; height: 400px; background: #F4B400; filter: blur(90px); }\r\n    \r\n    .lm-banner-inner {\r\n        max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;\r\n        display: grid; grid-template-areas: \"text books\" \"price books\" \"cta books\";\r\n        grid-template-columns: 1fr 420px; gap: 0 40px;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .lm-banner-inner { grid-template-areas: \"text\" \"books\" \"price\" \"cta\"; grid-template-columns: 1fr; text-align: center; }\r\n    }\r\n\r\n    \/* TEXT AREA *\/\r\n    .lm-area-text { grid-area: text; display: flex; flex-direction: column; gap: 18px; }\r\n    @media (max-width: 900px) { .lm-area-text { align-items: center; } }\r\n\r\n    .lm-badge-pill {\r\n        display: inline-flex; align-items: center; gap: 8px;\r\n        background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2);\r\n        border-radius: 30px; padding: 8px 18px; font-size: var(--hero-badge-size);\r\n        font-weight: 700; color: #F4B400; width: fit-content; backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .lm-headline { font-size: var(--hero-headline-size); font-weight: 900; line-height: 1.2; color: white; }\r\n    .lm-highlight { color: #F4B400; font-style: italic; }\r\n\r\n    .lm-desc {\r\n        font-size: var(--hero-desc-size); color: rgba(229, 231, 235, 0.9);\r\n        line-height: 1.7; max-width: 600px;\r\n    }\r\n\r\n    \/* BOOKS *\/\r\n    .lm-area-books {\r\n        grid-area: books; display: flex; justify-content: center; align-items: flex-end;\r\n        position: relative; height: 480px; padding-bottom: 40px;\r\n    }\r\n    @media (max-width: 900px) { .lm-area-books { height: 320px; padding-top: 30px; } }\r\n\r\n    .lm-book { position: absolute; bottom: 40px; transition: transform 0.4s; cursor: pointer; }\r\n    .lm-book1 { left: 5%; transform: rotate(-10deg); z-index: 2; animation: float1 3.5s ease-in-out infinite alternate; }\r\n    .lm-book2 { right: 5%; transform: rotate(8deg); z-index: 1; animation: float2 3.5s ease-in-out 0.8s infinite alternate; }\r\n\r\n    @keyframes float1 { from { transform: translateY(0) rotate(-10deg); } to { transform: translateY(-15px) rotate(-10deg); } }\r\n    @keyframes float2 { from { transform: translateY(0) rotate(8deg); } to { transform: translateY(-15px) rotate(8deg); } }\r\n\r\n    .lm-book-img { width: clamp(140px, 20vw, 210px); height: auto; filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5)); }\r\n\r\n    .lm-vol-label { \r\n        margin-top: 10px; font-size: var(--hero-vol-label-size); font-weight: 800; \r\n        padding: 5px 15px; border-radius: 20px; text-align: center;\r\n    }\r\n    .lm-vol1-label { background: rgba(0,0,0,0.6); color: #fff; }\r\n    .lm-vol2-label { background: #F4B400; color: #000; border: 1px solid #000; }\r\n\r\n    \/* PRICE *\/\r\n    .lm-area-price { grid-area: price; display: flex; align-items: flex-end; gap: 15px; flex-wrap: wrap; padding-top: 25px; }\r\n    @media (max-width: 900px) { .lm-area-price { justify-content: center; } }\r\n\r\n    .lm-price-big { font-size: var(--hero-price-big-size); font-weight: 900; color: white; line-height: 1; }\r\n    .lm-price-old { font-size: var(--hero-price-old-size); color: rgba(255, 255, 255, 0.4); text-decoration: line-through; margin-bottom: 8px; }\r\n\r\n    .lm-rating { display: flex; flex-direction: column; gap: 4px; }\r\n    .lm-stars { color: #F4B400; font-size: 18px; }\r\n    .lm-reviews-lbl { font-size: var(--hero-review-size); font-weight: 600; color: rgba(255, 255, 255, 0.7); text-transform: uppercase; }\r\n\r\n    \/* CTA *\/\r\n    .lm-area-cta { grid-area: cta; display: flex; align-items: center; gap: 15px; flex-wrap: wrap; padding: 30px 0 50px; }\r\n    @media (max-width: 900px) { .lm-area-cta { justify-content: center; } }\r\n\r\n    .lm-cta-main {\r\n        font-size: var(--hero-cta-btn-size); font-weight: 900; color: #000;\r\n        background: #F4B400; border: none; border-radius: 50px; padding: 18px 45px;\r\n        cursor: pointer; box-shadow: 0 15px 35px rgba(244, 180, 0, 0.25);\r\n        transition: 0.3s; display: flex; align-items: center; gap: 10px; font-family: inherit;\r\n    }\r\n    .lm-cta-main:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(244, 180, 0, 0.35); }\r\n\r\n    .lm-ship-chip {\r\n        display: flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, 0.08);\r\n        border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50px; padding: 12px 25px; backdrop-filter: blur(10px);\r\n    }\r\n    .lm-ship-icon { font-size: 24px; }\r\n    .lm-ship-top { font-size: var(--hero-ship-top-size); font-weight: 700; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; }\r\n    .lm-ship-bot { font-size: var(--hero-ship-bot-size); font-weight: 800; color: white; }\r\n\r\n    \/* WAVE *\/\r\n    .lm-wave { line-height: 0; transform: rotate(180deg); margin-top: -1px; }\r\n\r\n    \/* ANIMATION *\/\r\n    .lm-anim { animation: lm-up 0.7s ease-out both; }\r\n    @keyframes lm-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n<\/style>\r\n\r\n<div class=\"lm-hero\">\r\n\r\n    <!-- NAVBAR -->\r\n    <nav class=\"lm-navbar\">\r\n        <div class=\"lm-navbar-inner\">\r\n            <a class=\"lm-logo\" href=\"#\">\r\n                <div class=\"lm-logo-box\">\u09ae<\/div>\r\n                <div class=\"lm-logo-text\">\r\n                    <h2 id=\"lm-logo-big\">\u09ae\u09be\u0986\u09b2\u09bf\u09ae\u09c1\u09b8 \u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9<\/h2>\r\n                \r\n                <\/div>\r\n            <\/a>\r\n            <div class=\"lm-nav-actions\">\r\n                <!-- \u09b8\u09cd\u0995\u09cd\u09b0\u09b2 \u09ab\u09be\u0982\u09b6\u09a8 \u098f\u0996\u09be\u09a8\u09c7 \u0995\u09b2 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 -->\r\n                <button class=\"lm-order-nav-btn\" onclick=\"lmScrollToOrder()\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- HERO BANNER -->\r\n    <div class=\"lm-banner\">\r\n        <div class=\"lm-orb lm-orb1\"><\/div>\r\n\r\n        <div class=\"lm-banner-inner\">\r\n            <!-- TEXT Area -->\r\n            <div class=\"lm-area-text lm-anim\">\r\n                <div class=\"lm-badge-pill\">\r\n                    <span id=\"lm-badge\">\u09e8\u09e6 \u09ac\u099b\u09b0\u09c7\u09b0 \u09b6\u09cd\u09b0\u09ae\u09c7\u09b0 \u0985\u09a8\u09a8\u09cd\u09af \u09ab\u09b8\u09b2<\/span>\r\n                <\/div>\r\n                <h1 class=\"lm-headline\">\r\n                    <span>\u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9\u09b0 \u09ac\u09bf\u09b6\u09be\u09b2 \u09ad\u09be\u09a3\u09cd\u09a1\u09be\u09b0<\/span><br>\r\n                    <span class=\"lm-highlight\">\u098f\u0996\u09a8 \u098f\u0995 \u09ae\u09b2\u09be\u099f\u09c7!<\/span>\r\n                <\/h1>\r\n                <p class=\"lm-desc\">\r\n                    \u09ac\u09bf\u09b6\u09cd\u09ac\u0996\u09cd\u09af\u09be\u09a4 \u09e7\u09ea\u099f\u09bf \u09aa\u09cd\u09b0\u09be\u09ae\u09be\u09a3\u09cd\u09af \u09b9\u09be\u09a6\u09bf\u09b8\u0997\u09cd\u09b0\u09a8\u09cd\u09a5\u09c7\u09b0 \u09b8\u09c1\u09ac\u09bf\u09b6\u09be\u09b2 \u09b8\u09ae\u09c1\u09a6\u09cd\u09b0 \u09ae\u09a8\u09cd\u09a5\u09a8 \u0995\u09b0\u09c7 \u09ac\u09be\u099b\u09be\u0987\u0995\u09c3\u09a4 \u09b6\u09cd\u09b0\u09c7\u09b7\u09cd\u09a0 \u09b8\u09b9\u09bf\u09b9 \u09b9\u09be\u09a6\u09bf\u09b8\u0997\u09c1\u09b2\u09cb\u09b0 \u09b6\u09c1\u09a6\u09cd\u09a7\u09a4\u09ae \u09a8\u09bf\u09b0\u09cd\u09af\u09be\u09b8 \u098f\u0996\u09a8 \u098f\u0995 \u09ae\u09b2\u09be\u099f\u09c7\u2014\u0986\u09aa\u09a8\u09be\u09b0 \u099c\u09cd\u099e\u09be\u09a8\u09a4\u09c3\u09b7\u09cd\u09a3\u09be \u09ae\u09c7\u099f\u09be\u09a4\u09c7 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u0986\u09df\u09cb\u099c\u09a8\u0964\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- BOOKS Area -->\r\n            <div class=\"lm-area-books lm-anim\">\r\n                <div class=\"lm-book lm-book1\">\r\n                    <img decoding=\"async\" class=\"lm-book-img\" src=\"https:\/\/sunnah.boikitab.xyz\/wp-content\/uploads\/2026\/03\/sunnah1-1.png\" alt=\"Vol 1\">\r\n                    <div class=\"lm-vol-label lm-vol1-label\">\u0996\u09a3\u09cd\u09a1 \u09e7<\/div>\r\n                <\/div>\r\n                <div class=\"lm-book lm-book2\">\r\n                    <img decoding=\"async\" class=\"lm-book-img\" src=\"https:\/\/sunnah.boikitab.xyz\/wp-content\/uploads\/2026\/03\/sunnah2-1.png\" alt=\"Vol 2\">\r\n                    <div class=\"lm-vol-label lm-vol2-label\">\u0996\u09a3\u09cd\u09a1 \u09e8<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- PRICE Area -->\r\n            <div class=\"lm-area-price lm-anim\">\r\n                <span class=\"lm-price-big\">\u09f3 \u09ec\u09e8\u09e6<\/span>\r\n                <span class=\"lm-price-old\">\u09f3 \u09ef\u09ee\u09e6<\/span>\r\n                <div class=\"lm-rating\">\r\n                    <div class=\"lm-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <span class=\"lm-reviews-lbl\">\u09eb\u09e6\u09e6+ \u09aa\u099c\u09bf\u099f\u09bf\u09ad \u09b0\u09bf\u09ad\u09bf\u0989<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CTA Area -->\r\n            <div class=\"lm-area-cta lm-anim\">\r\n                <!-- \u09b8\u09cd\u0995\u09cd\u09b0\u09b2 \u09ab\u09be\u0982\u09b6\u09a8 \u098f\u0996\u09be\u09a8\u09c7\u0993 \u0995\u09b2 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 -->\r\n                <button class=\"lm-cta-main\" onclick=\"lmScrollToOrder()\">\r\n                    \ud83d\uded2 \u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\r\n                <\/button>\r\n                <div class=\"lm-ship-chip\">\r\n                    <span class=\"lm-ship-icon\">\ud83d\ude9a<\/span>\r\n                    <div>\r\n                        <div class=\"lm-ship-top\">\u09b8\u09be\u09b0\u09be \u09a6\u09c7\u09b6\u09c7<\/div>\r\n                        <div class=\"lm-ship-bot\">\u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lm-wave\">\r\n            <svg viewBox=\"0 0 1200 80\" preserveAspectRatio=\"none\" style=\"display:block;width:100%;height:50px;fill:#f9fafb;\">\r\n                <path d=\"M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V120H1200V0H0V56.44Z\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u09ab\u09be\u0982\u09b6\u09a8\u099f\u09bf \u098f\u0996\u09a8 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf #OrderForm \u0986\u0987\u09a1\u09bf-\u0995\u09c7 \u099f\u09be\u09b0\u09cd\u0997\u09c7\u099f \u0995\u09b0\u09ac\u09c7\r\n    function lmScrollToOrder() {\r\n        const orderSection = document.getElementById('OrderForm');\r\n        if (orderSection) {\r\n            orderSection.scrollIntoView({ \r\n                behavior: 'smooth', \r\n                block: 'start' \r\n            });\r\n        } else {\r\n            \/\/ \u09af\u09a6\u09bf \u0986\u0987\u09a1\u09bf \u09a8\u09be \u09aa\u09be\u09df \u09a4\u09ac\u09c7 \u09b8\u09a4\u09b0\u09cd\u0995\u09a4\u09be \u09a6\u09bf\u09ac\u09c7 (\u09a1\u09c7\u09ad\u09c7\u09b2\u09aa\u09ae\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u09b8\u09c1\u09ac\u09bf\u09a7\u09be\u09b0 \u099c\u09a8\u09cd\u09af)\r\n            console.warn(\"Error: ID '#OrderForm' \u0996\u09c1\u0981\u099c\u09c7 \u09aa\u09be\u0993\u09df\u09be \u09af\u09be\u09df\u09a8\u09bf\u0964 \u0986\u09aa\u09a8\u09be\u09b0 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09ab\u09b0\u09cd\u09ae \u09b8\u09c7\u0995\u09b6\u09a8\u09c7 ID='OrderForm' \u09b8\u09c7\u099f \u0995\u09b0\u09c1\u09a8\u0964\");\r\n        }\r\n    }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe355b9 e-con-full e-flex e-con e-parent\" data-id=\"fe355b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cb3998 elementor-widget elementor-widget-html\" data-id=\"6cb3998\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     STATS CARDS SECTION - Standalone Elementor Widget\r\n     Same to same as StatsBar.tsx \u2014 Mobile Responsive 2\u00d72 grid\r\n     Paste into: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n \/* \u09e7. \u0995\u09be\u09b8\u09cd\u099f\u09ae \u09ab\u09a8\u09cd\u099f \u09b2\u09cb\u09a1 \u0995\u09b0\u09be *\/\r\n    @font-face {\r\n        font-family: 'SolaimanLipiCustom';\r\n        src: url('https:\/\/boikitab.xyz\/wp-content\/uploads\/2026\/03\/SolaimanLipi.ttf') format('truetype');\r\n        font-weight: 900;\r\n        font-style: normal;\r\n        font-display: swap;\r\n    }\r\n    .lm-stats * {\r\n        box-sizing: border-box;\r\n        font-family: 'SolaimanLipiCustom', 'SolaimanLipi', sans-serif;\r\n    }\r\n\r\n    .lm-stats {\r\n        max-width: 1100px;\r\n        margin: -52px auto 0;\r\n        \/* overlap onto section above \u2014 same as -mt-16 *\/\r\n        padding: 0 16px;\r\n        position: relative;\r\n        z-index: 20;\r\n    }\r\n\r\n    .lm-stats-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        \/* 2\u00d72 on mobile *\/\r\n        gap: 14px;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-stats-grid {\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 18px;\r\n        }\r\n    }\r\n\r\n    .lm-stat-card {\r\n        background: #fff;\r\n        border-radius: 16px;\r\n        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.09);\r\n        border: 1px solid #f0f0f0;\r\n        padding: 22px 16px;\r\n        min-height: 150px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        gap: 6px;\r\n        transition: transform 0.2s;\r\n        cursor: default;\r\n    }\r\n\r\n    .lm-stat-card:hover {\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n    .lm-stat-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 4px;\r\n        font-size: 22px;\r\n    }\r\n\r\n    .lm-stat-icon.blue {\r\n        background: #eff6ff;\r\n    }\r\n\r\n    .lm-stat-icon.amber {\r\n        background: #fffbeb;\r\n    }\r\n\r\n    .lm-stat-icon.green {\r\n        background: #f0fdf4;\r\n    }\r\n\r\n    .lm-stat-icon.purple {\r\n        background: #faf5ff;\r\n    }\r\n\r\n    .lm-stat-label {\r\n        font-size: 19px;\r\n        font-weight: 600;\r\n        color: #9ca3af;\r\n    }\r\n\r\n    .lm-stat-value {\r\n        font-size: 25px;\r\n        font-weight: 800;\r\n        color: #1f2937;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    @media (max-width: 400px) {\r\n        .lm-stat-value {\r\n            font-size: 18px;\r\n        }\r\n    }\r\n\r\n    .lm-stat-sub {\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        color: black;\r\n        letter-spacing: 0.02em;\r\n        margin-top: -2px;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"lm-stats\">\r\n    <div class=\"lm-stats-grid\" id=\"lm-stats-grid\">\r\n        <!-- Rendered by JS below -->\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function () {\r\n        \/\/ \u2500\u2500 CONFIG \u2014 \u0986\u09aa\u09a8\u09be\u09b0 \u09ae\u09be\u09a8 \u098f\u0996\u09be\u09a8\u09c7 \u09a6\u09bf\u09a8 \u2500\u2500\r\n        const stats = [\r\n            {\r\n                icon: '\ud83d\udcd6',\r\n                iconClass: 'blue',\r\n                label: '\u09ae\u09cb\u099f \u09aa\u09c3\u09b7\u09cd\u09a0\u09be',\r\n                value: '\u09ed\u09e6\u09ec \u09aa\u09c3\u09b7\u09cd\u09a0\u09be',\r\n                sub: '(\u0985\u09ab-\u09b9\u09cb\u09af\u09bc\u09be\u0987\u099f \u0995\u09be\u09b2\u09be\u09b0\u09c7 \u099b\u09be\u09aa\u09be)'\r\n            },\r\n            {\r\n                icon: '\ud83d\udcda',\r\n                iconClass: 'amber',\r\n                label: '\u0996\u09a3\u09cd\u09a1 \u09b8\u0982\u0996\u09cd\u09af\u09be',\r\n                value: '\u09e8 \u0996\u09a3\u09cd\u09a1',\r\n                sub: '(\u0986\u0995\u09bf\u09a6\u09be \u0993 \u09a8\u09be\u09ae\u09be\u099c)'\r\n            },\r\n            {\r\n                icon: '\ud83d\udee1\ufe0f',\r\n                iconClass: 'green',\r\n                label: '\u09ac\u09be\u0987\u09a8\u09cd\u09a1\u09bf\u0982',\r\n                value: '\u09b9\u09be\u09b0\u09cd\u09a1\u0995\u09ad\u09be\u09b0',\r\n                sub: null\r\n            },\r\n            {\r\n                icon: '\u2b50',\r\n                iconClass: 'purple',\r\n                label: '\u09b0\u09c7\u099f\u09bf\u0982',\r\n                value: '\u09ea.\u09ef\/\u09eb.\u09e6',\r\n                sub: null\r\n            },\r\n        ];\r\n\r\n        const grid = document.getElementById('lm-stats-grid');\r\n        if (!grid) return;\r\n\r\n        \/\/ Try loading from remote config first\r\n        const WC_URL = 'https:\/\/admin.boikitab.xyz';\r\n\r\n        function render(overrides) {\r\n            const data = overrides ? [\r\n                { ...stats[0], label: overrides.STAT_1_LABEL || stats[0].label, value: overrides.STAT_1_VALUE || stats[0].value, sub: overrides.STAT_1_SUB || stats[0].sub },\r\n                { ...stats[1], label: overrides.STAT_2_LABEL || stats[1].label, value: overrides.STAT_2_VALUE || stats[1].value, sub: overrides.STAT_2_SUB || stats[1].sub },\r\n                { ...stats[2], label: overrides.STAT_3_LABEL || stats[2].label, value: overrides.STAT_3_VALUE || stats[2].value, sub: overrides.STAT_3_SUB || stats[2].sub },\r\n                { ...stats[3], label: overrides.STAT_4_LABEL || stats[3].label, value: overrides.STAT_4_VALUE || stats[3].value, sub: overrides.STAT_4_SUB || stats[3].sub },\r\n            ] : stats;\r\n\r\n            grid.innerHTML = data.map(s => `\r\n      <div class=\"lm-stat-card\">\r\n        <div class=\"lm-stat-icon ${s.iconClass}\">${s.icon}<\/div>\r\n        <div class=\"lm-stat-label\">${s.label}<\/div>\r\n        <div class=\"lm-stat-value\">${s.value}<\/div>\r\n        ${s.sub ? `<div class=\"lm-stat-sub\">${s.sub}<\/div>` : ''}\r\n      <\/div>\r\n    `).join('');\r\n        }\r\n\r\n        \/\/ Render with defaults first (instant)\r\n        render(null);\r\n\r\n        \/\/ Then try remote config override\r\n        fetch(WC_URL + '\/wp-json\/landing-manager\/v1\/config')\r\n            .then(r => r.json())\r\n            .then(d => { if (d) render(d); })\r\n            .catch(() => { }); \/\/ keep default values on error\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f248a5 e-con-full e-flex e-con e-parent\" data-id=\"7f248a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af36e93 elementor-widget elementor-widget-html\" data-id=\"af36e93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WHY CHOOSE SECTION - Standalone Elementor Widget\r\n     Same to same as WhyChoose.tsx \u2014 Mobile Responsive\r\n     Paste into: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n\r\n\r\n<style>\r\n \/* \u09e7. \u0995\u09be\u09b8\u09cd\u099f\u09ae \u09ab\u09a8\u09cd\u099f \u09b2\u09cb\u09a1 \u0995\u09b0\u09be *\/\r\n    @font-face {\r\n        font-family: 'SolaimanLipiCustom';\r\n        src: url('https:\/\/boikitab.xyz\/wp-content\/uploads\/2026\/03\/SolaimanLipi.ttf') format('truetype');\r\n        font-weight: 900;\r\n        font-style: normal;\r\n        font-display: swap;\r\n    }\r\n    .lm-why * {\r\n        box-sizing: border-box;\r\n        font-family: 'SolaimanLipiCustom', 'SolaimanLipi', sans-serif;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .lm-why {\r\n        position: relative;\r\n        overflow: hidden;\r\n        padding: 80px 16px;\r\n        background: #f9fafb;\r\n        \/* bg-gray-50 *\/\r\n    }\r\n\r\n    \/* Decorative Background Elements *\/\r\n    .lm-why-bg-tr {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 250px;\r\n        height: 250px;\r\n        background: rgba(244, 180, 0, 0.05);\r\n        filter: blur(60px);\r\n        border-radius: 50%;\r\n        transform: translate(50%, -50%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .lm-why-bg-bl {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 250px;\r\n        height: 250px;\r\n        background: rgba(15, 81, 86, 0.05);\r\n        filter: blur(60px);\r\n        border-radius: 50%;\r\n        transform: translate(-50%, 50%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .lm-why-inner {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 10;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Title Section *\/\r\n    .lm-why-title {\r\n        max-width: 768px;\r\n        margin: 0 auto 60px;\r\n    }\r\n\r\n    .lm-why-title h2 {\r\n        font-size: clamp(28px, 4vw, 44px);\r\n        font-weight: 900;\r\n        color: #111827;\r\n        margin-bottom: 16px;\r\n        line-height: 1.25;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .lm-why-highlight {\r\n        color: #F4B400;\r\n        position: relative;\r\n        display: inline-block;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .lm-why-underline {\r\n        position: absolute;\r\n        bottom: 4px;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 8px;\r\n        color: rgba(244, 180, 0, 0.3);\r\n    }\r\n\r\n    .lm-why-title p {\r\n        font-size: clamp(15px, 2vw, 18px);\r\n        color: #4b5563;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Grid Setup *\/\r\n    .lm-why-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 24px;\r\n        \/* Animation base *\/\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: lm-fadein-up 0.8s ease-out forwards;\r\n    }\r\n\r\n    @media (min-width: 640px) {\r\n        .lm-why-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 28px;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .lm-why-grid {\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 32px;\r\n        }\r\n    }\r\n\r\n    \/* Card Setup *\/\r\n    .lm-why-card {\r\n        background: #ffffff;\r\n        border: 1px solid #e5e7eb;\r\n        border-radius: 32px;\r\n        padding: 32px;\r\n        text-align: left;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .lm-why-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 40px rgba(15, 81, 86, 0.08);\r\n        \/* hover:shadow-brand-dark\/10 *\/\r\n        border-color: rgba(15, 81, 86, 0.15);\r\n    }\r\n\r\n    \/* Accent Border on Hover *\/\r\n    .lm-why-card-bar {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 0;\r\n        height: 6px;\r\n        background: #F4B400;\r\n        transition: width 0.7s ease;\r\n    }\r\n\r\n    .lm-why-card:hover .lm-why-card-bar {\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Icon Container Make *\/\r\n    .lm-why-icon-box {\r\n        width: 64px;\r\n        height: 64px;\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 24px;\r\n        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n        .lm-why-icon-box {\r\n            width: 56px;\r\n            height: 56px;\r\n        }\r\n    }\r\n\r\n    .lm-why-card:hover .lm-why-icon-box {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .lm-why-icon-box svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        stroke-width: 2.5;\r\n    }\r\n\r\n    \/* Theme Colors exactly as WhyChoose.tsx *\/\r\n    .lm-why-icon-box.blue {\r\n        background: #eff6ff;\r\n        color: #2563eb;\r\n    }\r\n\r\n    .lm-why-icon-box.green {\r\n        background: #ecfdf5;\r\n        color: #059669;\r\n    }\r\n\r\n    .lm-why-icon-box.amber {\r\n        background: #fffbeb;\r\n        color: #d97706;\r\n    }\r\n\r\n    .lm-why-icon-box.teal {\r\n        background: rgba(15, 81, 86, 0.05);\r\n        color: #0F5156;\r\n    }\r\n\r\n    \/* brand-dark *\/\r\n\r\n    .lm-why-card h3 {\r\n        font-size: 29px;\r\n        font-weight: 900;\r\n        color: #111827;\r\n        margin-bottom: 12px;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .lm-why-card p {\r\n        font-size: 20px;\r\n        color: #4b5563;\r\n        font-weight: 500;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    @keyframes lm-fadein-up {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"lm-why\">\r\n    <!-- Decorative bgs -->\r\n    <div class=\"lm-why-bg-tr\"><\/div>\r\n    <div class=\"lm-why-bg-bl\"><\/div>\r\n\r\n    <div class=\"lm-why-inner\">\r\n        <div class=\"lm-why-title\">\r\n            <h2 id=\"lm-why-title\"><span id=\"lm-title-base\">\u0995\u09c7\u09a8 \u098f\u0987 \u09ac\u0987\u099f\u09bf \u0986\u09aa\u09a8\u09be\u09b0 <br><\/span>\r\n                <span class=\"lm-why-highlight\">\r\n                    <span id=\"lm-title-hilight\">\u09ac\u09cd\u09af\u0995\u09cd\u09a4\u09bf\u0997\u09a4 \u09b8\u0982\u0997\u09cd\u09b0\u09b9\u09c7 \u09a5\u09be\u0995\u09be \u099c\u09b0\u09c1\u09b0\u09bf?<\/span>\r\n                    <svg class=\"lm-why-underline\" viewBox=\"0 0 100 10\" preserveAspectRatio=\"none\">\r\n                        <path d=\"M0 5 Q 50 10 100 5\" stroke=\"currentColor\" stroke-width=\"4\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/h2>\r\n            <p id=\"lm-why-subtitle\">\u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u0987\u09b8\u09b2\u09be\u09ae\u09c0 \u0997\u09ac\u09c7\u09b7\u09a3\u09be\u09b0 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u09ad\u09be\u09a3\u09cd\u09a1\u09be\u09b0 \u0986\u09aa\u09a8\u09be\u09b0 \u09a6\u09cd\u09ac\u09c0\u09a8\u09bf \u099c\u09cd\u099e\u09be\u09a8\u0995\u09c7 \u0995\u09b0\u09ac\u09c7 \u09b8\u09ae\u09c3\u09a6\u09cd\u09a7<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"lm-why-grid\" id=\"lm-why-grid\">\r\n            <!-- Grid items updated via JS below -->\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function () {\r\n        const ICON_MAPPINGS = {\r\n            clock: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>',\r\n            shield: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>',\r\n            book: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20\"\/><\/svg>',\r\n            bookmark: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z\"\/><\/svg>'\r\n        };\r\n\r\n        const ITEMS = [\r\n            {\r\n                iconKey: 'clock',\r\n                title: '\u09b8\u09ae\u09af\u09bc \u09b8\u09be\u09b6\u09cd\u09b0\u09af\u09bc\u09c0',\r\n                desc: '\u09e7\u09ea\u099f\u09bf \u09ac\u09bf\u09b6\u09be\u09b2 \u0995\u09bf\u09a4\u09be\u09ac \u0986\u09b2\u09be\u09a6\u09be \u09a8\u09be \u09aa\u09a1\u09bc\u09c7 \u0986\u09aa\u09a8\u09bf \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u09b8\u09ac\u0997\u09c1\u09b2\u09cb\u09b0 \u09ae\u09c2\u09b2 \u09a8\u09bf\u09b0\u09cd\u09af\u09be\u09b8 \u098f\u0995 \u09b8\u0982\u0995\u09b2\u09a8\u09c7\u0964',\r\n                colorClass: 'blue'\r\n            },\r\n            {\r\n                iconKey: 'shield',\r\n                title: '\u09b8\u09b9\u09bf\u09b9 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af\u09a4\u09be',\r\n                desc: '\u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09b8\u09b9\u09bf\u09b9 \u0993 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u09b9\u09be\u09a6\u09bf\u09b8\u09c7\u09b0 \u0993\u09aa\u09b0 \u09ad\u09bf\u09a4\u09cd\u09a4\u09bf \u0995\u09b0\u09c7 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09b9\u09af\u09bc\u09c7\u099b\u09c7 \u098f\u0987 \u09b8\u0982\u0995\u09b2\u09a8\u0964',\r\n                colorClass: 'green'\r\n            },\r\n            {\r\n                iconKey: 'book',\r\n                title: '\u09e7\u09e6\u099f\u09bf \u09ac\u09bf\u09ad\u09be\u0997',\r\n                desc: '\u0987\u09b8\u09b2\u09be\u09ae\u09c0 \u099c\u09c0\u09ac\u09a8 \u09ac\u09cd\u09af\u09ac\u09b8\u09cd\u09a5\u09be\u09b0 \u09e7\u09e6\u099f\u09bf \u09ae\u09cc\u09b2\u09bf\u0995 \u09ac\u09bf\u09b7\u09af\u09bc\u0995\u09c7 \u0995\u09c7\u09a8\u09cd\u09a6\u09cd\u09b0 \u0995\u09b0\u09c7 \u09b9\u09be\u09a6\u09bf\u09b8\u0997\u09c1\u09b2\u09cb \u09b8\u09c1\u09b6\u09c3\u0999\u09cd\u0996\u09b2\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u099c\u09be\u09a8\u09cb\u0964',\r\n                colorClass: 'amber'\r\n            },\r\n            {\r\n                iconKey: 'bookmark',\r\n                title: '\u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09b0\u09c7\u09ab\u09be\u09b0\u09c7\u09a8\u09cd\u09b8',\r\n                desc: '\u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09aa\u09be\u09a0\u0995\u09a6\u09c7\u09b0 \u0997\u09ac\u09c7\u09b7\u09a3\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf \u0985\u09a8\u09a8\u09cd\u09af \u098f\u09ac\u0982 \u09ac\u09bf\u09b6\u09cd\u09ac\u09b8\u09cd\u09a4 \u09b0\u09c7\u09ab\u09be\u09b0\u09c7\u09a8\u09cd\u09b8 \u0997\u09be\u0987\u09a1\u0964',\r\n                colorClass: 'teal'\r\n            }\r\n        ];\r\n\r\n        \/* \u2500\u2500 REMOTE CONFIG LOGIC (Overrides if available) \u2500\u2500 *\/\r\n        const WC_URL = 'https:\/\/admin.boikitab.xyz';\r\n\r\n        function safeSet(id, content) {\r\n            const el = document.getElementById(id);\r\n            if (el && content) el.innerHTML = content;\r\n        }\r\n\r\n        function renderGrid(customItems) {\r\n            const gridEl = document.getElementById('lm-why-grid');\r\n            if (!gridEl) return;\r\n\r\n            let html = '';\r\n            customItems.forEach(item => {\r\n                html += `\r\n        <div class=\"lm-why-card\">\r\n          <div class=\"lm-why-icon-box ${item.colorClass}\">\r\n            ${ICON_MAPPINGS[item.iconKey]}\r\n          <\/div>\r\n          <h3>${item.title}<\/h3>\r\n          <p>${item.desc}<\/p>\r\n          <div class=\"lm-why-card-bar\"><\/div>\r\n        <\/div>\r\n      `;\r\n            });\r\n            gridEl.innerHTML = html;\r\n        }\r\n\r\n        \/\/ Initial render (Standalone)\r\n        renderGrid(ITEMS);\r\n\r\n        \/\/ Load backend overrides\r\n        fetch(WC_URL + '\/wp-json\/landing-manager\/v1\/config')\r\n            .then(res => res.json())\r\n            .then(data => {\r\n                if (!data) return;\r\n\r\n                \/\/ Update Text\r\n                safeSet('lm-title-base', data.WHY_CHOOSE_TITLE || '\u0995\u09c7\u09a8 \u098f\u0987 \u09ac\u0987\u099f\u09bf \u0986\u09aa\u09a8\u09be\u09b0 <br \/>');\r\n                safeSet('lm-title-hilight', data.WHY_CHOOSE_HIGHLIGHT || '\u09ac\u09cd\u09af\u0995\u09cd\u09a4\u09bf\u0997\u09a4 \u09b8\u0982\u0997\u09cd\u09b0\u09b9\u09c7 \u09a5\u09be\u0995\u09be \u099c\u09b0\u09c1\u09b0\u09bf?');\r\n                safeSet('lm-why-subtitle', data.WHY_CHOOSE_SUBTITLE || '\u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u0987\u09b8\u09b2\u09be\u09ae\u09c0 \u0997\u09ac\u09c7\u09b7\u09a3\u09be\u09b0 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u09ad\u09be\u09a3\u09cd\u09a1\u09be\u09b0 \u0986\u09aa\u09a8\u09be\u09b0 \u09a6\u09cd\u09ac\u09c0\u09a8\u09bf \u099c\u09cd\u099e\u09be\u09a8\u0995\u09c7 \u0995\u09b0\u09ac\u09c7 \u09b8\u09ae\u09c3\u09a6\u09cd\u09a7');\r\n\r\n                \/\/ Update Items Array\r\n                const overrides = [\r\n                    {\r\n                        ...ITEMS[0],\r\n                        title: data.WHY_ITEM_1_TITLE || ITEMS[0].title,\r\n                        desc: data.WHY_ITEM_1_DESC || ITEMS[0].desc\r\n                    },\r\n                    {\r\n                        ...ITEMS[1],\r\n                        title: data.WHY_ITEM_2_TITLE || ITEMS[1].title,\r\n                        desc: data.WHY_ITEM_2_DESC || ITEMS[1].desc\r\n                    },\r\n                    {\r\n                        ...ITEMS[2],\r\n                        title: data.WHY_ITEM_3_TITLE || ITEMS[2].title,\r\n                        desc: data.WHY_ITEM_3_DESC || ITEMS[2].desc\r\n                    },\r\n                    {\r\n                        ...ITEMS[3],\r\n                        title: data.WHY_ITEM_4_TITLE || ITEMS[3].title,\r\n                        desc: data.WHY_ITEM_4_DESC || ITEMS[3].desc\r\n                    }\r\n                ];\r\n\r\n                renderGrid(overrides);\r\n            }).catch(e => { \/* Ignore network errors *\/ });\r\n\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68550bb e-con-full e-flex e-con e-parent\" data-id=\"68550bb\" data-element_type=\"container\" data-e-type=\"container\" id=\"ViewBookSource\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;mountains&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81f6659 elementor-widget elementor-widget-html\" data-id=\"81f6659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     BOOK SOURCES SECTION - Standalone Elementor Widget\r\n     Custom Font: SolaimanLipi (From URL) | Full Text Control\r\n     ============================================================ -->\r\n\r\n<style>\r\n    \/* \u09e7. \u0995\u09be\u09b8\u09cd\u099f\u09ae \u09ab\u09a8\u09cd\u099f \u09b2\u09cb\u09a1 \u0995\u09b0\u09be *\/\r\n    @font-face {\r\n        font-family: 'SolaimanLipiCustom';\r\n        src: url('https:\/\/boikitab.xyz\/wp-content\/uploads\/2026\/03\/SolaimanLipi.ttf') format('truetype');\r\n        font-weight: normal;\r\n        font-style: normal;\r\n        font-display: swap;\r\n    }\r\n\r\n    \/* ============================================================\r\n       SETTINGS - \u098f\u0996\u09be\u09a8 \u09a5\u09c7\u0995\u09c7 \u09b8\u09ac \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09b8\u09be\u0987\u099c \u098f\u09ac\u0982 \u09ab\u09a8\u09cd\u099f \u0995\u09a8\u09cd\u099f\u09cd\u09b0\u09cb\u09b2 \u0995\u09b0\u09c1\u09a8\r\n       ============================================================ *\/\r\n    :root {\r\n        \/* \u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09ab\u09a8\u09cd\u099f *\/\r\n        --bs-font-main: 'SolaimanLipiCustom', sans-serif;\r\n\r\n        \/* \u09e7. \u09b9\u09c7\u09a1\u09be\u09b0 \u09b8\u09c7\u0995\u09b6\u09a8 (\u099f\u09be\u0987\u099f\u09c7\u09b2 \u0993 \u09ac\u09b0\u09cd\u09a3\u09a8\u09be) *\/\r\n        --bs-head-title-size: clamp(29px, 5vw, 38px); \r\n        --bs-head-desc-size: clamp(29px, 2vw, 25px);  \r\n\r\n        \/* \u09e8. \u09b8\u09be\u09ae\u09be\u09b0\u09bf \u0995\u09be\u09b0\u09cd\u09a1 (\u09ac\u09dc \u09ac\u0995\u09cd\u09b8) *\/\r\n        --bs-stat-label-size: 25px;      \/* \"\u09e7\u09ea\u099f\u09bf \u0997\u09cd\u09b0\u09a8\u09cd\u09a5\u09c7\u09b0 \u09ae\u09cb\u099f \u09b9\u09be\u09a6\u09bf\u09b8\" *\/\r\n        --bs-stat-number-size: clamp(39px, 6vw, 54px); \/* \u09e7,\u09e7\u09ea,\u09e7\u09ef\u09ea *\/\r\n        --bs-stat-pill-size: 25px;        \/* \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf\u09b8\u09b9... *\/\r\n        --bs-filter-badge-size: 13px;    \/* \u09ac\u09be\u099b\u09be\u0987\u0995\u09c3\u09a4 *\/\r\n\r\n        \/* \u09e9. \u09b8\u09be\u09ae\u09be\u09b0\u09bf \u0995\u09be\u09b0\u09cd\u09a1\u09c7\u09b0 \u09ab\u09c1\u099f\u09be\u09b0 *\/\r\n        --bs-footer-text-size: 20px;     \/* \u09ae\u09c2\u09b2 \u09aa\u09cd\u09af\u09be\u09b0\u09be\u0997\u09cd\u09b0\u09be\u09ab *\/\r\n        --bs-vol-label-size: 20px;       \/* \u098f\u0987 \u09b8\u09c7\u099f\u09c7... *\/\r\n        --bs-vol-number-size: 26px;      \/* \u09e7,\u09e7\u09e8\u09ef \u09b8\u0982\u0996\u09cd\u09af\u09be\u099f\u09bf *\/\r\n\r\n        \/* \u09ea. \u09a8\u09bf\u099a\u09c7\u09b0 \u09ac\u0987\u09df\u09c7\u09b0 \u0997\u09cd\u09b0\u09bf\u09a1 (\u09e7\u09ea\u099f\u09bf \u09ac\u0987) *\/\r\n        --bs-book-title-size: 30px;      \/* \u09ac\u0987\u09df\u09c7\u09b0 \u09a8\u09be\u09ae *\/\r\n        --bs-book-serial-size: 30px;     \/* \u0997\u09cb\u09b2 \u09ac\u09c3\u09a4\u09cd\u09a4\u09c7\u09b0 \u09a8\u09ae\u09cd\u09ac\u09b0 *\/\r\n        --bs-book-count-label: 15px;      \/* \"\u09b9\u09be\u09a6\u09bf\u09b8 \u09b8\u0982\u0996\u09cd\u09af\u09be\" *\/\r\n        --bs-book-count-num: 20px;        \/* \u09b8\u0982\u0996\u09cd\u09af\u09be\u099f\u09bf (\u09af\u09c7\u09ae\u09a8: \u09ed,\u09eb\u09ec\u09e9) *\/\r\n    }\r\n\r\n    \/* ============================================================\r\n       CORE STYLES\r\n       ============================================================ *\/\r\n    .lm-bs * {\r\n        box-sizing: border-box;\r\n        font-family: var(--bs-font-main);\r\n        margin: 0;\r\n        padding: 0;\r\n        -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    .lm-bs {\r\n        padding: 80px 16px;\r\n        background: #ffffff;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .lm-bs-head { text-align: center; margin-bottom: 50px; }\r\n    .lm-bs-head h2 { \r\n        font-size: var(--bs-head-title-size); \r\n        font-weight: 800; color: #0F172A; margin-bottom: 15px; \r\n    }\r\n    .lm-bs-head p { \r\n        font-size: var(--bs-head-desc-size); \r\n        color: #64748B; max-width: 650px; margin: 0 auto; line-height: 1.6;\r\n    }\r\n\r\n    \/* Summary Card *\/\r\n    .lm-bs-summary {\r\n        max-width: 950px; margin: 0 auto 60px;\r\n        background: linear-gradient(135deg, #0F5156, #0a3a3e);\r\n        border-radius: 28px; padding: 45px 30px; color: white;\r\n        position: relative; overflow: hidden;\r\n        box-shadow: 0 25px 50px -12px rgba(15, 81, 86, 0.25);\r\n    }\r\n\r\n    .lm-bs-s-grid {\r\n        position: relative; z-index: 10;\r\n        display: flex; flex-direction: column; gap: 30px;\r\n        align-items: center; justify-content: space-between;\r\n    }\r\n    @media (min-width: 768px) { .lm-bs-s-grid { flex-direction: row; } }\r\n\r\n    .lm-bs-s-col { flex: 1; text-align: center; }\r\n    @media (min-width: 768px) {\r\n        .lm-bs-s-col.left { text-align: left; }\r\n        .lm-bs-s-col.right { text-align: right; }\r\n    }\r\n\r\n    .lm-bs-s-lbl {\r\n        font-size: var(--bs-stat-label-size);\r\n        font-weight: 400; opacity: 0.85; margin-bottom: 10px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    .lm-bs-s-val {\r\n        font-size: var(--bs-stat-number-size);\r\n        font-weight: 800; line-height: 1; margin-bottom: 15px;\r\n    }\r\n    .lm-bs-s-val.right { color: #F4B400; }\r\n\r\n    .lm-bs-s-pill {\r\n        font-size: var(--bs-stat-pill-size);\r\n        padding: 6px 16px; border-radius: 25px;\r\n        display: inline-flex; align-items: center; gap: 8px;\r\n        background: rgba(255, 255, 255, 0.12);\r\n    }\r\n    .lm-bs-s-pill.right { color: #86efac; background: rgba(134, 239, 172, 0.15); }\r\n\r\n    \/* Filter Badge *\/\r\n    .lm-bs-s-mid { display: flex; flex-direction: column; align-items: center; color: #F4B400; }\r\n    .lm-bs-filter-badge {\r\n        display: inline-flex; align-items: center; gap: 6px;\r\n        background: rgba(244, 180, 0, 0.2); padding: 6px 15px;\r\n        border-radius: 30px; font-size: var(--bs-filter-badge-size);\r\n        font-weight: 700; margin-top: 12px; border: 1px solid rgba(244, 180, 0, 0.3);\r\n    }\r\n\r\n    \/* Footer Stats *\/\r\n    .lm-bs-s-foot {\r\n        margin-top: 40px; padding-top: 30px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n        text-align: center; z-index: 10; position: relative;\r\n    }\r\n    .lm-bs-s-foot-txt { font-size: var(--bs-footer-text-size); color: #e2e8f0; margin-bottom: 25px; line-height: 1.6; }\r\n    .lm-bs-s-foot-val { font-weight: 700; color: #fff; border-bottom: 2px solid #F4B400; }\r\n\r\n    .lm-bs-vol-badge {\r\n        display: inline-flex; align-items: center; gap: 15px;\r\n        background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15);\r\n        padding: 15px 30px; border-radius: 50px; backdrop-filter: blur(8px);\r\n    }\r\n    @media (max-width: 600px) { .lm-bs-vol-badge { flex-direction: column; border-radius: 20px; width: 100%; } }\r\n\r\n    .lm-bs-vol-left { font-size: var(--bs-vol-label-size); color: #F4B400; font-weight: 600; display: flex; align-items: center; gap: 10px; }\r\n    .lm-bs-vol-right { font-size: var(--bs-vol-label-size); color: #fff; }\r\n    .lm-bs-vol-num { font-size: var(--bs-vol-number-size); font-weight: 800; color: #F4B400; margin: 0 5px; }\r\n\r\n    \/* Books Grid *\/\r\n    .lm-books-grid {\r\n        display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;\r\n        max-width: 1280px; margin: 0 auto;\r\n    }\r\n    @media (min-width: 640px) { .lm-books-grid { grid-template-columns: repeat(3, 1fr); } }\r\n    @media (min-width: 768px) { .lm-books-grid { grid-template-columns: repeat(4, 1fr); } }\r\n    @media (min-width: 1024px) { .lm-books-grid { grid-template-columns: repeat(7, 1fr); } }\r\n\r\n    .lm-book-card {\r\n        background: #fff; border: 1px solid #f1f5f9; border-radius: 20px;\r\n        padding: 20px 12px; display: flex; flex-direction: column; align-items: center;\r\n        text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative;\r\n    }\r\n    .lm-book-card:hover { transform: translateY(-8px); border-color: #0F5156; box-shadow: 0 15px 30px rgba(0,0,0,0.08); }\r\n\r\n    .lm-bc-num {\r\n        width: 28px; height: 28px; border-radius: 50%; background: #f8fafc;\r\n        font-size: var(--bs-book-serial-size); font-weight: 700; color: #94a3b8;\r\n        display: flex; align-items: center; justify-content: center; margin-bottom: 12px;\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n    .lm-bc-title {\r\n        font-size: var(--bs-book-title-size); font-weight: 700; color: #1e293b;\r\n        line-height: 1.4; margin-bottom: 20px; min-height: 40px; display: flex; align-items: center;\r\n    }\r\n    .lm-bc-bot { width: 100%; }\r\n    .lm-bc-bot-info {\r\n        display: flex; justify-content: space-between; font-weight: 600; margin-bottom: 8px;\r\n    }\r\n    .lm-bc-bot-info span:first-child { font-size: var(--bs-book-count-label); color: #94a3b8; }\r\n    .lm-bc-count { font-size: var(--bs-book-count-num); color: #0F5156; font-weight: 700; }\r\n    \r\n    .lm-bc-bar-bg { width: 100%; height: 6px; background: #f1f5f9; border-radius: 10px; overflow: hidden; }\r\n    .lm-bc-bar-fill { height: 100%; background: #0F5156; border-radius: 10px; }\r\n\r\n    \/* Animation *\/\r\n    .lm-bs-arrow { animation: bounce 2s infinite; }\r\n    @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }\r\n<\/style>\r\n\r\n<div class=\"lm-bs\">\r\n    <!-- Header -->\r\n    <div class=\"lm-bs-head\">\r\n        <h2 id=\"lm-bs-title\">\u09af\u09c7 \u0995\u09bf\u09a4\u09be\u09ac\u0997\u09c1\u09b2\u09cb\u09b0 \u09b8\u0982\u0995\u09b2\u09a8 \u098f\u099f\u09bf<\/h2>\r\n        <p id=\"lm-bs-desc\">\u09ac\u09bf\u09b6\u09cd\u09ac\u0996\u09cd\u09af\u09be\u09a4 \u09e7\u09ea\u099f\u09bf \u09ae\u09c2\u09b2 \u09b9\u09be\u09a6\u09bf\u09b8 \u0997\u09cd\u09b0\u09a8\u09cd\u09a5\u09c7\u09b0 \u09b8\u0995\u09b2 \u09b8\u09b9\u09bf\u09b9 \u09b9\u09be\u09a6\u09bf\u09b8\u09c7\u09b0 \u09b8\u09be\u09b0\u09a8\u09bf\u09b0\u09cd\u09af\u09be\u09b8 \u098f\u0996\u09a8 \u098f\u0995 \u09ae\u09b2\u09be\u099f\u09c7\u2014\u0986\u09aa\u09a8\u09be\u09b0 \u09b9\u09be\u09a4\u09c7\u09b0 \u09ae\u09c1\u09a0\u09cb\u09df\u0964<\/p>\r\n    <\/div>\r\n     <!-- Books Grid -->\r\n    <div class=\"lm-books-grid\" id=\"lm-books-grid\"><\/div>\r\n    <br\/>\r\n        <br\/>\r\n\r\n    <!-- Summary Card -->\r\n    <div class=\"lm-bs-summary\">\r\n        <div class=\"lm-bs-s-grid\">\r\n            <div class=\"lm-bs-s-col left\">\r\n                <p class=\"lm-bs-s-lbl\">\u09e7\u09ea\u099f\u09bf \u0997\u09cd\u09b0\u09a8\u09cd\u09a5\u09c7\u09b0 \u09ae\u09cb\u099f \u09b9\u09be\u09a6\u09bf\u09b8<\/p>\r\n                <h3 class=\"lm-bs-s-val\" id=\"lm-bs-t-num\">\u09e7,\u09e7\u09ea,\u09e7\u09ef\u09ea<\/h3>\r\n                <span class=\"lm-bs-s-pill\">\u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf\u09b8\u09b9 \u09ac\u09bf\u09b6\u09be\u09b2 \u09ad\u09be\u09a3\u09cd\u09a1\u09be\u09b0<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"lm-bs-s-mid\">\r\n                <svg class=\"lm-bs-arrow\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 13l5 5 5-5M7 6l5 5 5-5\"\/><\/svg>\r\n                <div class=\"lm-bs-filter-badge\">\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\" \/><\/svg>\r\n                    \u09ac\u09be\u099b\u09be\u0987\u0995\u09c3\u09a4\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"lm-bs-s-col right\">\r\n                <p class=\"lm-bs-s-lbl\">\u09ae\u09be\u0986\u09b2\u09bf\u09ae\u09c1\u09b8 \u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9-\u09a4\u09c7 \u0986\u099b\u09c7<\/p>\r\n                <h3 class=\"lm-bs-s-val right\" id=\"lm-bs-s-num\">\u09e9,\u09ef\u09e8\u09e7<\/h3>\r\n                <span class=\"lm-bs-s-pill right\">\u09b8\u09b9\u09bf\u09b9 \u0993 \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u09ae\u09c1\u0995\u09cd\u09a4<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lm-bs-s-foot\">\r\n            <p class=\"lm-bs-s-foot-txt\">\r\n                \u09b2\u0995\u09cd\u09b7\u09be\u09a7\u09bf\u0995 \u09b9\u09be\u09a6\u09bf\u09b8 \u09ac\u09bf\u09b6\u09cd\u09b2\u09c7\u09b7\u09a3 \u0995\u09b0\u09c7, \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u09ac\u09be\u09a6 \u09a6\u09bf\u09df\u09c7 \u09b6\u09c1\u09a7\u09c1\u09ae\u09be\u09a4\u09cd\u09b0 \u09b8\u09be\u09b0\u09be\u0982\u09b6\u099f\u09c1\u0995\u09c1 \u09a8\u09bf\u09df\u09c7 \r\n                <span class=\"lm-bs-s-foot-val\" id=\"lm-bs-f-num\">\u09e9,\u09ef\u09e8\u09e7 \u099f\u09bf<\/span> \r\n                \u09b9\u09be\u09a6\u09bf\u09b8 \u09aa\u09c1\u09b0\u09cb \u09b8\u09bf\u09b0\u09bf\u099c\u09c7 \u09b8\u0982\u0995\u09b2\u09a8 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964\r\n            <\/p>\r\n\r\n            <div class=\"lm-bs-vol-badge\">\r\n                <div class=\"lm-bs-vol-left\">\r\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n                    \u098f\u0987 \u09b8\u09c7\u099f\u09c7 (\u09e7\u09ae \u0993 \u09e8\u09df \u0996\u09a3\u09cd\u09a1)\r\n                <\/div>\r\n                <div class=\"lm-bs-vol-right\">\r\n                    \u09b0\u09df\u09c7\u099b\u09c7 \u09b8\u09b0\u09cd\u09ac\u09ae\u09cb\u099f <span class=\"lm-bs-vol-num\" id=\"lm-bs-v-num\">\u09e7,\u09e7\u09e8\u09ef<\/span> \u099f\u09bf \u09b9\u09be\u09a6\u09bf\u09b8\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n   \r\n<\/div>\r\n\r\n<script>\r\n    (function () {\r\n        const bnNum = (n) => n.toString().replace(\/\\d\/g, d => '\u09e6\u09e7\u09e8\u09e9\u09ea\u09eb\u09ec\u09ed\u09ee\u09ef'[d]);\r\n\r\n        const BOOKS = [\r\n            { name: \"\u09b8\u09b9\u09bf\u09b9 \u09ac\u09c1\u0996\u09be\u09b0\u09bf\", count: 7563 }, { name: \"\u09b8\u09b9\u09bf\u09b9 \u09ae\u09c1\u09b8\u09b2\u09bf\u09ae\", count: 7500 },\r\n            { name: \"\u09b8\u09c1\u09a8\u09be\u09a8\u09c7 \u0986\u09ac\u09c1 \u09a6\u09be\u0989\u09a6\", count: 5274 }, { name: \"\u09b8\u09c1\u09a8\u09be\u09a8\u09c7 \u09a4\u09bf\u09b0\u09ae\u09bf\u099c\u09bf\", count: 3956 },\r\n            { name: \"\u09b8\u09c1\u09a8\u09be\u09a8\u09c7 \u09a8\u09be\u09b8\u09be\u0988\", count: 5758 }, { name: \"\u09b8\u09c1\u09a8\u09be\u09a8\u09c7 \u0987\u09ac\u09a8\u09c7 \u09ae\u09be\u099c\u09be\u09b9\", count: 4341 },\r\n            { name: \"\u09ae\u09c1\u09af\u09bc\u09be\u09a4\u09cd\u09a4\u09be \u09ae\u09be\u09b2\u09bf\u0995\", count: 1720 }, { name: \"\u09ae\u09c1\u09b8\u09a8\u09be\u09a6\u09c7 \u0986\u09b9\u09ae\u09be\u09a6\", count: 27100 },\r\n            { name: \"\u09b8\u09c1\u09a8\u09be\u09a8\u09c7 \u09a6\u09be\u09b0\u09c7\u09ae\u09bf\", count: 3500 }, { name: \"\u09b8\u09b9\u09bf\u09b9 \u0987\u09ac\u09a8\u09c7 \u09b9\u09bf\u09ac\u09cd\u09ac\u09be\u09a8\", count: 7491 },\r\n            { name: \"\u09b8\u09b9\u09bf\u09b9 \u0987\u09ac\u09a8\u09c7 \u0996\u09c1\u099c\u09be\u0987\u09ae\u09be\", count: 3000 }, { name: \"\u09ae\u09c1\u09b8\u09cd\u09a4\u09be\u09a6\u09b0\u09be\u0995\u09c7 \u09b9\u09be\u0995\u09bf\u09ae\", count: 9000 },\r\n            { name: \"\u09b8\u09c1\u09a8\u09be\u09a8\u09c1\u09b2 \u0995\u09c1\u09ac\u09b0\u09be\", count: 12000 }, { name: \"\u0986\u09b2-\u09ae\u09c1\u0996\u09a4\u09be\u09b0\u09be\u09b9\", count: 5000 }\r\n        ];\r\n\r\n        function render() {\r\n            const grid = document.getElementById('lm-books-grid');\r\n            if(!grid) return;\r\n            grid.innerHTML = BOOKS.map((b, i) => {\r\n                const pct = Math.min((b.count \/ 30000) * 100, 100);\r\n                return `\r\n                <div class=\"lm-book-card\">\r\n                    <div class=\"lm-bc-num\">${bnNum(i + 1)}<\/div>\r\n                    <h3 class=\"lm-bc-title\">${b.name}<\/h3>\r\n                    <div class=\"lm-bc-bot\">\r\n                        <div class=\"lm-bc-bot-info\">\r\n                            <span>\u09b9\u09be\u09a6\u09bf\u09b8 \u09b8\u0982\u0996\u09cd\u09af\u09be<\/span>\r\n                            <span class=\"lm-bc-count\">${bnNum(b.count.toLocaleString('en-IN'))}<\/span>\r\n                        <\/div>\r\n                        <div class=\"lm-bc-bar-bg\"><div class=\"lm-bc-bar-fill\" style=\"width:${pct}%\"><\/div><\/div>\r\n                    <\/div>\r\n                <\/div>`;\r\n            }).join('');\r\n        }\r\n        render();\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8943c52 e-con-full e-flex e-con e-parent\" data-id=\"8943c52\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92c7ec9 elementor-widget elementor-widget-html\" data-id=\"92c7ec9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     PDF PREVIEW SECTION - Standalone Elementor Widget\r\n     Same to same as PDFPreview.tsx \u2014 Mobile Responsive\r\n     Paste into: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700;800;900&display=swap\"\r\n    rel=\"stylesheet\">\r\n\r\n<style>\r\n    .lm-pdf * {\r\n        box-sizing: border-box;\r\n        font-family: 'Hind Siliguri', 'SolaimanLipi', sans-serif;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .lm-pdf {\r\n        padding: 80px 16px;\r\n        background: #F9FAFB;\r\n    }\r\n\r\n    \/* Title Section *\/\r\n    .lm-pdf-head {\r\n        text-align: center;\r\n        margin-bottom: 48px;\r\n    }\r\n\r\n    .lm-pdf-head h2 {\r\n        font-size: clamp(28px, 5vw, 44px);\r\n        font-weight: 800;\r\n        color: #0F172A;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .lm-pdf-head-line {\r\n        width: 90px;\r\n        height: 5px;\r\n        background: #F4B400;\r\n        margin: 0 auto 24px;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    .lm-pdf-head p {\r\n        font-size: clamp(15px, 2vw, 18px);\r\n        color: #64748b;\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \u2500\u2500 Cards Grid \u2500\u2500 *\/\r\n    .lm-pdf-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 32px;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-pdf-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 48px;\r\n        }\r\n    }\r\n\r\n    .lm-pdf-card {\r\n        background: #ffffff;\r\n        border: 1px solid #f1f5f9;\r\n        border-radius: 36px;\r\n        padding: 40px 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        cursor: pointer;\r\n        position: relative;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .lm-pdf-card:hover {\r\n        transform: translateY(-8px);\r\n    }\r\n\r\n    .lm-pdf-card.c1:hover {\r\n        box-shadow: 0 20px 50px rgba(15, 81, 86, 0.1);\r\n        border-color: rgba(15, 81, 86, 0.1);\r\n    }\r\n\r\n    .lm-pdf-card.c2:hover {\r\n        box-shadow: 0 20px 50px rgba(244, 180, 0, 0.15);\r\n        border-color: rgba(244, 180, 0, 0.15);\r\n    }\r\n\r\n    \/* Book Cover Area *\/\r\n    .lm-pdf-img-wrap {\r\n        position: relative;\r\n        margin-bottom: 32px;\r\n        width: 170px;\r\n        transition: transform 0.4s;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-pdf-img-wrap {\r\n            width: 192px;\r\n        }\r\n    }\r\n\r\n    .lm-pdf-card:hover .lm-pdf-img-wrap {\r\n        transform: translateY(-10px);\r\n    }\r\n\r\n    .lm-pdf-img {\r\n        width: 100%;\r\n        height: auto;\r\n        border-radius: 12px;\r\n        box-shadow: 0 25px 40px rgba(0, 0, 0, 0.25);\r\n        border: 1px solid #f1f5f9;\r\n    }\r\n\r\n    \/* Number Badge *\/\r\n    .lm-pdf-badge {\r\n        position: absolute;\r\n        top: -16px;\r\n        right: -16px;\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);\r\n        border: 4px solid white;\r\n        z-index: 10;\r\n    }\r\n\r\n    .lm-pdf-badge.b1 {\r\n        background: #0F5156;\r\n        color: white;\r\n    }\r\n\r\n    .lm-pdf-badge.b2 {\r\n        background: #F4B400;\r\n        color: #0F5156;\r\n    }\r\n\r\n    \/* Card Text & Button *\/\r\n    .lm-pdf-card h3 {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #1e293b;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .lm-pdf-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        padding: 14px 32px;\r\n        border-radius: 30px;\r\n        font-size: 16px;\r\n        font-weight: 800;\r\n        transition: all 0.2s;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .lm-pdf-btn:active {\r\n        transform: scale(0.96);\r\n    }\r\n\r\n    .c1 .lm-pdf-btn {\r\n        background: #0F5156;\r\n        color: white;\r\n    }\r\n\r\n    .c1 .lm-pdf-btn:hover {\r\n        background: #0c4044;\r\n    }\r\n\r\n    .c2 .lm-pdf-btn {\r\n        background: #F4B400;\r\n        color: #0F5156;\r\n    }\r\n\r\n    .c2 .lm-pdf-btn:hover {\r\n        background: #eab308;\r\n    }\r\n\r\n    .lm-pdf-btn svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke-width: 2.5;\r\n    }\r\n<\/style>\r\n\r\n<!-- Full Screen Modal CSS -->\r\n<style>\r\n    .lm-pdf-modal {\r\n        display: none;\r\n        \/* hidden by default *\/\r\n        position: fixed;\r\n        inset: 0;\r\n        z-index: 9999;\r\n        background: #111827;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .lm-pdf-modal.open {\r\n        display: flex;\r\n        animation: lm-slide-up 0.3s ease-out;\r\n    }\r\n\r\n    @keyframes lm-slide-up {\r\n        from {\r\n            transform: translateY(100%);\r\n            opacity: 0;\r\n        }\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    .lm-m-head {\r\n        height: 60px;\r\n        background: #0F172A;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 0 16px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-m-head {\r\n            height: 72px;\r\n            padding: 0 32px;\r\n        }\r\n    }\r\n\r\n    .lm-m-back {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: rgba(255, 255, 255, 0.1);\r\n        color: white;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 12px;\r\n        padding: 8px 16px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: background 0.2s;\r\n    }\r\n\r\n    .lm-m-back:hover {\r\n        background: rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .lm-m-back svg {\r\n        color: #F4B400;\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n\r\n    .lm-m-title {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .lm-m-title h3 {\r\n        color: white;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-m-title h3 {\r\n            font-size: 18px;\r\n        }\r\n    }\r\n\r\n    .lm-m-status {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 9px;\r\n        font-weight: 800;\r\n        color: #9ca3af;\r\n        letter-spacing: 0.15em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .lm-m-dot {\r\n        width: 6px;\r\n        height: 6px;\r\n        border-radius: 50%;\r\n        background: #22c55e;\r\n        animation: lm-pulse-green 2s infinite;\r\n    }\r\n\r\n    @keyframes lm-pulse-green {\r\n\r\n        0%,\r\n        100% {\r\n            opacity: 1;\r\n        }\r\n\r\n        50% {\r\n            opacity: 0.4;\r\n        }\r\n    }\r\n\r\n    .lm-m-actions {\r\n        display: flex;\r\n        gap: 12px;\r\n    }\r\n\r\n    .lm-m-btn {\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 10px;\r\n        border: 1px solid;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.2s;\r\n    }\r\n\r\n    .lm-m-refresh {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border-color: rgba(255, 255, 255, 0.05);\r\n        color: #9ca3af;\r\n    }\r\n\r\n    .lm-m-refresh:hover {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        color: white;\r\n    }\r\n\r\n    .lm-m-close {\r\n        background: rgba(239, 68, 68, 0.1);\r\n        border-color: rgba(239, 68, 68, 0.2);\r\n        color: #ef4444;\r\n    }\r\n\r\n    .lm-m-close:hover {\r\n        background: #ef4444;\r\n        color: white;\r\n    }\r\n\r\n    \/* Modal Body *\/\r\n    .lm-m-body {\r\n        flex: 1;\r\n        position: relative;\r\n        background: #1a1a1a;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .lm-m-iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        max-width: 1200px;\r\n        border: none;\r\n        box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    \/* Loading Overlay *\/\r\n    .lm-m-loader {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: #111827;\r\n        z-index: 50;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .lm-m-spinner-wrap {\r\n        position: relative;\r\n        width: 80px;\r\n        height: 80px;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .lm-m-spinner-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        border: 4px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .lm-m-spinner-spin {\r\n        position: absolute;\r\n        inset: 0;\r\n        border: 4px solid #F4B400;\r\n        border-top-color: transparent;\r\n        border-radius: 50%;\r\n        animation: lm-spin 1s linear infinite;\r\n    }\r\n\r\n    @keyframes lm-spin {\r\n        to {\r\n            transform: rotate(360deg);\r\n        }\r\n    }\r\n\r\n    .lm-m-spinner-icon {\r\n        position: absolute;\r\n        inset: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #F4B400;\r\n        animation: lm-pulse 2s infinite;\r\n    }\r\n\r\n    .lm-m-loader h4 {\r\n        color: white;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .lm-m-loader p {\r\n        color: #6b7280;\r\n        font-size: 13px;\r\n        max-width: 250px;\r\n    }\r\n\r\n    \/* Bottom Footer CTA *\/\r\n    .lm-m-foot {\r\n        background: white;\r\n        padding: 16px;\r\n        display: flex;\r\n        justify-content: center;\r\n        shrink-0;\r\n        z-index: 60;\r\n        border-top: 1px solid #e5e7eb;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-m-foot {\r\n            padding: 24px;\r\n        }\r\n    }\r\n\r\n    .lm-m-foot-btn {\r\n        width: 100%;\r\n        max-width: 500px;\r\n        background: #0F5156;\r\n        color: white;\r\n        padding: 16px;\r\n        border-radius: 16px;\r\n        border: none;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 16px;\r\n        cursor: pointer;\r\n        transition: background 0.2s;\r\n        box-shadow: 0 15px 30px rgba(15, 81, 86, 0.2);\r\n    }\r\n\r\n    .lm-m-foot-btn:hover {\r\n        background: #0c4044;\r\n    }\r\n\r\n    .lm-m-foot-btn:active {\r\n        transform: scale(0.98);\r\n    }\r\n\r\n    .lm-m-foot-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: #F4B400;\r\n        color: #0F5156;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .lm-m-foot-txt {\r\n        text-align: left;\r\n    }\r\n\r\n    .lm-m-foot-txt span {\r\n        display: block;\r\n        font-size: 10px;\r\n        font-weight: 600;\r\n        opacity: 0.7;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .lm-m-foot-txt strong {\r\n        display: block;\r\n        font-size: 16px;\r\n        font-weight: 800;\r\n    }\r\n<\/style>\r\n\r\n\r\n<div class=\"lm-pdf\">\r\n    <div class=\"lm-pdf-head\">\r\n        <h2 id=\"lm-pdf-title\">\u09ac\u0987\u09af\u09bc\u09c7\u09b0 \u09ad\u09bf\u09a4\u09b0\u09c7\u09b0 \u09aa\u09be\u09a4\u09be \u09a6\u09c7\u0996\u09c1\u09a8<\/h2>\r\n        <div class=\"lm-pdf-head-line\"><\/div>\r\n        <p id=\"lm-pdf-subtitle\">\u0995\u09c7\u09a8\u09be\u09b0 \u0986\u0997\u09c7 \u09a8\u09bf\u099c\u09c7\u0987 \u09aa\u09a1\u09bc\u09c7 \u09a6\u09c7\u0996\u09c1\u09a8 \u09ac\u0987\u09af\u09bc\u09c7\u09b0 \u0997\u09c1\u09a3\u09ae\u09be\u09a8 \u098f\u09ac\u0982 \u0995\u09a8\u09cd\u099f\u09c7\u09a8\u09cd\u099f\u0964<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"lm-pdf-grid\">\r\n        <!-- Card 1 -->\r\n        <div class=\"lm-pdf-card c1\" onclick=\"lmOpenPDF(1)\">\r\n            <div class=\"lm-pdf-img-wrap\">\r\n                <div class=\"lm-pdf-badge b1\" id=\"lm-pdf-v1-bdg\">\u09e7<\/div>\r\n                <img decoding=\"async\" id=\"lm-pdf-img1\" class=\"lm-pdf-img\"\r\n                    src=\"https:\/\/sunnah.boikitab.xyz\/wp-content\/uploads\/2026\/03\/sunnah1-1.png\" alt=\"Vol 1\">\r\n            <\/div>\r\n            <h3 id=\"lm-pdf-v1-title\">\u09aa\u09cd\u09b0\u09a5\u09ae \u0996\u09a3\u09cd\u09a1 \u09aa\u09a1\u09bc\u09c1\u09a8<\/h3>\r\n            <div class=\"lm-pdf-btn\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\" \/>\r\n                    <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\" \/>\r\n                <\/svg>\r\n                <span id=\"lm-pdf-btn1\">\u09aa\u09cd\u09b0\u09bf\u09ad\u09bf\u0989 \u09a6\u09c7\u0996\u09c1\u09a8<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2 -->\r\n        <div class=\"lm-pdf-card c2\" onclick=\"lmOpenPDF(2)\">\r\n            <div class=\"lm-pdf-img-wrap\">\r\n                <div class=\"lm-pdf-badge b2\" id=\"lm-pdf-v2-bdg\">\u09e8<\/div>\r\n                <img decoding=\"async\" id=\"lm-pdf-img2\" class=\"lm-pdf-img\"\r\n                    src=\"https:\/\/sunnah.boikitab.xyz\/wp-content\/uploads\/2026\/03\/sunnah2.png\" alt=\"Vol 2\">\r\n            <\/div>\r\n            <h3 id=\"lm-pdf-v2-title\">\u09a6\u09cd\u09ac\u09bf\u09a4\u09c0\u09af\u09bc \u0996\u09a3\u09cd\u09a1 \u09aa\u09a1\u09bc\u09c1\u09a8<\/h3>\r\n            <div class=\"lm-pdf-btn\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\" \/>\r\n                    <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\" \/>\r\n                <\/svg>\r\n                <span id=\"lm-pdf-btn2\">\u09aa\u09cd\u09b0\u09bf\u09ad\u09bf\u0989 \u09a6\u09c7\u0996\u09c1\u09a8<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- FULL SCREEN I-FRAME MODAL -->\r\n<div class=\"lm-pdf-modal\" id=\"lm-pdf-modal\">\r\n    <header class=\"lm-m-head\">\r\n        <button class=\"lm-m-back\" onclick=\"lmClosePDF()\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\">\r\n                <path d=\"m15 18-6-6 6-6\" \/>\r\n            <\/svg>\r\n            <span class=\"lm-m-back-txt\" id=\"lm-m-back-str\">\u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f\u09c7 \u09ab\u09bf\u09b0\u09c7 \u09af\u09be\u09a8<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"lm-m-title\">\r\n            <h3>\u09ae\u09be\u0986\u09b2\u09bf\u09ae\u09c1\u09b8 \u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9<\/h3>\r\n            <div class=\"lm-m-status\">\r\n                <span class=\"lm-m-dot\"><\/span>\r\n                <span>Volume 0<span id=\"lm-m-vol-num\">1<\/span> \u2022 <span id=\"lm-m-status-txt\">LOADING<\/span><\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lm-m-actions\">\r\n            <button class=\"lm-m-btn lm-m-refresh\" onclick=\"lmReloadPDF()\" title=\"Reload\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\" style=\"width:18px;height:18px;\">\r\n                    <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" \/>\r\n                    <path d=\"M3 3v5h5\" \/>\r\n                <\/svg>\r\n            <\/button>\r\n            <button class=\"lm-m-btn lm-m-close\" onclick=\"lmClosePDF()\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\" style=\"width:20px;height:20px;\">\r\n                    <path d=\"M18 6 6 18\" \/>\r\n                    <path d=\"m6 6 12 12\" \/>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"lm-m-body\">\r\n        <!-- Loader -->\r\n        <div class=\"lm-m-loader\" id=\"lm-m-loader\">\r\n            <div class=\"lm-m-spinner-wrap\">\r\n                <div class=\"lm-m-spinner-bg\"><\/div>\r\n                <div class=\"lm-m-spinner-spin\"><\/div>\r\n                <div class=\"lm-m-spinner-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                        style=\"width:32px;height:32px;\">\r\n                        <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\" \/>\r\n                        <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n            <h4 id=\"lm-m-load-txt\">\u09ac\u0987\u099f\u09bf \u09b2\u09cb\u09a1 \u09b9\u099a\u09cd\u099b\u09c7...<\/h4>\r\n            <p id=\"lm-m-load-sub\">\u0995\u09c7\u09a8\u09be\u09b0 \u0986\u0997\u09c7 \u09a8\u09bf\u099c\u09c7\u0987 \u09aa\u09a1\u09bc\u09c7 \u09a6\u09c7\u0996\u09c1\u09a8 \u09ac\u0987\u09af\u09bc\u09c7\u09b0 \u0997\u09c1\u09a3\u09ae\u09be\u09a8 \u098f\u09ac\u0982 \u0995\u09a8\u09cd\u099f\u09c7\u09a8\u09cd\u099f\u0964<\/p>\r\n        <\/div>\r\n\r\n        <!-- Iframe Container -->\r\n        <div id=\"lm-iframe-container\"\r\n            style=\"width:100%;height:100%;max-width:1200px;box-shadow:0 0 100px rgba(0,0,0,0.5);\"><\/div>\r\n    <\/div>\r\n\r\n    <footer class=\"lm-m-foot\">\r\n        <button class=\"lm-m-foot-btn\" onclick=\"lmClosePDF()\">\r\n            <div class=\"lm-m-foot-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\" style=\"width:20px;height:20px;\">\r\n                    <path d=\"m15 18-6-6 6-6\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"lm-m-foot-txt\">\r\n                <span>\u09aa\u09a1\u09bc\u09be \u09b6\u09c7\u09b7?<\/span>\r\n                <strong id=\"lm-m-foot-str\">\u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f\u09c7 \u09ab\u09bf\u09b0\u09c7 \u09af\u09be\u09a8<\/strong>\r\n            <\/div>\r\n        <\/button>\r\n    <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ --- CONFIGURATION ---\r\n    const URL_VOL1 = 'https:\/\/drive.google.com\/file\/d\/1-1uUZ0GwNm_y8-s5e96ByXUT6_RM5voR\/preview';\r\n    const URL_VOL2 = 'https:\/\/drive.google.com\/file\/d\/1NToLiar6TeHsSpiM2UnTK12Q2Xasxhhx\/preview';\r\n   \r\n\r\n    let currentVol = 1;\r\n\r\n    \/\/ Helper to normalize GDrive links to preview format\r\n    function getEmbedUrl(url) {\r\n        if (!url) return \"\";\r\n        if (url.includes('drive.google.com')) {\r\n            let id = \"\";\r\n            if (url.includes('\/d\/')) id = url.split('\/d\/')[1].split('\/')[0];\r\n            else if (url.includes('id=')) id = url.split('id=')[1].split('&')[0];\r\n            if (id) return 'https:\/\/drive.google.com\/file\/d\/' + id + '\/preview?usp=sharing';\r\n        }\r\n        if (url.toLowerCase().endsWith('.pdf') || url.includes('\/uploads\/')) {\r\n            return 'https:\/\/docs.google.com\/viewer?url=' + encodeURIComponent(url) + '&embedded=true';\r\n        }\r\n        return url;\r\n    }\r\n\r\n    \/\/ Open PDF Modal\r\n    function lmOpenPDF(vol) {\r\n        currentVol = vol;\r\n        const modal = document.getElementById('lm-pdf-modal');\r\n        const loader = document.getElementById('lm-m-loader');\r\n        const statusEl = document.getElementById('lm-m-status-txt');\r\n        document.getElementById('lm-m-vol-num').textContent = vol;\r\n\r\n        \/\/ Show Modal & Loader\r\n        modal.classList.add('open');\r\n        document.body.style.overflow = 'hidden'; \/\/ stop background scrolling\r\n        loader.style.display = 'flex';\r\n        statusEl.textContent = 'LOADING';\r\n\r\n        \/\/ Create Iframe dynamically\r\n        createIframe(vol);\r\n\r\n        \/\/ Trigger Facebook Tracking (Intent to buy)\r\n     \r\n    \r\n    }\r\n\r\n    \/\/ Close PDF Modal\r\n    function lmClosePDF() {\r\n        const modal = document.getElementById('lm-pdf-modal');\r\n        modal.classList.remove('open');\r\n        document.body.style.overflow = '';\r\n        document.getElementById('lm-iframe-container').innerHTML = ''; \/\/ clear iframe\r\n    }\r\n\r\n    function lmReloadPDF() {\r\n        const loader = document.getElementById('lm-m-loader');\r\n        const statusEl = document.getElementById('lm-m-status-txt');\r\n        loader.style.display = 'flex';\r\n        statusEl.textContent = 'LOADING';\r\n        createIframe(currentVol);\r\n    }\r\n\r\n    function createIframe(vol) {\r\n        const container = document.getElementById('lm-iframe-container');\r\n        const url = vol === 1 ? getEmbedUrl(URL_VOL1) : getEmbedUrl(URL_VOL2);\r\n\r\n        container.innerHTML = `<iframe \r\n    src=\"${url}\" \r\n    style=\"width:100%;height:100%;border:none;\" \r\n    onload=\"lmIframeLoaded()\"><\/iframe>`;\r\n    }\r\n\r\n    \/\/ Triggered when Iframe finishes loading\r\n    window.lmIframeLoaded = function () {\r\n        document.getElementById('lm-m-loader').style.display = 'none';\r\n        document.getElementById('lm-m-status-txt').textContent = 'LIVE PREVIEW';\r\n    };\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0957b9f e-con-full e-flex e-con e-parent\" data-id=\"0957b9f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca3683b elementor-widget elementor-widget-html\" data-id=\"ca3683b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     TESTIMONIALS SECTION - Standalone Elementor Widget\r\n     Mobile Responsive - Exactly matches the provided design\r\n     Paste into: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700;800&display=swap\"\r\n    rel=\"stylesheet\">\r\n\r\n<style>\r\n    .lm-tm * {\r\n        box-sizing: border-box;\r\n        font-family: 'Hind Siliguri', 'SolaimanLipi', sans-serif;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .lm-tm {\r\n        padding: 60px 16px;\r\n        background: #ffffff;\r\n    }\r\n\r\n    \/* Title Section *\/\r\n    .lm-tm-title-box {\r\n        text-align: center;\r\n        margin-bottom: 48px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .lm-tm-title {\r\n        font-size: clamp(24px, 4vw, 32px);\r\n        font-weight: 800;\r\n        color: #0F5156;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .lm-tm-title-line {\r\n        width: 150px;\r\n        height: 3px;\r\n        background-color: #F4B400;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    \/* Grid Setup *\/\r\n    .lm-tm-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-tm-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 24px;\r\n        }\r\n    }\r\n\r\n    \/* Card Setup *\/\r\n    .lm-tm-card {\r\n        background: #fdfdfd;\r\n        border: 1px solid #f1f5f9;\r\n        border-radius: 12px;\r\n        padding: 32px 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .lm-tm-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.03);\r\n        border-color: #e2e8f0;\r\n    }\r\n\r\n    \/* Stars *\/\r\n    .lm-tm-stars {\r\n        color: #F4B400;\r\n        font-size: 16px;\r\n        margin-bottom: 20px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    \/* Review Text *\/\r\n    .lm-tm-text {\r\n        flex-grow: 1;\r\n        color: #64748B;\r\n        \/* slate-500 *\/\r\n        font-size: 14px;\r\n        line-height: 1.7;\r\n        margin-bottom: 24px;\r\n        font-style: italic;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Author Row *\/\r\n    .lm-tm-author {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    .lm-tm-avatar {\r\n        width: 24px;\r\n        height: 24px;\r\n        border-radius: 50%;\r\n        background: #e2e8f0;\r\n        \/* Light gray circle, no text inside *\/\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .lm-tm-name {\r\n        font-weight: 700;\r\n        font-size: 13px;\r\n        color: #0f172a;\r\n        \/* Slate 900 *\/\r\n    }\r\n<\/style>\r\n\r\n<div class=\"lm-tm\">\r\n    <div class=\"lm-tm-title-box\">\r\n        <h2 class=\"lm-tm-title\" id=\"lm-tm-main-title\">\u09aa\u09be\u09a0\u0995 \u0995\u09bf \u09ac\u09b2\u099b\u09c7\u09a8?<\/h2>\r\n        <div class=\"lm-tm-title-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"lm-tm-grid\" id=\"lm-reviews-grid\">\r\n        <!-- Reviews rendered by JS -->\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function () {\r\n        \/\/ \u2500\u2500 Default Content \u2500\u2500\r\n        const DEFAULT_REVIEWS = [\r\n            { name: '\u0986\u09ac\u09cd\u09a6\u09c1\u09b2\u09cd\u09b2\u09be\u09b9 \u0986\u09b2 \u09ae\u09be\u09ae\u09c1\u09a8', text: '\u09b9\u09be\u09a6\u09bf\u09b8 \u09b6\u09c7\u0996\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u09b0 \u099a\u09c7\u09af\u09bc\u09c7 \u099a\u09ae\u09ce\u0995\u09be\u09b0 \u09b8\u0982\u0995\u09b2\u09a8 \u0986\u09b0 \u09b9\u09af\u09bc \u09a8\u09be! \u099b\u09be\u09aa\u09be\u09b0 \u09ae\u09be\u09a8 \u0985\u09a8\u09c7\u0995 \u09ad\u09be\u09b2\u09cb\u0964' },\r\n            { name: '\u09b6\u09be\u0987\u0996 \u0986\u09b9\u09ae\u09be\u09a6 \u09b9\u09cb\u09b8\u09be\u0987\u09a8', text: '\u0985\u09b2\u09cd\u09aa \u09b8\u09ae\u09af\u09bc\u09c7 \u0985\u09a8\u09c7\u0995 \u09b9\u09be\u09a6\u09bf\u09b8 \u099c\u09be\u09a8\u09be \u09af\u09be\u09af\u09bc\u0964 \u09aa\u09b0\u09bf\u09ac\u09be\u09b0\u09c7\u09b0 \u09b8\u09ac\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u099f\u09bf \u098f\u0995\u099f\u09bf \u0985\u09ae\u09c2\u09b2\u09cd\u09af \u09b8\u09ae\u09cd\u09aa\u09a6\u0964' },\r\n            { name: '\u09ab\u09af\u09bc\u09b8\u09be\u09b2 \u0986\u09b9\u09ae\u09c7\u09a6', text: '\u09ac\u0987\u099f\u09bf \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09af\u09bc\u09c7 \u099a\u09c7\u0995 \u0995\u09b0\u09c7 \u099f\u09be\u0995\u09be \u09a6\u09bf\u09af\u09bc\u09c7\u099b\u09bf\u0964 \u09b8\u09be\u09b0\u09cd\u09ad\u09bf\u09b8 \u098f\u09ac\u0982 \u0995\u09cb\u09af\u09bc\u09be\u09b2\u09bf\u099f\u09bf \u09a6\u09c1\u099f\u09cb\u0987 \u0985\u09b8\u09be\u09a7\u09be\u09b0\u09a3!' },\r\n        ];\r\n\r\n        function render(reviews) {\r\n            const grid = document.getElementById('lm-reviews-grid');\r\n            if (!grid) return;\r\n\r\n            grid.innerHTML = reviews.map(r => `\r\n      <div class=\"lm-tm-card\">\r\n        <div class=\"lm-tm-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"lm-tm-text\">\"${r.text}\"<\/p>\r\n        <div class=\"lm-tm-author\">\r\n          <div class=\"lm-tm-avatar\"><\/div>\r\n          <span class=\"lm-tm-name\">${r.name}<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    `).join('');\r\n        }\r\n\r\n        \/\/ Initial render\r\n        render(DEFAULT_REVIEWS);\r\n\r\n        \/\/ Load backend overrides (if available)\r\n        const WC_URL = 'https:\/\/admin.boikitab.xyz';\r\n        fetch(WC_URL + '\/wp-json\/landing-manager\/v1\/config')\r\n            .then(r => r.json())\r\n            .then(d => {\r\n                if (!d) return;\r\n\r\n                const titleEl = document.getElementById('lm-tm-main-title');\r\n                if (d.TESTIMONIALS_TITLE && titleEl) titleEl.textContent = d.TESTIMONIALS_TITLE;\r\n\r\n                const overrides = [\r\n                    {\r\n                        name: d.REVIEW_1_NAME || DEFAULT_REVIEWS[0].name,\r\n                        text: d.REVIEW_1_TEXT || DEFAULT_REVIEWS[0].text\r\n                    },\r\n                    {\r\n                        name: d.REVIEW_2_NAME || DEFAULT_REVIEWS[1].name,\r\n                        text: d.REVIEW_2_TEXT || DEFAULT_REVIEWS[1].text\r\n                    },\r\n                    {\r\n                        name: d.REVIEW_3_NAME || DEFAULT_REVIEWS[2].name,\r\n                        text: d.REVIEW_3_TEXT || DEFAULT_REVIEWS[2].text\r\n                    }\r\n                ];\r\n\r\n                render(overrides);\r\n            })\r\n            .catch(e => { });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79d8595 e-con-full e-flex e-con e-parent\" data-id=\"79d8595\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ac718d elementor-widget elementor-widget-html\" data-id=\"0ac718d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     AUTHOR PROFILE SECTION - Standalone Elementor Widget\r\n     Same to same as AuthorProfile.tsx \u2014 Mobile Responsive\r\n     Paste into: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700;800;900&display=swap\"\r\n    rel=\"stylesheet\">\r\n\r\n<style>\r\n    .lm-ap * {\r\n        box-sizing: border-box;\r\n        font-family: 'Hind Siliguri', 'SolaimanLipi', sans-serif;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .lm-ap {\r\n        padding: 24px 16px;\r\n        background: #ffffff;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-ap {\r\n            padding: 48px 16px;\r\n        }\r\n    }\r\n\r\n    .lm-ap-card {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        background: #F8FAFC;\r\n        border-radius: 24px;\r\n        padding: 24px;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\r\n        border: 1px solid #f1f5f9;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 24px;\r\n        transition: box-shadow 0.3s ease;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-ap-card {\r\n            flex-direction: row;\r\n            padding: 32px;\r\n            gap: 32px;\r\n            align-items: center;\r\n        }\r\n    }\r\n\r\n    .lm-ap-card:hover {\r\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    \/* Images Area *\/\r\n    .lm-ap-images {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    @media (min-width: 480px) {\r\n        .lm-ap-images {\r\n            flex-direction: row;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-ap-images {\r\n            flex-direction: column;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .lm-ap-images {\r\n            flex-direction: row;\r\n        }\r\n    }\r\n\r\n    .lm-ap-img-box {\r\n        width: 160px;\r\n        height: 160px;\r\n        background: #e2e8f0;\r\n        border-radius: 24px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-ap-img-box {\r\n            width: 200px;\r\n            height: 200px;\r\n        }\r\n    }\r\n\r\n    .lm-ap-img-box img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .lm-ap-fallback {\r\n        width: 80px;\r\n        height: 80px;\r\n        color: #94a3b8;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    \/* Text Area *\/\r\n    .lm-ap-text {\r\n        flex: 1;\r\n        text-align: center;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-ap-text {\r\n            text-align: left;\r\n        }\r\n    }\r\n\r\n    .lm-ap-badge {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0F5156;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n        margin-bottom: 8px;\r\n        display: block;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-ap-badge {\r\n            font-size: 16px;\r\n        }\r\n    }\r\n\r\n    .lm-ap-name {\r\n        font-size: clamp(28px, 4vw, 36px);\r\n        font-weight: 800;\r\n        color: #1e293b;\r\n        margin-bottom: 16px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .lm-ap-desc {\r\n        font-size: clamp(16px, 2vw, 18px);\r\n        color: #475569;\r\n        line-height: 1.8;\r\n        font-style: italic;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"lm-ap\">\r\n    <div class=\"lm-ap-card\">\r\n\r\n        <div class=\"lm-ap-images\" id=\"lm-ap-images-container\">\r\n            <!-- Images rendered by JS -->\r\n        <\/div>\r\n\r\n        <div class=\"lm-ap-text\">\r\n            <span class=\"lm-ap-badge\" id=\"lm-ap-badge\">\u09ae\u09c2\u09b2 \u09b2\u09c7\u0996\u0995<\/span>\r\n            <h2 class=\"lm-ap-name\" id=\"lm-ap-name\">\u09b6\u09be\u09af\u09bc\u09c7\u0996 \u09b8\u09be\u09b2\u09c7\u09b9 \u0986\u09b9\u09ae\u09a6 \u09b6\u09be\u09ae\u09bf<\/h2>\r\n            <div class=\"lm-ap-desc\" id=\"lm-ap-desc\">\r\n                \u09b8\u09bf\u09b0\u09bf\u09af\u09bc\u09be\u09b0 \u09a6\u09be\u09ae\u09c7\u09b8\u09cd\u0995\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a5\u09bf\u09a4\u09af\u09b6\u09be \u09b9\u09be\u09a6\u09bf\u09b8 \u09ac\u09bf\u09b6\u09be\u09b0\u09a6\u0964 \u09a4\u09bf\u09a8\u09bf \u09b9\u09be\u09a6\u09bf\u09b8\u09c7\u09b0 \u09ac\u09bf\u09b6\u09be\u09b2 \u09ad\u09be\u09a3\u09cd\u09a1\u09be\u09b0\u0995\u09c7 \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09ae\u09be\u09a8\u09c1\u09b7\u09c7\u09b0 \u0995\u09be\u099b\u09c7 \u09b8\u09b9\u099c\u09c7 \u09aa\u09cc\u0981\u099b\u09c7\r\n                \u09a6\u09c7\u0993\u09af\u09bc\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0987 \u0985\u09a8\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u0995\u09b2\u09cd\u09aa\u099f\u09bf \u09b9\u09be\u09a4\u09c7 \u09a8\u09c7\u09a8\u0964 \u09a4\u09be\u0981\u09b0 \u09b8\u0982\u0995\u09b2\u09bf\u09a4 '\u09ae\u09be\u0986\u09b2\u09bf\u09ae\u09c1\u09b8 \u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9' \u09b8\u09bf\u09b0\u09bf\u099c\u099f\u09bf \u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09af\u09c1\u0997\u09c7\u09b0 \u09b9\u09be\u09a6\u09bf\u09b8\r\n                \u0997\u09ac\u09c7\u09b7\u09a3\u09be\u09af\u09bc \u098f\u0995 \u09ae\u09be\u0987\u09b2\u09ab\u09b2\u0995\u0964\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function () {\r\n        const WC_URL = 'https:\/\/admin.boikitab.xyz';\r\n\r\n        const CFG = {\r\n            badge: '\u09ae\u09c2\u09b2 \u09b2\u09c7\u0996\u0995',\r\n            name: '\u09b6\u09be\u09af\u09bc\u09c7\u0996 \u09b8\u09be\u09b2\u09c7\u09b9 \u0986\u09b9\u09ae\u09a6 \u09b6\u09be\u09ae\u09bf',\r\n            desc: '\u09b8\u09bf\u09b0\u09bf\u09af\u09bc\u09be\u09b0 \u09a6\u09be\u09ae\u09c7\u09b8\u09cd\u0995\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a5\u09bf\u09a4\u09af\u09b6\u09be \u09b9\u09be\u09a6\u09bf\u09b8 \u09ac\u09bf\u09b6\u09be\u09b0\u09a6\u0964 \u09a4\u09bf\u09a8\u09bf \u09b9\u09be\u09a6\u09bf\u09b8\u09c7\u09b0 \u09ac\u09bf\u09b6\u09be\u09b2 \u09ad\u09be\u09a3\u09cd\u09a1\u09be\u09b0\u0995\u09c7 \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09ae\u09be\u09a8\u09c1\u09b7\u09c7\u09b0 \u0995\u09be\u099b\u09c7 \u09b8\u09b9\u099c\u09c7 \u09aa\u09cc\u0981\u099b\u09c7 \u09a6\u09c7\u0993\u09af\u09bc\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0987 \u0985\u09a8\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u0995\u09b2\u09cd\u09aa\u099f\u09bf \u09b9\u09be\u09a4\u09c7 \u09a8\u09c7\u09a8\u0964 \u09a4\u09be\u0981\u09b0 \u09b8\u0982\u0995\u09b2\u09bf\u09a4 \\'\u09ae\u09be\u0986\u09b2\u09bf\u09ae\u09c1\u09b8 \u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9\\' \u09b8\u09bf\u09b0\u09bf\u099c\u099f\u09bf \u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09af\u09c1\u0997\u09c7\u09b0 \u09b9\u09be\u09a6\u09bf\u09b8 \u0997\u09ac\u09c7\u09b7\u09a3\u09be\u09af\u09bc \u098f\u0995 \u09ae\u09be\u0987\u09b2\u09ab\u09b2\u0995\u0964',\r\n           \/\/ Fallback image (change if needed)\r\n            img2: 'https:\/\/sunnah.boikitab.xyz\/wp-content\/uploads\/2026\/03\/\u0635\u0648\u0631\u0629_\u0634\u062e\u0635\u064a\u0629_\u0635\u0627\u0644\u062d_\u0627\u0644\u0634\u0627\u0645\u064a.jpg.jpeg'\r\n        };\r\n\r\n        function set(id, val, isHtml = false) {\r\n            const el = document.getElementById(id);\r\n            if (el && val) {\r\n                if (isHtml) el.innerHTML = val.replace(\/\\n\/g, '<br\/>');\r\n                else el.textContent = val;\r\n            }\r\n        }\r\n\r\n        function renderImages(img1, img2, name) {\r\n            const container = document.getElementById('lm-ap-images-container');\r\n            if (!container) return;\r\n\r\n            let html = '';\r\n            const imgHtml = (src) => `\r\n      <div class=\"lm-ap-img-box\">\r\n        <img decoding=\"async\" src=\"${src}\" alt=\"${name}\" loading=\"lazy\" \/>\r\n      <\/div>\r\n    `;\r\n            const fallbackHtml = `\r\n      <div class=\"lm-ap-img-box\">\r\n        <svg class=\"lm-ap-fallback\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n      <\/div>\r\n    `;\r\n\r\n            if (img1) html += imgHtml(img1);\r\n            if (img2) html += imgHtml(img2);\r\n            if (!img1 && !img2) html = fallbackHtml;\r\n\r\n            container.innerHTML = html;\r\n        }\r\n\r\n        \/\/ Initial Load (default)\r\n        set('lm-ap-badge', CFG.badge);\r\n        set('lm-ap-name', CFG.name);\r\n        set('lm-ap-desc', CFG.desc, true);\r\n        renderImages(CFG.img1, CFG.img2, CFG.name);\r\n\r\n        \/\/ Fetch Remote Config Override\r\n        fetch(WC_URL + '\/wp-json\/landing-manager\/v1\/config')\r\n            .then(r => r.json())\r\n            .then(d => {\r\n                if (!d) return;\r\n                if (d.AUTHOR_BADGE) set('lm-ap-badge', d.AUTHOR_BADGE);\r\n                if (d.AUTHOR_NAME) set('lm-ap-name', d.AUTHOR_NAME);\r\n                if (d.AUTHOR_DESCRIPTION) set('lm-ap-desc', d.AUTHOR_DESCRIPTION, true);\r\n\r\n                const img1 = d.AUTHOR_IMAGE || CFG.img1;\r\n                const img2 = d.AUTHOR_IMAGE_2 || CFG.img2;\r\n                const name = d.AUTHOR_NAME || CFG.name;\r\n\r\n                renderImages(img1, img2, name);\r\n            })\r\n            .catch(e => { });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4e89bf e-con-full e-flex e-con e-parent\" data-id=\"b4e89bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-362a674 elementor-widget elementor-widget-html\" data-id=\"362a674\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     FAQ SECTION - Standalone Elementor Widget\r\n     Paste into: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n<style>\r\n    .lm-faq * {\r\n        box-sizing: border-box;\r\n        font-family: 'Hind Siliguri', 'SolaimanLipi', sans-serif;\r\n    }\r\n\r\n    .lm-faq {\r\n        padding: 60px 16px;\r\n        background: #f3f4f6;\r\n    }\r\n\r\n    .lm-faq-title {\r\n        text-align: center;\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .lm-faq-title h2 {\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        color: #0F5156;\r\n        margin: 0 0 8px;\r\n    }\r\n\r\n    .lm-faq-title p {\r\n        font-size: 14px;\r\n        color: #777;\r\n        margin: 0;\r\n    }\r\n\r\n    .lm-faq-list {\r\n        max-width: 720px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .lm-faq-item {\r\n        background: #fff;\r\n        border-radius: 16px;\r\n        border: 1px solid #e5e7eb;\r\n        overflow: hidden;\r\n        transition: border-color 0.2s;\r\n    }\r\n\r\n    .lm-faq-item.open {\r\n        border-color: rgba(15, 81, 86, 0.3);\r\n        box-shadow: 0 2px 12px rgba(15, 81, 86, 0.08);\r\n    }\r\n\r\n    .lm-faq-btn {\r\n        width: 100%;\r\n        background: none;\r\n        border: none;\r\n        padding: 18px 20px;\r\n        text-align: left;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .lm-faq-num {\r\n        width: 30px;\r\n        height: 30px;\r\n        border-radius: 50%;\r\n        background: #f3f4f6;\r\n        color: #666;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        transition: all 0.2s;\r\n    }\r\n\r\n    .lm-faq-item.open .lm-faq-num {\r\n        background: #0F5156;\r\n        color: white;\r\n    }\r\n\r\n    .lm-faq-q {\r\n        flex: 1;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #222;\r\n    }\r\n\r\n    .lm-faq-icon {\r\n        font-size: 18px;\r\n        color: #999;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    .lm-faq-item.open .lm-faq-icon {\r\n        color: #0F5156;\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .lm-faq-ans {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.35s ease;\r\n    }\r\n\r\n    .lm-faq-item.open .lm-faq-ans {\r\n        max-height: 300px;\r\n    }\r\n\r\n    .lm-faq-ans-inner {\r\n        padding: 0 20px 16px 64px;\r\n        font-size: 14px;\r\n        color: #555;\r\n        line-height: 1.8;\r\n        border-top: 1px dashed #e5e7eb;\r\n        padding-top: 12px;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"lm-faq\">\r\n    <div class=\"lm-faq-title\">\r\n        <h2>\u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u099c\u09bf\u099c\u09cd\u099e\u09be\u09b8\u09be (FAQ)<\/h2>\r\n        <p>\u0986\u09aa\u09a8\u09be\u09b0 \u09ae\u09a8\u09c7 \u09a5\u09be\u0995\u09be \u0995\u09bf\u099b\u09c1 \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09aa\u09cd\u09b0\u09b6\u09cd\u09a8\u09c7\u09b0 \u0989\u09a4\u09cd\u09a4\u09b0<\/p>\r\n    <\/div>\r\n    <div class=\"lm-faq-list\" id=\"lm-faq-list\">\r\n        <!-- FAQs rendered by JS -->\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function () {\r\n        \/\/ \u0986\u09aa\u09a8\u09be\u09b0 FAQ \u0997\u09c1\u09b2\u09cb \u098f\u0996\u09be\u09a8\u09c7 \u09a6\u09bf\u09a8\r\n        const faqs = [\r\n            { q: '\u098f\u0987 \u09b8\u09c7\u099f\u09c7 \u0995\u09af\u09bc\u099f\u09bf \u09ac\u0987 \u0986\u099b\u09c7?', a: '\u098f\u0987 \u09b8\u09c7\u099f\u09c7 \u09ae\u09cb\u099f \u09e8\u099f\u09bf \u0996\u09a3\u09cd\u09a1 \u09b0\u09af\u09bc\u09c7\u099b\u09c7\u0964 \u09e7\u09ae \u0993 \u09e8\u09af\u09bc \u0996\u09a3\u09cd\u09a1 \u098f\u0995\u09b8\u09be\u09a5\u09c7 \u098f\u0995\u099f\u09bf \u09ac\u09be\u09a8\u09cd\u09a1\u09c7\u09b2 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09b9\u099a\u09cd\u099b\u09c7\u0964' },\r\n            { q: '\u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c \u0995\u09a4?', a: '\u09a2\u09be\u0995\u09be\u09b0 \u09ad\u09bf\u09a4\u09b0\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u099a\u09be\u09b0\u09cd\u099c \u09ae\u09be\u09a4\u09cd\u09b0 \u09ec\u09e6 \u099f\u09be\u0995\u09be \u098f\u09ac\u0982 \u09a2\u09be\u0995\u09be\u09b0 \u09ac\u09be\u0987\u09b0\u09c7 \u09ee\u09e6 \u099f\u09be\u0995\u09be\u0964' },\r\n            { q: '\u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u0995\u09bf \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09b9\u09af\u09bc?', a: '\u099c\u09bf, \u0986\u09b2\u09b9\u09be\u09ae\u09a6\u09c1\u09b2\u09bf\u09b2\u09cd\u09b2\u09be\u09b9! \u0986\u09ae\u09b0\u09be \u09b8\u09be\u09b0\u09be \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6\u09c7 \u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09b8\u09c1\u09ac\u09bf\u09a7\u09be \u09a6\u09bf\u09af\u09bc\u09c7 \u09a5\u09be\u0995\u09bf\u0964' },\r\n            { q: '\u0995\u09a4 \u09a6\u09bf\u09a8\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09aa\u09be\u09ac\u09cb?', a: '\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09a8\u09ab\u09be\u09b0\u09cd\u09ae \u0995\u09b0\u09be\u09b0 \u09aa\u09b0 \u09b8\u09be\u09b0\u09be\u09a6\u09c7\u09b6\u09c7\u09b0 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09b0\u09be\u09a8\u09cd\u09a4\u09c7 \u09b8\u09be\u09a7\u09be\u09b0\u09a3\u09a4 \u09e8-\u09e9 \u09a6\u09bf\u09a8\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09b8\u09ae\u09cd\u09aa\u09a8\u09cd\u09a8 \u09b9\u09af\u09bc\u0964' },\r\n            { q: '\u09ac\u0987\u09af\u09bc\u09c7 \u0995\u09cb\u09a8\u09cb \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09a5\u09be\u0995\u09b2\u09c7 \u09ab\u09c7\u09b0\u09a4 \u09a6\u09c7\u0993\u09af\u09bc\u09be \u09af\u09be\u09ac\u09c7?', a: '\u0985\u09ac\u09b6\u09cd\u09af\u0987\u0964 \u09ac\u0987 \u09b0\u09bf\u09b8\u09bf\u09ad \u0995\u09b0\u09be\u09b0 \u09b8\u09ae\u09af\u09bc \u09af\u09a6\u09bf \u0995\u09cb\u09a8\u09cb \u099b\u09c7\u0981\u09a1\u09bc\u09be \u09ac\u09be \u09ae\u09bf\u09b8\u09aa\u09cd\u09b0\u09bf\u09a8\u09cd\u099f \u09aa\u09be\u09a8, \u09a4\u09ac\u09c7 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09ae\u09cd\u09af\u09be\u09a8\u0995\u09c7 \u099c\u09be\u09a8\u09bf\u09af\u09bc\u09c7 \u09b0\u09bf\u099f\u09be\u09b0\u09cd\u09a8 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964' },\r\n        ];\r\n\r\n        const list = document.getElementById('lm-faq-list');\r\n        if (!list) return;\r\n\r\n        list.innerHTML = faqs.map((f, i) => `\r\n    <div class=\"lm-faq-item${i === 0 ? ' open' : ''}\" data-idx=\"${i}\">\r\n      <button class=\"lm-faq-btn\" onclick=\"lmFaqToggle(${i})\">\r\n        <div class=\"lm-faq-num\">${i + 1}<\/div>\r\n        <span class=\"lm-faq-q\">${f.q}<\/span>\r\n        <span class=\"lm-faq-icon\">\u25bc<\/span>\r\n      <\/button>\r\n      <div class=\"lm-faq-ans\">\r\n        <div class=\"lm-faq-ans-inner\">${f.a}<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  `).join('');\r\n    })();\r\n\r\n    function lmFaqToggle(idx) {\r\n        const items = document.querySelectorAll('.lm-faq-item');\r\n        items.forEach((item, i) => {\r\n            if (i === idx) item.classList.toggle('open');\r\n            else item.classList.remove('open');\r\n        });\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3636811 e-con-full e-flex e-con e-parent\" data-id=\"3636811\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f75e961 e-flex e-con-boxed e-con e-parent\" data-id=\"2f75e961\" data-element_type=\"container\" data-e-type=\"container\" id=\"OrderForm\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63705cf9 elementor-widget elementor-widget-heading\" data-id=\"63705cf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09a8\u09bf\u099a\u09c7\u09b0 \u09ab\u09b0\u09cd\u09ae\u099f\u09bf \u09b8\u09a0\u09bf\u0995 \u09ad\u09be\u09ac\u09c7 \u09aa\u09c1\u09b0\u09a8 \u0995\u09b0\u09c1\u09a8\u0964\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8935571 elementor-widget elementor-widget-checkout-form\" data-id=\"8935571\" data-element_type=\"widget\" data-e-type=\"widget\" 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\n<div class=\"woocommerce\"><div class=\"woocommerce-notices-wrapper\"><\/div><\/div>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b22577b e-con-full e-flex e-con e-parent\" data-id=\"b22577b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e5fc0b elementor-widget elementor-widget-html\" data-id=\"8e5fc0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     FOOTER SECTION - Standalone Elementor Widget\r\n     Mobile Responsive\r\n     Paste into: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700;800;900&display=swap\"\r\n    rel=\"stylesheet\">\r\n\r\n<style>\r\n    .lm-footer * {\r\n        box-sizing: border-box;\r\n        font-family: 'Hind Siliguri', 'SolaimanLipi', sans-serif;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .lm-footer {\r\n        background: #ffffff;\r\n        border-top: 1px solid #f1f5f9;\r\n        padding: 40px 16px;\r\n        padding-bottom: 100px;\r\n        \/* Space for mobile sticky footer *\/\r\n        text-align: center;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .lm-footer {\r\n            padding-bottom: 40px;\r\n        }\r\n    }\r\n\r\n    .lm-f-container {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Icon Box *\/\r\n    .lm-f-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        background: #f1f5f9;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 16px;\r\n        color: #0F5156;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    .lm-f-icon:hover {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .lm-f-icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke-width: 2;\r\n    }\r\n\r\n    \/* Title *\/\r\n    .lm-f-title {\r\n        font-size: 14px;\r\n        font-weight: 800;\r\n        color: #1e293b;\r\n        letter-spacing: 0.15em;\r\n        text-transform: uppercase;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    \/* Description *\/\r\n    .lm-f-desc {\r\n        font-size: clamp(13px, 1.5vw, 15px);\r\n        color: #94a3b8;\r\n        line-height: 1.6;\r\n        margin-bottom: 32px;\r\n        font-style: italic;\r\n        max-width: 500px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    \/* Copyright *\/\r\n    .lm-f-copy {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        font-size: 11px;\r\n        color: #cbd5e1;\r\n        font-weight: 500;\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"lm-footer\">\r\n    <div class=\"lm-f-container\">\r\n\r\n        <div class=\"lm-f-icon\" id=\"lm-f-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\" \/>\r\n                <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\" \/>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <h4 class=\"lm-f-title\" id=\"lm-f-title\">\u09ae\u09be\u0986\u09b2\u09bf\u09ae\u09c1\u09b8 \u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9<\/h4>\r\n\r\n        <p class=\"lm-f-desc\" id=\"lm-f-desc\">\r\n            \"\u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9\u09b0 \u09b8\u09a0\u09bf\u0995 \u09aa\u09cd\u09b0\u099a\u09be\u09b0 \u0993 \u09aa\u09cd\u09b0\u09b8\u09be\u09b0\u09c7 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u098f\u0987 \u0995\u09cd\u09b7\u09c1\u09a6\u09cd\u09b0 \u09aa\u09cd\u09b0\u099a\u09c7\u09b7\u09cd\u099f\u09be\u0964 \u0986\u09aa\u09a8\u09be\u09b0 \u0998\u09b0\u09c7 \u09b8\u09c1\u09a8\u09cd\u09a8\u09be\u09b9\u09b0 \u0986\u09b2\u09cb \u09aa\u09cc\u0981\u099b\u09c7 \u09a6\u09bf\u09a4\u09c7 \u0986\u09ae\u09b0\u09be\r\n            \u09ac\u09a6\u09cd\u09a7\u09aa\u09b0\u09bf\u0995\u09b0\u0964\"\r\n        <\/p>\r\n\r\n        <div class=\"lm-f-copy\">\r\n            <span id=\"lm-f-copyright\">\u00a9 \u09e8\u09e6\u09e8\u09eb BOIKITAB.XYZ | \u09b9\u09be\u0987 \u09aa\u09be\u09b0\u09ab\u09b0\u09ae\u09cd\u09af\u09be\u09a8\u09cd\u09b8 \u0995\u09a8\u09ad\u09be\u09b0\u09b6\u09a8 \u0987\u099e\u09cd\u099c\u09bf\u09a8<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n    (function () {\r\n        const bnNum = (n) => n.toString().replace(\/\\d\/g, d => '\u09e6\u09e7\u09e8\u09e9\u09ea\u09eb\u09ec\u09ed\u09ee\u09ef'[d]);\r\n        const year = new Date().getFullYear();\r\n        document.getElementById('lm-f-copyright').textContent = '\u00a9 ' + bnNum(year) + ' BOIKITAB.XYZ | \u09b9\u09be\u0987 \u09aa\u09be\u09b0\u09ab\u09b0\u09ae\u09cd\u09af\u09be\u09a8\u09cd\u09b8 \u0995\u09a8\u09ad\u09be\u09b0\u09b6\u09a8 \u0987\u099e\u09cd\u099c\u09bf\u09a8';\r\n\r\n        \/\/ Remote config override\r\n        const WC_URL = 'https:\/\/admin.boikitab.xyz';\r\n        fetch(WC_URL + '\/wp-json\/landing-manager\/v1\/config')\r\n            .then(r => r.json())\r\n            .then(d => {\r\n                if (!d) return;\r\n                if (d.FOOTER_TITLE) document.getElementById('lm-f-title').textContent = d.FOOTER_TITLE;\r\n                if (d.FOOTER_DESC) document.getElementById('lm-f-desc').textContent = d.FOOTER_DESC;\r\n                if (d.FOOTER_COPYRIGHT) document.getElementById('lm-f-copyright').textContent = d.FOOTER_COPYRIGHT.replace('{year}', bnNum(year));\r\n            }).catch(e => { });\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","protected":false},"template":"cartflows-canvas","class_list":["post-26","cartflows_step","type-cartflows_step","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sunnah.boikitab.xyz\/index.php?rest_route=\/wp\/v2\/cartflows_step\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunnah.boikitab.xyz\/index.php?rest_route=\/wp\/v2\/cartflows_step"}],"about":[{"href":"https:\/\/sunnah.boikitab.xyz\/index.php?rest_route=\/wp\/v2\/types\/cartflows_step"}],"version-history":[{"count":5,"href":"https:\/\/sunnah.boikitab.xyz\/index.php?rest_route=\/wp\/v2\/cartflows_step\/26\/revisions"}],"predecessor-version":[{"id":146,"href":"https:\/\/sunnah.boikitab.xyz\/index.php?rest_route=\/wp\/v2\/cartflows_step\/26\/revisions\/146"}],"wp:attachment":[{"href":"https:\/\/sunnah.boikitab.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}