{"id":286,"date":"2026-09-28T13:47:51","date_gmt":"2026-09-28T13:47:51","guid":{"rendered":"https:\/\/c.texofts.com\/?page_id=286"},"modified":"2026-09-28T16:04:48","modified_gmt":"2026-09-28T16:04:48","slug":"payment-1","status":"publish","type":"page","link":"https:\/\/c.texofts.com\/?page_id=286","title":{"rendered":"payment 1"},"content":{"rendered":"\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\r\n\r\nJoin Our 2-Hour Live AI Workshop<\/title>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.ai-workshop {\r\n width: 100%;\r\n background: #000000;\r\n color: #ffffff;\r\n font-family: 'Inter', Arial, sans-serif;\r\n padding: 55px 20px 65px;\r\n overflow: hidden;\r\n}\r\n\r\n.ai-workshop .workshop-container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n text-align: center;\r\n}\r\n\r\n\/* TOP TEXT *\/\r\n\r\n.ai-workshop .top-description {\r\n font-size: 21px;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n margin-bottom: 12px;\r\n color: #f4f4f4;\r\n}\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.ai-workshop .main-heading {\r\n font-size: clamp(38px, 6vw, 64px);\r\n font-weight: 800;\r\n line-height: 1.04;\r\n letter-spacing: -2px;\r\n text-transform: uppercase;\r\n margin-bottom: 6px;\r\n color: #ffffff;\r\n}\r\n\r\n.ai-workshop .main-heading span {\r\n display: block;\r\n color: #a4e600;\r\n margin-top: 3px;\r\n}\r\n\r\n\/* TECH BACKGROUND BUTTONS *\/\r\n\r\n.ai-workshop .tech-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n margin: 15px auto 14px;\r\n}\r\n\r\n.ai-workshop .tech-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #a4e600;\r\n color: #000000;\r\n padding: 10px 27px;\r\n min-height: 45px;\r\n font-size: 23px;\r\n font-weight: 800;\r\n line-height: 1.3;\r\n}\r\n\r\n.ai-workshop .no-problem {\r\n font-size: 23px;\r\n font-weight: 800;\r\n color: #a4e600;\r\n}\r\n\r\n\/* SUBHEADING *\/\r\n\r\n.ai-workshop .subtitle {\r\n max-width: 850px;\r\n margin: 0 auto 23px;\r\n font-size: 21px;\r\n line-height: 1.4;\r\n font-weight: 400;\r\n color: #f1f1f1;\r\n}\r\n\r\n\/* EVENT DETAILS *\/\r\n\r\n.ai-workshop .event-details {\r\n display: flex;\r\n align-items: stretch;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n margin: 0 auto 22px;\r\n}\r\n\r\n.ai-workshop .detail-box {\r\n flex: 1;\r\n min-width: 0;\r\n min-height: 63px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n padding: 13px 14px;\r\n border: 1px solid #527900;\r\n border-radius: 20px;\r\n background: #0c0c0e;\r\n color: #ffffff;\r\n font-size: 16px;\r\n line-height: 1.4;\r\n white-space: nowrap;\r\n}\r\n\r\n.ai-workshop .detail-box svg {\r\n width: 25px;\r\n height: 25px;\r\n flex-shrink: 0;\r\n stroke: #a4e600;\r\n fill: none;\r\n stroke-width: 1.8;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n\r\n.ai-workshop .reserve-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n min-height: 53px;\r\n padding: 15px 28px;\r\n border-radius: 14px;\r\n background: #a4e600;\r\n border: 1px solid #a4e600;\r\n color: #000000 !important;\r\n text-decoration: none !important;\r\n font-family: 'Inter', Arial, sans-serif;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 1.3;\r\n cursor: pointer;\r\n transition: background 0.25s ease,\r\n border-color 0.25s ease,\r\n transform 0.25s ease;\r\n}\r\n\r\n.ai-workshop .reserve-btn span,\r\n.ai-workshop .reserve-btn svg {\r\n color: #000000 !important;\r\n stroke: #000000;\r\n}\r\n\r\n.ai-workshop .reserve-btn:hover,\r\n.ai-workshop .reserve-btn:focus,\r\n.ai-workshop .reserve-btn:active {\r\n background: #b8ff13 !important;\r\n border-color: #b8ff13 !important;\r\n color: #000000 !important;\r\n text-decoration: none !important;\r\n}\r\n\r\n.ai-workshop .reserve-btn:hover span,\r\n.ai-workshop .reserve-btn:hover svg,\r\n.ai-workshop .reserve-btn:focus span,\r\n.ai-workshop .reserve-btn:focus svg {\r\n color: #000000 !important;\r\n stroke: #000000 !important;\r\n}\r\n\r\n.ai-workshop .reserve-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n.ai-workshop .reserve-btn svg {\r\n width: 17px;\r\n height: 17px;\r\n fill: none;\r\n stroke-width: 1.8;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* VIDEO SECTION *\/\r\n\r\n.ai-workshop .video-section {\r\n position: relative;\r\n width: 100%;\r\n margin: 18px auto 20px;\r\n}\r\n\r\n.ai-workshop .video-frame {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n overflow: hidden;\r\n border-radius: 18px;\r\n background: #101010;\r\n border: 1px solid #202020;\r\n}\r\n\r\n.ai-workshop .video-frame iframe {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n inset: 0;\r\n border: 0;\r\n}\r\n\r\n.ai-workshop .video-poster {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n display: block;\r\n}\r\n\r\n.ai-workshop .video-overlay {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(0,0,0,0.18);\r\n cursor: pointer;\r\n border: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.ai-workshop .video-play {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 85px;\r\n height: 85px;\r\n background: rgba(10, 20, 0, 0.80);\r\n border: 1px solid rgba(164,230,0,0.3);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 10px rgba(164,230,0,0.08);\r\n transition: transform 0.25s ease,\r\n background 0.25s ease;\r\n}\r\n\r\n.ai-workshop .video-overlay:hover .video-play {\r\n transform: scale(1.08);\r\n background: #a4e600;\r\n}\r\n\r\n.ai-workshop .video-play svg {\r\n width: 34px;\r\n height: 34px;\r\n fill: #ffffff;\r\n stroke: #ffffff;\r\n margin-left: 5px;\r\n}\r\n\r\n.ai-workshop .video-overlay:hover .video-play svg {\r\n fill: #000000;\r\n stroke: #000000;\r\n}\r\n\r\n.ai-workshop .video-caption {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n padding: 30px 14px 13px;\r\n text-align: left;\r\n font-size: 16px;\r\n line-height: 1.4;\r\n color: #ffffff;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.85));\r\n pointer-events: none;\r\n}\r\n\r\n\/* BELOW VIDEO TEXT *\/\r\n\r\n.ai-workshop .below-video-text {\r\n max-width: 800px;\r\n margin: 18px auto 14px;\r\n color: #f1f1f1;\r\n font-size: 17px;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n}\r\n\r\n\/* BIG RESERVE BUTTON *\/\r\n\r\n.ai-workshop .reserve-btn-large {\r\n min-width: 275px;\r\n min-height: 51px;\r\n border-radius: 14px;\r\n font-size: 16px;\r\n padding: 14px 30px;\r\n}\r\n\r\n\/* LIVE NOTICE *\/\r\n\r\n.ai-workshop .live-notice {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 7px;\r\n margin: 15px auto 12px;\r\n color: #c9c9c9;\r\n font-size: 13px;\r\n line-height: 1.6;\r\n}\r\n\r\n.ai-workshop .live-dot {\r\n width: 11px;\r\n height: 11px;\r\n display: inline-block;\r\n background: #ff2538;\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 5px rgba(255,37,56,0.12);\r\n margin-right: 2px;\r\n}\r\n\r\n.ai-workshop .live-label {\r\n font-weight: 700;\r\n color: #ff2538;\r\n}\r\n\r\n\/* AVATARS *\/\r\n\r\n.ai-workshop .avatar-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 8px auto 0;\r\n}\r\n\r\n.ai-workshop .avatar {\r\n width: 35px;\r\n height: 35px;\r\n margin-left: -9px;\r\n border-radius: 50%;\r\n border: 2px solid #252525;\r\n background: #333333;\r\n overflow: hidden;\r\n}\r\n\r\n.ai-workshop .avatar:first-child {\r\n margin-left: 0;\r\n}\r\n\r\n.ai-workshop .avatar img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.ai-workshop .avatar-count {\r\n width: 37px;\r\n height: 37px;\r\n border-radius: 50%;\r\n margin-left: -7px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #ffffff;\r\n color: #000000;\r\n font-size: 10px;\r\n font-weight: 700;\r\n border: 2px solid #333333;\r\n z-index: 2;\r\n}\r\n\r\n\/* BOTTOM LINE *\/\r\n\r\n.ai-workshop .bottom-line {\r\n width: 310px;\r\n max-width: 90%;\r\n height: 1px;\r\n background: #282828;\r\n margin: 42px auto 0;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n .ai-workshop {\r\n padding: 45px 18px 50px;\r\n }\r\n\r\n .ai-workshop .top-description {\r\n font-size: 17px;\r\n }\r\n\r\n .ai-workshop .main-heading {\r\n font-size: clamp(35px, 7vw, 52px);\r\n letter-spacing: -1.5px;\r\n }\r\n\r\n .ai-workshop .tech-badge,\r\n .ai-workshop .no-problem {\r\n font-size: 19px;\r\n }\r\n\r\n .ai-workshop .subtitle {\r\n font-size: 17px;\r\n }\r\n\r\n .ai-workshop .event-details {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px;\r\n }\r\n\r\n .ai-workshop .detail-box {\r\n min-height: 58px;\r\n font-size: 14px;\r\n gap: 9px;\r\n padding: 12px 8px;\r\n border-radius: 15px;\r\n white-space: normal;\r\n }\r\n\r\n .ai-workshop .detail-box svg {\r\n width: 22px;\r\n height: 22px;\r\n }\r\n\r\n .ai-workshop .video-frame {\r\n border-radius: 13px;\r\n }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n .ai-workshop {\r\n padding: 35px 14px 40px;\r\n }\r\n\r\n .ai-workshop .top-description {\r\n font-size: 15px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .ai-workshop .main-heading {\r\n font-size: 36px;\r\n line-height: 1.08;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .ai-workshop .tech-row {\r\n gap: 7px;\r\n margin: 15px auto;\r\n }\r\n\r\n .ai-workshop .tech-badge {\r\n font-size: 16px;\r\n padding: 10px 15px;\r\n min-height: 40px;\r\n }\r\n\r\n .ai-workshop .no-problem {\r\n font-size: 16px;\r\n }\r\n\r\n .ai-workshop .subtitle {\r\n font-size: 15px;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .ai-workshop .event-details {\r\n gap: 8px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .ai-workshop .detail-box {\r\n font-size: 12px;\r\n padding: 12px 7px;\r\n gap: 7px;\r\n min-height: 55px;\r\n }\r\n\r\n .ai-workshop .detail-box svg {\r\n width: 19px;\r\n height: 19px;\r\n }\r\n\r\n .ai-workshop .reserve-btn {\r\n font-size: 15px;\r\n min-height: 48px;\r\n padding: 13px 22px;\r\n }\r\n\r\n .ai-workshop .video-section {\r\n margin-top: 20px;\r\n }\r\n\r\n .ai-workshop .video-play {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n\r\n .ai-workshop .video-play svg {\r\n width: 26px;\r\n height: 26px;\r\n }\r\n\r\n .ai-workshop .video-caption {\r\n font-size: 12px;\r\n padding: 25px 10px 10px;\r\n }\r\n\r\n .ai-workshop .below-video-text {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n }\r\n\r\n .ai-workshop .reserve-btn-large {\r\n width: 90%;\r\n min-width: 0;\r\n }\r\n\r\n .ai-workshop .live-notice {\r\n font-size: 11px;\r\n gap: 6px;\r\n }\r\n\r\n .ai-workshop .bottom-line {\r\n margin-top: 32px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ai-workshop\">\r\n\r\n<div class=\"workshop-container\">\r\n\r\n <!-- TOP TEXT -->\r\n\r\n <p class=\"top-description\">\r\n AI is changing how people work, get hired, and run businesses.\r\n <\/p>\r\n\r\n <!-- MAIN HEADING -->\r\n\r\n <h1 class=\"main-heading\">\r\n JOIN OUR 2 HOURS LIVE\r\n <span>AI WORKSHOP<\/span>\r\n <\/h1>\r\n\r\n <!-- TECH BACKGROUND -->\r\n\r\n <div class=\"tech-row\">\r\n\r\n <div class=\"tech-badge\">\r\n No Tech Background?\r\n <\/div>\r\n\r\n <div class=\"no-problem\">\r\n No Problem.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- SUBTITLE -->\r\n\r\n <p class=\"subtitle\">\r\n Learn about AI Fundamentals, AI Agents, Vibe Coding,\r\n Automation & Content Creation and much more.\r\n <\/p>\r\n\r\n <!-- EVENT DETAILS -->\r\n\r\n <div class=\"event-details\">\r\n\r\n <!-- DATE -->\r\n\r\n <div class=\"detail-box\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n <path d=\"M16 3v4M8 3v4M3 10h18\"\/>\r\n <path d=\"m8 15 2 2 5-5\"\/>\r\n <\/svg>\r\n\r\n <span>On Oct 3, 2026<\/span>\r\n\r\n <\/div>\r\n\r\n <!-- DURATION -->\r\n\r\n <div class=\"detail-box\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M5 3h14M5 21h14\"\/>\r\n <path d=\"M7 3v5l5 4-5 4v5\"\/>\r\n <path d=\"M17 3v5l-5 4 5 4v5\"\/>\r\n <\/svg>\r\n\r\n <span>2 Hours<\/span>\r\n\r\n <\/div>\r\n\r\n <!-- LIVE SESSION -->\r\n\r\n <div class=\"detail-box\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"6\" width=\"13\" height=\"12\" rx=\"2\"\/>\r\n <path d=\"m16 10 5-3v10l-5-3\"\/>\r\n <\/svg>\r\n\r\n <span>Live Session<\/span>\r\n\r\n <\/div>\r\n\r\n <!-- TIME -->\r\n\r\n <div class=\"detail-box\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <path d=\"M12 6v6l4 2\"\/>\r\n <\/svg>\r\n\r\n <span>7:00 PM PKT<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- FIRST RESERVE BUTTON -->\r\n\r\n <a href=\"https:\/\/yourwebsite.com\/reserve\"\r\n class=\"reserve-btn\"\r\n target=\"_blank\"\r\n rel=\"noopener\">\r\n\r\n <span>Reserve My Seat<\/span>\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n <!-- VIDEO SECTION -->\r\n\r\n <div class=\"video-section\">\r\n\r\n <div class=\"video-frame\" id=\"aiWorkshopVideo\">\r\n\r\n <!-- VIDEO THUMBNAIL -->\r\n\r\n <img decoding=\"async\"\r\n class=\"video-poster\"\r\n id=\"aiVideoPoster\"\r\n src=\"https:\/\/img.youtube.com\/vi\/VIDEO_ID_HERE\/maxresdefault.jpg\"\r\n alt=\"2-Hour Live AI Workshop Preview\"\r\n >\r\n\r\n <!-- PLAY BUTTON -->\r\n\r\n <button\r\n type=\"button\"\r\n class=\"video-overlay\"\r\n id=\"aiVideoPlay\"\r\n aria-label=\"Play workshop video\">\r\n\r\n <span class=\"video-play\">\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M7 4.5c0-1 1.1-1.6 2-1l12 7c.9.5.9 1.8 0 2.3l-12 7c-.9.6-2-.1-2-1.1z\"\/>\r\n <\/svg>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <!-- VIDEO CAPTION -->\r\n\r\n <div class=\"video-caption\" id=\"aiVideoCaption\">\r\n 2-Hour Live AI Workshop Preview\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- BELOW VIDEO TEXT -->\r\n\r\n <p class=\"below-video-text\">\r\n Reserve your spot in the live workshop session.\r\n Limited seats available. Trusted by 1,033+ entrepreneurs.\r\n <\/p>\r\n\r\n <!-- SECOND RESERVE BUTTON -->\r\n\r\n <a href=\"https:\/\/yourwebsite.com\/reserve\"\r\n class=\"reserve-btn reserve-btn-large\"\r\n target=\"_blank\"\r\n rel=\"noopener\">\r\n\r\n <span>Reserve My Seat<\/span>\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n <!-- LIVE NOTICE -->\r\n\r\n <div class=\"live-notice\">\r\n\r\n <span class=\"live-dot\"><\/span>\r\n\r\n <span class=\"live-label\">LIVE<\/span>\r\n\r\n <span>\r\n Only 10 seats left out of 100. Registrations closing soon.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <!-- AVATARS -->\r\n\r\n <div class=\"avatar-row\">\r\n\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/80?img=47\" alt=\"Participant\">\r\n <\/div>\r\n\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/80?img=12\" alt=\"Participant\">\r\n <\/div>\r\n\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/80?img=33\" alt=\"Participant\">\r\n <\/div>\r\n\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/80?img=44\" alt=\"Participant\">\r\n <\/div>\r\n\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/80?img=15\" alt=\"Participant\">\r\n <\/div>\r\n\r\n <div class=\"avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/80?img=60\" alt=\"Participant\">\r\n <\/div>\r\n\r\n <div class=\"avatar-count\">\r\n +1033\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- BOTTOM LINE -->\r\n\r\n <div class=\"bottom-line\"><\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n\r\n const playButton = document.getElementById(\"aiVideoPlay\");\r\n const videoFrame = document.getElementById(\"aiWorkshopVideo\");\r\n const poster = document.getElementById(\"aiVideoPoster\");\r\n const caption = document.getElementById(\"aiVideoCaption\");\r\n\r\n \/*\r\n YAHAN APNI YOUTUBE VIDEO ID LAGAYEN\r\n\r\n Example:\r\n YouTube link:\r\n https:\/\/www.youtube.com\/watch?v=ABC123xyz\r\n\r\n Video ID:\r\n ABC123xyz\r\n *\/\r\n\r\n const youtubeVideoID = \"VIDEO_ID_HERE\";\r\n\r\n playButton.addEventListener(\"click\", function () {\r\n\r\n if (\r\n !youtubeVideoID ||\r\n youtubeVideoID === \"VIDEO_ID_HERE\"\r\n ) {\r\n alert(\"Please add your YouTube video ID in the HTML code.\");\r\n return;\r\n }\r\n\r\n const iframe = document.createElement(\"iframe\");\r\n\r\n iframe.src =\r\n \"https:\/\/www.youtube.com\/embed\/\" +\r\n encodeURIComponent(youtubeVideoID) +\r\n \"?autoplay=1&rel=0\";\r\n\r\n iframe.title = \"2-Hour Live AI Workshop Preview\";\r\n\r\n iframe.setAttribute(\"allow\",\r\n \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n );\r\n\r\n iframe.setAttribute(\"allowfullscreen\", \"\");\r\n\r\n iframe.setAttribute(\"loading\", \"eager\");\r\n\r\n videoFrame.innerHTML = \"\";\r\n\r\n videoFrame.appendChild(iframe);\r\n\r\n });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3dbdf4 elementor-widget elementor-widget-html\" data-id=\"a3dbdf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"community-growth-section\">\r\n <style>\r\n .community-growth-section,\r\n .community-growth-section * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .community-growth-section {\r\n background: #000;\r\n color: #f8f8f8;\r\n font-family: Arial, Helvetica, sans-serif;\r\n width: 100%;\r\n padding: 65px 25px 70px;\r\n overflow: hidden;\r\n }\r\n\r\n .community-growth-section .cg-container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* Main Heading *\/\r\n .community-growth-section .cg-main-heading {\r\n text-align: center;\r\n font-size: clamp(30px, 3.1vw, 44px);\r\n line-height: 1.2;\r\n font-weight: 700;\r\n color: #fff;\r\n margin: 0 0 35px;\r\n letter-spacing: -1.3px;\r\n }\r\n\r\n .community-growth-section .cg-green {\r\n color: #8ce000;\r\n }\r\n\r\n \/* Main Feature Card *\/\r\n .community-growth-section .cg-feature-card {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n align-items: center;\r\n gap: 55px;\r\n padding: 55px 50px;\r\n background: #080808;\r\n border: 1px solid #292929;\r\n border-radius: 20px;\r\n width: 100%;\r\n margin-bottom: 75px;\r\n }\r\n\r\n \/* Left Content *\/\r\n .community-growth-section .cg-feature-content {\r\n min-width: 0;\r\n }\r\n\r\n .community-growth-section .cg-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: #8ce000;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin-bottom: 17px;\r\n }\r\n\r\n .community-growth-section .cg-label svg {\r\n width: 19px;\r\n height: 19px;\r\n stroke: #8ce000;\r\n flex-shrink: 0;\r\n }\r\n\r\n .community-growth-section .cg-feature-heading {\r\n font-size: clamp(36px, 4vw, 56px);\r\n line-height: 1.05;\r\n letter-spacing: -1.8px;\r\n font-weight: 800;\r\n color: #fff;\r\n margin: 0 0 20px;\r\n }\r\n\r\n .community-growth-section .cg-feature-heading span {\r\n display: block;\r\n }\r\n\r\n .community-growth-section .cg-feature-description {\r\n font-size: 20px;\r\n line-height: 1.55;\r\n font-weight: 400;\r\n color: #c5c5c5;\r\n margin: 0;\r\n max-width: 570px;\r\n }\r\n\r\n \/* Meeting Image *\/\r\n .community-growth-section .cg-meeting-image {\r\n width: 100%;\r\n height: 325px;\r\n border: 1px solid #7cae25;\r\n border-radius: 22px;\r\n overflow: hidden;\r\n background: #111;\r\n position: relative;\r\n }\r\n\r\n .community-growth-section .cg-meeting-image img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .community-growth-section .cg-meeting-image:hover img {\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* Statistics Section *\/\r\n .community-growth-section .cg-stats-heading {\r\n text-align: center;\r\n font-size: clamp(26px, 2.7vw, 38px);\r\n line-height: 1.3;\r\n font-weight: 400;\r\n color: #f4f4f4;\r\n margin: 0 auto 45px;\r\n letter-spacing: -0.8px;\r\n max-width: 1050px;\r\n }\r\n\r\n .community-growth-section .cg-stats-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n align-items: center;\r\n gap: 25px;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n }\r\n\r\n .community-growth-section .cg-stat-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n min-width: 0;\r\n }\r\n\r\n \/* Company Logos *\/\r\n .community-growth-section .cg-company-box {\r\n width: 100%;\r\n height: 155px;\r\n background: #fff;\r\n border-radius: 16px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.3s ease,\r\n box-shadow 0.3s ease;\r\n }\r\n\r\n .community-growth-section .cg-company-box:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 10px 35px rgba(140, 224, 0, 0.12);\r\n }\r\n\r\n .community-growth-section .cg-company-name {\r\n color: #080808;\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-size: clamp(35px, 4vw, 65px);\r\n font-weight: 900;\r\n line-height: 0.95;\r\n letter-spacing: -2px;\r\n text-align: center;\r\n margin: 0;\r\n }\r\n\r\n .community-growth-section .cg-company-name span {\r\n display: block;\r\n }\r\n\r\n \/* World Economic Forum *\/\r\n .community-growth-section .cg-wef-box {\r\n height: 210px;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .community-growth-section .cg-wef-name {\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: clamp(30px, 3.4vw, 49px);\r\n font-weight: 500;\r\n letter-spacing: 5px;\r\n line-height: 0.95;\r\n color: #171717;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .community-growth-section .cg-wef-name span {\r\n display: block;\r\n }\r\n\r\n .community-growth-section .cg-wef-circle {\r\n position: absolute;\r\n width: 160px;\r\n height: 95px;\r\n border: 5px solid #075b99;\r\n border-top: 0;\r\n border-left: 0;\r\n border-right: 0;\r\n border-radius: 0 0 100% 100%;\r\n bottom: -46px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n .community-growth-section .cg-wef-circle::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 70px;\r\n height: 130px;\r\n border-left: 2px solid #075b99;\r\n border-radius: 50%;\r\n transform: rotate(28deg);\r\n left: 3px;\r\n top: -75px;\r\n }\r\n\r\n \/* McKinsey *\/\r\n .community-growth-section .cg-mckinsey-name {\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-weight: 500;\r\n font-size: clamp(28px, 3vw, 43px);\r\n line-height: 1.05;\r\n letter-spacing: -1.8px;\r\n color: #142b3b;\r\n text-align: center;\r\n }\r\n\r\n .community-growth-section .cg-stat-caption {\r\n margin: 15px 0 0;\r\n color: #ff161f;\r\n font-size: clamp(17px, 1.7vw, 24px);\r\n line-height: 1.4;\r\n font-weight: 700;\r\n text-align: center;\r\n }\r\n\r\n .community-growth-section .cg-stat-caption span {\r\n display: block;\r\n }\r\n\r\n \/* Responsive Tablet *\/\r\n @media (max-width: 900px) {\r\n .community-growth-section {\r\n padding: 50px 20px;\r\n }\r\n\r\n .community-growth-section .cg-feature-card {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n padding: 35px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .community-growth-section .cg-feature-heading {\r\n font-size: 46px;\r\n }\r\n\r\n .community-growth-section .cg-feature-description {\r\n font-size: 18px;\r\n }\r\n\r\n .community-growth-section .cg-meeting-image {\r\n height: 330px;\r\n }\r\n\r\n .community-growth-section .cg-stats-grid {\r\n gap: 15px;\r\n }\r\n\r\n .community-growth-section .cg-company-box {\r\n height: 135px;\r\n padding: 12px;\r\n }\r\n\r\n .community-growth-section .cg-wef-box {\r\n height: 175px;\r\n }\r\n }\r\n\r\n \/* Responsive Mobile *\/\r\n @media (max-width: 600px) {\r\n .community-growth-section {\r\n padding: 40px 15px;\r\n }\r\n\r\n .community-growth-section .cg-main-heading {\r\n font-size: 29px;\r\n margin-bottom: 25px;\r\n letter-spacing: -0.7px;\r\n }\r\n\r\n .community-growth-section .cg-feature-card {\r\n padding: 25px 20px;\r\n gap: 25px;\r\n border-radius: 15px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .community-growth-section .cg-feature-heading {\r\n font-size: 37px;\r\n letter-spacing: -1px;\r\n line-height: 1.08;\r\n }\r\n\r\n .community-growth-section .cg-feature-description {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n }\r\n\r\n .community-growth-section .cg-meeting-image {\r\n height: 220px;\r\n border-radius: 13px;\r\n }\r\n\r\n .community-growth-section .cg-stats-heading {\r\n font-size: 25px;\r\n line-height: 1.35;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .community-growth-section .cg-stats-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 350px;\r\n gap: 35px;\r\n }\r\n\r\n .community-growth-section .cg-company-box {\r\n height: 150px;\r\n padding: 20px;\r\n }\r\n\r\n .community-growth-section .cg-company-name {\r\n font-size: 58px;\r\n }\r\n\r\n .community-growth-section .cg-wef-box {\r\n height: 195px;\r\n }\r\n\r\n .community-growth-section .cg-wef-name {\r\n font-size: 43px;\r\n }\r\n\r\n .community-growth-section .cg-mckinsey-name {\r\n font-size: 40px;\r\n }\r\n\r\n .community-growth-section .cg-stat-caption {\r\n font-size: 21px;\r\n margin-top: 12px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"cg-container\">\r\n\r\n <!-- Main Heading -->\r\n <h2 class=\"cg-main-heading\">\r\n Our <span class=\"cg-green\">Community<\/span> Is Growing Fast\r\n <\/h2>\r\n\r\n <!-- Feature Card -->\r\n <div class=\"cg-feature-card\">\r\n\r\n <!-- Left Content -->\r\n <div class=\"cg-feature-content\">\r\n\r\n <div class=\"cg-label\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke-width=\"1.8\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\r\n <path d=\"M4 21v-2a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v2\"><\/path>\r\n <\/svg>\r\n <span>GROWING FAST<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"cg-feature-heading\">\r\n <span>Then 1,033+<\/span>\r\n <span>Entrepreneurs Showed<\/span>\r\n <span>Up<\/span>\r\n <\/h3>\r\n\r\n <p class=\"cg-feature-description\">\r\n Word spread fast. Founders, marketers, and business\r\n owners started showing up after watching someone in\r\n their circle become AI-ready overnight \u2014 and wanted\r\n to know how.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <!-- Right Meeting Image -->\r\n <div class=\"cg-meeting-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fattendees-call.png&w=1920&q=75&dpl=dpl_8DCvJBzajRpi6MDehCgczrcBNqms\"\r\n alt=\"A growing community of entrepreneurs collaborating together\"\r\n loading=\"lazy\"\r\n >\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Statistics Heading -->\r\n <h3 class=\"cg-stats-heading\">\r\n Total Job Losses Predicted By Top Companies Because Of AI\r\n <\/h3>\r\n\r\n <!-- Company Statistics -->\r\n <div class=\"cg-stats-grid\">\r\n\r\n <!-- Goldman Sachs -->\r\n <div class=\"cg-stat-item\">\r\n\r\n <div class=\"cg-company-box\">\r\n <h4 class=\"cg-company-name\">\r\n <span>Goldman<\/span>\r\n <span>Sachs<\/span>\r\n <\/h4>\r\n <\/div>\r\n\r\n <p class=\"cg-stat-caption\">\r\n <span>30 Crore Job Losses<\/span>\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <!-- World Economic Forum -->\r\n <div class=\"cg-stat-item\">\r\n\r\n <div class=\"cg-company-box cg-wef-box\">\r\n\r\n <h4 class=\"cg-wef-name\">\r\n <span>WORLD<\/span>\r\n <span>ECONOMIC<\/span>\r\n <span>FORUM<\/span>\r\n <span class=\"cg-wef-circle\"><\/span>\r\n <\/h4>\r\n\r\n <\/div>\r\n\r\n <p class=\"cg-stat-caption\">\r\n <span>40 Crore Job Losses<\/span>\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <!-- McKinsey -->\r\n <div class=\"cg-stat-item\">\r\n\r\n <div class=\"cg-company-box\">\r\n <h4 class=\"cg-mckinsey-name\">\r\n McKinsey\r\n <br>\r\n & Company\r\n <\/h4>\r\n <\/div>\r\n\r\n <p class=\"cg-stat-caption\">\r\n <span>8.3 Crore Job Losses<\/span>\r\n <span>By 2027<\/span>\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74a880c elementor-widget elementor-widget-html\" data-id=\"74a880c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"ai-workshop-page\">\r\n\r\n<style>\r\n\/* ===============================\r\n GLOBAL STYLES\r\n================================ *\/\r\n.ai-workshop-page,\r\n.ai-workshop-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.ai-workshop-page {\r\n background: #000;\r\n color: #f5f5f5;\r\n font-family: Arial, Helvetica, sans-serif;\r\n width: 100%;\r\n padding: 0 20px 60px;\r\n overflow: hidden;\r\n}\r\n\r\n.ai-workshop-page .ai-container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n\r\n.ai-workshop-page .ai-green {\r\n color: #a4e600;\r\n}\r\n\r\n.ai-workshop-page a {\r\n text-decoration: none;\r\n}\r\n\r\n\/* ===============================\r\n RISE IN AI JOBS\r\n================================ *\/\r\n.ai-workshop-page .ai-rise-section {\r\n padding: 45px 0 30px;\r\n text-align: center;\r\n}\r\n\r\n.ai-workshop-page .ai-rise-title {\r\n color: #d6d6d6;\r\n font-size: 23px;\r\n font-weight: 700;\r\n margin: 0 0 22px;\r\n line-height: 1.3;\r\n}\r\n\r\n.ai-workshop-page .ai-news-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n gap: 14px;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n align-items: center;\r\n}\r\n\r\n.ai-workshop-page .ai-news-card {\r\n height: 145px;\r\n background: #fff;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n border: 1px solid #333;\r\n transition: transform .3s ease;\r\n}\r\n\r\n.ai-workshop-page .ai-news-card:hover {\r\n transform: translateY(-4px);\r\n}\r\n\r\n.ai-workshop-page .ai-news-card a {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n color: #222;\r\n}\r\n\r\n.ai-workshop-page .ai-news-card img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n object-position: center;\r\n}\r\n\r\n.ai-workshop-page .ai-news-caption {\r\n font-size: 14px;\r\n color: #bcbcbc;\r\n line-height: 1.5;\r\n margin: 17px auto 18px;\r\n text-align: center;\r\n}\r\n\r\n.ai-workshop-page .ai-join-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #a4e600;\r\n color: #101010;\r\n padding: 16px 25px;\r\n border-radius: 14px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n border: 1px solid #a4e600;\r\n cursor: pointer;\r\n transition: all .3s ease;\r\n}\r\n\r\n.ai-workshop-page .ai-join-button:hover {\r\n background: #000;\r\n color: #a4e600;\r\n border-color: #a4e600;\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* ===============================\r\n WORKSHOP AGENDA\r\n================================ *\/\r\n.ai-workshop-page .ai-agenda-section {\r\n padding: 55px 0 20px;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-heading {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-label {\r\n display: inline-block;\r\n background: #202d0b;\r\n color: #a4e600;\r\n font-size: 17px;\r\n font-weight: 800;\r\n padding: 5px 15px;\r\n border-radius: 3px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-title {\r\n color: #c9c9c9;\r\n font-size: clamp(30px, 4.5vw, 46px);\r\n font-weight: 800;\r\n line-height: 1.15;\r\n margin: 0;\r\n letter-spacing: -1px;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-title span {\r\n display: block;\r\n color: #a4e600;\r\n}\r\n\r\n\/* Agenda Cards *\/\r\n.ai-workshop-page .ai-agenda-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-card {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n gap: 15px;\r\n background: linear-gradient(\r\n 110deg,\r\n rgba(22, 31, 5, .65),\r\n rgba(0, 0, 0, .98) 70%\r\n );\r\n border: 1px solid #292929;\r\n border-radius: 15px;\r\n padding: 9px 12px;\r\n min-height: 125px;\r\n transition: border-color .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-card:hover {\r\n border-color: #526c19;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-image {\r\n width: 82px;\r\n min-width: 82px;\r\n height: 108px;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n background: #111;\r\n border: 1px solid #282828;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-image img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-content {\r\n flex: 1;\r\n min-width: 0;\r\n padding: 5px 0;\r\n}\r\n\r\n.ai-workshop-page .ai-workshop-label {\r\n color: #a4e600;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n margin: 0 0 4px;\r\n}\r\n\r\n.ai-workshop-page .ai-session-title {\r\n color: #fff;\r\n font-size: 17px;\r\n line-height: 1.3;\r\n font-weight: 800;\r\n margin: 0 0 4px;\r\n}\r\n\r\n.ai-workshop-page .ai-session-description {\r\n color: #e0e0e0;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n margin: 0 0 6px;\r\n}\r\n\r\n.ai-workshop-page .ai-instructor {\r\n display: inline-block;\r\n background: #30420d;\r\n color: #f5f5f5;\r\n font-size: 12px;\r\n padding: 4px 8px;\r\n border-radius: 3px;\r\n}\r\n\r\n.ai-workshop-page .ai-session-time {\r\n position: absolute;\r\n right: 10px;\r\n bottom: 9px;\r\n background: #a4e600;\r\n color: #000;\r\n font-size: 12px;\r\n padding: 4px 9px;\r\n border-radius: 30px;\r\n white-space: nowrap;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-toggle {\r\n position: absolute;\r\n top: 8px;\r\n right: 9px;\r\n background: #242529;\r\n color: #fff;\r\n border: 0;\r\n width: 31px;\r\n height: 31px;\r\n border-radius: 9px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n cursor: pointer;\r\n transition: background .3s ease,\r\n color .3s ease;\r\n z-index: 2;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-toggle:hover {\r\n background: #a4e600;\r\n color: #000;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-toggle svg {\r\n width: 16px;\r\n height: 16px;\r\n transition: transform .3s ease;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-card.is-open\r\n.ai-agenda-toggle svg {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.ai-workshop-page .ai-session-extra {\r\n display: none;\r\n color: #bcbcbc;\r\n font-size: 13px;\r\n line-height: 1.6;\r\n margin-top: 10px;\r\n padding: 10px 12px;\r\n border-left: 2px solid #a4e600;\r\n background: rgba(164, 230, 0, .04);\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-card.is-open\r\n.ai-session-extra {\r\n display: block;\r\n}\r\n\r\n.ai-workshop-page .ai-agenda-card.is-open {\r\n border-color: #536c20;\r\n}\r\n\r\n\/* ===============================\r\n RESERVE BUTTON\r\n================================ *\/\r\n.ai-workshop-page .ai-reserve-section {\r\n text-align: center;\r\n padding: 25px 0 40px;\r\n}\r\n\r\n.ai-workshop-page .ai-reserve-button {\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 18px;\r\n background: #a4e600;\r\n color: #000;\r\n border: 1px solid #a4e600;\r\n border-radius: 15px;\r\n padding: 15px 20px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n transition: all .3s ease;\r\n}\r\n\r\n.ai-workshop-page .ai-reserve-button:hover {\r\n background: #000;\r\n color: #a4e600;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.ai-workshop-page .ai-reserve-note {\r\n font-size: 12px;\r\n color: #b5b5b5;\r\n margin: 12px 0 0;\r\n}\r\n\r\n\/* ===============================\r\n TESTIMONIALS\r\n================================ *\/\r\n.ai-workshop-page .ai-testimonials-section {\r\n padding: 0 0 20px;\r\n}\r\n\r\n.ai-workshop-page .ai-testimonials-title {\r\n font-size: clamp(23px, 3vw, 29px);\r\n font-weight: 700;\r\n text-align: center;\r\n color: #f5f5f5;\r\n margin: 0 0 30px;\r\n line-height: 1.4;\r\n}\r\n\r\n.ai-workshop-page .ai-testimonials-title span {\r\n color: #a4e600;\r\n}\r\n\r\n.ai-workshop-page .ai-testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n max-width: 950px;\r\n margin: 0 auto;\r\n align-items: stretch;\r\n}\r\n\r\n.ai-workshop-page .ai-testimonial-card {\r\n position: relative;\r\n background: #111113;\r\n border: 1px solid #171719;\r\n border-radius: 20px;\r\n padding: 20px 22px;\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 195px;\r\n transition: transform .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n.ai-workshop-page .ai-testimonial-card:hover {\r\n transform: translateY(-4px);\r\n border-color: #364717;\r\n}\r\n\r\n.ai-workshop-page .ai-testimonial-quote {\r\n position: absolute;\r\n top: 8px;\r\n right: 10px;\r\n font-size: 25px;\r\n line-height: 1;\r\n color: #344b13;\r\n font-weight: 800;\r\n}\r\n\r\n.ai-workshop-page .ai-rating {\r\n text-align: center;\r\n color: #a4e600;\r\n font-size: 18px;\r\n letter-spacing: 2px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.ai-workshop-page .ai-rating small {\r\n color: #c7c7c7;\r\n font-size: 11px;\r\n letter-spacing: 0;\r\n margin-left: 5px;\r\n}\r\n\r\n.ai-workshop-page .ai-testimonial-text {\r\n color: #d0d0d0;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n text-align: center;\r\n margin: 0 auto 20px;\r\n max-width: 400px;\r\n flex: 1;\r\n}\r\n\r\n.ai-workshop-page .ai-testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: auto;\r\n}\r\n\r\n.ai-workshop-page .ai-author-image {\r\n width: 48px;\r\n height: 48px;\r\n min-width: 48px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n background: #242424;\r\n}\r\n\r\n.ai-workshop-page .ai-author-image img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n}\r\n\r\n.ai-workshop-page .ai-author-info {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.ai-workshop-page .ai-author-name {\r\n color: #fff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n margin: 0 0 3px;\r\n}\r\n\r\n.ai-workshop-page .ai-author-role {\r\n color: #c1c1c1;\r\n font-size: 12px;\r\n margin: 0;\r\n}\r\n\r\n.ai-workshop-page .ai-linkedin {\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: #087dbb;\r\n color: #fff;\r\n font-weight: 800;\r\n font-family: Arial, sans-serif;\r\n font-size: 16px;\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 2px;\r\n flex-shrink: 0;\r\n transition: background .3s ease;\r\n}\r\n\r\n.ai-workshop-page .ai-linkedin:hover {\r\n background: #a4e600;\r\n color: #000;\r\n}\r\n\r\n\/* Last testimonial centered *\/\r\n.ai-workshop-page .ai-testimonial-card:last-child {\r\n grid-column: 1 \/ -1;\r\n width: calc(50% - 9px);\r\n justify-self: center;\r\n}\r\n\r\n\/* ===============================\r\n TABLET\r\n================================ *\/\r\n@media (max-width: 768px) {\r\n .ai-workshop-page {\r\n padding: 0 16px 45px;\r\n }\r\n\r\n .ai-workshop-page .ai-news-grid {\r\n gap: 10px;\r\n }\r\n\r\n .ai-workshop-page .ai-news-card {\r\n height: 120px;\r\n }\r\n\r\n .ai-workshop-page .ai-agenda-section {\r\n padding-top: 45px;\r\n }\r\n\r\n .ai-workshop-page .ai-agenda-card {\r\n min-height: 120px;\r\n }\r\n\r\n .ai-workshop-page .ai-session-title {\r\n font-size: 15px;\r\n padding-right: 30px;\r\n }\r\n\r\n .ai-workshop-page .ai-session-description {\r\n font-size: 13px;\r\n }\r\n\r\n .ai-workshop-page .ai-testimonial-card {\r\n padding: 18px;\r\n }\r\n}\r\n\r\n\/* ===============================\r\n MOBILE\r\n================================ *\/\r\n@media (max-width: 550px) {\r\n .ai-workshop-page {\r\n padding: 0 12px 35px;\r\n }\r\n\r\n .ai-workshop-page .ai-rise-section {\r\n padding-top: 30px;\r\n }\r\n\r\n .ai-workshop-page .ai-rise-title {\r\n font-size: 19px;\r\n }\r\n\r\n .ai-workshop-page .ai-news-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 360px;\r\n gap: 14px;\r\n }\r\n\r\n .ai-workshop-page .ai-news-card {\r\n height: 165px;\r\n }\r\n\r\n .ai-workshop-page .ai-news-caption {\r\n font-size: 13px;\r\n max-width: 340px;\r\n }\r\n\r\n .ai-workshop-page .ai-join-button {\r\n width: 100%;\r\n max-width: 350px;\r\n font-size: 15px;\r\n padding: 15px 12px;\r\n }\r\n\r\n .ai-workshop-page .ai-agenda-section {\r\n padding-top: 40px;\r\n }\r\n\r\n .ai-workshop-page .ai-agenda-label {\r\n font-size: 14px;\r\n }\r\n\r\n .ai-workshop-page .ai-agenda-title {\r\n font-size: 30px;\r\n }\r\n\r\n .ai-workshop-page .ai-agenda-list {\r\n gap: 12px;\r\n }\r\n\r\n .ai-workshop-page .ai-agenda-card {\r\n gap: 10px;\r\n padding: 10px;\r\n min-height: 120px;\r\n align-items: flex-start;\r\n }\r\n\r\n .ai-workshop-page .ai-agenda-image {\r\n width: 65px;\r\n min-width: 65px;\r\n height: 95px;\r\n }\r\n\r\n .ai-workshop-page .ai-agenda-content {\r\n padding: 5px 0 23px;\r\n }\r\n\r\n .ai-workshop-page .ai-workshop-label {\r\n font-size: 10px;\r\n }\r\n\r\n .ai-workshop-page .ai-session-title {\r\n font-size: 13px;\r\n line-height: 1.35;\r\n padding-right: 18px;\r\n }\r\n\r\n .ai-workshop-page .ai-session-description {\r\n font-size: 12px;\r\n line-height: 1.45;\r\n }\r\n\r\n .ai-workshop-page .ai-instructor {\r\n font-size: 10px;\r\n }\r\n\r\n .ai-workshop-page .ai-session-time {\r\n right: 8px;\r\n bottom: 8px;\r\n font-size: 10px;\r\n padding: 4px 7px;\r\n }\r\n\r\n .ai-workshop-page .ai-agenda-toggle {\r\n width: 26px;\r\n height: 26px;\r\n top: 6px;\r\n right: 6px;\r\n }\r\n\r\n .ai-workshop-page .ai-reserve-section {\r\n padding: 20px 0 35px;\r\n }\r\n\r\n .ai-workshop-page .ai-reserve-button {\r\n font-size: 15px;\r\n padding: 15px 18px;\r\n }\r\n\r\n .ai-workshop-page .ai-testimonials-title {\r\n font-size: 23px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .ai-workshop-page .ai-testimonials-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n gap: 14px;\r\n }\r\n\r\n .ai-workshop-page .ai-testimonial-card {\r\n grid-column: auto !important;\r\n width: 100% !important;\r\n min-height: 180px;\r\n padding: 20px 18px;\r\n }\r\n\r\n .ai-workshop-page .ai-testimonial-text {\r\n font-size: 14px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ai-container\">\r\n\r\n <!-- ==========================\r\n AI NEWS SECTION\r\n =========================== -->\r\n <div class=\"ai-rise-section\">\r\n\r\n <h2 class=\"ai-rise-title\">\r\n RISE IN AI-RELATED JOBS\r\n <\/h2>\r\n\r\n <div class=\"ai-news-grid\">\r\n\r\n <!-- News 1 -->\r\n <div class=\"ai-news-card\">\r\n <a href=\"https:\/\/www.forbes.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fforbes-1.jpeg&w=828&q=75&dpl=dpl_8DCvJBzajRpi6MDehCgczrcBNqms\"\r\n alt=\"Forbes AI jobs news\"\r\n loading=\"lazy\">\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- News 2 -->\r\n <div class=\"ai-news-card\">\r\n <a href=\"https:\/\/www.businessinsider.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fbuniness-new.jpeg&w=828&q=75&dpl=dpl_8DCvJBzajRpi6MDehCgczrcBNqms\"\r\n alt=\"Business Insider AI news\"\r\n loading=\"lazy\">\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- News 3 -->\r\n <div class=\"ai-news-card\">\r\n <a href=\"https:\/\/www.weforum.org\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fmake-it.jpeg&w=828&q=75&dpl=dpl_8DCvJBzajRpi6MDehCgczrcBNqms\"\r\n alt=\"AI jobs World Economic Forum\"\r\n loading=\"lazy\">\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <p class=\"ai-news-caption\">\r\n Jobs are moving towards AI-enabled people.\r\n Join our 2-hour workshop and become AI-ready today.\r\n <\/p>\r\n\r\n <!-- BUTTON LINK: Replace #workshop-booking -->\r\n <a href=\"#workshop-booking\"\r\n class=\"ai-join-button\">\r\n Join the 2-Hour Workshop Now!\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- ==========================\r\n WORKSHOP AGENDA\r\n =========================== -->\r\n <div class=\"ai-agenda-section\" id=\"workshop-agenda\">\r\n\r\n <div class=\"ai-agenda-heading\">\r\n\r\n <span class=\"ai-agenda-label\">\r\n WORKSHOP AGENDA\r\n <\/span>\r\n\r\n <h2 class=\"ai-agenda-title\">\r\n 2-HOUR WORKSHOP\r\n <span>SESSION AGENDA<\/span>\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n <div class=\"ai-agenda-list\">\r\n\r\n <!-- Session 1 -->\r\n <div class=\"ai-agenda-card\">\r\n\r\n <div class=\"ai-agenda-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Ffree%2Fai-foundation.jpg&w=640&q=75&dpl=dpl_8DCvJBzajRpi6MDehCgczrcBNqms\"\r\n alt=\"AI Fundamentals instructor\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"ai-agenda-content\">\r\n\r\n <p class=\"ai-workshop-label\">\r\n AI WORKSHOP\r\n <\/p>\r\n\r\n <h3 class=\"ai-session-title\">\r\n AI FUNDAMENTALS\r\n <\/h3>\r\n\r\n <p class=\"ai-session-description\">\r\n Understand what AI actually is and learn\r\n the essential tools every professional must know.\r\n <\/p>\r\n\r\n <span class=\"ai-instructor\">\r\n Badar Munir\r\n <\/span>\r\n\r\n <div class=\"ai-session-extra\">\r\n Learn the fundamentals of artificial intelligence,\r\n discover practical AI applications, and understand\r\n how to use AI tools in your everyday workflow.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button class=\"ai-agenda-toggle\"\r\n type=\"button\"\r\n aria-label=\"Show session details\"\r\n aria-expanded=\"false\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"m6 9 6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n\r\n <span class=\"ai-session-time\">\r\n 0:00 - 0:30\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Session 2 -->\r\n <div class=\"ai-agenda-card\">\r\n\r\n <div class=\"ai-agenda-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Ffree%2Fai-foundation.jpg&w=640&q=75&dpl=dpl_8DCvJBzajRpi6MDehCgczrcBNqms\"\r\n alt=\"AI agents workshop instructor\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"ai-agenda-content\">\r\n\r\n <p class=\"ai-workshop-label\">\r\n AI WORKSHOP\r\n <\/p>\r\n\r\n <h3 class=\"ai-session-title\">\r\n AI AGENTS & MAKING MONEY\r\n <\/h3>\r\n\r\n <p class=\"ai-session-description\">\r\n Discover what AI Agents are and how they can\r\n run tasks for you automatically, 24\/7.\r\n <\/p>\r\n\r\n <span class=\"ai-instructor\">\r\n Badar Munir\r\n <\/span>\r\n\r\n <div class=\"ai-session-extra\">\r\n Explore AI automation, learn how AI agents\r\n perform repetitive tasks, and discover practical\r\n opportunities to build AI-powered workflows.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button class=\"ai-agenda-toggle\"\r\n type=\"button\"\r\n aria-label=\"Show session details\"\r\n aria-expanded=\"false\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"m6 9 6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n\r\n <span class=\"ai-session-time\">\r\n 0:30 - 1:00\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Session 3 -->\r\n <div class=\"ai-agenda-card\">\r\n\r\n <div class=\"ai-agenda-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Ffree%2Fai-foundation.jpg&w=640&q=75&dpl=dpl_8DCvJBzajRpi6MDehCgczrcBNqms\"\r\n alt=\"AI content creation instructor\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"ai-agenda-content\">\r\n\r\n <p class=\"ai-workshop-label\">\r\n AI WORKSHOP\r\n <\/p>\r\n\r\n <h3 class=\"ai-session-title\">\r\n AI CONTENT CREATION\r\n <\/h3>\r\n\r\n <p class=\"ai-session-description\">\r\n Create stunning blogs, images, and videos\r\n using AI tools on autopilot.\r\n <\/p>\r\n\r\n <span class=\"ai-instructor\">\r\n Badar Munir\r\n <\/span>\r\n\r\n <div class=\"ai-session-extra\">\r\n Discover how to create written content,\r\n generate images, and produce videos with\r\n AI-powered content creation tools.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button class=\"ai-agenda-toggle\"\r\n type=\"button\"\r\n aria-label=\"Show session details\"\r\n aria-expanded=\"false\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"m6 9 6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n\r\n <span class=\"ai-session-time\">\r\n 1:00 - 1:30\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Session 4 -->\r\n <div class=\"ai-agenda-card\">\r\n\r\n <div class=\"ai-agenda-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Ffree%2Fai-foundation.jpg&w=640&q=75&dpl=dpl_8DCvJBzajRpi6MDehCgczrcBNqms\"\r\n alt=\"Vibe coding workshop instructor\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"ai-agenda-content\">\r\n\r\n <p class=\"ai-workshop-label\">\r\n AI WORKSHOP\r\n <\/p>\r\n\r\n <h3 class=\"ai-session-title\">\r\n VIBE CODING \u2014 BUILD WITHOUT CODING\r\n <\/h3>\r\n\r\n <p class=\"ai-session-description\">\r\n The skill that's replacing traditional programming.\r\n Build apps and tools without writing code.\r\n <\/p>\r\n\r\n <span class=\"ai-instructor\">\r\n Badar Munir\r\n <\/span>\r\n\r\n <div class=\"ai-session-extra\">\r\n Learn how to use AI coding assistants to build\r\n websites, applications, and simple digital\r\n products using natural language instructions.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button class=\"ai-agenda-toggle\"\r\n type=\"button\"\r\n aria-label=\"Show session details\"\r\n aria-expanded=\"false\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"m6 9 6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n\r\n <span class=\"ai-session-time\">\r\n 1:30 - 2:00\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- ==========================\r\n RESERVE SEAT\r\n =========================== -->\r\n <div class=\"ai-reserve-section\"\r\n id=\"workshop-booking\">\r\n\r\n <!-- Replace # with your booking\/payment URL -->\r\n <a href=\"https:\/\/example.com\"\r\n class=\"ai-reserve-button\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n\r\n Reserve My Seat Now!\r\n\r\n <span aria-hidden=\"true\">\u2192<\/span>\r\n\r\n <\/a>\r\n\r\n <p class=\"ai-reserve-note\">\r\n Limited seats. Register to confirm your spot.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- ==========================\r\n TESTIMONIALS\r\n =========================== -->\r\n <div class=\"ai-testimonials-section\">\r\n\r\n <h2 class=\"ai-testimonials-title\">\r\n What our <span>workshop attendees<\/span> say\r\n <\/h2>\r\n\r\n <div class=\"ai-testimonials-grid\">\r\n\r\n <!-- Testimonial 1 -->\r\n <div class=\"ai-testimonial-card\">\r\n\r\n <span class=\"ai-testimonial-quote\">\u275e<\/span>\r\n\r\n <div class=\"ai-rating\">\r\n \u2605\u2605\u2605\u2605\u2605 <small>5.0<\/small>\r\n <\/div>\r\n\r\n <p class=\"ai-testimonial-text\">\r\n This cleared my confusion about AI completely.\r\n I finally know what to focus on.\r\n <\/p>\r\n\r\n <div class=\"ai-testimonial-author\">\r\n\r\n <div class=\"ai-author-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=150&q=80\"\r\n alt=\"Hamza Raja\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"ai-author-info\">\r\n <p class=\"ai-author-name\">Hamza Raja<\/p>\r\n <p class=\"ai-author-role\">AI Content Creator<\/p>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"ai-linkedin\"\r\n aria-label=\"Hamza Raja LinkedIn\">\r\n in\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Testimonial 2 -->\r\n <div class=\"ai-testimonial-card\">\r\n\r\n <span class=\"ai-testimonial-quote\">\u275e<\/span>\r\n\r\n <div class=\"ai-rating\">\r\n \u2605\u2605\u2605\u2605\u2605 <small>5.0<\/small>\r\n <\/div>\r\n\r\n <p class=\"ai-testimonial-text\">\r\n Simple, practical and straight to the point.\r\n Best 2 hours I've spent learning AI.\r\n <\/p>\r\n\r\n <div class=\"ai-testimonial-author\">\r\n\r\n <div class=\"ai-author-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&w=150&q=80\"\r\n alt=\"Ahmed\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"ai-author-info\">\r\n <p class=\"ai-author-name\">Ahmed<\/p>\r\n <p class=\"ai-author-role\">Entrepreneur<\/p>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"ai-linkedin\"\r\n aria-label=\"Ahmed LinkedIn\">\r\n in\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Testimonial 3 -->\r\n <div class=\"ai-testimonial-card\">\r\n\r\n <span class=\"ai-testimonial-quote\">\u275e<\/span>\r\n\r\n <div class=\"ai-rating\">\r\n \u2605\u2605\u2605\u2605\u2606 <small>4.5<\/small>\r\n <\/div>\r\n\r\n <p class=\"ai-testimonial-text\">\r\n The way AI concepts and content creation\r\n were explained was very easy to follow.\r\n <\/p>\r\n\r\n <div class=\"ai-testimonial-author\">\r\n\r\n <div class=\"ai-author-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=150&q=80\"\r\n alt=\"Noor Ahmed\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"ai-author-info\">\r\n <p class=\"ai-author-name\">Noor Ahmed<\/p>\r\n <p class=\"ai-author-role\">Content Creator<\/p>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"ai-linkedin\"\r\n aria-label=\"Noor Ahmed LinkedIn\">\r\n in\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Testimonial 4 -->\r\n <div class=\"ai-testimonial-card\">\r\n\r\n <span class=\"ai-testimonial-quote\">\u275e<\/span>\r\n\r\n <div class=\"ai-rating\">\r\n \u2605\u2605\u2605\u2605\u2605 <small>5.0<\/small>\r\n <\/div>\r\n\r\n <p class=\"ai-testimonial-text\">\r\n This gave me clarity on where AI is actually\r\n useful instead of just trends.\r\n <\/p>\r\n\r\n <div class=\"ai-testimonial-author\">\r\n\r\n <div class=\"ai-author-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=150&q=80\"\r\n alt=\"Usman Malik\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"ai-author-info\">\r\n <p class=\"ai-author-name\">Usman Malik<\/p>\r\n <p class=\"ai-author-role\">Job Holder (Marketing)<\/p>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"ai-linkedin\"\r\n aria-label=\"Usman Malik LinkedIn\">\r\n in\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Testimonial 5 -->\r\n <div class=\"ai-testimonial-card\">\r\n\r\n <span class=\"ai-testimonial-quote\">\u275e<\/span>\r\n\r\n <div class=\"ai-rating\">\r\n \u2605\u2605\u2605\u2605\u2605 <small>5.0<\/small>\r\n <\/div>\r\n\r\n <p class=\"ai-testimonial-text\">\r\n This 2-hour workshop saved me weeks of\r\n random YouTube learning.\r\n <\/p>\r\n\r\n <div class=\"ai-testimonial-author\">\r\n\r\n <div class=\"ai-author-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1517841905240-472988babdf9?auto=format&fit=crop&w=150&q=80\"\r\n alt=\"Ayesha Noor\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"ai-author-info\">\r\n <p class=\"ai-author-name\">Ayesha Noor<\/p>\r\n <p class=\"ai-author-role\">Business Student<\/p>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"ai-linkedin\"\r\n aria-label=\"Ayesha Noor LinkedIn\">\r\n in\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ==========================\r\n DROPDOWN JAVASCRIPT\r\n=========================== -->\r\n<script>\r\n(function () {\r\n\r\n function initAIWorkshop() {\r\n\r\n const section = document.querySelector(\r\n '.ai-workshop-page'\r\n );\r\n\r\n if (!section || section.dataset.initialized === 'true') {\r\n return;\r\n }\r\n\r\n section.dataset.initialized = 'true';\r\n\r\n const toggleButtons = section.querySelectorAll(\r\n '.ai-agenda-toggle'\r\n );\r\n\r\n toggleButtons.forEach(function (button) {\r\n\r\n button.addEventListener('click', function () {\r\n\r\n const card = button.closest('.ai-agenda-card');\r\n\r\n if (!card) return;\r\n\r\n const isOpen = card.classList.toggle('is-open');\r\n\r\n button.setAttribute(\r\n 'aria-expanded',\r\n isOpen ? 'true' : 'false'\r\n );\r\n\r\n button.setAttribute(\r\n 'aria-label',\r\n isOpen ? 'Hide session details' : 'Show session details'\r\n );\r\n\r\n });\r\n\r\n });\r\n\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener(\r\n 'DOMContentLoaded',\r\n initAIWorkshop\r\n );\r\n } else {\r\n initAIWorkshop();\r\n }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eed6ae9 elementor-widget elementor-widget-html\" data-id=\"eed6ae9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Aaghaz AI Institute<\/title>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n RESET\r\n========================================================= *\/\r\n\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n overflow-x: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN WRAPPER\r\n========================================================= *\/\r\n\r\n.aaghaz-page {\r\n width: 100%;\r\n background: #000;\r\n overflow: hidden;\r\n}\r\n\r\n.aaghaz-container {\r\n width: 100%;\r\n max-width: 1500px;\r\n margin: 0 auto;\r\n padding: 0 30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMMON GREEN\r\n========================================================= *\/\r\n\r\n.green {\r\n color: #b6ff00;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP SKILLS SECTION\r\n========================================================= *\/\r\n\r\n.skills-section {\r\n width: 100%;\r\n padding: 10px 0 70px;\r\n}\r\n\r\n.skills-layout {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 360px;\r\n gap: 80px;\r\n align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SKILLS LEFT\r\n========================================================= *\/\r\n\r\n.skills-left {\r\n min-width: 0;\r\n}\r\n\r\n.skills-title {\r\n font-size: 27px;\r\n font-weight: 700;\r\n margin-bottom: 28px;\r\n color: #fff;\r\n}\r\n\r\n.skills-list {\r\n margin-left: 240px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 19px;\r\n}\r\n\r\n.skill-item {\r\n color: #eeeeee;\r\n font-size: 25px;\r\n font-weight: 400;\r\n line-height: 1.25;\r\n transition: 0.25s ease;\r\n}\r\n\r\n.skill-item:hover {\r\n color: #b6ff00;\r\n transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n VIDEO CARD\r\n========================================================= *\/\r\n\r\n.video-card {\r\n position: relative;\r\n width: 100%;\r\n height: 485px;\r\n border-radius: 17px;\r\n overflow: hidden;\r\n\r\n border: 2px solid rgba(182, 255, 0, 0.45);\r\n\r\n box-shadow:\r\n 0 0 15px rgba(182, 255, 0, 0.20),\r\n 0 0 35px rgba(182, 255, 0, 0.12);\r\n\r\n background: #111;\r\n}\r\n\r\n.video-card img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n}\r\n\r\n.video-overlay {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(0,0,0,0.05);\r\n}\r\n\r\n.play-button {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 50%;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n background: rgba(255,255,255,0.92);\r\n color: #111;\r\n\r\n font-size: 25px;\r\n padding-left: 4px;\r\n\r\n cursor: pointer;\r\n transition: 0.25s ease;\r\n}\r\n\r\n.play-button:hover {\r\n transform: scale(1.1);\r\n background: #b6ff00;\r\n}\r\n\r\n.video-label {\r\n position: absolute;\r\n top: 12px;\r\n left: 13px;\r\n\r\n padding: 7px 10px;\r\n border-radius: 4px;\r\n\r\n background: rgba(20,20,20,0.85);\r\n color: #fff;\r\n\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA AREA\r\n========================================================= *\/\r\n\r\n.top-cta {\r\n width: 100%;\r\n max-width: 620px;\r\n margin: 0 auto;\r\n text-align: center;\r\n padding-top: 5px;\r\n}\r\n\r\n.free-text {\r\n font-size: 13px;\r\n color: #cfcfcf;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.cta-button {\r\n width: 100%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n min-height: 49px;\r\n padding: 13px 20px;\r\n\r\n border-radius: 15px;\r\n\r\n background: #b6ff00;\r\n color: #050505;\r\n\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n\r\n font-size: 16px;\r\n font-weight: 800;\r\n\r\n transition:\r\n transform 0.2s ease,\r\n background 0.2s ease,\r\n box-shadow 0.2s ease;\r\n}\r\n\r\n.cta-button:hover {\r\n background: #c5ff39;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 25px rgba(182,255,0,0.20);\r\n}\r\n\r\n.top-divider {\r\n width: 260px;\r\n height: 1px;\r\n background: #222;\r\n margin: 13px auto 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ABOUT SECTION\r\n========================================================= *\/\r\n\r\n.about-section {\r\n width: 100%;\r\n padding: 10px 0 55px;\r\n}\r\n\r\n.about-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 365px;\r\n gap: 75px;\r\n align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ABOUT TEXT\r\n========================================================= *\/\r\n\r\n.about-text {\r\n min-width: 0;\r\n}\r\n\r\n.about-heading {\r\n max-width: 650px;\r\n\r\n font-size: 38px;\r\n line-height: 1.02;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 25px;\r\n color: #fff;\r\n}\r\n\r\n.about-heading .green {\r\n color: #b6ff00;\r\n}\r\n\r\n.about-description {\r\n max-width: 650px;\r\n color: #d0d0d0;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.about-subheading {\r\n color: #fff;\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin: 14px 0 13px;\r\n}\r\n\r\n.about-button {\r\n width: 370px;\r\n max-width: 100%;\r\n margin-top: 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROFILE IMAGE\r\n========================================================= *\/\r\n\r\n.profile-image {\r\n width: 100%;\r\n height: 440px;\r\n\r\n border-radius: 18px;\r\n overflow: hidden;\r\n\r\n border: 3px solid rgba(182,255,0,0.42);\r\n\r\n box-shadow:\r\n 0 0 14px rgba(182,255,0,0.16),\r\n 0 0 30px rgba(182,255,0,0.08);\r\n}\r\n\r\n.profile-image img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM IMAGE GALLERY\r\n========================================================= *\/\r\n\r\n.gallery-section {\r\n width: 100%;\r\n padding: 0 10px 80px;\r\n}\r\n\r\n.gallery-grid {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GALLERY ITEM\r\n========================================================= *\/\r\n\r\n.gallery-item {\r\n position: relative;\r\n width: 100%;\r\n height: 185px;\r\n\r\n border-radius: 5px;\r\n overflow: hidden;\r\n\r\n background: #111;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n.gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n\r\n object-fit: cover;\r\n\r\n transition:\r\n transform 0.35s ease,\r\n filter 0.35s ease;\r\n}\r\n\r\n\r\n\/* DARK OVERLAY *\/\r\n\r\n.gallery-overlay {\r\n position: absolute;\r\n inset: 0;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n background: rgba(0,0,0,0);\r\n\r\n transition: 0.3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYE ICON\r\n========================================================= *\/\r\n\r\n.eye-icon {\r\n width: 55px;\r\n height: 55px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 50%;\r\n\r\n background: rgba(182,255,0,0.95);\r\n color: #000;\r\n\r\n opacity: 0;\r\n transform: scale(0.7);\r\n\r\n transition: 0.3s ease;\r\n\r\n font-size: 25px;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n.gallery-item:hover img {\r\n transform: scale(1.07);\r\n filter: brightness(0.55);\r\n}\r\n\r\n.gallery-item:hover .gallery-overlay {\r\n background: rgba(0,0,0,0.28);\r\n}\r\n\r\n.gallery-item:hover .eye-icon {\r\n opacity: 1;\r\n transform: scale(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE POPUP \/ LIGHTBOX\r\n========================================================= *\/\r\n\r\n.image-modal {\r\n position: fixed;\r\n inset: 0;\r\n\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 40px;\r\n\r\n background: rgba(0,0,0,0.92);\r\n\r\n z-index: 99999;\r\n}\r\n\r\n.image-modal.active {\r\n display: flex;\r\n}\r\n\r\n\r\n\/* POPUP IMAGE *\/\r\n\r\n.modal-image {\r\n max-width: 92vw;\r\n max-height: 88vh;\r\n\r\n object-fit: contain;\r\n\r\n border-radius: 8px;\r\n\r\n box-shadow:\r\n 0 0 30px rgba(0,0,0,0.8);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CLOSE BUTTON\r\n========================================================= *\/\r\n\r\n.modal-close {\r\n position: fixed;\r\n\r\n top: 20px;\r\n right: 25px;\r\n\r\n width: 50px;\r\n height: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border: 0;\r\n border-radius: 50%;\r\n\r\n background: #b6ff00;\r\n color: #000;\r\n\r\n font-size: 31px;\r\n line-height: 1;\r\n\r\n cursor: pointer;\r\n\r\n z-index: 100000;\r\n\r\n transition: 0.2s ease;\r\n}\r\n\r\n.modal-close:hover {\r\n background: #fff;\r\n transform: rotate(90deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MODAL ARROWS\r\n========================================================= *\/\r\n\r\n.modal-arrow {\r\n position: fixed;\r\n\r\n top: 50%;\r\n transform: translateY(-50%);\r\n\r\n width: 48px;\r\n height: 48px;\r\n\r\n border: 0;\r\n border-radius: 50%;\r\n\r\n background: rgba(255,255,255,0.1);\r\n color: #fff;\r\n\r\n font-size: 28px;\r\n\r\n cursor: pointer;\r\n\r\n z-index: 100000;\r\n\r\n transition: 0.2s ease;\r\n}\r\n\r\n.modal-arrow:hover {\r\n background: #b6ff00;\r\n color: #000;\r\n}\r\n\r\n.modal-prev {\r\n left: 22px;\r\n}\r\n\r\n.modal-next {\r\n right: 22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n .skills-layout {\r\n grid-template-columns: 1fr 320px;\r\n gap: 45px;\r\n }\r\n\r\n .skills-list {\r\n margin-left: 100px;\r\n }\r\n\r\n .about-layout {\r\n grid-template-columns: 1fr 330px;\r\n gap: 45px;\r\n }\r\n\r\n .about-heading {\r\n font-size: 34px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 800px) {\r\n\r\n .aaghaz-container {\r\n padding: 0 20px;\r\n }\r\n\r\n .skills-layout {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n\r\n .skills-title {\r\n font-size: 24px;\r\n }\r\n\r\n .skills-list {\r\n margin-left: 0;\r\n gap: 14px;\r\n }\r\n\r\n .skill-item {\r\n font-size: 22px;\r\n }\r\n\r\n .video-card {\r\n width: 300px;\r\n max-width: 100%;\r\n height: 410px;\r\n margin: 0 auto;\r\n }\r\n\r\n .top-cta {\r\n max-width: 500px;\r\n margin-top: 25px;\r\n }\r\n\r\n .about-layout {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n\r\n .about-heading {\r\n font-size: 32px;\r\n }\r\n\r\n .profile-image {\r\n width: 350px;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .gallery-item {\r\n height: 220px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 500px) {\r\n\r\n .aaghaz-container {\r\n padding: 0 15px;\r\n }\r\n\r\n .skills-section {\r\n padding-top: 10px;\r\n }\r\n\r\n .skill-item {\r\n font-size: 20px;\r\n }\r\n\r\n .video-card {\r\n height: 390px;\r\n }\r\n\r\n .about-heading {\r\n font-size: 28px;\r\n }\r\n\r\n .about-description {\r\n font-size: 14px;\r\n }\r\n\r\n .about-button {\r\n width: 100%;\r\n }\r\n\r\n .profile-image {\r\n height: 400px;\r\n }\r\n\r\n .gallery-section {\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n\r\n .gallery-item {\r\n height: 200px;\r\n }\r\n\r\n .image-modal {\r\n padding: 20px;\r\n }\r\n\r\n .modal-close {\r\n width: 44px;\r\n height: 44px;\r\n top: 12px;\r\n right: 12px;\r\n font-size: 27px;\r\n }\r\n\r\n .modal-prev {\r\n left: 8px;\r\n }\r\n\r\n .modal-next {\r\n right: 8px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<div class=\"aaghaz-page\">\r\n\r\n\r\n\r\n\r\n<!-- =====================================================\r\n ABOUT \/ BADAR SECTION\r\n====================================================== -->\r\n\r\n<section class=\"about-section\">\r\n\r\n <div class=\"about-layout\">\r\n\r\n\r\n <!-- LEFT TEXT -->\r\n\r\n <div class=\"about-text\">\r\n\r\n <h2 class=\"about-heading\">\r\n\r\n HELLO\r\n <span class=\"green\">I'M<\/span>\r\n BADAR MUNIR.<br>\r\n\r\n I\u2019VE GENERATED\r\n <span class=\"green\">$500K<\/span>\r\n IN<br>\r\n\r\n REVENUE IN THE LAST 18<br>\r\n MONTHS\r\n\r\n <\/h2>\r\n\r\n\r\n <p class=\"about-description\">\r\n\r\n Over the past 5 years, I've worked with multiple tech\r\n companies to build AI solutions and MVPs, and I've trained\r\n 15,000+ members while growing an audience of 200,000+\r\n followers in the AI and startup space.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"about-subheading\">\r\n What makes me different is simple:\r\n <\/div>\r\n\r\n\r\n <p class=\"about-description\">\r\n\r\n I'm not an old professor teaching outdated theory.\r\n I'm actively in the AI and startup game right now,\r\n learning what actually works, seeing what companies\r\n really need, and teaching the same frameworks taught\r\n at the <strong>World's Top AI and Business Schools<\/strong>\r\n into practical.\r\n\r\n <\/p>\r\n\r\n\r\n <!-- SECOND CTA -->\r\n\r\n <a\r\n href=\"https:\/\/example.com\/join\"\r\n target=\"_blank\"\r\n class=\"cta-button about-button\"\r\n >\r\n JOIN NOW AT DISCOUNT PRICE\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- RIGHT IMAGE -->\r\n\r\n <div class=\"profile-image\">\r\n\r\n <!-- APNI BADAR IMAGE YAHAN LAGAYEN -->\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fbadar-4-3.webp&w=1920&q=55&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"Badar Munir\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n BOTTOM IMAGE GALLERY\r\n====================================================== -->\r\n\r\n<section class=\"gallery-section\">\r\n\r\n <div class=\"gallery-grid\">\r\n\r\n\r\n <!-- IMAGE 1 -->\r\n\r\n <div\r\n class=\"gallery-item\"\r\n data-image=\"https:\/\/www.aaghaz.ai\/media%20platform\/insta-badar-latest.png\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/media%20platform\/insta-badar-latest.png\"\r\n alt=\"Social Media Screenshot\"\r\n >\r\n\r\n <div class=\"gallery-overlay\">\r\n\r\n <div class=\"eye-icon\">\r\n \ud83d\udc41\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- IMAGE 2 -->\r\n\r\n <div\r\n class=\"gallery-item\"\r\n data-image=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fmedia%20platform%2Flinkedin-badar-latest.png&w=640&q=50&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fmedia%20platform%2Flinkedin-badar-latest.png&w=640&q=50&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"LinkedIn Screenshot\"\r\n >\r\n\r\n <div class=\"gallery-overlay\">\r\n\r\n <div class=\"eye-icon\">\r\n \ud83d\udc41\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- IMAGE 3 -->\r\n\r\n <div\r\n class=\"gallery-item\"\r\n data-image=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fmedia%20platform%2Fyoutube-badar-latest.png&w=640&q=50&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fmedia%20platform%2Fyoutube-badar-latest.png&w=640&q=50&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"YouTube Screenshot\"\r\n >\r\n\r\n <div class=\"gallery-overlay\">\r\n\r\n <div class=\"eye-icon\">\r\n \ud83d\udc41\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n IMAGE POPUP\r\n====================================================== -->\r\n\r\n<div\r\n class=\"image-modal\"\r\n id=\"imageModal\"\r\n aria-hidden=\"true\"\r\n>\r\n\r\n\r\n <!-- CLOSE -->\r\n\r\n <button\r\n class=\"modal-close\"\r\n id=\"modalClose\"\r\n aria-label=\"Close image\"\r\n >\r\n \u00d7\r\n <\/button>\r\n\r\n\r\n <!-- PREVIOUS -->\r\n\r\n <button\r\n class=\"modal-arrow modal-prev\"\r\n id=\"modalPrev\"\r\n aria-label=\"Previous image\"\r\n >\r\n \u2039\r\n <\/button>\r\n\r\n\r\n <!-- IMAGE -->\r\n\r\n <img decoding=\"async\"\r\n src=\"\"\r\n alt=\"Full image\"\r\n class=\"modal-image\"\r\n id=\"modalImage\"\r\n >\r\n\r\n\r\n <!-- NEXT -->\r\n\r\n <button\r\n class=\"modal-arrow modal-next\"\r\n id=\"modalNext\"\r\n aria-label=\"Next image\"\r\n >\r\n \u203a\r\n <\/button>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n IMAGE POPUP \/ LIGHTBOX JAVASCRIPT\r\n========================================================= *\/\r\n\r\nconst galleryItems = document.querySelectorAll(\".gallery-item\");\r\n\r\nconst imageModal = document.getElementById(\"imageModal\");\r\n\r\nconst modalImage = document.getElementById(\"modalImage\");\r\n\r\nconst modalClose = document.getElementById(\"modalClose\");\r\n\r\nconst modalPrev = document.getElementById(\"modalPrev\");\r\n\r\nconst modalNext = document.getElementById(\"modalNext\");\r\n\r\n\r\nlet currentImageIndex = 0;\r\n\r\n\r\n\/* GET ALL IMAGE URLS *\/\r\n\r\nconst imageUrls = Array.from(galleryItems).map(function(item) {\r\n\r\n return item.getAttribute(\"data-image\");\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n OPEN IMAGE\r\n========================================================= *\/\r\n\r\nfunction openImage(index) {\r\n\r\n currentImageIndex = index;\r\n\r\n modalImage.src = imageUrls[currentImageIndex];\r\n\r\n imageModal.classList.add(\"active\");\r\n\r\n imageModal.setAttribute(\"aria-hidden\", \"false\");\r\n\r\n document.body.style.overflow = \"hidden\";\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CLOSE IMAGE\r\n========================================================= *\/\r\n\r\nfunction closeImage() {\r\n\r\n imageModal.classList.remove(\"active\");\r\n\r\n imageModal.setAttribute(\"aria-hidden\", \"true\");\r\n\r\n document.body.style.overflow = \"\";\r\n\r\n setTimeout(function() {\r\n\r\n modalImage.src = \"\";\r\n\r\n }, 200);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NEXT IMAGE\r\n========================================================= *\/\r\n\r\nfunction nextImage() {\r\n\r\n currentImageIndex++;\r\n\r\n if (currentImageIndex >= imageUrls.length) {\r\n currentImageIndex = 0;\r\n }\r\n\r\n modalImage.src = imageUrls[currentImageIndex];\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PREVIOUS IMAGE\r\n========================================================= *\/\r\n\r\nfunction previousImage() {\r\n\r\n currentImageIndex--;\r\n\r\n if (currentImageIndex < 0) {\r\n currentImageIndex = imageUrls.length - 1;\r\n }\r\n\r\n modalImage.src = imageUrls[currentImageIndex];\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GALLERY CLICK\r\n========================================================= *\/\r\n\r\ngalleryItems.forEach(function(item, index) {\r\n\r\n item.addEventListener(\"click\", function() {\r\n\r\n openImage(index);\r\n\r\n });\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n CLOSE BUTTON\r\n========================================================= *\/\r\n\r\nmodalClose.addEventListener(\"click\", function() {\r\n\r\n closeImage();\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n NEXT BUTTON\r\n========================================================= *\/\r\n\r\nmodalNext.addEventListener(\"click\", function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n nextImage();\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n PREVIOUS BUTTON\r\n========================================================= *\/\r\n\r\nmodalPrev.addEventListener(\"click\", function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n previousImage();\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n CLICK OUTSIDE IMAGE = CLOSE\r\n========================================================= *\/\r\n\r\nimageModal.addEventListener(\"click\", function(event) {\r\n\r\n if (event.target === imageModal) {\r\n\r\n closeImage();\r\n\r\n }\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n ESC = CLOSE\r\n========================================================= *\/\r\n\r\ndocument.addEventListener(\"keydown\", function(event) {\r\n\r\n if (!imageModal.classList.contains(\"active\")) {\r\n return;\r\n }\r\n\r\n if (event.key === \"Escape\") {\r\n\r\n closeImage();\r\n\r\n }\r\n\r\n if (event.key === \"ArrowRight\") {\r\n\r\n nextImage();\r\n\r\n }\r\n\r\n if (event.key === \"ArrowLeft\") {\r\n\r\n previousImage();\r\n\r\n }\r\n\r\n});\r\n\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ef6696 elementor-widget elementor-widget-html\" data-id=\"6ef6696\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"reserve-workshop-section\">\r\n <style>\r\n .reserve-workshop-section,\r\n .reserve-workshop-section * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .reserve-workshop-section {\r\n width: 100%;\r\n padding: 10px 20px 40px;\r\n background: #000;\r\n font-family: Arial, Helvetica, sans-serif;\r\n color: #fff;\r\n }\r\n\r\n .reserve-workshop-section .reserve-container {\r\n max-width: 840px;\r\n margin: 0 auto;\r\n background: #111012;\r\n border: 1px solid #425e0d;\r\n border-radius: 27px;\r\n padding: 30px;\r\n text-align: center;\r\n box-shadow: 0 0 0 1px rgba(164,230,0,.08);\r\n }\r\n\r\n \/* Limited seats badge *\/\r\n .reserve-workshop-section .reserve-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n background: #301216;\r\n color: #ff3447;\r\n padding: 12px 20px;\r\n border-radius: 50px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-badge-dot {\r\n width: 10px;\r\n height: 10px;\r\n display: inline-block;\r\n background: #ff3447;\r\n border-radius: 50%;\r\n animation: reservePulse 1.5s infinite;\r\n }\r\n\r\n @keyframes reservePulse {\r\n 0%, 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n 50% {\r\n opacity: .45;\r\n transform: scale(.8);\r\n }\r\n }\r\n\r\n \/* Heading *\/\r\n .reserve-workshop-section .reserve-heading {\r\n color: #d4d4d4;\r\n font-size: clamp(30px, 5vw, 46px);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n letter-spacing: -1px;\r\n margin: 0 0 10px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-heading span {\r\n color: #a4e600;\r\n }\r\n\r\n .reserve-workshop-section .reserve-subheading {\r\n color: #d0d0d0;\r\n font-size: clamp(16px, 2.5vw, 23px);\r\n line-height: 1.5;\r\n font-weight: 400;\r\n margin: 0 auto 50px;\r\n }\r\n\r\n \/* Register button *\/\r\n .reserve-workshop-section .reserve-register-button {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n width: 100%;\r\n min-height: 60px;\r\n padding: 16px 20px;\r\n border-radius: 25px;\r\n background: #a4e600;\r\n color: #050505;\r\n font-size: 21px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border: 1px solid #a4e600;\r\n box-shadow: 0 0 35px rgba(164,230,0,.27);\r\n overflow: hidden;\r\n transition: all .3s ease;\r\n }\r\n\r\n .reserve-workshop-section .reserve-register-button::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 60%;\r\n height: 100%;\r\n background: linear-gradient(\r\n 110deg,\r\n transparent,\r\n rgba(255,255,255,.3),\r\n transparent\r\n );\r\n transform: skewX(-20deg);\r\n transition: left .6s ease;\r\n }\r\n\r\n .reserve-workshop-section .reserve-register-button:hover::before {\r\n left: 150%;\r\n }\r\n\r\n .reserve-workshop-section .reserve-register-button:hover {\r\n background: #000;\r\n color: #a4e600;\r\n border-color: #a4e600;\r\n box-shadow: 0 0 35px rgba(164,230,0,.15);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .reserve-workshop-section .reserve-register-button > span {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .reserve-workshop-section .reserve-old-price {\r\n color: #63702e;\r\n font-size: 17px;\r\n font-weight: 400;\r\n text-decoration: line-through;\r\n }\r\n\r\n .reserve-workshop-section .reserve-new-price {\r\n font-size: 21px;\r\n font-weight: 800;\r\n white-space: nowrap;\r\n }\r\n\r\n .reserve-workshop-section .reserve-arrow {\r\n font-size: 25px;\r\n margin-left: 2px;\r\n }\r\n\r\n \/* Countdown *\/\r\n .reserve-workshop-section .reserve-timer-area {\r\n margin: 0 auto 35px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-timer-label {\r\n color: #bdbdbd;\r\n font-size: 16px;\r\n margin: 0 0 12px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-countdown {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 9px;\r\n color: #fff;\r\n font-size: 29px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n font-variant-numeric: tabular-nums;\r\n }\r\n\r\n .reserve-workshop-section .reserve-countdown span {\r\n display: inline-block;\r\n min-width: 32px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-countdown .reserve-colon {\r\n min-width: auto;\r\n color: #fff;\r\n }\r\n\r\n \/* Secure payment *\/\r\n .reserve-workshop-section .reserve-security {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n color: #c5c5c5;\r\n font-size: 16px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-security-icon {\r\n width: 19px;\r\n height: 19px;\r\n border: 1.5px solid #a4e600;\r\n color: #a4e600;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .reserve-workshop-section .reserve-security-dot {\r\n color: #a4e600;\r\n }\r\n\r\n \/* Divider *\/\r\n .reserve-workshop-section .reserve-divider {\r\n width: 100%;\r\n height: 1px;\r\n background: #303030;\r\n margin: 0 0 22px;\r\n }\r\n\r\n \/* Avatars *\/\r\n .reserve-workshop-section .reserve-social-proof {\r\n text-align: center;\r\n }\r\n\r\n .reserve-workshop-section .reserve-avatars {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding-left: 12px;\r\n margin: 0 auto 12px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-avatar {\r\n width: 49px;\r\n height: 49px;\r\n min-width: 49px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n border: 2px solid #273c4a;\r\n margin-left: -10px;\r\n background: #222;\r\n position: relative;\r\n }\r\n\r\n .reserve-workshop-section .reserve-avatar img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .reserve-workshop-section .reserve-avatar-count {\r\n width: 49px;\r\n height: 49px;\r\n min-width: 49px;\r\n border-radius: 50%;\r\n background: #fff;\r\n color: #111;\r\n border: 2px solid #273c4a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: -10px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n position: relative;\r\n z-index: 5;\r\n }\r\n\r\n .reserve-workshop-section .reserve-social-text {\r\n color: #d0d0d0;\r\n font-size: 17px;\r\n line-height: 1.5;\r\n margin: 0;\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 600px) {\r\n .reserve-workshop-section {\r\n padding: 10px 12px 30px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-container {\r\n padding: 25px 18px;\r\n border-radius: 20px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-badge {\r\n font-size: 14px;\r\n padding: 10px 15px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-heading {\r\n font-size: 31px;\r\n letter-spacing: -.6px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-subheading {\r\n font-size: 16px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-register-button {\r\n font-size: 17px;\r\n min-height: 58px;\r\n padding: 14px 10px;\r\n gap: 7px;\r\n border-radius: 18px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .reserve-workshop-section .reserve-old-price {\r\n font-size: 14px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-new-price {\r\n font-size: 17px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-arrow {\r\n font-size: 20px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-timer-label {\r\n font-size: 14px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-countdown {\r\n font-size: 27px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-security {\r\n font-size: 13px;\r\n gap: 7px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-avatar,\r\n .reserve-workshop-section .reserve-avatar-count {\r\n width: 42px;\r\n height: 42px;\r\n min-width: 42px;\r\n }\r\n\r\n .reserve-workshop-section .reserve-social-text {\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"reserve-container\">\r\n\r\n <!-- Limited Seats -->\r\n <div class=\"reserve-badge\">\r\n <span class=\"reserve-badge-dot\"><\/span>\r\n <span>Only 10 Seats Left<\/span>\r\n <\/div>\r\n\r\n <!-- Heading -->\r\n <h2 class=\"reserve-heading\">\r\n Reserve Your <span>Workshop Seat<\/span>\r\n <\/h2>\r\n\r\n <p class=\"reserve-subheading\">\r\n Join 1,000+ entrepreneurs in our power-packed\r\n 2-hour live AI session\r\n <\/p>\r\n\r\n <!-- Register Button -->\r\n <a\r\n href=\"https:\/\/example.com\"\r\n class=\"reserve-register-button\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n <span>Register Now<\/span>\r\n\r\n <span class=\"reserve-old-price\">\r\n PKR 2,999\r\n <\/span>\r\n\r\n <span class=\"reserve-new-price\">\r\n PKR 299\r\n <\/span>\r\n\r\n <span class=\"reserve-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n <!-- Countdown Timer -->\r\n <div class=\"reserve-timer-area\">\r\n\r\n <p class=\"reserve-timer-label\">\r\n This special offer ends in\r\n <\/p>\r\n\r\n <div class=\"reserve-countdown\"\r\n role=\"timer\"\r\n aria-live=\"off\">\r\n\r\n <span id=\"reserve-minutes\">04<\/span>\r\n\r\n <span class=\"reserve-colon\">:<\/span>\r\n\r\n <span id=\"reserve-seconds\">00<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Security -->\r\n <div class=\"reserve-security\">\r\n\r\n <span class=\"reserve-security-icon\">\u2713<\/span>\r\n\r\n <span>Secure Payment<\/span>\r\n\r\n <span class=\"reserve-security-dot\">\u2022<\/span>\r\n\r\n <span>Instant Access<\/span>\r\n\r\n <\/div>\r\n\r\n <!-- Divider -->\r\n <div class=\"reserve-divider\"><\/div>\r\n\r\n <!-- Registered Students -->\r\n <div class=\"reserve-social-proof\">\r\n\r\n <div class=\"reserve-avatars\">\r\n\r\n <div class=\"reserve-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=100&q=80\"\r\n alt=\"Student\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"reserve-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=100&q=80\"\r\n alt=\"Student\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"reserve-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=100&q=80\"\r\n alt=\"Student\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"reserve-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1531123897727-8f129e1688ce?auto=format&fit=crop&w=100&q=80\"\r\n alt=\"Student\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"reserve-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1501196354995-cbb51c65aaea?auto=format&fit=crop&w=100&q=80\"\r\n alt=\"Student\"\r\n loading=\"lazy\">\r\n <\/div>\r\n\r\n <div class=\"reserve-avatar-count\">\r\n +1033\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <p class=\"reserve-social-text\">\r\n Join 1,033+ students who already registered\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- =============================\r\n 4 MINUTE REPEATING TIMER\r\n ============================== -->\r\n <script>\r\n (function () {\r\n\r\n function startReserveTimer() {\r\n\r\n var section = document.querySelector(\r\n '.reserve-workshop-section'\r\n );\r\n\r\n if (!section) return;\r\n\r\n \/\/ Prevent duplicate intervals\r\n if (section.dataset.timerStarted === 'true') {\r\n return;\r\n }\r\n\r\n section.dataset.timerStarted = 'true';\r\n\r\n var minutesElement = section.querySelector(\r\n '#reserve-minutes'\r\n );\r\n\r\n var secondsElement = section.querySelector(\r\n '#reserve-seconds'\r\n );\r\n\r\n \/\/ Four minutes = 240 seconds\r\n var remainingSeconds = 4 * 60;\r\n\r\n function updateTimer() {\r\n\r\n var minutes = Math.floor(\r\n remainingSeconds \/ 60\r\n );\r\n\r\n var seconds = remainingSeconds % 60;\r\n\r\n minutesElement.textContent =\r\n String(minutes).padStart(2, '0');\r\n\r\n secondsElement.textContent =\r\n String(seconds).padStart(2, '0');\r\n\r\n }\r\n\r\n \/\/ Show initial 04:00\r\n updateTimer();\r\n\r\n \/\/ Countdown and restart continuously\r\n window.setInterval(function () {\r\n\r\n if (remainingSeconds <= 0) {\r\n\r\n \/\/ Restart at four minutes\r\n remainingSeconds = 4 * 60;\r\n\r\n } else {\r\n\r\n remainingSeconds--;\r\n\r\n }\r\n\r\n updateTimer();\r\n\r\n }, 1000);\r\n\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n\r\n document.addEventListener(\r\n 'DOMContentLoaded',\r\n startReserveTimer\r\n );\r\n\r\n } else {\r\n\r\n startReserveTimer();\r\n\r\n }\r\n\r\n })();\r\n <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9db03ea elementor-widget elementor-widget-html\" data-id=\"9db03ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Members Testimonials - Video Section<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{\r\n box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n margin:0;\r\n background:#000;\r\n color:#fff;\r\n font-family:\"Inter\",sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n MEMBERS VIDEO TESTIMONIALS SECTION\r\n========================================= *\/\r\n\r\n.members-video-section{\r\n position:relative;\r\n width:100%;\r\n padding:48px 24px 85px;\r\n background:#000;\r\n overflow:hidden;\r\n}\r\n\r\n\/* subtle green glow at bottom *\/\r\n.members-video-section::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:-180px;\r\n height:300px;\r\n pointer-events:none;\r\n background:radial-gradient(\r\n ellipse at center,\r\n rgba(70,255,0,.20) 0%,\r\n rgba(0,90,0,.10) 35%,\r\n rgba(0,0,0,0) 72%\r\n );\r\n}\r\n\r\n\/* =========================================\r\n HEADER\r\n========================================= *\/\r\n\r\n.members-video-header{\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n margin:0 auto 66px;\r\n text-align:center;\r\n}\r\n\r\n.members-video-title{\r\n margin:0;\r\n font-size:36px;\r\n line-height:1.2;\r\n letter-spacing:-1.5px;\r\n font-weight:800;\r\n color:#fff;\r\n}\r\n\r\n.members-video-title .green{\r\n color:#baff00;\r\n}\r\n\r\n.members-video-description{\r\n max-width:690px;\r\n margin:17px auto 0;\r\n color:#bcbcbc;\r\n font-size:17px;\r\n line-height:1.6;\r\n font-weight:400;\r\n}\r\n\r\n\/* =========================================\r\n VIDEO GRID\r\n========================================= *\/\r\n\r\n.members-video-grid{\r\n position:relative;\r\n z-index:2;\r\n width:100%;\r\n max-width:1350px;\r\n margin:0 auto;\r\n\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:32px;\r\n}\r\n\r\n\/* =========================================\r\n VIDEO CARD\r\n========================================= *\/\r\n\r\n.member-video-card{\r\n position:relative;\r\n overflow:hidden;\r\n\r\n background:#050505;\r\n border:1px solid #202020;\r\n border-radius:21px;\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n.member-video-card:hover{\r\n transform:translateY(-5px);\r\n border-color:#385600;\r\n box-shadow:0 15px 45px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* =========================================\r\n VIDEO AREA\r\n========================================= *\/\r\n\r\n.member-video-wrap{\r\n position:relative;\r\n width:100%;\r\n aspect-ratio:auto;\r\n height:310px;\r\n overflow:hidden;\r\n background:#111;\r\n}\r\n\r\n.member-video{\r\n display:block;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n background:#111;\r\n}\r\n\r\n\/* dark overlay *\/\r\n.member-video-wrap::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n background:linear-gradient(\r\n to bottom,\r\n rgba(0,0,0,.04),\r\n rgba(0,0,0,.18)\r\n );\r\n}\r\n\r\n\/* =========================================\r\n FEATURED BADGE\r\n========================================= *\/\r\n\r\n.featured-badge{\r\n position:absolute;\r\n z-index:4;\r\n top:13px;\r\n left:13px;\r\n\r\n padding:6px 13px;\r\n border-radius:999px;\r\n\r\n background:#baff00;\r\n color:#050505;\r\n\r\n font-size:11px;\r\n font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n PLAY BUTTON\r\n========================================= *\/\r\n\r\n.video-play{\r\n position:absolute;\r\n z-index:5;\r\n top:50%;\r\n left:50%;\r\n\r\n width:65px;\r\n height:65px;\r\n\r\n transform:translate(-50%,-50%);\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border:0;\r\n border-radius:50%;\r\n\r\n background:#baff00;\r\n color:#050505;\r\n\r\n cursor:pointer;\r\n\r\n box-shadow:0 8px 30px rgba(0,0,0,.30);\r\n\r\n transition:\r\n transform .25s ease,\r\n background .25s ease,\r\n box-shadow .25s ease;\r\n}\r\n\r\n.video-play:hover{\r\n transform:translate(-50%,-50%) scale(1.08);\r\n background:#c8ff45;\r\n box-shadow:0 10px 35px rgba(186,255,0,.20);\r\n}\r\n\r\n.video-play::before{\r\n content:\"\";\r\n margin-left:4px;\r\n\r\n width:0;\r\n height:0;\r\n\r\n border-top:10px solid transparent;\r\n border-bottom:10px solid transparent;\r\n border-left:15px solid #050505;\r\n}\r\n\r\n\/* hide custom play button after native video is playing *\/\r\n.member-video-wrap.is-playing .video-play{\r\n opacity:0;\r\n pointer-events:none;\r\n}\r\n\r\n\/* =========================================\r\n CARD CONTENT\r\n========================================= *\/\r\n\r\n.member-video-content{\r\n min-height:180px;\r\n padding:23px 24px 24px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,55,0,.70) 0%,\r\n rgba(0,24,0,.85) 100%\r\n );\r\n}\r\n\r\n.member-video-quote{\r\n margin:0 0 19px;\r\n\r\n color:#c8c8c8;\r\n font-size:15px;\r\n line-height:1.62;\r\n font-style:italic;\r\n font-weight:500;\r\n}\r\n\r\n.member-video-bottom{\r\n display:flex;\r\n align-items:flex-end;\r\n justify-content:space-between;\r\n gap:15px;\r\n}\r\n\r\n.member-name{\r\n margin:0 0 5px;\r\n color:#fff;\r\n font-size:15px;\r\n font-weight:800;\r\n}\r\n\r\n.member-role{\r\n margin:0;\r\n color:#bdbdbd;\r\n font-size:13px;\r\n line-height:1.4;\r\n}\r\n\r\n.watch-label{\r\n flex-shrink:0;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n\r\n color:#baff00;\r\n font-size:12px;\r\n font-weight:800;\r\n white-space:nowrap;\r\n}\r\n\r\n.watch-icon{\r\n width:15px;\r\n height:15px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border:1.5px solid #baff00;\r\n border-radius:50%;\r\n font-size:8px;\r\n}\r\n\r\n\/* =========================================\r\n RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n .members-video-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media(max-width:680px){\r\n\r\n .members-video-section{\r\n padding:40px 16px 65px;\r\n }\r\n\r\n .members-video-header{\r\n margin-bottom:42px;\r\n }\r\n\r\n .members-video-title{\r\n font-size:29px;\r\n letter-spacing:-1px;\r\n }\r\n\r\n .members-video-description{\r\n font-size:15px;\r\n }\r\n\r\n .members-video-grid{\r\n grid-template-columns:1fr;\r\n gap:22px;\r\n }\r\n\r\n .member-video-wrap{\r\n height:235px;\r\n }\r\n\r\n .member-video-content{\r\n min-height:auto;\r\n padding:20px;\r\n }\r\n\r\n .member-video-quote{\r\n font-size:14px;\r\n }\r\n}\r\n\r\n@media(max-width:420px){\r\n .members-video-title{\r\n font-size:26px;\r\n }\r\n\r\n .member-video-wrap{\r\n height:220px;\r\n }\r\n\r\n .video-play{\r\n width:58px;\r\n height:58px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!--\r\n ALL 10 VIDEO THUMBNAILS USE THE SAME FIRST THUMBNAIL IMAGE.\r\n To change the common thumbnail, change the first video's poster URL;\r\n all other video posters are automatically kept identical.\r\n-->\r\n\r\n<section class=\"members-video-section\" id=\"testimonials\">\r\n\r\n <!-- HEADER -->\r\n <div class=\"members-video-header\">\r\n\r\n <h2 class=\"members-video-title\">\r\n Our Members <span class=\"green\">Testimonials<\/span>\r\n <\/h2>\r\n\r\n <p class=\"members-video-description\">\r\n Discover how our AI Programs have impacted the careers and projects\r\n of our Members worldwide.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- 10 VIDEO CARDS -->\r\n <div class=\"members-video-grid\">\r\n\r\n\r\n <!-- VIDEO 01 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <span class=\"featured-badge\">Featured<\/span>\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fyash_partab_singh.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <!-- Replace this with your real video URL -->\r\n <source src=\"YOUR-VIDEO-01.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz is where ideas become real products. It's empowering youth\r\n to turn their skills into something meaningful, something that makes\r\n an impact.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Yash Pratap Singh<\/h3>\r\n <p class=\"member-role\">Business and Starting Up Coach, YouTube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 02 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fsobhan.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-02.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"What stands out about Aaghaz is how real and hands-on it is.\r\n You don't just learn here, you learn how to build startups,\r\n solve problems, and bring ideas to life.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Sobhan Tariq<\/h3>\r\n <p class=\"member-role\">YouTuber & Tech Enthusiast, YouTube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 03 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fassets%2Ftestimonials%2Flalit_singh.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-03.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz is more than a school, it's a movement. It's bringing\r\n together every smart people to build the next generation of\r\n AI startups from Asia.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Lalit Singh<\/h3>\r\n <p class=\"member-role\">Instagram Influencer, Instagram<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 04 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fshahzad.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-04.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The practical approach helped me understand AI much faster and\r\n gave me the confidence to start building my own projects.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Ayesha Khan<\/h3>\r\n <p class=\"member-role\">AI Creator, Content Creator<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 05 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fabdul_rehman.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-05.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"I came with an idea and left with a real workflow. The community\r\n and hands-on projects made the biggest difference for me.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Hamza Ali<\/h3>\r\n <p class=\"member-role\">Founder & AI Builder<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 06 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fkhalil.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-06.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The lessons are clear, practical and focused on actually doing\r\n the work instead of only watching tutorials.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Sara Ahmed<\/h3>\r\n <p class=\"member-role\">Digital Creator & Entrepreneur<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 07 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fnofah.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-07.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz helped me turn AI from something I was curious about into\r\n something I could confidently use in my business.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Usman Raza<\/h3>\r\n <p class=\"member-role\">Business Owner & AI Learner<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 08 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fabdul.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-08.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The projects gave me a portfolio I could actually show people.\r\n That changed the way I looked at my career.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Maham Noor<\/h3>\r\n <p class=\"member-role\">Product Designer & AI Enthusiast<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 09 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2FHBA_sc.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-09.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The community made learning feel collaborative. Every question\r\n became an opportunity to discover something new.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Bilal Hassan<\/h3>\r\n <p class=\"member-role\">Startup Builder & Developer<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 10 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fkashif_majeed.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-10.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"What Makes Aaghaz different is the hand-on experience you get. Badar Munir unterstands the industry and teaches AI in a way and prepares for real challenges, not just certifications.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Kashif Majeed<\/h3>\r\n <p class=\"member-role\">Tech Influencer. Youtube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\/*\r\n CUSTOM VIDEO PLAY BUTTON\r\n\r\n Each card uses a normal HTML5 <video>.\r\n Replace:\r\n YOUR-VIDEO-01.mp4\r\n YOUR-VIDEO-02.mp4\r\n ...\r\n YOUR-VIDEO-10.mp4\r\n\r\n with your actual video URLs\/files.\r\n*\/\r\n\r\ndocument.querySelectorAll(\".member-video-card\").forEach((card) => {\r\n\r\n const video = card.querySelector(\".member-video\");\r\n const playButton = card.querySelector(\".video-play\");\r\n const wrap = card.querySelector(\".member-video-wrap\");\r\n\r\n playButton.addEventListener(\"click\", () => {\r\n\r\n document.querySelectorAll(\".member-video\").forEach((otherVideo) => {\r\n if(otherVideo !== video){\r\n otherVideo.pause();\r\n\r\n const otherWrap = otherVideo.closest(\".member-video-wrap\");\r\n if(otherWrap){\r\n otherWrap.classList.remove(\"is-playing\");\r\n }\r\n }\r\n });\r\n\r\n video.play();\r\n wrap.classList.add(\"is-playing\");\r\n });\r\n\r\n video.addEventListener(\"pause\", () => {\r\n wrap.classList.remove(\"is-playing\");\r\n });\r\n\r\n video.addEventListener(\"ended\", () => {\r\n wrap.classList.remove(\"is-playing\");\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdd31a3 elementor-widget elementor-widget-html\" data-id=\"fdd31a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n WEBSITE-WIDE FIXED LEFT BOTTOM GREEN SHADOW\r\n SAME STYLE AS HERO SECTION\r\n========================================================= -->\r\n\r\n<div id=\"website-left-green-shadow\" aria-hidden=\"true\"><\/div>\r\n\r\n<style>\r\n\r\n#website-left-green-shadow{\r\n\r\n position: fixed !important;\r\n\r\n left: 0 !important;\r\n bottom: 0 !important;\r\n\r\n width: 80vw !important;\r\n height: 520px !important;\r\n\r\n \/*\r\n HERO SECTION JESA\r\n LEFT-BOTTOM GREEN GLOW\r\n *\/\r\n\r\n background:\r\n radial-gradient(\r\n ellipse at 12% 100%,\r\n\r\n rgba(0,169,20,.66) 0%,\r\n\r\n rgba(0,120,14,.47) 25%,\r\n\r\n rgba(0,70,8,.25) 48%,\r\n\r\n rgba(0,35,5,.09) 67%,\r\n\r\n transparent 82%\r\n ) !important;\r\n\r\n \/*\r\n SOFT SHADOW\r\n *\/\r\n\r\n filter: blur(25px) !important;\r\n\r\n opacity: .78 !important;\r\n\r\n \/*\r\n WEBSITE KE HAR PAGE\/SECTION\r\n KE UPAR FIXED RAHE\r\n *\/\r\n\r\n z-index: 999997 !important;\r\n\r\n pointer-events: none !important;\r\n\r\n margin: 0 !important;\r\n\r\n padding: 0 !important;\r\n\r\n transform: none !important;\r\n\r\n border: 0 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n #website-left-green-shadow{\r\n\r\n width: 80vw !important;\r\n\r\n height: 400px !important;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n #website-left-green-shadow{\r\n\r\n width: 80vw !important;\r\n\r\n height: 320px !important;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\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>Join Our 2-Hour Live AI Workshop AI is changing how people work, get hired, and run businesses. JOIN OUR 2…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=286"}],"version-history":[{"count":10,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":298,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/286\/revisions\/298"}],"wp:attachment":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}