{"id":235,"date":"2026-04-14T12:55:46","date_gmt":"2026-04-14T12:55:46","guid":{"rendered":"https:\/\/contentschoolbd.com\/?cartflows_step=pet-food-checkout"},"modified":"2026-04-17T13:33:14","modified_gmt":"2026-04-17T13:33:14","slug":"pet-food-checkout","status":"publish","type":"cartflows_step","link":"https:\/\/contentschoolbd.com\/?cartflows_step=pet-food-checkout","title":{"rendered":"Book Checkout"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u099c\u09c0\u09ac\u09a8 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8\u09c7\u09b0 \u0997\u09b2\u09cd\u09aa - \u098f\u0995\u099f\u09bf \u0985\u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09af\u09be\u09a4\u09cd\u09b0\u09be \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8<\/title>\r\n \r\n <!-- Google Fonts - Hind Siliguri -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Hind Siliguri', sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background-color: #fff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ==================== UTILITY CLASSES ==================== *\/\r\n .container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n\r\n .full-width {\r\n width: 100%;\r\n }\r\n\r\n \r\n\r\n \/* ==================== HERO SECTION ==================== *\/\r\n .hero {\r\n width: 100%;\r\n min-height: 100vh;\r\n background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #0f172a 100%);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding-top: 80px;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: \r\n radial-gradient(circle at 20% 50%, rgba(251, 191, 36, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.1) 0%, transparent 50%);\r\n pointer-events: none;\r\n animation: gradientShift 8s ease infinite;\r\n }\r\n\r\n @keyframes gradientShift {\r\n 0%, 100% {\r\n opacity: 1;\r\n }\r\n 50% {\r\n opacity: 0.8;\r\n }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .hero-text {\r\n animation: slideInLeft 1s ease;\r\n }\r\n\r\n .hero-text h1 {\r\n font-size: 4rem;\r\n font-weight: 700;\r\n color: white;\r\n line-height: 1.2;\r\n margin-bottom: 1.5rem;\r\n text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .hero-text h1 .highlight {\r\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 1.3rem;\r\n color: #c7d2fe;\r\n line-height: 1.8;\r\n margin-bottom: 2rem;\r\n text-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n padding: 1.1rem 2.8rem;\r\n border-radius: 8px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n cursor: pointer;\r\n border: none;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n font-family: 'Hind Siliguri', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n color: #0f172a;\r\n box-shadow: 0 0 20px rgba(251, 191, 36, 0.3);\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 0 40px rgba(251, 191, 36, 0.5);\r\n }\r\n\r\n .btn-primary:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: white;\r\n border: 2px solid #fbbf24;\r\n box-shadow: 0 0 20px rgba(251, 191, 36, 0.2);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: rgba(251, 191, 36, 0.1);\r\n box-shadow: 0 0 30px rgba(251, 191, 36, 0.4);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .hero-image {\r\n position: relative;\r\n animation: slideInRight 1s ease;\r\n }\r\n\r\n .book-visual {\r\n width: 100%;\r\n max-width: 380px;\r\n height: 520px;\r\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n text-align: center;\r\n \/* padding: 2rem; *\/\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 30px 60px rgba(251, 191, 36, 0.3), 0 0 100px rgba(251, 191, 36, 0.1);\r\n animation: floatingBook 4s ease-in-out infinite;\r\n }\r\n .book-visual img{ \r\n height: 100%;\r\n\r\n }\r\n\r\n @keyframes floatingBook {\r\n 0%, 100% {\r\n transform: translateY(0px) rotateZ(-2deg);\r\n }\r\n 50% {\r\n transform: translateY(-30px) rotateZ(2deg);\r\n }\r\n }\r\n\r\n .book-visual::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);\r\n animation: shimmerBook 3s infinite;\r\n }\r\n\r\n @keyframes shimmerBook {\r\n 0% {\r\n transform: translateX(-100%) translateY(-100%);\r\n }\r\n 100% {\r\n transform: translateX(100%) translateY(100%);\r\n }\r\n }\r\n\r\n .book-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .book-icon {\r\n font-size: 5rem;\r\n margin-bottom: 1rem;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .book-title {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.8rem;\r\n line-height: 1.3;\r\n }\r\n\r\n .book-subtitle {\r\n font-size: 1.1rem;\r\n opacity: 0.95;\r\n font-weight: 500;\r\n }\r\n\r\n \/* ==================== STORY SECTION ==================== *\/\r\n .story-section {\r\n width: 100%;\r\n padding: 8rem 0;\r\n background: linear-gradient(to bottom, #ffffff 0%, #f9fafb 100%);\r\n position: relative;\r\n }\r\n\r\n .story-content {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 5rem;\r\n align-items: center;\r\n }\r\n\r\n .story-content.reverse {\r\n direction: rtl;\r\n }\r\n\r\n .story-content.reverse > * {\r\n direction: ltr;\r\n }\r\n\r\n .story-text h2 {\r\n font-size: 3rem;\r\n color: #0f172a;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.2;\r\n font-weight: 700;\r\n }\r\n\r\n .story-text h2 .highlight {\r\n color: #f59e0b;\r\n }\r\n\r\n .story-text p {\r\n font-size: 1.1rem;\r\n color: #555;\r\n line-height: 1.9;\r\n margin-bottom: 1.5rem;\r\n text-align: justify;\r\n }\r\n\r\n \/* .story-text ul {\r\n list-style: none;\r\n margin: 2rem 0;\r\n }\r\n\r\n .story-text li {\r\n padding: 1rem;\r\n margin-bottom: 1rem;\r\n background: rgba(251, 191, 36, 0.05);\r\n border-left: 4px solid #fbbf24;\r\n border-radius: 8px;\r\n color: #333;\r\n font-weight: 500;\r\n } *\/\r\n\r\n .story-image {\r\n position: relative;\r\n height: 500px;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .story-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .story-image::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, transparent 100%);\r\n }\r\n .custom-button{\r\n display: flex;\r\n justify-content: center; \r\n align-items: center;\r\n margin-top: 40px;\r\n }\r\n \/* ==================== INSIDE THE BOOK SECTION ==================== *\/\r\n .inside-section {\r\n width: 100%;\r\n padding: 8rem 0;\r\n background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);\r\n position: relative;\r\n }\r\n\r\n .inside-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: \r\n radial-gradient(circle at 20% 50%, rgba(251, 191, 36, 0.05) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.05) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .inside-content {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 5rem;\r\n }\r\n\r\n .section-header h2 {\r\n font-size: 3rem;\r\n color: white;\r\n margin-bottom: 1rem;\r\n font-weight: 700;\r\n }\r\n\r\n .section-header p {\r\n font-size: 1.2rem;\r\n color: #c7d2fe;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .chapters-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2.5rem;\r\n }\r\n\r\n .chapter-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(251, 191, 36, 0.2);\r\n backdrop-filter: blur(10px);\r\n padding: 2.5rem;\r\n border-radius: 16px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .chapter-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #fbbf24, #f59e0b);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .chapter-card:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n border-color: rgba(251, 191, 36, 0.4);\r\n transform: translateY(-10px);\r\n }\r\n\r\n .chapter-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .chapter-number {\r\n display: inline-block;\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #fbbf24;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .chapter-card h3 {\r\n color: white;\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n font-weight: 600;\r\n }\r\n\r\n .chapter-card p {\r\n color: #c7d2fe;\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ==================== BENEFITS SECTION ==================== *\/\r\n .benefits-section {\r\n width: 100%;\r\n padding: 8rem 0;\r\n background: linear-gradient(to bottom, #f9fafb 0%, #ffffff 100%);\r\n }\r\n .benefits-section h2{\r\n color: black;\r\n }\r\n .benefits-section p{\r\n color: #1e3a8a ;\r\n }\r\n .benefits-content {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 2.5rem;\r\n margin-top: 4rem;\r\n }\r\n\r\n .benefit-card {\r\n text-align: center;\r\n padding: 2.5rem;\r\n background: white;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid transparent;\r\n }\r\n\r\n .benefit-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 40px rgba(251, 191, 36, 0.15);\r\n border-color: #fbbf24;\r\n }\r\n\r\n .benefit-icon {\r\n font-size: 3.5rem;\r\n margin-bottom: 1.5rem;\r\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .benefit-card:hover .benefit-icon {\r\n transform: scale(1.1) rotate(10deg);\r\n }\r\n\r\n .benefit-card h3 {\r\n color: #0f172a;\r\n font-size: 1.3rem;\r\n margin-bottom: 1rem;\r\n font-weight: 600;\r\n }\r\n\r\n .benefit-card p {\r\n color: #666;\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ==================== TESTIMONIALS SECTION ==================== *\/\r\n .testimonials-section {\r\n width: 100%;\r\n padding: 8rem 0;\r\n background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\r\n position: relative;\r\n }\r\n\r\n .testimonials-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: \r\n radial-gradient(circle at 20% 50%, rgba(251, 191, 36, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.08) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .testimonials-content {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 2.5rem;\r\n margin-top: 4rem;\r\n }\r\n\r\n .testimonial-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(251, 191, 36, 0.2);\r\n backdrop-filter: blur(20px);\r\n padding: 2.5rem;\r\n border-radius: 16px;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .testimonial-card::before {\r\n content: '\u2726';\r\n position: absolute;\r\n top: 1.5rem;\r\n right: 2rem;\r\n font-size: 3rem;\r\n color: rgba(251, 191, 36, 0.2);\r\n }\r\n\r\n .testimonial-card:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n border-color: rgba(251, 191, 36, 0.4);\r\n transform: translateY(-8px);\r\n }\r\n\r\n .testimonial-stars {\r\n color: #fbbf24;\r\n font-size: 1rem;\r\n margin-bottom: 1rem;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .testimonial-text {\r\n color: #e0e7ff;\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n margin-bottom: 1.5rem;\r\n font-style: italic;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n padding-top: 1.5rem;\r\n border-top: 1px solid rgba(251, 191, 36, 0.2);\r\n }\r\n\r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .author-info h4 {\r\n color: white;\r\n margin-bottom: 0.2rem;\r\n font-weight: 600;\r\n }\r\n\r\n .author-info p {\r\n color: #a5b4fc;\r\n font-size: 0.85rem;\r\n }\r\n\r\n \/* ==================== OFFER SECTION ==================== *\/\r\n .offer-section {\r\n width: 100%;\r\n padding: 8rem 0;\r\n background: linear-gradient(to bottom, #ffffff 0%, #f9fafb 100%);\r\n }\r\n\r\n .offer-banner {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 4rem 2rem;\r\n background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\r\n border-radius: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n box-shadow: 0 20px 60px rgba(251, 191, 36, 0.3);\r\n }\r\n\r\n .offer-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);\r\n animation: shimmerOffer 3s infinite;\r\n }\r\n\r\n @keyframes shimmerOffer {\r\n 0% {\r\n transform: translateX(-100%);\r\n }\r\n 100% {\r\n transform: translateX(100%);\r\n }\r\n }\r\n\r\n .offer-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .offer-label {\r\n color: #7c2d12;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .offer-banner h2 {\r\n color: #0f172a;\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n font-weight: 700;\r\n }\r\n\r\n .offer-price {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n margin: 2rem 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .original-price {\r\n text-decoration: line-through;\r\n color: #7c2d12;\r\n font-size: 1.5rem;\r\n opacity: 0.8;\r\n }\r\n\r\n .current-price {\r\n font-size: 4rem;\r\n font-weight: 700;\r\n color: #0f172a;\r\n }\r\n\r\n .discount-badge {\r\n background: #dc2626;\r\n color: white;\r\n padding: 0.8rem 1.5rem;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3);\r\n }\r\n\r\n .offer-description {\r\n color: #0f172a;\r\n font-size: 1.1rem;\r\n margin: 1.5rem 0;\r\n font-weight: 500;\r\n }\r\n\r\n .offer-features {\r\n display: flex;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin: 2rem 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .offer-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n color: #0f172a;\r\n font-weight: 500;\r\n }\r\n\r\n .offer-feature i {\r\n font-size: 1.3rem;\r\n color: #7c2d12;\r\n }\r\n\r\n \/* ==================== ORDER SECTION ==================== *\/\r\n .order-section {\r\n width: 100%;\r\n padding: 8rem 0;\r\n background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);\r\n position: relative;\r\n }\r\n\r\n .order-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: \r\n radial-gradient(circle at 20% 50%, rgba(251, 191, 36, 0.05) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 80%, rgba(59, 130, 246, 0.05) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .order-container {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .order-form-card {\r\n background: rgba(255, 255, 255, 0.08);\r\n border: 1px solid rgba(251, 191, 36, 0.2);\r\n backdrop-filter: blur(20px);\r\n padding: 4rem;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .order-form-card h2 {\r\n color: white;\r\n font-size: 2rem;\r\n margin-bottom: 1.5rem;\r\n text-align: center;\r\n font-weight: 700;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n color: #e0e7ff;\r\n font-weight: 600;\r\n margin-bottom: 0.8rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 1rem;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(251, 191, 36, 0.3);\r\n border-radius: 10px;\r\n color: white;\r\n font-family: 'Hind Siliguri', sans-serif;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .form-group input::placeholder,\r\n .form-group textarea::placeholder {\r\n color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n background: rgba(255, 255, 255, 0.15);\r\n border-color: #fbbf24;\r\n box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2);\r\n transform: scale(1.02);\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.5rem;\r\n }\r\n\r\n .submit-btn {\r\n width: 100%;\r\n padding: 1.3rem;\r\n background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n color: #0f172a;\r\n border: none;\r\n border-radius: 10px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n font-family: 'Hind Siliguri', sans-serif;\r\n cursor: pointer;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 0 30px rgba(251, 191, 36, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .submit-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .submit-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 0 50px rgba(251, 191, 36, 0.5);\r\n }\r\n\r\n .submit-btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .submit-btn:active {\r\n transform: translateY(-1px);\r\n }\r\n\r\n .cod-info {\r\n background: rgba(16, 185, 129, 0.1);\r\n border: 1px solid rgba(16, 185, 129, 0.3);\r\n padding: 1.5rem;\r\n border-radius: 10px;\r\n margin: 2rem 0;\r\n display: flex;\r\n gap: 1rem;\r\n align-items: flex-start;\r\n border-left: 4px solid #10b981;\r\n }\r\n\r\n .cod-info i {\r\n color: #10b981;\r\n font-size: 1.3rem;\r\n flex-shrink: 0;\r\n margin-top: 0.2rem;\r\n }\r\n\r\n .cod-text {\r\n color: #a7f3d0;\r\n }\r\n\r\n .cod-text strong {\r\n color: #10b981;\r\n }\r\n\r\n \r\n\r\n \/* ==================== ANIMATIONS ==================== *\/\r\n @keyframes slideInLeft {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-50px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes slideInRight {\r\n from {\r\n opacity: 0;\r\n transform: translateX(50px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .fade-in-up {\r\n animation: fadeInUp 0.8s ease;\r\n }\r\n\r\n \/* ==================== SCROLL ANIMATIONS ==================== *\/\r\n .scroll-element {\r\n opacity: 0;\r\n transform: translateY(50px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .scroll-element.in-view {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* ==================== RESPONSIVE DESIGN ==================== *\/\r\n @media (max-width: 1024px) {\r\n .hero-content {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .hero-text h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n .story-content {\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n }\r\n\r\n .book-visual {\r\n max-width: 300px;\r\n height: 420px;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n header {\r\n padding: 1rem;\r\n }\r\n\r\n nav {\r\n padding: 0;\r\n }\r\n\r\n .nav-menu {\r\n display: none;\r\n }\r\n\r\n .menu-toggle {\r\n display: block;\r\n }\r\n\r\n .logo {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .cta-btn-header {\r\n padding: 0.6rem 1.2rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .hero {\r\n min-height: auto;\r\n padding-top: 100px;\r\n padding-bottom: 3rem;\r\n }\r\n\r\n .hero-text h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 1.05rem;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .book-visual {\r\n width: 250px;\r\n height: 350px;\r\n margin: 0 auto;\r\n }\r\n\r\n .book-icon {\r\n font-size: 3rem;\r\n }\r\n\r\n .story-text h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .section-header h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .section-header p {\r\n font-size: 1rem;\r\n }\r\n\r\n .chapters-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .testimonials-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .offer-banner {\r\n padding: 2.5rem 1.5rem;\r\n }\r\n\r\n .offer-banner h2 {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .current-price {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .offer-features {\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n\r\n .order-form-card {\r\n padding: 2rem;\r\n }\r\n\r\n .form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .story-section,\r\n .inside-section,\r\n .benefits-section,\r\n .testimonials-section,\r\n .offer-section,\r\n .order-section {\r\n padding: 4rem 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 0 1rem;\r\n }\r\n\r\n .hero-text h1 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .book-visual {\r\n width: 200px;\r\n height: 280px;\r\n padding: 1.5rem;\r\n }\r\n\r\n .book-icon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .book-title {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .story-text h2 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .story-image {\r\n height: 350px;\r\n }\r\n\r\n .section-header h2 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .chapter-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .benefit-icon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .testimonial-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .offer-banner {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .offer-banner h2 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .current-price {\r\n font-size: 2rem;\r\n }\r\n\r\n .discount-badge {\r\n padding: 0.6rem 1.2rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .order-form-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .submit-btn {\r\n padding: 1rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .footer-content {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n \/* ==================== PARALLAX EFFECT ==================== *\/\r\n .parallax {\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- ==================== HEADER ==================== -->\r\n <!-- <header>\r\n <nav>\r\n <a href=\"#\" class=\"logo\">\r\n <i class=\"fas fa-book\"><\/i>\r\n <span>Premium<\/span>Books\r\n <\/a>\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"#story\">\u0997\u09b2\u09cd\u09aa<\/a><\/li>\r\n <li><a href=\"#inside\">\u09ac\u0987\u09af\u09bc\u09c7\u09b0 \u09ad\u09c7\u09a4\u09b0<\/a><\/li>\r\n <li><a href=\"#benefits\">\u09b8\u09c1\u09ac\u09bf\u09a7\u09be<\/a><\/li>\r\n <li><a href=\"#testimonials\">\u09ae\u09a4\u09be\u09ae\u09a4<\/a><\/li>\r\n <li><a href=\"#offer\">\u0985\u09ab\u09be\u09b0<\/a><\/li>\r\n <\/ul>\r\n <a href=\"#order\" class=\"cta-btn-header\">\u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8<\/a>\r\n <button class=\"menu-toggle\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n <\/nav>\r\n <\/header> -->\r\n\r\n <!-- ==================== HERO SECTION ==================== -->\r\n <section class=\"hero\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-text\">\r\n <h1>\r\n \u098f\u0996\u09a8 \u0986\u09aa\u09a8\u09be\u09b0 \u09b6\u09c2\u09a8\u09cd\u09af <span class=\"highlight\">\u09ac\u09cd\u09af\u09ac\u09b8\u09be<\/span> \u09b9\u09ac\u09c7 \u098f\u0995\u099f\u09be \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1\r\n <\/h1>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#order\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-book-open\"><\/i> \u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-image\">\r\n <div class=\"book-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQFnsp84k0S3r0ELYa2ZjWBcXbIsx8XGKlu1w3vK9yX_w&s\" alt=\"\">\r\n <!-- <div class=\"book-content\">\r\n <div class=\"book-icon\">\ud83d\udcd6<\/div>\r\n <h2 class=\"book-title\">\u099c\u09c0\u09ac\u09a8 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8\u09c7\u09b0 \u09b8\u09c2\u09a4\u09cd\u09b0<\/h2>\r\n <p class=\"book-subtitle\">\u098f\u0995\u099f\u09bf \u0985\u09a8\u09a8\u09cd\u09af \u09af\u09be\u09a4\u09cd\u09b0\u09be<\/p>\r\n <\/div> -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================== STORY SECTION ==================== -->\r\n <section class=\"story-section\" id=\"story\">\r\n <div class=\"story-content\">\r\n <div class=\"story-text scroll-element\">\r\n <h2> \u201c\u09b6\u09c2\u09a8\u09cd\u09af \u09a5\u09c7\u0995\u09c7 <span class=\"highlight\">\u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1<\/span>\u201d<\/h2>\r\n <p>\r\n \u098f\u0987 \u0987\u09ac\u09c1\u0995\u099f\u09bf \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09a6\u09bf\u09ac\u09c7 \u098f\u0995\u099f\u09bf \u09b6\u09c2\u09a8\u09cd\u09af \u09ac\u09bf\u099c\u09a8\u09c7\u09b8\u0995\u09c7 \u09a7\u09be\u09aa\u09c7 \u09a7\u09be\u09aa\u09c7 \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1 \u09ac\u09be\u09a8\u09be\u09a8\u09cb\u09b0 \u09aa\u09b0\u09bf\u09aa\u09c2\u09b0\u09cd\u09a3 \u0997\u09be\u0987\u09a1\u09b2\u09be\u0987\u09a8\u0964 \u09af\u09c7\u0996\u09be\u09a8\u09c7 \u09b6\u09c2\u09a8\u09cd\u09af \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c7 \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1\u09bf\u0982, \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f, \u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09bf\u0982, \u09b8\u09c7\u09b2\u09b8 \u09ac\u09c3\u09a6\u09cd\u09a7\u09bf \u099f\u09c7\u0995\u09a8\u09bf\u0995\u09b8\u09b9 \u09ac\u09bf\u099c\u09a8\u09c7\u09b8\u09c7\u09b0 \u09af\u09be\u09ac\u09a4\u09c0\u09df \u09b8\u09ac\u0995\u09bf\u099b\u09c1 \u09a7\u09be\u09aa\u09c7 \u09a7\u09be\u09aa\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09c1\u09b0\u09cb \u09ac\u09bf\u099c\u09a8\u09c7\u09b8\u09c7\u09b0 \u09a6\u09be\u09df\u09bf\u09a4\u09cd\u09ac \u09a8\u09c7\u09ac\u09c7 \u098f\u0987 \u098f\u0995\u099f\u09be \u09ae\u09be\u09a4\u09cd\u09b0 \u09ac\u0987\u0964\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"story-image scroll-element\">\r\n <div style=\"width: 100%; height: 100%; border-radius: 20px;\">\r\n <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQFnsp84k0S3r0ELYa2ZjWBcXbIsx8XGKlu1w3vK9yX_w&s\" alt=\"\">\r\n <\/div> \r\n <\/div>\r\n <\/div>\r\n <div class=\"custom-button\">\r\n <div class=\"hero-buttons\">\r\n <a href=\"#order\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-book-open\"><\/i> \u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================== INSIDE THE BOOK SECTION ==================== -->\r\n <section class=\"inside-section\" id=\"inside\">\r\n <div class=\"inside-content\">\r\n <div class=\"section-header scroll-element\">\r\n <h2>\u0995\u09bf \u0995\u09bf \u09a5\u09be\u0995\u099b\u09c7 \u098f\u0987 \u0987\u09ac\u09c1\u0995 \u098f?<\/h2>\r\n <\/div>\r\n\r\n <div class=\"chapters-grid\">\r\n <div class=\"chapter-card scroll-element\" style=\"animation-delay: 0.1s;\">\r\n <div class=\"chapter-number\">\u09e6\u09e7<\/div>\r\n <h3>\u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1\u09bf\u0982<\/h3>\r\n <p>\u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09bf\u099c\u09a8\u09c7\u09b8\u09c7\u09b0 \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1\u09bf\u0982 \u0995\u09b0\u09ac\u09c7\u09a8, \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09c7 \u09b8\u09ac\u09be\u09b0 \u09a5\u09c7\u0995\u09c7 \u0986\u09b2\u09be\u09a6\u09be \u09b9\u09ac\u09c7\u09a8, \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09aa\u09cd\u09b0\u09a4\u09bf\u09af\u09cb\u0997\u09c0\u09a6\u09c7\u09b0 \u09a5\u09c7\u0995\u09c7 \u098f\u0997\u09bf\u09df\u09c7 \u09a5\u09be\u0995\u09ac\u09c7\u09a8\u2014\u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1\u09bf\u0982\u09df\u09c7\u09b0 \u09af\u09be\u09ac\u09a4\u09c0\u09df \u0995\u09cc\u09b6\u09b2 \u09b8\u09ac\u0995\u09bf\u099b\u09c1\u0987 \u09aa\u09be\u09ac\u09c7\u09a8 \u098f\u0996\u09be\u09a8\u09c7\u0964<\/p>\r\n <\/div>\r\n\r\n <div class=\"chapter-card scroll-element\" style=\"animation-delay: 0.2s;\">\r\n <div class=\"chapter-number\">\u09e6\u09e8<\/div>\r\n <h3>\u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f<\/h3>\r\n <p>\u098f\u0987 \u09ac\u0987\u09a4\u09c7 \u09aa\u09be\u09ac\u09c7\u09a8 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7, \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09bf\u0982 \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7, \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u09a8\u09bf\u0982 \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7, \u0995\u0996\u09a8 \u0995\u09bf \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7\u2014\u098f\u09b0 \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u09aa\u09be\u09ac\u09c7\u09a8\u0964 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u09ab\u09b0\u09cd\u09ae\u09c1\u09b2\u09be\u09b8\u09b9 \u09a5\u09be\u0995\u09ac\u09c7 \u09e9\u09e6 \u09a6\u09bf\u09a8\u09c7\u09b0 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u0995\u09cd\u09af\u09be\u09b2\u09c7\u09a8\u09cd\u09a1\u09be\u09b0\u0964<\/p>\r\n <\/div>\r\n\r\n <div class=\"chapter-card scroll-element\" style=\"animation-delay: 0.3s;\">\r\n <div class=\"chapter-number\">\u09e6\u09e9<\/div>\r\n <h3>\u0995\u09aa\u09bf\u09b0\u09be\u0987\u099f\u09bf\u0982<\/h3>\r\n <p>\u0995\u09aa\u09bf\u09b0\u09be\u0987\u099f\u09bf\u0982 \u0995\u09bf, \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df \u098f\u09ac\u0982 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0995\u09aa\u09bf \u09b2\u09bf\u0996\u09b2\u09c7 \u09ac\u09c7\u09b6\u09bf \u09ac\u09bf\u0995\u09cd\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u2014\u0995\u09aa\u09bf\u09b0\u09be\u0987\u099f\u09bf\u0982\u09df\u09c7\u09b0 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u0995\u09cc\u09b6\u09b2 \u098f\u09ac\u0982 \u09ab\u09b0\u09cd\u09ae\u09c1\u09b2\u09be\u09b8\u09b9 \u09af\u09be\u09ac\u09a4\u09c0\u09df \u09b8\u09ac\u0995\u09bf\u099b\u09c1 \u09aa\u09be\u09ac\u09c7\u09a8 \u098f\u0987 \u09ac\u0987\u09a4\u09c7\u0964<\/p>\r\n <\/div>\r\n\r\n <div class=\"chapter-card scroll-element\" style=\"animation-delay: 0.4s;\">\r\n <div class=\"chapter-number\">\u09e6\u09ea<\/div>\r\n <h3>\u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09bf\u0982<\/h3>\r\n <p>\u098f\u0995\u099f\u09be \u09b6\u09c2\u09a8\u09cd\u09af \u09ac\u09bf\u099c\u09a8\u09c7\u09b8\u09c7\u09b0 \u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09bf\u0982\u09df\u09c7\u09b0 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u0995\u09cc\u09b6\u09b2, \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09bf\u0982 \u0995\u09b0\u09b2\u09c7 \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1 \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8, \u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09bf\u0982\u09df\u09c7\u09b0 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u099f\u09c7\u0995\u09a8\u09bf\u0995, \u098f\u09ac\u0982 \u09af\u09c7\u09ad\u09be\u09ac\u09c7 \u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09bf\u0982 \u0995\u09b0\u09b2\u09c7 \u09ac\u09bf\u0995\u09cd\u09b0\u09bf \u09ac\u09be\u09dc\u09be\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u2014\u098f\u0987 \u09b8\u09ac \u0995\u09cc\u09b6\u09b2 \u09aa\u09be\u09ac\u09c7\u09a8 \u098f\u0987 \u09ac\u0987\u09a4\u09c7\u0964<\/p>\r\n <\/div>\r\n\r\n <div class=\"chapter-card scroll-element\" style=\"animation-delay: 0.5s;\">\r\n <div class=\"chapter-number\">\u09e6\u09eb<\/div>\r\n <h3>\u09b8\u09c7\u09b2\u09b8<\/h3>\r\n <p>\u09b8\u09c7\u09b2\u09b8 \u09ac\u09be\u09dc\u09be\u09a8\u09cb\u09b0 \u09a8\u09c7\u09aa\u09a5\u09cd\u09af\u09c7\u09b0 \u09b6\u0995\u09cd\u09a4\u09bf, \u09b8\u09c7\u09b2\u09b8 \u09ac\u09be\u09dc\u09be\u09a8\u09cb\u09b0 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u0997\u09cb\u09aa\u09a8 \u0995\u09cc\u09b6\u09b2, \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09b9\u09a0\u09be\u09ce \u0995\u09b0\u09c7 \u0985\u09a8\u09c7\u0995 \u09ac\u09c7\u09b6\u09bf \u09ac\u09bf\u0995\u09cd\u09b0\u09bf \u0995\u09b0\u09be \u09af\u09be\u09df\u2014\u09a4\u09be\u09b0 \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u09aa\u09be\u09ac\u09c7\u09a8 \u098f\u0987 \u09ac\u0987\u09a4\u09c7\u0964<\/p>\r\n <\/div>\r\n\r\n <!-- <div class=\"chapter-card scroll-element\" style=\"animation-delay: 0.6s;\">\r\n <div class=\"chapter-number\">\u09e6\u09ec<\/div>\r\n <h3>\u09b8\u09cd\u09ac\u09be\u09b8\u09cd\u09a5\u09cd\u09af \u0993 \u09b8\u09c1\u09b8\u09cd\u09a5\u09a4\u09be<\/h3>\r\n <p>\u09b8\u09be\u09ab\u09b2\u09cd\u09af \u09b6\u09c1\u09a7\u09c1 \u0985\u09b0\u09cd\u09a5 \u09a8\u09af\u09bc, \u09b8\u09cd\u09ac\u09be\u09b8\u09cd\u09a5\u09cd\u09af\u0993 \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3\u0964 \u09b6\u09be\u09b0\u09c0\u09b0\u09bf\u0995 \u098f\u09ac\u0982 \u09ae\u09be\u09a8\u09b8\u09bf\u0995 \u09b8\u09c1\u09b8\u09cd\u09a5\u09a4\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8\u09c0\u09af\u09bc \u09b8\u09ac\u0995\u09bf\u099b\u09c1 \u099c\u09be\u09a8\u09c1\u09a8\u0964<\/p>\r\n <\/div> -->\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================== BENEFITS SECTION ==================== -->\r\n <section class=\"benefits-section\" id=\"benefits\">\r\n <div class=\"benefits-content\">\r\n <div class=\"section-header scroll-element\">\r\n <h2>\u0987\u09ac\u09c1\u0995 \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 \u0986\u09b0 \u09af\u09be \u09af\u09be \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8<\/h2>\r\n <p>\u09b6\u09c1\u09a7\u09c1\u09ae\u09be\u09a4\u09cd\u09b0 \u0987\u09ac\u09c1\u0995\u099f\u09bf\u0987 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u09a8\u09be, \u09b8\u09be\u09a5\u09c7 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u0986\u09b0\u09cb \u0985\u09a8\u09c7\u0995 \u0995\u09bf\u099b\u09c1 \u09af\u09be \u0986\u09aa\u09a8\u09be\u09b0 \u0989\u09a6\u09cd\u09af\u09cb\u0995\u09cd\u09a4\u09be \u09b2\u09be\u0987\u09ab\u0995\u09c7 \u0995\u09b0\u09ac\u09c7 \u0986\u09b0\u09cb \u09b8\u09b9\u099c \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09bf\u099c\u09a8\u09c7\u09b8\u0995\u09c7 \u09ac\u09be\u09a8\u09be\u09ac\u09c7 \u098f\u0995\u099f\u09bf \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1\u0964<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefits-grid\">\r\n <div class=\"benefit-card scroll-element\" style=\"animation-delay: 0.1s;\">\r\n <div class=\"benefit-icon\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/div>\r\n <p>\u09b8\u09bf\u0995\u09cd\u09b0\u09c7\u099f \u09ab\u09c7\u09b8\u09ac\u09c1\u0995 \u0997\u09cd\u09b0\u09c1\u09aa \u0985\u09cd\u09af\u09be\u0995\u09cd\u09b8\u09c7\u09b8; \u09af\u09c7\u0996\u09be\u09a8\u09c7 \u09a8\u09bf\u09df\u09ae\u09bf\u09a4 \u09aa\u09be\u09ac\u09c7\u09a8 \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1\u09bf\u0982, \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f, \u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09bf\u0982, \u09b8\u09c7\u09b2\u09b8\u2013\u09b0\u09bf\u09b2\u09c7\u099f\u09c7\u09a1 \u098f\u0995\u09cd\u09b8\u0995\u09cd\u09b2\u09c1\u09b8\u09bf\u09ad \u09b8\u09ac \u099f\u09bf\u09aa\u09b8, \u09af\u09be \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09be\u0995\u09c7 \u0986\u09b0\u09cb \u098f\u0995 \u09a7\u09be\u09aa \u098f\u0997\u09bf\u09df\u09c7 \u09a8\u09bf\u09df\u09c7 \u09af\u09be\u09ac\u09c7\u0964<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card scroll-element\" style=\"animation-delay: 0.2s;\">\r\n <div class=\"benefit-icon\"> <i class=\"fa-solid fa-camera\"><\/i><\/div>\r\n <p>\u09ae\u09be\u099d\u09c7\u09ae\u09a7\u09cd\u09af\u09c7 \u09b2\u09be\u0987\u09ad \u0995\u09cd\u09b2\u09be\u09b8 \u098f\u09ac\u0982 \u09b2\u09be\u0987\u09ad \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f; \u09af\u09c7\u0996\u09be\u09a8\u09c7 \u0986\u09aa\u09a8\u09be\u09a6\u09c7\u09b0 \u09ac\u09bf\u099c\u09a8\u09c7\u09b8\u09c7\u09b0 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b6\u09cb\u09a8\u09be \u098f\u09ac\u0982 \u09b8\u09ae\u09be\u09a7\u09be\u09a8 \u0995\u09b0\u09be \u09b9\u09ac\u09c7\u0964<\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card scroll-element\" style=\"animation-delay: 0.3s;\">\r\n <div class=\"benefit-icon\">\ud83d\udccb<\/div>\r\n <p>\u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09b0\u09be\u0987\u099f\u09bf\u0982 \u098f\u09ac\u0982 \u0995\u09aa\u09bf\u09b0\u09be\u0987\u099f\u09bf\u0982\u09df\u09c7\u09b0 \u09ab\u09cd\u09b0\u09bf \u09ad\u09bf\u09a1\u09bf\u0993 \u0995\u09cd\u09b2\u09be\u09b8\u0964<\/p>\r\n <\/div>\r\n\r\n <!-- <div class=\"benefit-card scroll-element\" style=\"animation-delay: 0.4s;\">\r\n <div class=\"benefit-icon\">\ud83d\udcac<\/div>\r\n <h3>\u0986\u099c\u09c0\u09ac\u09a8 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f<\/h3>\r\n <p>\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09a5\u09be\u0995\u09c1\u09a8 \u09b8\u09ac\u09b8\u09ae\u09af\u09bc\u0964 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09aa\u09cd\u09b0\u09b6\u09cd\u09a8\u09c7\u09b0 \u0989\u09a4\u09cd\u09a4\u09b0 \u09aa\u09be\u09ac\u09c7\u09a8 \u09a4\u09be\u09ce\u0995\u09cd\u09b7\u09a3\u09bf\u0995\u0964<\/p>\r\n <\/div> -->\r\n\r\n <!-- <div class=\"benefit-card scroll-element\" style=\"animation-delay: 0.5s;\">\r\n <div class=\"benefit-icon\">\ud83c\udf81<\/div>\r\n <h3>\u09ac\u09cb\u09a8\u09be\u09b8 \u09b8\u09be\u09ae\u0997\u09cd\u09b0\u09c0<\/h3>\r\n <p>\u09ac\u09bf\u09b6\u09c7\u09b7 \u09ad\u09bf\u09a1\u09bf\u0993 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09af\u09bc\u09be\u09b2 \u098f\u09ac\u0982 \u098f\u0995\u099a\u09c7\u099f\u09bf\u09af\u09bc\u09be \u09b8\u09be\u0995\u09cd\u09b7\u09be\u09ce\u0995\u09be\u09b0 \u09aa\u09be\u09a8\u0964<\/p>\r\n <\/div> -->\r\n\r\n <!-- <div class=\"benefit-card scroll-element\" style=\"animation-delay: 0.6s;\">\r\n <div class=\"benefit-icon\">\ud83d\udcc8<\/div>\r\n <h3>\u09ac\u09bf\u09a8\u09be\u09ae\u09c2\u09b2\u09cd\u09af\u09c7 \u0986\u09aa\u09a1\u09c7\u099f<\/h3>\r\n <p>\u09a8\u09a4\u09c1\u09a8 \u09b8\u0982\u09b8\u09cd\u0995\u09b0\u09a3 \u098f\u09ac\u0982 \u0986\u09aa\u09a1\u09c7\u099f \u099a\u09bf\u09b0\u0995\u09be\u09b2\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09bf\u09a8\u09be\u09ae\u09c2\u09b2\u09cd\u09af\u09c7 \u09aa\u09be\u09ac\u09c7\u09a8\u0964<\/p>\r\n <\/div> -->\r\n <\/div>\r\n <\/div>\r\n <div class=\"custom-button\">\r\n <div class=\"hero-buttons\">\r\n <a href=\"#order\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-book-open\"><\/i> \u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================== TESTIMONIALS SECTION ==================== -->\r\n <section class=\"testimonials-section\" id=\"testimonials\">\r\n <div class=\"testimonials-content\">\r\n <div class=\"section-header scroll-element\">\r\n <h2>Frequently Asked Questions (FAQ)<\/h2>\r\n <\/div>\r\n\r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card scroll-element\" style=\"animation-delay: 0.1s;\">\r\n <div class=\"testimonial-stars\">\u09b6\u09c2\u09a8\u09cd\u09af \u09a5\u09c7\u0995\u09c7 \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1 \u09ac\u0987\u099f\u09bf \u0995\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af\u09c7?<\/div>\r\n <p class=\"testimonial-text\">\r\n \"\u09af\u09be\u09b0\u09be \u09a8\u09bf\u099c\u09c7\u09a6\u09c7\u09b0 \u098f\u0995\u099f\u09bf \u09ac\u09bf\u099c\u09a8\u09c7\u09b8 \u09a6\u09be\u0981\u09dc \u0995\u09b0\u09be\u09a4\u09c7 \u099a\u09be\u09a8\u0964 \u09af\u09be\u09b0\u09be \u09ac\u09bf\u099c\u09a8\u09c7\u09b8 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09a8 \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u0995\u09cb\u09a8\u09cb \u0995\u09c2\u09b2-\u0995\u09bf\u09a8\u09be\u09b0\u09be \u0996\u09c1\u0981\u099c\u09c7 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u09a8\u09be\u0964\r\n\u09af\u09be\u09b0\u09be \u09a1\u09bf\u099c\u09bf\u099f\u09be\u09b2 \u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09bf\u0982\u09df\u09c7\u09b0 \u0995\u09be\u099c \u0995\u09b0\u09c7\u09a8 \u09ac\u09be \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09a8\u0964\"\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card scroll-element\" style=\"animation-delay: 0.2s;\">\r\n <div class=\"testimonial-stars\">\u09ac\u0987\u09df\u09c7\u09b0 \u0995\u09cb\u09a5\u09be\u0993 \u09af\u09a6\u09bf \u09a8\u09be \u09ac\u09c1\u099d\u09bf, \u09a4\u09be\u09b9\u09b2\u09c7 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u09aa\u09be\u0993\u09df\u09be \u09af\u09be\u09ac\u09c7?<\/div>\r\n <p class=\"testimonial-text\">\r\n \"\u09b9\u09cd\u09af\u09be\u0981, \u09ae\u09be\u099d\u09c7\u09ae\u09a7\u09cd\u09af\u09c7 \u09ac\u09c7\u09b6 \u0995\u09bf\u099b\u09c1 \u09b2\u09be\u0987\u09ad \u0995\u09cd\u09b2\u09be\u09b8 \u09b9\u09ac\u09c7\u0964 \u09b8\u09c7\u0996\u09be\u09a8\u09c7 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u09aa\u09be\u09ac\u09c7\u09a8\u0964 \u098f\u09ac\u0982 \u0986\u09ae\u09b0\u09be \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u098f\u0995\u099f\u09bf \u09b8\u09bf\u0995\u09cd\u09b0\u09c7\u099f \u0997\u09cd\u09b0\u09c1\u09aa\u09c7 \u0985\u09cd\u09af\u09be\u09a1 \u0995\u09b0\u09c7 \u09a8\u09c7\u09ac, \u09af\u09c7\u0996\u09be\u09a8\u09c7 \u0986\u09ae\u09b0\u09be \u09a8\u09bf\u09df\u09ae\u09bf\u09a4 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u09b0\u09bf\u09b8\u09cb\u09b0\u09cd\u09b8 \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09ac\u09cb\u2014\u09af\u09c7\u099f\u09be \u0986\u09aa\u09a8\u09be\u09b0 \u0985\u09a8\u09b2\u09be\u0987\u09a8 \u09ac\u09bf\u099c\u09a8\u09c7\u09b8 \u0997\u09cd\u09b0\u09cb\u09a5\u09c7 \u09ac\u09dc \u09ad\u09c2\u09ae\u09bf\u0995\u09be \u09b0\u09be\u0996\u09ac\u09c7\u0964\"\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card scroll-element\" style=\"animation-delay: 0.3s;\">\r\n <div class=\"testimonial-stars\">\u0985\u09ab\u09be\u09b0 \u0995\u09a4\u09a6\u09bf\u09a8 \u09a5\u09be\u0995\u09ac\u09c7?<\/div>\r\n <p class=\"testimonial-text\">\r\n \"\u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09b8\u09ae\u09df\u09c7 \u0985\u09ab\u09be\u09b0 \u09b6\u09c7\u09b7 \u09b9\u09df\u09c7 \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964\"\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================== OFFER SECTION ==================== -->\r\n <section class=\"offer-section\" id=\"offer\">\r\n <div class=\"offer-banner scroll-element\">\r\n <div class=\"offer-content\">\r\n <div class=\"offer-label\">\u23f0 \u09b8\u09c0\u09ae\u09bf\u09a4 \u09b8\u09ae\u09af\u09bc\u09c7\u09b0 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a4\u09be\u09ac<\/div>\r\n <h2>\u09ac\u09bf\u09b6\u09c7\u09b7 \u09ae\u09c2\u09b2\u09cd\u09af\u09c7 \u0986\u099c\u0987 \u0995\u09cd\u09b0\u09df \u0995\u09b0\u09c1<\/h2>\r\n \r\n <div class=\"offer-price\">\r\n <span class=\"original-price\">\u09f3 \u09ea\u09ef\u09ef<\/span>\r\n <span class=\"current-price\">\u09f3 \u09e7\u09ef\u09ef<\/span>\r\n <span class=\"discount-badge\">\ud83d\udd25 \u09ec\u09e6% \u099b\u09be\u09a1\u09bc<\/span>\r\n <\/div>\r\n\r\n <p class=\"offer-description\">\u0985\u09ab\u09be\u09b0\u09c7\u09b0 \u09b8\u09ae\u09df \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09ae\u09c1\u09b9\u09c2\u09b0\u09cd\u09a4\u09c7 \u09b6\u09c7\u09b7 \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 \u098f\u09ac\u0982 \u09aa\u09b0\u09ac\u09b0\u09cd\u09a4\u09c0 \u09b8\u09ae\u09df\u09c7 \u09a6\u09be\u09ae \u09ac\u09c3\u09a6\u09cd\u09a7\u09bf\u09b0 \u09b8\u09ae\u09cd\u09ad\u09be\u09ac\u09a8\u09be \u09b0\u09df\u09c7\u099b\u09c7\u0964 \u098f\u0996\u09a8\u0987 \u09b2\u09c1\u09ab\u09c7 \u09a8\u09bf\u09a8 \u09b8\u09c7\u09b0\u09be \u09a1\u09bf\u09b2!<\/p>\r\n\r\n <div class=\"offer-features\">\r\n <div class=\"offer-feature\">\r\n <i class=\"fas fa-check\"><\/i>\u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ac\u0987+\u09ab\u09cd\u09b0\u09c0 \u0995\u09cd\u09b2\u09be\u09b8\r\n <\/div>\r\n <div class=\"offer-feature\">\r\n <i class=\"fas fa-check\"><\/i> \u09b2\u09be\u0987\u09ad \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f\r\n <\/div>\r\n <div class=\"offer-feature\">\r\n <i class=\"fas fa-check\"><\/i> \u09b8\u09bf\u0995\u09cd\u09b0\u09c7\u099f \u09ab\u09c7\u09b8\u09ac\u09c1\u0995 \u0997\u09cd\u09b0\u09c1\u09aa\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================== ORDER SECTION ==================== -->\r\n <!-- <section class=\"order-section\" id=\"order\">\r\n <div class=\"order-container\">\r\n <div class=\"section-header scroll-element\">\r\n <h2>\u0986\u09aa\u09a8\u09be\u09b0 <span class=\"highlight\">\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09ae\u09cd\u09aa\u09a8\u09cd\u09a8 \u0995\u09b0\u09c1\u09a8<\/span><\/h2>\r\n <p>\u0986\u099c\u0987 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8 \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09be\u09ab\u09b2\u09cd\u09af\u09c7\u09b0 \u09af\u09be\u09a4\u09cd\u09b0\u09be<\/p>\r\n <\/div>\r\n\r\n <div class=\"order-form-card scroll-element\">\r\n <h2>\u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09ab\u09b0\u09cd\u09ae<\/h2>\r\n \r\n <form onsubmit=\"handleSubmit(event)\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">\u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae *<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"\u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09a8\u09be\u09ae \u09b2\u09bf\u0996\u09c1\u09a8\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"email\">\u0987\u09ae\u09c7\u0987\u09b2 (\u0990\u099a\u09cd\u099b\u09bf\u0995)<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"\u0986\u09aa\u09a8\u09be\u09b0 \u0987\u09ae\u09c7\u0987\u09b2\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"phone\">\u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a8\u09ae\u09cd\u09ac\u09b0 *<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"01xxxxxxxxx\" pattern=\"01[0-9]{9}\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"address\">\u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf \u09a0\u09bf\u0995\u09be\u09a8\u09be *<\/label>\r\n <textarea id=\"address\" name=\"address\" required placeholder=\"\u09ac\u09be\u09a1\u09bc\u09bf\u09b0 \u09a8\u09ae\u09cd\u09ac\u09b0, \u09b0\u09be\u09b8\u09cd\u09a4\u09be, \u098f\u09b2\u09be\u0995\u09be, \u09a5\u09be\u09a8\u09be, \u099c\u09c7\u09b2\u09be...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"cod-info\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <div class=\"cod-text\">\r\n <strong>\u09a8\u09bf\u09b0\u09be\u09aa\u09a6 \u0995\u09cd\u09af\u09be\u09b6 \u0985\u09a8 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf:<\/strong> \u09aa\u09a3\u09cd\u09af \u09b9\u09be\u09a4\u09c7 \u09aa\u09c7\u09af\u09bc\u09c7 \u099f\u09be\u0995\u09be \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7 \u0995\u09b0\u09c1\u09a8\u0964 \u0995\u09cb\u09a8\u09cb \u0985\u0997\u09cd\u09b0\u09bf\u09ae \u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u09a8\u09c7\u0987\u0964\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"submit-btn\">\r\n <i class=\"fas fa-check-circle\"><\/i> \u0986\u09ae\u09be\u09b0 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09ae\u09cd\u09aa\u09a8\u09cd\u09a8 \u0995\u09b0\u09c1\u09a8\r\n <\/button>\r\n\r\n <p style=\"text-align: center; color: #a5b4fc; margin-top: 1.5rem; font-size: 0.9rem;\">\r\n \u2713 \u09e7\u09e6\u09e6% \u09a8\u09bf\u09b0\u09be\u09aa\u09a6 \u098f\u09ac\u0982 \u09b8\u09c1\u09b0\u0995\u09cd\u09b7\u09bf\u09a4 \u09b2\u09c7\u09a8\u09a6\u09c7\u09a8 | \u2713 \u09e9\u09e6 \u09a6\u09bf\u09a8\u09c7\u09b0 \u09ae\u09be\u09a8\u09bf \u09ac\u09cd\u09af\u09be\u0995 \u0997\u09cd\u09af\u09be\u09b0\u09be\u09a8\u09cd\u099f\u09bf\r\n <\/p>\r\n <\/form>\r\n <\/div>\r\n <h3 style=\"text-align: center; color: #ffffff; margin-top: .2rem;\"> \u09a8\u09bf\u099a\u09c7\u09b0 \u098f\u0995\u099f\u09bf \u09aa\u09df\u09c7\u09a8\u09cd\u099f\u0993 \u09af\u09a6\u09bf \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09be\u09a5\u09c7 \u09ae\u09bf\u09b2\u09c7 \u09af\u09be\u09df \u09a4\u09be\u09b9\u09b2\u09c7 \u09a8\u09bf\u0983\u09b8\u09a8\u09cd\u09a6\u09c7\u09b9\u09c7 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c7 \u09ab\u09c7\u09b2\u09c1\u09a8 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u098f\u0987 \u0987\u09ac\u09c1\u0995\u099f\u09bf\u0964<\/h3>\r\n <\/div>\r\n <\/section> -->\r\n\r\n \r\n\r\n <!-- ==================== SCRIPTS ==================== -->\r\n <script>\r\n \/\/ Scroll Animation\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in-view');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.scroll-element').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Parallax Effect\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.pageYOffset;\r\n const parallaxElements = document.querySelectorAll('.parallax');\r\n parallaxElements.forEach(el => {\r\n el.style.backgroundPosition = `center ${scrolled * 0.5}px`;\r\n });\r\n });\r\n\r\n \/\/ Mobile Menu\r\n const menuToggle = document.querySelector('.menu-toggle');\r\n const navMenu = document.querySelector('.nav-menu');\r\n\r\n menuToggle.addEventListener('click', () => {\r\n navMenu.style.display = navMenu.style.display === 'flex' ? 'none' : 'flex';\r\n });\r\n\r\n \/\/ Close menu on link click\r\n document.querySelectorAll('.nav-menu a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n navMenu.style.display = 'none';\r\n });\r\n });\r\n\r\n \/\/ \/\/ Form Submission\r\n \/\/ function handleSubmit(event) {\r\n \/\/ event.preventDefault();\r\n\r\n \/\/ const name = document.getElementById('name').value.trim();\r\n \/\/ const phone = document.getElementById('phone').value.trim();\r\n \/\/ const address = document.getElementById('address').value.trim();\r\n\r\n \/\/ if (!name) {\r\n \/\/ alert('\u09a6\u09af\u09bc\u09be \u0995\u09b0\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09be\u09ae \u09b2\u09bf\u0996\u09c1\u09a8');\r\n \/\/ return;\r\n \/\/ }\r\n\r\n \/\/ if (!phone || !\/^01[0-9]{9}$\/.test(phone)) {\r\n \/\/ alert('\u09a6\u09af\u09bc\u09be \u0995\u09b0\u09c7 \u09b8\u09a0\u09bf\u0995 \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a8\u09ae\u09cd\u09ac\u09b0 \u09b2\u09bf\u0996\u09c1\u09a8 (01xxxxxxxxx)');\r\n \/\/ return;\r\n \/\/ }\r\n\r\n \/\/ if (!address) {\r\n \/\/ alert('\u09a6\u09af\u09bc\u09be \u0995\u09b0\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09a0\u09bf\u0995\u09be\u09a8\u09be \u09b2\u09bf\u0996\u09c1\u09a8');\r\n \/\/ return;\r\n \/\/ }\r\n\r\n \/\/ const submitBtn = event.target.querySelector('.submit-btn');\r\n \/\/ const originalHTML = submitBtn.innerHTML;\r\n\r\n \/\/ submitBtn.style.opacity = '0.7';\r\n \/\/ submitBtn.disabled = true;\r\n \/\/ submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be\u0995\u09b0\u09a3...';\r\n\r\n \/\/ setTimeout(() => {\r\n \/\/ submitBtn.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09ab\u09b2\u09ad\u09be\u09ac\u09c7 \u0997\u09c3\u09b9\u09c0\u09a4!';\r\n \/\/ submitBtn.style.background = 'linear-gradient(135deg, #10b981, #059669)';\r\n\r\n \/\/ alert(`\u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6 ${name}!\\n\\n\u0986\u09aa\u09a8\u09be\u09b0 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09ab\u09b2\u09ad\u09be\u09ac\u09c0 \u0997\u09c3\u09b9\u09c0\u09a4 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964\\n\u09ab\u09cb\u09a8: ${phone}\\n\\n\u0986\u09ae\u09b0\u09be \u09b6\u09c0\u0998\u09cd\u09b0\u0987 \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09be\u09a5\u09c7 \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09ac\u0964`);\r\n\r\n \/\/ event.target.reset();\r\n\r\n \/\/ setTimeout(() => {\r\n \/\/ submitBtn.innerHTML = originalHTML;\r\n \/\/ submitBtn.style.background = '';\r\n \/\/ submitBtn.style.opacity = '1';\r\n \/\/ submitBtn.disabled = false;\r\n \/\/ }, 3000);\r\n \/\/ }, 2000);\r\n \/\/ }\r\n\r\n \/\/ Smooth Scroll for anchor links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n const href = this.getAttribute('href');\r\n if (href !== '#') {\r\n e.preventDefault();\r\n const target = document.querySelector(href);\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n }\r\n });\r\n });\r\n\r\n \/\/ Phone input formatter\r\n document.getElementById('phone').addEventListener('input', function(e) {\r\n let value = e.target.value.replace(\/\\D\/g, '');\r\n if (value.length > 11) value = value.slice(0, 11);\r\n e.target.value = value;\r\n });\r\n\r\n \/\/ Header scroll effect\r\n window.addEventListener('scroll', function() {\r\n const header = document.querySelector('header');\r\n if (window.scrollY > 100) {\r\n header.style.background = 'rgba(15, 23, 42, 0.98)';\r\n header.style.boxShadow = '0 4px 30px rgba(251, 191, 36, 0.1)';\r\n } else {\r\n header.style.background = 'rgba(15, 23, 42, 0.95)';\r\n header.style.boxShadow = '0 4px 30px rgba(0, 0, 0, 0.1)';\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bc43de e-flex e-con-boxed e-con e-parent\" data-id=\"6bc43de\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9b96db4 e-con-full e-flex e-con e-child\" data-id=\"9b96db4\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-714a2db e-con-full e-flex e-con e-child\" data-id=\"714a2db\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bbb416 e-con-full e-flex e-con e-child\" data-id=\"1bbb416\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c1fe5d elementor-widget elementor-widget-heading\" data-id=\"9c1fe5d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n\u09a8\u09bf\u099a\u09c7\u09b0 \u098f\u0995\u099f\u09bf \u09aa\u09df\u09c7\u09a8\u09cd\u099f\u0993 \u09af\u09a6\u09bf \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09be\u09a5\u09c7 \u09ae\u09bf\u09b2\u09c7 \u09af\u09be\u09df \u09a4\u09be\u09b9\u09b2\u09c7 \u09a8\u09bf\u0983\u09b8\u09a8\u09cd\u09a6\u09c7\u09b9\u09c7 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c7 \u09ab\u09c7\u09b2\u09c1\u09a8 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u098f\u0987 \u0987\u09ac\u09c1\u0995\u099f\u09bf\u0964<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be98137 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"be98137\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1ec309 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"b1ec309\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u0986\u09ae\u09be\u09b0 \u0986\u0997\u09c7 \u0985\u09a8\u09c7\u0995 \u09ac\u09bf\u0995\u09cd\u09b0\u09bf \u09b9\u09a4\u09cb, \u098f\u0996\u09a8 \u09ac\u09bf\u0995\u09cd\u09b0\u09bf \u0995\u09ae\u09c7 \u0997\u09c7\u099b\u09c7\u0964<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u0986\u09ae\u09bf \u09ac\u09bf\u099c\u09a8\u09c7\u09b8 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987, \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0995\u09bf \u0995\u09b0\u09ac\u09cb, \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09ac\u09cb\u2014\u0995\u09cb\u09a8\u09cb \u0995\u09c2\u09b2-\u0995\u09bf\u09a8\u09be\u09b0\u09be \u0996\u09c1\u0981\u099c\u09c7 \u09aa\u09be\u0987 \u09a8\u09be\u0964<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u0986\u09ae\u09bf\u0993 \u099a\u09be\u0987 \u098f\u0995\u099f\u09be \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7, \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0995\u09b0\u09ac\u09cb\u2014\u098f\u09b0 \u0995\u09bf\u099b\u09c1\u0987 \u09ac\u09c1\u099d\u09bf \u09a8\u09be\u0964<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09ac\u09cb, \u0995\u0996\u09a8 \u0995\u09cb\u09a8 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09ac\u09cb\u2014\u0995\u09bf\u099b\u09c1\u0987 \u09ac\u09c1\u099d\u09bf \u09a8\u09be\u0964 \u0995\u09cb\u09a8 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09b2\u09c7 \u09b8\u09c7\u09b2\u09b8 \u09ac\u09be\u09dc\u09ac\u09c7\u2014\u0995\u09bf\u099b\u09c1\u0987 \u09ac\u09c1\u099d\u09bf \u09a8\u09be\u0964 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0995\u09aa\u09bf\u09b0\u09be\u0987\u099f\u09bf\u0982 \u0995\u09b0\u09ac\u09cb\u2014\u098f\u09b8\u09ac \u09a4\u09cb \u09aa\u09be\u09b0\u09bf \u09a8\u09be\u0964<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u09ae\u09be\u09b0\u09cd\u0995\u09c7\u099f\u09bf\u0982 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u0995\u09b0\u09ac\u09cb, \u09b8\u09c7\u09b2\u09b8 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09ac\u09be\u09dc\u09ac\u09c7\u2014\u0995\u09bf\u099b\u09c1\u0987 \u09ac\u09c1\u099d\u09bf \u09a8\u09be<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bb5bf6 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"5bb5bf6\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#order\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u098f\u0996\u09a8\u0987 \u0985\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09c1\u09a8<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69230ec e-con-full e-flex e-con e-child\" data-id=\"69230ec\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da217b4 e-flex e-con-boxed e-con e-parent\" data-id=\"da217b4\" data-element_type=\"container\" id=\"order\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13c39f4 elementor-widget elementor-widget-checkout-form\" data-id=\"13c39f4\" data-element_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-modern-checkout wcf-modern-skin-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-4af6105 e-con-full e-flex e-con e-parent\" data-id=\"4af6105\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34d4389 elementor-widget elementor-widget-html\" data-id=\"34d4389\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bn\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u099c\u09c0\u09ac\u09a8 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8\u09c7\u09b0 \u0997\u09b2\u09cd\u09aa - \u098f\u0995\u099f\u09bf \u0985\u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09af\u09be\u09a4\u09cd\u09b0\u09be \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8<\/title>\r\n \r\n <!-- Google Fonts - Hind Siliguri -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Hind Siliguri', sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n background-color: #fff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ==================== UTILITY CLASSES ==================== *\/\r\n .container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n\r\n .full-width {\r\n width: 100%;\r\n }\r\n\r\n\r\n \/* ==================== FOOTER ==================== *\/\r\n footer {\r\n background: #0f172a;\r\n color: #e0e7ff;\r\n padding: 4rem 2rem 2rem;\r\n border-top: 1px solid rgba(251, 191, 36, 0.1);\r\n }\r\n\r\n .footer-content {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 3rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .footer-section h3 {\r\n color: white;\r\n margin-bottom: 1.5rem;\r\n font-weight: 600;\r\n }\r\n\r\n .footer-section p,\r\n .footer-section a {\r\n color: #a5b4fc;\r\n text-decoration: none;\r\n margin-bottom: 0.8rem;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer-section a:hover {\r\n color: #fbbf24;\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .social-links a {\r\n width: 45px;\r\n height: 45px;\r\n background: rgba(251, 191, 36, 0.1);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fbbf24;\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(251, 191, 36, 0.3);\r\n }\r\n\r\n .social-links a:hover {\r\n background: #fbbf24;\r\n color: #0f172a;\r\n transform: translateY(-3px);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(251, 191, 36, 0.1);\r\n padding-top: 2rem;\r\n text-align: center;\r\n color: #6b7280;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* ==================== ANIMATIONS ==================== *\/\r\n @keyframes slideInLeft {\r\n from {\r\n opacity: 0;\r\n transform: translateX(-50px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes slideInRight {\r\n from {\r\n opacity: 0;\r\n transform: translateX(50px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .fade-in-up {\r\n animation: fadeInUp 0.8s ease;\r\n }\r\n\r\n \/* ==================== SCROLL ANIMATIONS ==================== *\/\r\n .scroll-element {\r\n opacity: 0;\r\n transform: translateY(50px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .scroll-element.in-view {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* ==================== RESPONSIVE DESIGN ==================== *\/\r\n @media (max-width: 1024px) {\r\n .hero-content {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .hero-text h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n .story-content {\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n }\r\n\r\n .book-visual {\r\n max-width: 300px;\r\n height: 420px;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n header {\r\n padding: 1rem;\r\n }\r\n\r\n nav {\r\n padding: 0;\r\n }\r\n\r\n .nav-menu {\r\n display: none;\r\n }\r\n\r\n .menu-toggle {\r\n display: block;\r\n }\r\n\r\n .logo {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .cta-btn-header {\r\n padding: 0.6rem 1.2rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .hero {\r\n min-height: auto;\r\n padding-top: 100px;\r\n padding-bottom: 3rem;\r\n }\r\n\r\n .hero-text h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 1.05rem;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .book-visual {\r\n width: 250px;\r\n height: 350px;\r\n margin: 0 auto;\r\n }\r\n\r\n .book-icon {\r\n font-size: 3rem;\r\n }\r\n\r\n .story-text h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .section-header h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .section-header p {\r\n font-size: 1rem;\r\n }\r\n\r\n .chapters-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .benefits-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .testimonials-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .offer-banner {\r\n padding: 2.5rem 1.5rem;\r\n }\r\n\r\n .offer-banner h2 {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .current-price {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .offer-features {\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n\r\n .order-form-card {\r\n padding: 2rem;\r\n }\r\n\r\n .form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .story-section,\r\n .inside-section,\r\n .benefits-section,\r\n .testimonials-section,\r\n .offer-section,\r\n .order-section {\r\n padding: 4rem 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container {\r\n padding: 0 1rem;\r\n }\r\n\r\n .hero-text h1 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .book-visual {\r\n width: 200px;\r\n height: 280px;\r\n padding: 1.5rem;\r\n }\r\n\r\n .book-icon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .book-title {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .story-text h2 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .story-image {\r\n height: 350px;\r\n }\r\n\r\n .section-header h2 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .chapter-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .benefit-icon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .testimonial-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .offer-banner {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .offer-banner h2 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .current-price {\r\n font-size: 2rem;\r\n }\r\n\r\n .discount-badge {\r\n padding: 0.6rem 1.2rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .order-form-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .submit-btn {\r\n padding: 1rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .footer-content {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n \/* ==================== PARALLAX EFFECT ==================== *\/\r\n .parallax {\r\n background-attachment: fixed;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <footer>\r\n <div class=\"footer-content\">\r\n <div class=\" \">\r\n <img decoding=\"async\" src=\"https:\/\/contentschoolbd.com\/wp-content\/uploads\/2025\/11\/transparent_blue-scaled.png\" alt=\"Description of the image\">\r\n\r\n <!--<h3>\ud83d\udcda contentschoo<\/h3>-->\r\n <p>\u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09b8\u09cd\u0995\u09c1\u09b2\u2014\u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09b0 \u09b8\u09be\u09ab\u09b2\u09cd\u09af\u09c7\u09b0 \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0\u09af\u09cb\u0997\u09cd\u09af \u09b8\u0999\u09cd\u0997\u09c0\u0964 \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09be\u0995\u09c7 \u09b8\u09be\u09ab\u09b2\u09cd\u09af\u09c7\u09b0 \u0989\u099a\u09cd\u099a \u09b6\u09bf\u0996\u09b0\u09c7 \u09aa\u09cc\u0981\u099b\u09c7 \u09a8\u09bf\u09a4\u09c7 \u09a5\u09be\u0995\u09c1\u09a8 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09b8\u09cd\u0995\u09c1\u09b2\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7\u0964<\/p>\r\n <\/div>\r\n\r\n <!--<div class=\"footer-section\">-->\r\n <!-- <h3>\u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u0995\u09b0\u09c1\u09a8<\/h3>-->\r\n <!-- <p><i class=\"fas fa-envelope\"><\/i> contentschoolbd@gmail.com<\/p>-->\r\n <!-- <p><i class=\"fas fa-map-marker-alt\"><\/i> \u0997\u09cb\u09aa\u09be\u09b2\u0997\u099e\u09cd\u099c, \u0995\u09be\u09b6\u09bf\u09df\u09be\u09a8\u09c0<\/p>-->\r\n <!--<\/div>-->\r\n\r\n <div class=\"footer-section\">\r\n <h3>\u09a6\u09cd\u09b0\u09c1\u09a4 \u09b2\u09bf\u0999\u09cd\u0995<\/h3>\r\n <p><a href=\"https:\/\/contentschoolbd.com\/?page_id=279\">\u09aa\u09cd\u09b0\u09be\u0987\u09ad\u09c7\u09b8\u09bf \u09aa\u09b2\u09bf\u09b8\u09bf<\/a><\/p>\r\n <p><a href=\"https:\/\/contentschoolbd.com\/?page_id=282\">\u09b6\u09b0\u09cd\u09a4\u09be\u09ac\u09b2\u09c0<\/a><\/p>\r\n <p><a href=\"https:\/\/contentschoolbd.com\/?page_id=284\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7<\/a><\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0985\u09a8\u09c1\u09b8\u09b0\u09a3 \u0995\u09b0\u09c1\u09a8<\/h3>\r\n <p>\u09b8\u09cb\u09b6\u09cd\u09af\u09be\u09b2 \u09ae\u09bf\u09a1\u09bf\u09af\u09bc\u09be\u09af\u09bc \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09af\u09c1\u0995\u09cd\u09a4 \u09a5\u09be\u0995\u09c1\u09a8 \u098f\u09ac\u0982 \u09a8\u09bf\u09af\u09bc\u09ae\u09bf\u09a4 \u0985\u09a8\u09c1\u09aa\u09cd\u09b0\u09c7\u09b0\u09a3\u09be \u09aa\u09be\u09a8\u0964<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.facebook.com\/people\/Content-School\/61567701562508\/?rdid=QlfTSdXTcLpm0xSx&share_url=https%3A%2F%2Fwww.facebook.com%2Fshare%2F19kxYpsVVU%2F\" title=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/www.instagram.com\/contentschool618?igsh=emVqNWg4d2tkMzds\" title=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@contentschoolbd\" title=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>© 2024 Content school | All rights reserved<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"template":"cartflows-canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-235","cartflows_step","type-cartflows_step","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/contentschoolbd.com\/index.php?rest_route=\/wp\/v2\/cartflows_step\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentschoolbd.com\/index.php?rest_route=\/wp\/v2\/cartflows_step"}],"about":[{"href":"https:\/\/contentschoolbd.com\/index.php?rest_route=\/wp\/v2\/types\/cartflows_step"}],"version-history":[{"count":40,"href":"https:\/\/contentschoolbd.com\/index.php?rest_route=\/wp\/v2\/cartflows_step\/235\/revisions"}],"predecessor-version":[{"id":336,"href":"https:\/\/contentschoolbd.com\/index.php?rest_route=\/wp\/v2\/cartflows_step\/235\/revisions\/336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/contentschoolbd.com\/index.php?rest_route=\/"}],"wp:attachment":[{"href":"https:\/\/contentschoolbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}