{"id":1236,"date":"2026-05-04T05:17:22","date_gmt":"2026-05-04T05:17:22","guid":{"rendered":"https:\/\/hithotprodcut.com\/?page_id=1236"},"modified":"2026-05-04T05:30:08","modified_gmt":"2026-05-04T05:30:08","slug":"elementor-1236","status":"publish","type":"page","link":"https:\/\/hithotprodcut.com\/index.php\/elementor-1236\/","title":{"rendered":"Elementor #1236"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\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 Top Cracker | CLAT Exam Notes \u2014 Advanced Hub<\/title>\r\n <!-- Fonts & Icons -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: linear-gradient(135deg, #fefaf5 0%, #fff6e8 100%);\r\n color: #2c241a;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* animations *\/\r\n @keyframes fadeSlideUp {\r\n 0% { opacity: 0; transform: translateY(40px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes glowBorder {\r\n 0% { border-color: rgba(245, 158, 11, 0.3); box-shadow: 0 5px 15px rgba(0,0,0,0.05);}\r\n 100% { border-color: #f59e0b; box-shadow: 0 15px 30px rgba(245,158,11,0.15);}\r\n }\r\n\r\n @keyframes float {\r\n 0% { transform: translateY(0px); }\r\n 50% { transform: translateY(-6px); }\r\n 100% { transform: translateY(0px); }\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n }\r\n\r\n \/* top bar *\/\r\n .top-bar {\r\n background: #1e293b;\r\n color: #ffedd5;\r\n padding: 14px 0;\r\n text-align: center;\r\n font-weight: 600;\r\n letter-spacing: 0.3px;\r\n background-image: repeating-linear-gradient(45deg, #f59e0b10 0px, #f59e0b10 2px, transparent 2px, transparent 8px);\r\n }\r\n\r\n header {\r\n padding: 28px 0 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n border-bottom: 3px solid #fde68a;\r\n }\r\n\r\n .logo h1 {\r\n font-size: 2.3rem;\r\n font-weight: 800;\r\n background: linear-gradient(125deg, #ea580c, #dc2626, #f59e0b);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n }\r\n .logo span {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: #b45309;\r\n }\r\n .tagline {\r\n background: #fff0dd;\r\n padding: 8px 22px;\r\n border-radius: 40px;\r\n font-weight: 700;\r\n backdrop-filter: blur(4px);\r\n transition: all 0.3s;\r\n }\r\n\r\n \/* section titles *\/\r\n .section-title {\r\n font-size: 2rem;\r\n font-weight: 800;\r\n margin: 50px 0 20px 0;\r\n display: inline-block;\r\n position: relative;\r\n }\r\n .section-title:after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px;\r\n left: 0;\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #f59e0b, #dc2626);\r\n border-radius: 4px;\r\n }\r\n\r\n \/* products grid *\/\r\n .products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\r\n gap: 32px;\r\n margin: 40px 0 20px;\r\n }\r\n .product-card {\r\n background: rgba(255, 255, 245, 0.9);\r\n backdrop-filter: blur(2px);\r\n border-radius: 40px;\r\n padding: 30px 22px;\r\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n border: 1px solid rgba(245, 158, 11, 0.4);\r\n text-align: center;\r\n animation: fadeSlideUp 0.6s backwards;\r\n }\r\n .product-card:hover {\r\n transform: translateY(-12px);\r\n border-color: #f59e0b;\r\n background: white;\r\n animation: glowBorder 0.4s forwards;\r\n }\r\n .product-icon i {\r\n font-size: 3rem;\r\n background: #fef3c7;\r\n padding: 18px;\r\n border-radius: 60px;\r\n color: #ea580c;\r\n }\r\n .product-title {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n margin: 16px 0 8px;\r\n }\r\n .price {\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #b45309;\r\n margin: 12px 0;\r\n }\r\n .buy-btn {\r\n background: linear-gradient(100deg, #f59e0b, #dc2626);\r\n border: none;\r\n padding: 14px;\r\n width: 100%;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n color: white;\r\n transition: 0.2s;\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n }\r\n .buy-btn:hover {\r\n transform: scale(0.97);\r\n filter: brightness(1.05);\r\n }\r\n\r\n \/* MENTORS FLEX (enhanced UI) *\/\r\n .mentors-section {\r\n margin: 70px 0;\r\n }\r\n .mentors-flex {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 35px;\r\n margin-top: 45px;\r\n }\r\n .mentor-card {\r\n background: white;\r\n border-radius: 80px 80px 50px 50px;\r\n width: 200px;\r\n text-align: center;\r\n padding: 22px 16px 20px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 20px 30px -12px rgba(0,0,0,0.08);\r\n border: 1px solid #ffe2b5;\r\n }\r\n .mentor-card:hover {\r\n transform: translateY(-10px) scale(1.02);\r\n box-shadow: 0 30px 35px -12px rgba(245,158,11,0.25);\r\n border-color: #f59e0b;\r\n }\r\n .mentor-img {\r\n width: 110px;\r\n height: 110px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n border: 4px solid #fb923c;\r\n transition: 0.3s;\r\n }\r\n .mentor-card:hover .mentor-img {\r\n border-color: #dc2626;\r\n transform: scale(1.02);\r\n }\r\n .mentor-name {\r\n font-weight: 800;\r\n font-size: 1.25rem;\r\n margin-top: 12px;\r\n }\r\n .mentor-role {\r\n background: #fef3c7;\r\n display: inline-block;\r\n padding: 4px 14px;\r\n border-radius: 30px;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n margin-top: 8px;\r\n }\r\n .mentor-social i {\r\n margin: 8px 5px 0;\r\n color: #b45309;\r\n font-size: 0.9rem;\r\n transition: 0.2s;\r\n }\r\n .mentor-social i:hover { color: #f59e0b; transform: translateY(-2px);}\r\n\r\n \/* STUDENT REVIEW FLAG (testimonials with flags\/ratings) *\/\r\n .reviews-section {\r\n background: #fff9ef;\r\n border-radius: 60px;\r\n padding: 30px 28px 50px;\r\n margin: 40px 0;\r\n }\r\n .reviews-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n justify-content: center;\r\n margin-top: 35px;\r\n }\r\n .review-card {\r\n background: white;\r\n border-radius: 32px;\r\n padding: 24px;\r\n width: 300px;\r\n transition: all 0.3s;\r\n box-shadow: 0 12px 20px rgba(0,0,0,0.03);\r\n border: 1px solid #fde3a7;\r\n }\r\n .review-card:hover {\r\n transform: translateY(-6px);\r\n border-color: #f59e0b;\r\n }\r\n .review-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n }\r\n .review-avatar {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n background: #fde68a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n font-size: 1.5rem;\r\n }\r\n .stars i {\r\n color: #fbbf24;\r\n font-size: 0.9rem;\r\n }\r\n .flag {\r\n background: #eef2ff;\r\n border-radius: 30px;\r\n padding: 3px 10px;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n margin-top: 8px;\r\n }\r\n .review-text {\r\n font-style: italic;\r\n margin: 12px 0;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* ADVANCED PAYMENT MODAL *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.75);\r\n backdrop-filter: blur(10px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 2000;\r\n visibility: hidden;\r\n opacity: 0;\r\n transition: 0.2s;\r\n }\r\n .modal-overlay.active {\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n .payment-modal {\r\n background: white;\r\n max-width: 600px;\r\n width: 90%;\r\n border-radius: 56px;\r\n padding: 32px 28px;\r\n animation: fadeSlideUp 0.3s;\r\n box-shadow: 0 40px 60px rgba(0,0,0,0.4);\r\n }\r\n .payment-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n .close-modal {\r\n background: none;\r\n border: none;\r\n font-size: 1.6rem;\r\n cursor: pointer;\r\n }\r\n .payment-methods-tabs {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 20px 0;\r\n border-bottom: 2px solid #f1e5d4;\r\n padding-bottom: 12px;\r\n }\r\n .method-tab {\r\n padding: 10px 18px;\r\n border-radius: 50px;\r\n background: #fef3e8;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n .method-tab.active {\r\n background: #f59e0b;\r\n color: white;\r\n box-shadow: 0 5px 12px rgba(245,158,11,0.4);\r\n }\r\n .payment-details-area {\r\n background: #fefaf5;\r\n border-radius: 36px;\r\n padding: 20px;\r\n margin: 15px 0;\r\n min-height: 180px;\r\n }\r\n .card-input-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n .card-input-group input {\r\n padding: 14px;\r\n border-radius: 60px;\r\n border: 1px solid #e6d5c0;\r\n background: white;\r\n font-family: inherit;\r\n }\r\n .qr-simulation {\r\n text-align: center;\r\n font-size: 0.9rem;\r\n background: #eef2ff;\r\n padding: 20px;\r\n border-radius: 28px;\r\n }\r\n .pay-now-btn {\r\n background: #15803d;\r\n width: 100%;\r\n padding: 16px;\r\n border-radius: 60px;\r\n font-weight: 800;\r\n border: none;\r\n color: white;\r\n margin-top: 12px;\r\n transition: 0.2s;\r\n }\r\n .toast-msg {\r\n position: fixed;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: #0f172a;\r\n color: white;\r\n padding: 14px 32px;\r\n border-radius: 60px;\r\n z-index: 2100;\r\n opacity: 0;\r\n transition: 0.2s;\r\n font-weight: 600;\r\n }\r\n footer {\r\n background: #1c1917;\r\n color: #e7e5e4;\r\n padding: 40px 0 20px;\r\n border-radius: 50px 50px 0 0;\r\n margin-top: 70px;\r\n }\r\n @media (max-width: 700px) {\r\n .container { padding: 0 18px; }\r\n .mentor-card { width: 160px; }\r\n .mentor-img { width: 90px; height: 90px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"top-bar\">\ud83d\udd25 TOP CRACKER ACADEMY \u2014 India\u2019s #1 CLAT PDF Notes | Unlimited Access \ud83d\udd25<\/div>\r\n\r\n<div class=\"container\">\r\n <header>\r\n <div class=\"logo\">\r\n <h1>\u26a1 TOP CRACKER<\/h1>\r\n <span>CLAT Decoder \u2022 Topper\u2019s Choice<\/span>\r\n <\/div>\r\n <div class=\"tagline\"><i class=\"fas fa-chalkboard-user\"><\/i> 15K+ Aspirants \u2022 AIR under 50<\/div>\r\n <\/header>\r\n\r\n <!-- Products -->\r\n <div class=\"section-title\">\ud83d\udcda CLAT CRACK NOTES (PDF)<\/div>\r\n <div class=\"products-grid\">\r\n <div class=\"product-card\" style=\"animation-delay:0s\"><div class=\"product-icon\"><i class=\"fas fa-book\"><\/i><\/div><div class=\"product-title\">English<\/div><div class=\"price\">\u20b9399<\/div><button class=\"buy-btn\" data-name=\"English Mastery PDF\"><i class=\"fas fa-cart-shopping\"><\/i> Buy PDF<\/button><\/div>\r\n <div class=\"product-card\" style=\"animation-delay:0.1s\"><div class=\"product-icon\"><i class=\"fas fa-brain\"><\/i><\/div><div class=\"product-title\">Logical Reasoning<\/div><div class=\"price\">\u20b9449<\/div><button class=\"buy-btn\" data-name=\"Logical Reasoning Xcel\"><i class=\"fas fa-cart-shopping\"><\/i> Buy PDF<\/button><\/div>\r\n <div class=\"product-card\" style=\"animation-delay:0.2s\"><div class=\"product-icon\"><i class=\"fas fa-gavel\"><\/i><\/div><div class=\"product-title\">Legal Aptitude<\/div><div class=\"price\">\u20b9499<\/div><button class=\"buy-btn\" data-name=\"Legal Edge Notes\"><i class=\"fas fa-cart-shopping\"><\/i> Buy PDF<\/button><\/div>\r\n <div class=\"product-card\" style=\"animation-delay:0.3s\"><div class=\"product-icon\"><i class=\"fas fa-globe\"><\/i><\/div><div class=\"product-title\">GK \/ Current Affairs<\/div><div class=\"price\">\u20b9349<\/div><button class=\"buy-btn\" data-name=\"GK Power Pack\"><i class=\"fas fa-cart-shopping\"><\/i> Buy PDF<\/button><\/div>\r\n <\/div>\r\n\r\n <!-- Mentors Flex (Enhanced UI) -->\r\n <div class=\"mentors-section\">\r\n <div class=\"section-title\">\ud83e\uddd1\u200d\ud83c\udfeb LEGENDARY MENTORS<\/div>\r\n <div class=\"mentors-flex\">\r\n <div class=\"mentor-card\"><img decoding=\"async\" class=\"mentor-img\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"mentor\"><div class=\"mentor-name\">Dr. Ananya Rao<\/div><div class=\"mentor-role\">English Master<\/div><div class=\"mentor-social\"><i class=\"fab fa-linkedin\"><\/i> <i class=\"fab fa-twitter\"><\/i><\/div><\/div>\r\n <div class=\"mentor-card\"><img decoding=\"async\" class=\"mentor-img\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"mentor\"><div class=\"mentor-name\">Prof. Karan Mehta<\/div><div class=\"mentor-role\">Logical Reasoning<\/div><div class=\"mentor-social\"><i class=\"fab fa-linkedin\"><\/i> <i class=\"fab fa-youtube\"><\/i><\/div><\/div>\r\n <div class=\"mentor-card\"><img decoding=\"async\" class=\"mentor-img\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" alt=\"mentor\"><div class=\"mentor-name\">Adv. Swati Bhardwaj<\/div><div class=\"mentor-role\">Legal Aptitude<\/div><div class=\"mentor-social\"><i class=\"fab fa-linkedin\"><\/i> <i class=\"fab fa-instagram\"><\/i><\/div><\/div>\r\n <div class=\"mentor-card\"><img decoding=\"async\" class=\"mentor-img\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/91.jpg\" alt=\"mentor\"><div class=\"mentor-name\">Vikram Singh<\/div><div class=\"mentor-role\">GK Strategist<\/div><div class=\"mentor-social\"><i class=\"fab fa-twitter\"><\/i> <i class=\"fab fa-linkedin\"><\/i><\/div><\/div>\r\n <div class=\"mentor-card\"><img decoding=\"async\" class=\"mentor-img\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/33.jpg\" alt=\"mentor\"><div class=\"mentor-name\">Ritu Sharma<\/div><div class=\"mentor-role\">CLAT Advisor<\/div><div class=\"mentor-social\"><i class=\"fab fa-youtube\"><\/i> <i class=\"fab fa-linkedin\"><\/i><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- STUDENT REVIEWS with FLAG & RATING -->\r\n <div class=\"reviews-section\">\r\n <div class=\"section-title\">\u2b50 STUDENT REVIEWS & FLAGS<\/div>\r\n <div class=\"reviews-grid\">\r\n <div class=\"review-card\"><div class=\"review-header\"><div class=\"review-avatar\">\ud83c\uddee\ud83c\uddf3<\/div><div><div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div><div class=\"flag\"><i class=\"fas fa-flag-checkered\"><\/i> TOP RANKER<\/div><\/div><\/div><div class=\"review-text\">\u201cTop Cracker notes gave me AIR 42! Legal Reasoning was game changer. Must buy PDFs.\u201d<\/div><div><b>- Ankit Sharma<\/b> (NLU Delhi)<\/div><\/div>\r\n <div class=\"review-card\"><div class=\"review-header\"><div class=\"review-avatar\">\ud83c\uddfa\ud83c\uddf8<\/div><div><div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i><\/div><div class=\"flag\"><i class=\"fas fa-gem\"><\/i> 99.8%ile<\/div><\/div><\/div><div class=\"review-text\">\u201cEnglish & GK notes helped me master RC. Super concise and updated! Highly recommend.\u201d<\/div><div><b>- Meera Iyer<\/b> (CLAT 2025)<\/div><\/div>\r\n <div class=\"review-card\"><div class=\"review-header\"><div class=\"review-avatar\">\ud83c\uddec\ud83c\udde7<\/div><div><div class=\"stars\"><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><\/div><div class=\"flag\"><i class=\"fas fa-chart-line\"><\/i> Topper\u2019s Choice<\/div><\/div><\/div><div class=\"review-text\">\u201cLogical Reasoning sets are incredible. The explanations are crisp. Got 5th rank in state.\u201d<\/div><div><b>- Rohan Verma<\/b> (AILET Rank 12)<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<footer>\r\n <div class=\"container\">\r\n <div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;\">\r\n <div><h4><i class=\"fas fa-crown\"><\/i> Top Cracker<\/h4><p>Trusted by 15000+ future lawyers. \ud83d\udcd6<\/p><div><i class=\"fab fa-instagram\"><\/i> <i class=\"fab fa-youtube\"><\/i> <i class=\"fab fa-telegram\"><\/i><\/div><\/div>\r\n <div><h4>Quick<\/h4><p>Sample PDF<br>Free Workshop<br>Contact Mentors<\/p><\/div>\r\n <div><h4>Payments<\/h4><p>\u2705 UPI | Cards | NetBanking | Wallet | PayPal<br>All major methods secure<\/p><\/div>\r\n <\/div>\r\n <div class=\"copyright\" style=\"text-align:center; margin-top: 35px;\">\u00a9 2025 Top Cracker Academy \u2014 Crack CLAT with precision & style<\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- ADVANCED PAYMENT MODAL (all methods) -->\r\n<div id=\"paymentModal\" class=\"modal-overlay\">\r\n <div class=\"payment-modal\">\r\n <div class=\"payment-header\"><h3><i class=\"fas fa-credit-card\"><\/i> Secure Checkout<\/h3><button class=\"close-modal\" id=\"closeModalBtn\">×<\/button><\/div>\r\n <div id=\"modalProductInfo\" style=\"background:#fff0e0; padding:6px 16px; border-radius:60px; display:inline-block; margin:12px 0;\">\ud83d\udcd8 Product<\/div>\r\n <div class=\"payment-methods-tabs\" id=\"methodsTabs\">\r\n <div class=\"method-tab active\" data-method=\"card\"><i class=\"fab fa-cc-visa\"><\/i> Card<\/div>\r\n <div class=\"method-tab\" data-method=\"upi\"><i class=\"fas fa-qrcode\"><\/i> UPI<\/div>\r\n <div class=\"method-tab\" data-method=\"netbanking\"><i class=\"fas fa-university\"><\/i> NetBanking<\/div>\r\n <div class=\"method-tab\" data-method=\"wallet\"><i class=\"fas fa-wallet\"><\/i> Wallet<\/div>\r\n <div class=\"method-tab\" data-method=\"paypal\"><i class=\"fab fa-paypal\"><\/i> PayPal<\/div>\r\n <\/div>\r\n <div id=\"paymentDetailsContainer\" class=\"payment-details-area\">\r\n <!-- dynamic: card Form as default -->\r\n <div class=\"card-input-group\">\r\n <input type=\"text\" placeholder=\"Card Number \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 1234\" id=\"cardNumber\">\r\n <input type=\"text\" placeholder=\"MM\/YY\">\r\n <input type=\"text\" placeholder=\"CVC\">\r\n <\/div>\r\n <\/div>\r\n <button id=\"finalPayBtn\" class=\"pay-now-btn\"><i class=\"fas fa-lock\"><\/i> Pay & Get PDF (All Methods Supported)<\/button>\r\n <p style=\"font-size:0.7rem; text-align:center; margin-top:14px;\">\ud83d\udd10 100% secure \u2022 Instant PDF delivery on email<\/p>\r\n <\/div>\r\n<\/div>\r\n<div id=\"toastMsg\" class=\"toast-msg\">\ud83c\udf89 Purchase Successful! PDF link sent.<\/div>\r\n\r\n<script>\r\n \/\/ advanced payment methods + dynamic UI + all methods visible\r\n const modal = document.getElementById('paymentModal');\r\n const closeBtn = document.getElementById('closeModalBtn');\r\n const productSpan = document.getElementById('modalProductInfo');\r\n const finalPay = document.getElementById('finalPayBtn');\r\n const toastMsg = document.getElementById('toastMsg');\r\n let currentProduct = \"CLAT Notes\";\r\n\r\n \/\/ method update UI with more advanced representation\r\n const methodTabs = document.querySelectorAll('.method-tab');\r\n const detailsContainer = document.getElementById('paymentDetailsContainer');\r\n\r\n function updatePaymentUI(method) {\r\n if(method === 'card') {\r\n detailsContainer.innerHTML = `<div class=\"card-input-group\"><input type=\"text\" placeholder=\"Card Number \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 1234\" id=\"cardNumber\"><input type=\"text\" placeholder=\"MM\/YY\"><input type=\"text\" placeholder=\"CVC\"><div style=\"font-size:12px; margin-top:8px;\"><i class=\"fab fa-cc-mastercard\"><\/i> <i class=\"fab fa-cc-visa\"><\/i> <i class=\"fab fa-cc-amex\"><\/i> Accepted<\/div><\/div>`;\r\n } else if(method === 'upi') {\r\n detailsContainer.innerHTML = `<div class=\"qr-simulation\"><i class=\"fas fa-qrcode\" style=\"font-size:48px;\"><\/i><p>Scan any UPI app: Google Pay, PhonePe, Paytm<\/p><input type=\"text\" placeholder=\"Enter UPI ID (optional)\" style=\"width:100%; padding:10px; border-radius:60px; border:1px solid #ccc;\"><p style=\"margin-top:10px;\">\u26a1 Instant payment via VPA<\/p><\/div>`;\r\n } else if(method === 'netbanking') {\r\n detailsContainer.innerHTML = `<div><select style=\"width:100%; padding:14px; border-radius:40px;\"><option>\ud83c\udfe6 SBI<\/option><option>\ud83c\udfe6 HDFC Bank<\/option><option>\ud83c\udfe6 ICICI<\/option><option>\ud83c\udfe6 Axis Bank<\/option><\/select><p style=\"margin-top:12px;\">\ud83d\udd12 Secure NetBanking redirect<\/p><\/div>`;\r\n } else if(method === 'wallet') {\r\n detailsContainer.innerHTML = `<div class=\"qr-simulation\"><i class=\"fas fa-wallet\" style=\"font-size:40px;\"><\/i><div style=\"display:flex; gap:10px; flex-wrap:wrap; justify-content:center;\"><span>\ud83d\udcf1 Amazon Pay<\/span><span>\ud83d\udcf1 Paytm Wallet<\/span><span>\ud83d\udcf1 Mobikwik<\/span><\/div><p>Click pay to complete wallet transaction<\/p><\/div>`;\r\n } else if(method === 'paypal') {\r\n detailsContainer.innerHTML = `<div style=\"text-align:center;\"><i class=\"fab fa-paypal\" style=\"font-size:50px; color:#0070ba;\"><\/i><p>PayPal Express \u2022 Credit\/Debit via PayPal<\/p><p style=\"background:#f5f5f5; border-radius:40px; padding:8px;\">youremail@topcracker.com<\/p><\/div>`;\r\n }\r\n }\r\n\r\n methodTabs.forEach(tab => {\r\n tab.addEventListener('click', () => {\r\n methodTabs.forEach(t => t.classList.remove('active'));\r\n tab.classList.add('active');\r\n const method = tab.getAttribute('data-method');\r\n updatePaymentUI(method);\r\n });\r\n });\r\n\r\n \/\/ open modal with product name and reset active tab to card\r\n function openPayment(productName) {\r\n currentProduct = productName;\r\n productSpan.innerText = `\ud83d\udcd8 ${currentProduct}`;\r\n modal.classList.add('active');\r\n \/\/ reset to card method active\r\n methodTabs.forEach(t => t.classList.remove('active'));\r\n document.querySelector('.method-tab[data-method=\"card\"]').classList.add('active');\r\n updatePaymentUI('card');\r\n }\r\n\r\n function showToast(message) {\r\n toastMsg.textContent = message || \"\u2705 Purchase successful! PDF will be sent to your email.\";\r\n toastMsg.classList.add('show');\r\n setTimeout(() => toastMsg.classList.remove('show'), 2800);\r\n }\r\n\r\n \/\/ close modal logic\r\n closeBtn.addEventListener('click', () => modal.classList.remove('active'));\r\n modal.addEventListener('click', (e) => { if(e.target === modal) modal.classList.remove('active'); });\r\n \r\n \/\/ Buy triggers\r\n document.querySelectorAll('.buy-btn').forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n const product = btn.getAttribute('data-name') || \"CLAT PDF Notes\";\r\n openPayment(product);\r\n });\r\n });\r\n\r\n \/\/ simulate final purchase - all payment methods represented \r\n finalPay.addEventListener('click', () => {\r\n const activeMethod = document.querySelector('.method-tab.active').getAttribute('data-method');\r\n let methodName = \"\";\r\n if(activeMethod === 'card') methodName = \"Card\";\r\n else if(activeMethod === 'upi') methodName = \"UPI\";\r\n else if(activeMethod === 'netbanking') methodName = \"NetBanking\";\r\n else if(activeMethod === 'wallet') methodName = \"Digital Wallet\";\r\n else methodName = \"PayPal\";\r\n showToast(`\ud83c\udf89 ${currentProduct} purchased via ${methodName}! Check your email (demo).`);\r\n modal.classList.remove('active');\r\n \/\/ optional: console log\r\n });\r\n\r\n \/\/ additional hover smooth for mentors & reviews flag animations\r\n const reviewCards = document.querySelectorAll('.review-card');\r\n reviewCards.forEach(card => {\r\n card.addEventListener('mouseenter', () => card.style.transform = 'translateY(-8px)');\r\n card.addEventListener('mouseleave', () => card.style.transform = 'translateY(0)');\r\n });\r\n \r\n \/\/ smooth entrance for reviews\r\n window.addEventListener('DOMContentLoaded', () => {\r\n document.querySelectorAll('.product-card').forEach((c,i) => c.style.animationDelay = `${i*0.07}s`);\r\n const mentorItems = document.querySelectorAll('.mentor-card');\r\n mentorItems.forEach((m,idx) => { m.style.opacity = \"0\"; m.style.transform = \"translateY(20px)\"; setTimeout(() => { m.style.transition = \"0.4s\"; m.style.opacity = \"1\"; m.style.transform = \"translateY(0)\"; }, idx*80);});\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Top Cracker | CLAT Exam Notes \u2014 Advanced Hub \ud83d\udd25 TOP CRACKER ACADEMY \u2014 India\u2019s #1 CLAT PDF Notes | […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1236","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/1236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/comments?post=1236"}],"version-history":[{"count":7,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/1236\/revisions"}],"predecessor-version":[{"id":1243,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/1236\/revisions\/1243"}],"wp:attachment":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/media?parent=1236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}