UpDownPK - Final Treasure Banner<\/title>\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .banner-wrapper {\r\n width: 100%;\r\n height: 320px; \r\n display: flex;\r\n align-items: flex-end;\r\n position: relative;\r\n background-color: transparent;\r\n overflow: hidden;\r\n }\r\n\r\n \/* --- Black Patti (Waist Level) --- *\/\r\n .actual-patti {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 160px; \r\n background: #000;\r\n border-bottom: 4px solid #d4af37;\r\n z-index: 1;\r\n display: flex;\r\n justify-content: center; \/* Content center mein lane ke liye *\/\r\n align-items: center;\r\n }\r\n\r\n \/* Background Light Animation *\/\r\n .actual-patti::before {\r\n content: '';\r\n position: absolute;\r\n width: 200%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(192, 57, 43, 0.2), rgba(212, 175, 55, 0.1), transparent);\r\n animation: movePattiBg 6s linear infinite;\r\n }\r\n\r\n @keyframes movePattiBg {\r\n 0% { left: -100%; }\r\n 100% { left: 100%; }\r\n }\r\n\r\n \/* --- Left Side: Walking Character --- *\/\r\n .character-box {\r\n position: absolute;\r\n left: 2%;\r\n bottom: 0;\r\n z-index: 10;\r\n display: flex;\r\n align-items: flex-end;\r\n height: 100%;\r\n animation: walkingEffect 4s ease-in-out infinite;\r\n }\r\n\r\n .updown-boy {\r\n height: 280px; \r\n width: auto;\r\n filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.4));\r\n }\r\n\r\n @keyframes walkingEffect {\r\n 0%, 100% { transform: translateX(0px) translateY(0px); }\r\n 50% { transform: translateX(15px) translateY(-8px); }\r\n }\r\n\r\n \/* --- Center Area Inside Patti: Final Perfected --- *\/\r\n .center-main-group {\r\n position: relative;\r\n z-index: 12;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: -10px; \/* Thora sa vertical adjustment *\/\r\n }\r\n\r\n \/* Treasure Image Area (Coins fly from behind) *\/\r\n .image-animation-area {\r\n position: relative;\r\n width: 120px; \/* Adjusted size for the image *\/\r\n height: 100px;\r\n margin-bottom: 5px;\r\n z-index: 13; \/* Lower than text z-index, above coins *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n }\r\n\r\n \/* UP DOWN PK Treasure Chest Image with proper alignment *\/\r\n .treasure-chest-image {\r\n height: 90px; \/* Adjust height based on patti *\/\r\n width: auto;\r\n display: block;\r\n filter: drop-shadow(0 0 12px rgba(212, 175, 55, 0.6));\r\n animation: chestWobblePerfected 1.8s ease-in-out infinite;\r\n position: relative;\r\n z-index: 14; \/* Image is above coins *\/\r\n }\r\n\r\n @keyframes chestWobblePerfected {\r\n 0%, 100% { transform: rotate(-2deg) scale(1); }\r\n 50% { transform: rotate(2deg) scale(1.05); }\r\n }\r\n\r\n \/* Coins erupting animation *\/\r\n .gold-coin {\r\n position: absolute;\r\n width: 14px;\r\n height: 14px;\r\n background: radial-gradient(circle, #ffe066, #d4af37);\r\n border-radius: 50%;\r\n border: 1px solid #b8860b;\r\n top: 40px; \/* Originates behind the image *\/\r\n left: 50%;\r\n opacity: 0;\r\n animation: coinPopOutFinal 2s linear infinite;\r\n z-index: 11; \/* Lower than treasure image and main text *\/\r\n }\r\n\r\n @keyframes coinPopOutFinal {\r\n 0% { transform: translate(-50%, 0) scale(0.5); opacity: 0; }\r\n \/* Arches high up, then out *\/\r\n 50% { opacity: 1; transform: translate(calc(-50% + var(--x)), -100px) scale(1.2); }\r\n \/* Arches down behind chest, fades *\/\r\n 100% { transform: translate(calc(-50% + var(--x2)), 10px) scale(1); opacity: 0; }\r\n }\r\n\r\n \/* UP DOWN PK EARN Text (Visibility Guaranteed) *\/\r\n .patti-earn-text {\r\n color: #d4af37;\r\n font-size: 19px; \/* Slightly adjusted font for balance *\/\r\n font-weight: 900;\r\n font-family: 'Arial Black', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n text-shadow: 2px 2px 5px rgba(0,0,0,1); \/* Maximum depth shadow *\/\r\n z-index: 100; \/* Extremely high z-index, always forward *\/\r\n position: relative;\r\n margin-top: -10px; \/* Pull text tighter to image *\/\r\n }\r\n\r\n .patti-earn-text span {\r\n color: #ffffff;\r\n }\r\n\r\n \/* --- Right Side: Buttons --- *\/\r\n .buttons-side {\r\n position: absolute;\r\n right: 5%;\r\n bottom: 50px; \r\n z-index: 15;\r\n display: flex;\r\n gap: 12px;\r\n }\r\n\r\n .btn {\r\n text-decoration: none;\r\n padding: 12px 25px;\r\n font-weight: bold;\r\n border-radius: 5px;\r\n font-family: sans-serif;\r\n text-transform: uppercase;\r\n font-size: 14px;\r\n transition: 0.3s;\r\n }\r\n\r\n .login-gold { background: #d4af37; color: #000; border: 2px solid #d4af37; }\r\n .reg-red { background: transparent; color: #c0392b; border: 2px solid #c0392b; }\r\n\r\n .btn:hover { transform: scale(1.05); }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"banner-wrapper\">\r\n \r\n <div class=\"actual-patti\">\r\n <div class=\"center-main-group\">\r\n <div class=\"image-animation-area\">\r\n <img decoding=\"async\" src=\"https:\/\/updownpk.pro\/wp-content\/uploads\/2026\/05\/download__1_-removebg-preview.png\" alt=\"UpDownPK Treasure\" class=\"treasure-chest-image\">\r\n \r\n <div class=\"gold-coin\" style=\"--x: -70px; --x2: -120px; animation-delay: 0s;\"><\/div>\r\n <div class=\"gold-coin\" style=\"--x: 70px; --x2: 120px; animation-delay: 0.7s;\"><\/div>\r\n <div class=\"gold-coin\" style=\"--x: -30px; --x2: -50px; animation-delay: 1.4s;\"><\/div>\r\n <div class=\"gold-coin\" style=\"--x: 30px; --x2: 50px; animation-delay: 1.9s;\"><\/div>\r\n <\/div>\r\n <p class=\"patti-earn-text\"><span>Up Down Pk<\/span> Earn<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"character-box\">\r\n <img decoding=\"async\" src=\"https:\/\/updownpk.pro\/wp-content\/uploads\/2026\/05\/download-removebg-preview.png\" alt=\"Walking UpDownPK\" class=\"updown-boy\">\r\n <\/div>\r\n\r\n <div class=\"buttons-side\">\r\n <a href=\"#\" class=\"btn reg-red\">Register<\/a>\r\n <a href=\"#\" class=\"btn login-gold\">Login<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b14089b elementor-widget elementor-widget-html\" data-id=\"b14089b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"withdrawal-toast\">\r\n <div class=\"toast-icon\">\u2713<\/div>\r\n <div class=\"toast-content\">\r\n <span class=\"toast-name\" id=\"user-name\">Loading...<\/span>\r\n <span class=\"toast-amount\">Withdrawn <b id=\"user-amount\">Rs. 0<\/b><\/span>\r\n <span class=\"toast-time\">Just now<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n #withdrawal-toast {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 20px;\r\n background: rgba(17, 17, 17, 0.98);\r\n border-left: 4px solid #d4af37;\r\n color: #fff;\r\n padding: 15px 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.8);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n z-index: 10000; \/* Isay sab se uper rakha hai *\/\r\n transform: translateX(-180%); \/* Start hidden position *\/\r\n transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n font-family: Arial, sans-serif;\r\n min-width: 260px;\r\n }\r\n\r\n #withdrawal-toast.show {\r\n transform: translateX(0);\r\n }\r\n\r\n .toast-icon {\r\n background: #2ecc71;\r\n color: white;\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n }\r\n\r\n .toast-content { display: flex; flex-direction: column; }\r\n .toast-name { font-weight: bold; color: #d4af37; font-size: 14px; }\r\n .toast-amount { font-size: 13px; color: #eee; }\r\n .toast-time { font-size: 10px; color: #888; }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const firstNames = [\"Muhammad\", \"Ali\", \"Ahmad\", \"Usman\", \"Hamza\", \"Bilal\", \"Zeeshan\", \"Umer\", \"Raza\", \"Faisal\", \"Junaid\", \"Naveed\", \"Asif\", \"Sajid\", \"Irfan\", \"Kamran\", \"Tayyab\", \"Waqas\", \"Shahid\", \"Adeel\", \"Zahid\", \"Arslan\", \"Mubashir\", \"Farhan\", \"Babar\", \"Shoaib\", \"Tanveer\", \"Salman\", \"Adnan\", \"Kashif\"];\r\n const lastNames = [\"Khan\", \"Mehmood\", \"Ahmed\", \"Raza\", \"Jatt\", \"Butt\", \"Gujjar\", \"Malik\", \"Sheikh\", \"Qureshi\", \"Ansari\", \"Siddiqui\", \"Shah\", \"Abbas\", \"Ghouri\", \"Lodhi\", \"Awan\", \"Dogar\", \"Virk\", \"Bajwa\"];\r\n\r\n function showRandomWithdrawal() {\r\n const toast = document.getElementById('withdrawal-toast');\r\n const nameElem = document.getElementById('user-name');\r\n const amountElem = document.getElementById('user-amount');\r\n\r\n if(!toast || !nameElem || !amountElem) return; \/\/ Error handling\r\n\r\n \/\/ Random Selection\r\n const randomFirstName = firstNames[Math.floor(Math.random() * firstNames.length)];\r\n const randomLastName = lastNames[Math.floor(Math.random() * lastNames.length)];\r\n \r\n let min = 150;\r\n let max = 8500;\r\n let randomAmount = Math.floor(Math.random() * (max - min + 1)) + min;\r\n\r\n \/\/ Content Update\r\n nameElem.innerText = randomFirstName + \" \" + randomLastName;\r\n amountElem.innerText = \"Rs. \" + randomAmount.toLocaleString();\r\n\r\n \/\/ Animation: Show\r\n toast.classList.add('show');\r\n\r\n \/\/ Animation: Hide after 4 seconds\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 4000);\r\n }\r\n\r\n \/\/ Har 10 seconds baad naya notification\r\n setInterval(showRandomWithdrawal, 10000);\r\n\r\n \/\/ Page load hone ke 3 seconds baad pehla notification\r\n setTimeout(showRandomWithdrawal, 3000);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f79f8b7 elementor-widget elementor-widget-html\" data-id=\"f79f8b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* --- Plans Section --- *\/\r\n .plans-wrapper {\r\n padding: 60px 5%;\r\n background: #000; \/* Pure Black background matches banner patti *\/\r\n font-family: 'Segoe UI', Arial, sans-serif;\r\n text-align: center;\r\n }\r\n\r\n .plan-heading {\r\n color: #fff;\r\n font-size: 30px;\r\n margin-bottom: 40px;\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .plan-heading span { color: #d4af37; } \/* Gold Highlight *\/\r\n\r\n .plans-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 25px;\r\n justify-content: center;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .plan-card {\r\n background: #111; \/* Slightly lighter than black *\/\r\n border: 1px solid #333;\r\n border-radius: 15px;\r\n padding: 35px 25px;\r\n width: 320px;\r\n transition: 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .plan-card:hover {\r\n border-color: #d4af37;\r\n transform: translateY(-10px);\r\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);\r\n }\r\n\r\n \/* Popular Badge for Middle Plan *\/\r\n .plan-badge {\r\n position: absolute;\r\n top: 15px;\r\n right: -30px;\r\n background: #c0392b;\r\n color: #fff;\r\n padding: 5px 35px;\r\n transform: rotate(45deg);\r\n font-size: 11px;\r\n font-weight: bold;\r\n }\r\n\r\n .plan-title { color: #d4af37; font-size: 24px; margin-bottom: 15px; font-weight: 700; }\r\n \r\n .plan-price { \r\n color: #fff; \r\n font-size: 38px; \r\n font-weight: 900; \r\n margin-bottom: 25px;\r\n border-bottom: 2px solid #222;\r\n padding-bottom: 15px;\r\n }\r\n \r\n .plan-price span { font-size: 16px; color: #d4af37; margin-left: 5px; }\r\n\r\n .plan-info { list-style: none; padding: 0; margin-bottom: 30px; text-align: left; }\r\n \r\n .plan-info li { \r\n color: #bbb; \r\n padding: 12px 0; \r\n border-bottom: 1px solid #222; \r\n font-size: 15px;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n \r\n .plan-info li b { color: #fff; font-weight: 600; }\r\n\r\n .invest-btn {\r\n display: block;\r\n width: 100%;\r\n padding: 15px;\r\n background: #d4af37; \/* Gold theme *\/\r\n color: #000;\r\n text-decoration: none;\r\n border-radius: 8px;\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: 0.3s;\r\n border: 2px solid #d4af37;\r\n }\r\n\r\n .invest-btn:hover { \r\n background: transparent; \r\n color: #d4af37; \r\n }\r\n\r\n \/* Red theme for other plans *\/\r\n .btn-red {\r\n background: #c0392b;\r\n border-color: #c0392b;\r\n color: #fff;\r\n }\r\n\r\n .btn-red:hover {\r\n background: transparent;\r\n color: #c0392b;\r\n }\r\n\r\n \/* --- User System Popup (Only for Banner Buttons) --- *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.95);\r\n display: none; \r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .auth-box {\r\n background: #111;\r\n padding: 40px;\r\n border-radius: 15px;\r\n width: 380px;\r\n border: 1px solid #d4af37;\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n .auth-box h2 { color: #d4af37; margin-bottom: 25px; font-family: 'Arial Black'; }\r\n\r\n .auth-input {\r\n width: 100%;\r\n padding: 14px;\r\n margin-bottom: 20px;\r\n background: #222;\r\n border: 1px solid #333;\r\n color: #fff;\r\n border-radius: 6px;\r\n outline: none;\r\n }\r\n\r\n .auth-input:focus { border-color: #d4af37; }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 15px; right: 20px;\r\n color: #888; font-size: 28px; cursor: pointer;\r\n }\r\n\r\n .modal-active { display: flex; }\r\n<\/style>\r\n\r\n<section class=\"plans-wrapper\">\r\n <h2 class=\"plan-heading\">Up Down Pk <span>Official Plans<\/span><\/h2>\r\n \r\n <div class=\"plans-grid\">\r\n <div class=\"plan-card\">\r\n <h3 class=\"plan-title\">Basic<\/h3>\r\n <div class=\"plan-price\">2,400<span>PKR<\/span><\/div>\r\n <ul class=\"plan-info\">\r\n <li>Daily Profit: <b>Rs. 180<\/b><\/li>\r\n <li>Total Return: <b>Rs. 5,400<\/b><\/li>\r\n <li>Validity: <b>30 Days<\/b><\/li>\r\n <li>Withdrawal: <b>Instant<\/b><\/li>\r\n <\/ul>\r\n <a href=\"your-link-here\" class=\"invest-btn btn-red\">Invest Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"plan-card\" style=\"border-color: #d4af37;\">\r\n <div class=\"plan-badge\">POPULAR<\/div>\r\n <h3 class=\"plan-title\">Standard<\/h3>\r\n <div class=\"plan-price\">5,200<span>PKR<\/span><\/div>\r\n <ul class=\"plan-info\">\r\n <li>Daily Profit: <b>Rs. 410<\/b><\/li>\r\n <li>Total Return: <b>Rs. 12,300<\/b><\/li>\r\n <li>Validity: <b>30 Days<\/b><\/li>\r\n <li>Withdrawal: <b>Instant<\/b><\/li>\r\n <\/ul>\r\n <a href=\"your-link-here\" class=\"invest-btn\">Invest Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"plan-card\">\r\n <h3 class=\"plan-title\">Premium<\/h3>\r\n <div class=\"plan-price\">7,600<span>PKR<\/span><\/div>\r\n <ul class=\"plan-info\">\r\n <li>Daily Profit: <b>Rs. 630<\/b><\/li>\r\n <li>Total Return: <b>Rs. 18,900<\/b><\/li>\r\n <li>Validity: <b>30 Days<\/b><\/li>\r\n <li>Withdrawal: <b>Instant<\/b><\/li>\r\n <\/ul>\r\n <a href=\"your-link-here\" class=\"invest-btn btn-red\">Invest Now<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div id=\"authModal\" class=\"modal-overlay\">\r\n <div class=\"auth-box\">\r\n <span class=\"close-modal\" onclick=\"closeAuth()\">×<\/span>\r\n <h2>LOGIN<\/h2>\r\n <input type=\"text\" class=\"auth-input\" placeholder=\"Phone Number \/ Email\">\r\n <input type=\"password\" class=\"auth-input\" placeholder=\"Password\">\r\n <button class=\"invest-btn\">Sign In<\/button>\r\n <p style=\"color:#666; margin-top:20px; font-size:13px;\">\r\n New to UpDownPk? <a href=\"#\" style=\"color:#d4af37; text-decoration:none;\">Create Account<\/a>\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Ye function sirf banner ke Register\/Login buttons par lagayen\r\n function openAuth() {\r\n document.getElementById('authModal').classList.add('modal-active');\r\n }\r\n\r\n function closeAuth() {\r\n document.getElementById('authModal').classList.remove('modal-active');\r\n }\r\n<\/script>\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>UpDownPK – Final Treasure Banner Up Down Pk Earn Register Login \u2713 Loading… Withdrawn Rs. 0 Just now Up Down Pk Official Plans Basic 2,400PKR Daily Profit: Rs. 180 Total … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/updownpk.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":11,"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/updownpk.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\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 UpDownPK - Final Treasure Banner<\/title>\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n .banner-wrapper {\r\n width: 100%;\r\n height: 320px; \r\n display: flex;\r\n align-items: flex-end;\r\n position: relative;\r\n background-color: transparent;\r\n overflow: hidden;\r\n }\r\n\r\n \/* --- Black Patti (Waist Level) --- *\/\r\n .actual-patti {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 160px; \r\n background: #000;\r\n border-bottom: 4px solid #d4af37;\r\n z-index: 1;\r\n display: flex;\r\n justify-content: center; \/* Content center mein lane ke liye *\/\r\n align-items: center;\r\n }\r\n\r\n \/* Background Light Animation *\/\r\n .actual-patti::before {\r\n content: '';\r\n position: absolute;\r\n width: 200%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(192, 57, 43, 0.2), rgba(212, 175, 55, 0.1), transparent);\r\n animation: movePattiBg 6s linear infinite;\r\n }\r\n\r\n @keyframes movePattiBg {\r\n 0% { left: -100%; }\r\n 100% { left: 100%; }\r\n }\r\n\r\n \/* --- Left Side: Walking Character --- *\/\r\n .character-box {\r\n position: absolute;\r\n left: 2%;\r\n bottom: 0;\r\n z-index: 10;\r\n display: flex;\r\n align-items: flex-end;\r\n height: 100%;\r\n animation: walkingEffect 4s ease-in-out infinite;\r\n }\r\n\r\n .updown-boy {\r\n height: 280px; \r\n width: auto;\r\n filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.4));\r\n }\r\n\r\n @keyframes walkingEffect {\r\n 0%, 100% { transform: translateX(0px) translateY(0px); }\r\n 50% { transform: translateX(15px) translateY(-8px); }\r\n }\r\n\r\n \/* --- Center Area Inside Patti: Final Perfected --- *\/\r\n .center-main-group {\r\n position: relative;\r\n z-index: 12;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: -10px; \/* Thora sa vertical adjustment *\/\r\n }\r\n\r\n \/* Treasure Image Area (Coins fly from behind) *\/\r\n .image-animation-area {\r\n position: relative;\r\n width: 120px; \/* Adjusted size for the image *\/\r\n height: 100px;\r\n margin-bottom: 5px;\r\n z-index: 13; \/* Lower than text z-index, above coins *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n }\r\n\r\n \/* UP DOWN PK Treasure Chest Image with proper alignment *\/\r\n .treasure-chest-image {\r\n height: 90px; \/* Adjust height based on patti *\/\r\n width: auto;\r\n display: block;\r\n filter: drop-shadow(0 0 12px rgba(212, 175, 55, 0.6));\r\n animation: chestWobblePerfected 1.8s ease-in-out infinite;\r\n position: relative;\r\n z-index: 14; \/* Image is above coins *\/\r\n }\r\n\r\n @keyframes chestWobblePerfected {\r\n 0%, 100% { transform: rotate(-2deg) scale(1); }\r\n 50% { transform: rotate(2deg) scale(1.05); }\r\n }\r\n\r\n \/* Coins erupting animation *\/\r\n .gold-coin {\r\n position: absolute;\r\n width: 14px;\r\n height: 14px;\r\n background: radial-gradient(circle, #ffe066, #d4af37);\r\n border-radius: 50%;\r\n border: 1px solid #b8860b;\r\n top: 40px; \/* Originates behind the image *\/\r\n left: 50%;\r\n opacity: 0;\r\n animation: coinPopOutFinal 2s linear infinite;\r\n z-index: 11; \/* Lower than treasure image and main text *\/\r\n }\r\n\r\n @keyframes coinPopOutFinal {\r\n 0% { transform: translate(-50%, 0) scale(0.5); opacity: 0; }\r\n \/* Arches high up, then out *\/\r\n 50% { opacity: 1; transform: translate(calc(-50% + var(--x)), -100px) scale(1.2); }\r\n \/* Arches down behind chest, fades *\/\r\n 100% { transform: translate(calc(-50% + var(--x2)), 10px) scale(1); opacity: 0; }\r\n }\r\n\r\n \/* UP DOWN PK EARN Text (Visibility Guaranteed) *\/\r\n .patti-earn-text {\r\n color: #d4af37;\r\n font-size: 19px; \/* Slightly adjusted font for balance *\/\r\n font-weight: 900;\r\n font-family: 'Arial Black', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n text-shadow: 2px 2px 5px rgba(0,0,0,1); \/* Maximum depth shadow *\/\r\n z-index: 100; \/* Extremely high z-index, always forward *\/\r\n position: relative;\r\n margin-top: -10px; \/* Pull text tighter to image *\/\r\n }\r\n\r\n .patti-earn-text span {\r\n color: #ffffff;\r\n }\r\n\r\n \/* --- Right Side: Buttons --- *\/\r\n .buttons-side {\r\n position: absolute;\r\n right: 5%;\r\n bottom: 50px; \r\n z-index: 15;\r\n display: flex;\r\n gap: 12px;\r\n }\r\n\r\n .btn {\r\n text-decoration: none;\r\n padding: 12px 25px;\r\n font-weight: bold;\r\n border-radius: 5px;\r\n font-family: sans-serif;\r\n text-transform: uppercase;\r\n font-size: 14px;\r\n transition: 0.3s;\r\n }\r\n\r\n .login-gold { background: #d4af37; color: #000; border: 2px solid #d4af37; }\r\n .reg-red { background: transparent; color: #c0392b; border: 2px solid #c0392b; }\r\n\r\n .btn:hover { transform: scale(1.05); }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"banner-wrapper\">\r\n \r\n <div class=\"actual-patti\">\r\n <div class=\"center-main-group\">\r\n <div class=\"image-animation-area\">\r\n <img decoding=\"async\" src=\"https:\/\/updownpk.pro\/wp-content\/uploads\/2026\/05\/download__1_-removebg-preview.png\" alt=\"UpDownPK Treasure\" class=\"treasure-chest-image\">\r\n \r\n <div class=\"gold-coin\" style=\"--x: -70px; --x2: -120px; animation-delay: 0s;\"><\/div>\r\n <div class=\"gold-coin\" style=\"--x: 70px; --x2: 120px; animation-delay: 0.7s;\"><\/div>\r\n <div class=\"gold-coin\" style=\"--x: -30px; --x2: -50px; animation-delay: 1.4s;\"><\/div>\r\n <div class=\"gold-coin\" style=\"--x: 30px; --x2: 50px; animation-delay: 1.9s;\"><\/div>\r\n <\/div>\r\n <p class=\"patti-earn-text\"><span>Up Down Pk<\/span> Earn<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"character-box\">\r\n <img decoding=\"async\" src=\"https:\/\/updownpk.pro\/wp-content\/uploads\/2026\/05\/download-removebg-preview.png\" alt=\"Walking UpDownPK\" class=\"updown-boy\">\r\n <\/div>\r\n\r\n <div class=\"buttons-side\">\r\n <a href=\"#\" class=\"btn reg-red\">Register<\/a>\r\n <a href=\"#\" class=\"btn login-gold\">Login<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b14089b elementor-widget elementor-widget-html\" data-id=\"b14089b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"withdrawal-toast\">\r\n <div class=\"toast-icon\">\u2713<\/div>\r\n <div class=\"toast-content\">\r\n <span class=\"toast-name\" id=\"user-name\">Loading...<\/span>\r\n <span class=\"toast-amount\">Withdrawn <b id=\"user-amount\">Rs. 0<\/b><\/span>\r\n <span class=\"toast-time\">Just now<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n #withdrawal-toast {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 20px;\r\n background: rgba(17, 17, 17, 0.98);\r\n border-left: 4px solid #d4af37;\r\n color: #fff;\r\n padding: 15px 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.8);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n z-index: 10000; \/* Isay sab se uper rakha hai *\/\r\n transform: translateX(-180%); \/* Start hidden position *\/\r\n transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n font-family: Arial, sans-serif;\r\n min-width: 260px;\r\n }\r\n\r\n #withdrawal-toast.show {\r\n transform: translateX(0);\r\n }\r\n\r\n .toast-icon {\r\n background: #2ecc71;\r\n color: white;\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n }\r\n\r\n .toast-content { display: flex; flex-direction: column; }\r\n .toast-name { font-weight: bold; color: #d4af37; font-size: 14px; }\r\n .toast-amount { font-size: 13px; color: #eee; }\r\n .toast-time { font-size: 10px; color: #888; }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const firstNames = [\"Muhammad\", \"Ali\", \"Ahmad\", \"Usman\", \"Hamza\", \"Bilal\", \"Zeeshan\", \"Umer\", \"Raza\", \"Faisal\", \"Junaid\", \"Naveed\", \"Asif\", \"Sajid\", \"Irfan\", \"Kamran\", \"Tayyab\", \"Waqas\", \"Shahid\", \"Adeel\", \"Zahid\", \"Arslan\", \"Mubashir\", \"Farhan\", \"Babar\", \"Shoaib\", \"Tanveer\", \"Salman\", \"Adnan\", \"Kashif\"];\r\n const lastNames = [\"Khan\", \"Mehmood\", \"Ahmed\", \"Raza\", \"Jatt\", \"Butt\", \"Gujjar\", \"Malik\", \"Sheikh\", \"Qureshi\", \"Ansari\", \"Siddiqui\", \"Shah\", \"Abbas\", \"Ghouri\", \"Lodhi\", \"Awan\", \"Dogar\", \"Virk\", \"Bajwa\"];\r\n\r\n function showRandomWithdrawal() {\r\n const toast = document.getElementById('withdrawal-toast');\r\n const nameElem = document.getElementById('user-name');\r\n const amountElem = document.getElementById('user-amount');\r\n\r\n if(!toast || !nameElem || !amountElem) return; \/\/ Error handling\r\n\r\n \/\/ Random Selection\r\n const randomFirstName = firstNames[Math.floor(Math.random() * firstNames.length)];\r\n const randomLastName = lastNames[Math.floor(Math.random() * lastNames.length)];\r\n \r\n let min = 150;\r\n let max = 8500;\r\n let randomAmount = Math.floor(Math.random() * (max - min + 1)) + min;\r\n\r\n \/\/ Content Update\r\n nameElem.innerText = randomFirstName + \" \" + randomLastName;\r\n amountElem.innerText = \"Rs. \" + randomAmount.toLocaleString();\r\n\r\n \/\/ Animation: Show\r\n toast.classList.add('show');\r\n\r\n \/\/ Animation: Hide after 4 seconds\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 4000);\r\n }\r\n\r\n \/\/ Har 10 seconds baad naya notification\r\n setInterval(showRandomWithdrawal, 10000);\r\n\r\n \/\/ Page load hone ke 3 seconds baad pehla notification\r\n setTimeout(showRandomWithdrawal, 3000);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f79f8b7 elementor-widget elementor-widget-html\" data-id=\"f79f8b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* --- Plans Section --- *\/\r\n .plans-wrapper {\r\n padding: 60px 5%;\r\n background: #000; \/* Pure Black background matches banner patti *\/\r\n font-family: 'Segoe UI', Arial, sans-serif;\r\n text-align: center;\r\n }\r\n\r\n .plan-heading {\r\n color: #fff;\r\n font-size: 30px;\r\n margin-bottom: 40px;\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .plan-heading span { color: #d4af37; } \/* Gold Highlight *\/\r\n\r\n .plans-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 25px;\r\n justify-content: center;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .plan-card {\r\n background: #111; \/* Slightly lighter than black *\/\r\n border: 1px solid #333;\r\n border-radius: 15px;\r\n padding: 35px 25px;\r\n width: 320px;\r\n transition: 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .plan-card:hover {\r\n border-color: #d4af37;\r\n transform: translateY(-10px);\r\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);\r\n }\r\n\r\n \/* Popular Badge for Middle Plan *\/\r\n .plan-badge {\r\n position: absolute;\r\n top: 15px;\r\n right: -30px;\r\n background: #c0392b;\r\n color: #fff;\r\n padding: 5px 35px;\r\n transform: rotate(45deg);\r\n font-size: 11px;\r\n font-weight: bold;\r\n }\r\n\r\n .plan-title { color: #d4af37; font-size: 24px; margin-bottom: 15px; font-weight: 700; }\r\n \r\n .plan-price { \r\n color: #fff; \r\n font-size: 38px; \r\n font-weight: 900; \r\n margin-bottom: 25px;\r\n border-bottom: 2px solid #222;\r\n padding-bottom: 15px;\r\n }\r\n \r\n .plan-price span { font-size: 16px; color: #d4af37; margin-left: 5px; }\r\n\r\n .plan-info { list-style: none; padding: 0; margin-bottom: 30px; text-align: left; }\r\n \r\n .plan-info li { \r\n color: #bbb; \r\n padding: 12px 0; \r\n border-bottom: 1px solid #222; \r\n font-size: 15px;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n \r\n .plan-info li b { color: #fff; font-weight: 600; }\r\n\r\n .invest-btn {\r\n display: block;\r\n width: 100%;\r\n padding: 15px;\r\n background: #d4af37; \/* Gold theme *\/\r\n color: #000;\r\n text-decoration: none;\r\n border-radius: 8px;\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: 0.3s;\r\n border: 2px solid #d4af37;\r\n }\r\n\r\n .invest-btn:hover { \r\n background: transparent; \r\n color: #d4af37; \r\n }\r\n\r\n \/* Red theme for other plans *\/\r\n .btn-red {\r\n background: #c0392b;\r\n border-color: #c0392b;\r\n color: #fff;\r\n }\r\n\r\n .btn-red:hover {\r\n background: transparent;\r\n color: #c0392b;\r\n }\r\n\r\n \/* --- User System Popup (Only for Banner Buttons) --- *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.95);\r\n display: none; \r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .auth-box {\r\n background: #111;\r\n padding: 40px;\r\n border-radius: 15px;\r\n width: 380px;\r\n border: 1px solid #d4af37;\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n .auth-box h2 { color: #d4af37; margin-bottom: 25px; font-family: 'Arial Black'; }\r\n\r\n .auth-input {\r\n width: 100%;\r\n padding: 14px;\r\n margin-bottom: 20px;\r\n background: #222;\r\n border: 1px solid #333;\r\n color: #fff;\r\n border-radius: 6px;\r\n outline: none;\r\n }\r\n\r\n .auth-input:focus { border-color: #d4af37; }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 15px; right: 20px;\r\n color: #888; font-size: 28px; cursor: pointer;\r\n }\r\n\r\n .modal-active { display: flex; }\r\n<\/style>\r\n\r\n<section class=\"plans-wrapper\">\r\n <h2 class=\"plan-heading\">Up Down Pk <span>Official Plans<\/span><\/h2>\r\n \r\n <div class=\"plans-grid\">\r\n <div class=\"plan-card\">\r\n <h3 class=\"plan-title\">Basic<\/h3>\r\n <div class=\"plan-price\">2,400<span>PKR<\/span><\/div>\r\n <ul class=\"plan-info\">\r\n <li>Daily Profit: <b>Rs. 180<\/b><\/li>\r\n <li>Total Return: <b>Rs. 5,400<\/b><\/li>\r\n <li>Validity: <b>30 Days<\/b><\/li>\r\n <li>Withdrawal: <b>Instant<\/b><\/li>\r\n <\/ul>\r\n <a href=\"your-link-here\" class=\"invest-btn btn-red\">Invest Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"plan-card\" style=\"border-color: #d4af37;\">\r\n <div class=\"plan-badge\">POPULAR<\/div>\r\n <h3 class=\"plan-title\">Standard<\/h3>\r\n <div class=\"plan-price\">5,200<span>PKR<\/span><\/div>\r\n <ul class=\"plan-info\">\r\n <li>Daily Profit: <b>Rs. 410<\/b><\/li>\r\n <li>Total Return: <b>Rs. 12,300<\/b><\/li>\r\n <li>Validity: <b>30 Days<\/b><\/li>\r\n <li>Withdrawal: <b>Instant<\/b><\/li>\r\n <\/ul>\r\n <a href=\"your-link-here\" class=\"invest-btn\">Invest Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"plan-card\">\r\n <h3 class=\"plan-title\">Premium<\/h3>\r\n <div class=\"plan-price\">7,600<span>PKR<\/span><\/div>\r\n <ul class=\"plan-info\">\r\n <li>Daily Profit: <b>Rs. 630<\/b><\/li>\r\n <li>Total Return: <b>Rs. 18,900<\/b><\/li>\r\n <li>Validity: <b>30 Days<\/b><\/li>\r\n <li>Withdrawal: <b>Instant<\/b><\/li>\r\n <\/ul>\r\n <a href=\"your-link-here\" class=\"invest-btn btn-red\">Invest Now<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div id=\"authModal\" class=\"modal-overlay\">\r\n <div class=\"auth-box\">\r\n <span class=\"close-modal\" onclick=\"closeAuth()\">×<\/span>\r\n <h2>LOGIN<\/h2>\r\n <input type=\"text\" class=\"auth-input\" placeholder=\"Phone Number \/ Email\">\r\n <input type=\"password\" class=\"auth-input\" placeholder=\"Password\">\r\n <button class=\"invest-btn\">Sign In<\/button>\r\n <p style=\"color:#666; margin-top:20px; font-size:13px;\">\r\n New to UpDownPk? <a href=\"#\" style=\"color:#d4af37; text-decoration:none;\">Create Account<\/a>\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Ye function sirf banner ke Register\/Login buttons par lagayen\r\n function openAuth() {\r\n document.getElementById('authModal').classList.add('modal-active');\r\n }\r\n\r\n function closeAuth() {\r\n document.getElementById('authModal').classList.remove('modal-active');\r\n }\r\n<\/script>\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>UpDownPK – Final Treasure Banner Up Down Pk Earn Register Login \u2713 Loading… Withdrawn Rs. 0 Just now Up Down Pk Official Plans Basic 2,400PKR Daily Profit: Rs. 180 Total … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/updownpk.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":11,"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/updownpk.pro\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/updownpk.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}