AI Certified Expert<\/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=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n background: #000;\r\n color: #fff;\r\n font-family: \"Poppins\", sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n MAIN SECTION\r\n GREEN SHADOW REMOVED\r\n========================================= *\/\r\n\r\n.ai-program-section {\r\n width: 100%;\r\n min-height: 100vh;\r\n padding: 20px 16px 60px;\r\n overflow: hidden;\r\n position: relative;\r\n\r\n background: #000;\r\n}\r\n\r\n\/* =========================================\r\n TOP LINE\r\n========================================= *\/\r\n\r\n.top-line {\r\n text-align: center;\r\n font-size: 21px;\r\n line-height: 1.3;\r\n font-weight: 500;\r\n margin-bottom: 22px;\r\n letter-spacing: -0.7px;\r\n}\r\n\r\n.top-line strong {\r\n color: #fff;\r\n font-weight: 700;\r\n}\r\n\r\n.top-line span {\r\n color: #888;\r\n font-weight: 400;\r\n}\r\n\r\n\/* =========================================\r\n MAIN HEADING\r\n========================================= *\/\r\n\r\n.main-heading {\r\n text-align: center;\r\n text-transform: uppercase;\r\n\r\n font-size: clamp(52px, 6vw, 66px);\r\n line-height: 0.98;\r\n font-weight: 400;\r\n\r\n letter-spacing: -4px;\r\n\r\n margin: 0 auto;\r\n\r\n max-width: 1150px;\r\n}\r\n\r\n.main-heading .white {\r\n color: #fff;\r\n}\r\n\r\n.main-heading .green {\r\n color: #baff00;\r\n}\r\n\r\n\/* =========================================\r\n DESCRIPTION\r\n========================================= *\/\r\n\r\n.description {\r\n max-width: 1050px;\r\n\r\n margin: 28px auto 0;\r\n\r\n text-align: center;\r\n\r\n color: #999;\r\n\r\n font-size: 21px;\r\n line-height: 1.45;\r\n font-weight: 400;\r\n}\r\n\r\n\/* =========================================\r\n DIVIDER\r\n========================================= *\/\r\n\r\n.divider {\r\n width: 335px;\r\n max-width: 80%;\r\n\r\n height: 1px;\r\n\r\n background: rgba(255,255,255,0.20);\r\n\r\n margin: 32px auto 30px;\r\n}\r\n\r\n\/* =========================================\r\n INFO CARDS\r\n========================================= *\/\r\n\r\n.info-grid {\r\n width: 100%;\r\n max-width: 1320px;\r\n\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n\r\n grid-template-columns: repeat(3, 1fr);\r\n\r\n gap: 10px;\r\n}\r\n\r\n.info-card {\r\n min-height: 115px;\r\n\r\n border-radius: 20px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n text-align: center;\r\n\r\n background: rgba(10,10,10,0.88);\r\n\r\n border: 1px solid rgba(255,255,255,0.025);\r\n\r\n box-shadow:\r\n inset 0 0 30px rgba(255,255,255,0.015),\r\n 0 5px 30px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* First card design same, but NO green glow *\/\r\n\r\n.info-card:first-child {\r\n background:\r\n linear-gradient(\r\n 120deg,\r\n rgba(0,20,5,0.35),\r\n rgba(0,10,2,0.75)\r\n );\r\n}\r\n\r\n.info-title {\r\n color: #b9b9b9;\r\n\r\n font-size: 24px;\r\n\r\n font-weight: 500;\r\n\r\n margin-bottom: 2px;\r\n}\r\n\r\n.info-value {\r\n color: #fff;\r\n\r\n font-size: 28px;\r\n\r\n line-height: 1.25;\r\n\r\n font-weight: 600;\r\n}\r\n\r\n\/* =========================================\r\n TOOLS TITLE\r\n========================================= *\/\r\n\r\n.tools-title {\r\n text-align: center;\r\n\r\n margin-top: 48px;\r\n\r\n margin-bottom: 20px;\r\n\r\n color: #747474;\r\n\r\n font-size: 16px;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: 4px;\r\n\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* =========================================\r\n TOOLS GRID\r\n========================================= *\/\r\n\r\n.tools-grid {\r\n max-width: 1100px;\r\n\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n\r\n grid-template-columns: repeat(5, 1fr);\r\n\r\n gap: 16px;\r\n}\r\n\r\n.tool-card {\r\n height: 120px;\r\n\r\n border-radius: 20px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n\r\n border: 1px solid rgba(255,255,255,0.09);\r\n\r\n transition:\r\n transform 0.25s ease,\r\n border-color 0.25s ease,\r\n box-shadow 0.25s ease;\r\n}\r\n\r\n\/* =========================================\r\n TOOL CARD BACKGROUNDS\r\n========================================= *\/\r\n\r\n.tool-card:nth-child(1) {\r\n background: #130a0e;\r\n}\r\n\r\n.tool-card:nth-child(2) {\r\n background: #130e0d;\r\n}\r\n\r\n.tool-card:nth-child(3) {\r\n background: #110d16;\r\n}\r\n\r\n.tool-card:nth-child(4) {\r\n background: #120d0d;\r\n}\r\n\r\n.tool-card:nth-child(5) {\r\n background: #0d1015;\r\n}\r\n\r\n.tool-card:hover {\r\n transform: translateY(-5px);\r\n\r\n border-color: rgba(186,255,0,0.35);\r\n\r\n box-shadow:\r\n 0 15px 40px rgba(0,0,0,0.45);\r\n}\r\n\r\n\/* =========================================\r\n OPENCLAW\r\n========================================= *\/\r\n\r\n.openclaw-logo {\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n gap: 3px;\r\n}\r\n\r\n.claw-icon {\r\n width: 38px;\r\n height: 38px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #ff3d3d;\r\n\r\n position: relative;\r\n}\r\n\r\n.claw-icon::before,\r\n.claw-icon::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n top: -5px;\r\n\r\n width: 8px;\r\n height: 13px;\r\n\r\n background: #ff3d3d;\r\n\r\n border-radius: 6px;\r\n}\r\n\r\n.claw-icon::before {\r\n left: 8px;\r\n\r\n transform: rotate(-15deg);\r\n}\r\n\r\n.claw-icon::after {\r\n right: 8px;\r\n\r\n transform: rotate(15deg);\r\n}\r\n\r\n.openclaw-text {\r\n color: #ff5151;\r\n\r\n font-size: 23px;\r\n\r\n font-weight: 800;\r\n\r\n letter-spacing: -1.5px;\r\n}\r\n\r\n\/* =========================================\r\n CLAUDE CODE\r\n========================================= *\/\r\n\r\n.claude-code {\r\n text-align: center;\r\n\r\n color: #ed8a69;\r\n\r\n font-family: monospace;\r\n\r\n font-size: 24px;\r\n\r\n font-weight: 900;\r\n\r\n line-height: 0.85;\r\n\r\n text-shadow:\r\n 2px 2px 0 #683a2e,\r\n 3px 3px 0 #351d18;\r\n}\r\n\r\n\/* =========================================\r\n AI ICON\r\n========================================= *\/\r\n\r\n.ai-gradient-icon {\r\n width: 56px;\r\n height: 56px;\r\n\r\n border-radius: 45% 55% 55% 45%;\r\n\r\n transform: rotate(15deg);\r\n\r\n background:\r\n radial-gradient(\r\n circle at 25% 20%,\r\n #ffdb00 0%,\r\n #ff7200 22%,\r\n #f02682 48%,\r\n #7650ff 75%,\r\n #2e205f 100%\r\n );\r\n\r\n box-shadow:\r\n 0 0 25px rgba(255,70,80,0.12);\r\n}\r\n\r\n\/* =========================================\r\n WORKFLOW ICON\r\n========================================= *\/\r\n\r\n.workflow-icon {\r\n width: 64px;\r\n height: 50px;\r\n\r\n position: relative;\r\n}\r\n\r\n.workflow-icon::before,\r\n.workflow-icon::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n background: #ff6859;\r\n\r\n height: 2px;\r\n}\r\n\r\n.workflow-icon::before {\r\n width: 38px;\r\n\r\n left: 10px;\r\n\r\n top: 24px;\r\n}\r\n\r\n.workflow-icon::after {\r\n width: 25px;\r\n\r\n right: 0;\r\n\r\n top: 15px;\r\n\r\n transform: rotate(-30deg);\r\n}\r\n\r\n.node {\r\n position: absolute;\r\n\r\n width: 11px;\r\n height: 11px;\r\n\r\n border: 3px solid #ff6859;\r\n\r\n border-radius: 50%;\r\n\r\n background: #120d0d;\r\n}\r\n\r\n.node-1 {\r\n left: 2px;\r\n top: 19px;\r\n}\r\n\r\n.node-2 {\r\n left: 25px;\r\n top: 19px;\r\n}\r\n\r\n.node-3 {\r\n right: 0;\r\n top: 9px;\r\n}\r\n\r\n.node-4 {\r\n right: 0;\r\n bottom: 4px;\r\n}\r\n\r\n\/* =========================================\r\n GEMINI STYLE ICON\r\n========================================= *\/\r\n\r\n.star-icon {\r\n width: 58px;\r\n height: 58px;\r\n\r\n position: relative;\r\n\r\n transform: rotate(45deg);\r\n}\r\n\r\n.star-icon::before,\r\n.star-icon::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n left: 50%;\r\n top: 50%;\r\n\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\n.star-icon::before {\r\n width: 25px;\r\n height: 58px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #8e7cff,\r\n #3b4df1\r\n );\r\n\r\n clip-path: polygon(\r\n 50% 0%,\r\n 62% 38%,\r\n 100% 50%,\r\n 62% 62%,\r\n 50% 100%,\r\n 38% 62%,\r\n 0% 50%,\r\n 38% 38%\r\n );\r\n}\r\n\r\n.star-icon::after {\r\n width: 58px;\r\n height: 25px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n #8e7cff,\r\n #48b7ff\r\n );\r\n\r\n clip-path: polygon(\r\n 50% 0%,\r\n 62% 38%,\r\n 100% 50%,\r\n 62% 62%,\r\n 50% 100%,\r\n 38% 62%,\r\n 0% 50%,\r\n 38% 38%\r\n );\r\n}\r\n\r\n\/* =========================================\r\n TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n .top-line {\r\n font-size: 22px;\r\n }\r\n\r\n .main-heading {\r\n font-size: 60px;\r\n }\r\n\r\n .description {\r\n font-size: 21px;\r\n }\r\n\r\n .info-title {\r\n font-size: 20px;\r\n }\r\n\r\n .info-value {\r\n font-size: 23px;\r\n }\r\n\r\n .tools-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n\r\n\/* =========================================\r\n MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n .ai-program-section {\r\n padding: 25px 14px 50px;\r\n }\r\n\r\n .top-line {\r\n font-size: 16px;\r\n\r\n line-height: 1.4;\r\n }\r\n\r\n .main-heading {\r\n font-size: clamp(40px, 11vw, 62px);\r\n\r\n letter-spacing: -2px;\r\n\r\n line-height: 1;\r\n }\r\n\r\n .description {\r\n font-size: 17px;\r\n\r\n line-height: 1.5;\r\n\r\n margin-top: 22px;\r\n }\r\n\r\n .divider {\r\n margin: 25px auto;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 8px;\r\n }\r\n\r\n .info-card {\r\n min-height: 95px;\r\n }\r\n\r\n .info-title {\r\n font-size: 18px;\r\n }\r\n\r\n .info-value {\r\n font-size: 22px;\r\n }\r\n\r\n .tools-title {\r\n margin-top: 38px;\r\n\r\n font-size: 12px;\r\n\r\n letter-spacing: 3px;\r\n }\r\n\r\n .tools-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n\r\n gap: 10px;\r\n }\r\n\r\n .tool-card {\r\n height: 105px;\r\n }\r\n}\r\n\r\n\/* =========================================\r\n SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n .main-heading {\r\n font-size: 39px;\r\n }\r\n\r\n .description {\r\n font-size: 15px;\r\n }\r\n\r\n .tools-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .tool-card {\r\n height: 95px;\r\n\r\n border-radius: 15px;\r\n }\r\n\r\n .openclaw-text {\r\n font-size: 18px;\r\n }\r\n\r\n .claude-code {\r\n font-size: 19px;\r\n }\r\n\r\n .ai-gradient-icon {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n\r\n .star-icon {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ai-program-section\">\r\n\r\n \r\n\r\n <div class=\"top-line\">\r\n\r\n <strong>\r\n AI Will Replace You In The Next 12 Months...\r\n <\/strong>\r\n\r\n <span>\r\n Unless You Become The One Who Uses It\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <h1 class=\"main-heading\">\r\n\r\n <span class=\"white\">\r\n Become A\r\n <\/span>\r\n\r\n <span class=\"green\">\r\n Certified AI\r\n <\/span>\r\n\r\n <br>\r\n\r\n <span class=\"white\">\r\n Expert In\r\n <\/span>\r\n\r\n <span class=\"green\">\r\n 90 Days\r\n <\/span>\r\n\r\n <\/h1>\r\n\r\n\r\n \r\n\r\n <p class=\"description\">\r\n\r\n Master the best AI tools, use them in real life,\r\n build real solutions and then we show you how\r\n to sell AI services to high paying businesses.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"info-grid\">\r\n\r\n <div class=\"info-card\">\r\n\r\n <div class=\"info-title\">\r\n PROGRAM FORMAT\r\n <\/div>\r\n\r\n <div class=\"info-value\">\r\n 8 Modules\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"info-card\">\r\n\r\n <div class=\"info-title\">\r\n PROGRAM LENGTH\r\n <\/div>\r\n\r\n <div class=\"info-value\">\r\n 40 Hours 11 Minutes\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"info-card\">\r\n\r\n <div class=\"info-title\">\r\n TOPIC\r\n <\/div>\r\n\r\n <div class=\"info-value\">\r\n All About AI\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tools-title\">\r\n Tools You'll Master\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tools-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"tool-card\">\r\n\r\n <div class=\"openclaw-logo\">\r\n\r\n <div class=\"claw-icon\"><\/div>\r\n\r\n <div class=\"openclaw-text\">\r\n OpenClaw\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tool-card\">\r\n\r\n <div class=\"claude-code\">\r\n\r\n CLAUDE\r\n <br>\r\n CODE\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tool-card\">\r\n\r\n <div class=\"ai-gradient-icon\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tool-card\">\r\n\r\n <div class=\"workflow-icon\">\r\n\r\n <div class=\"node node-1\"><\/div>\r\n <div class=\"node node-2\"><\/div>\r\n <div class=\"node node-3\"><\/div>\r\n <div class=\"node node-4\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tool-card\">\r\n\r\n <div class=\"star-icon\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81f2058 elementor-widget elementor-widget-html\" data-id=\"81f2058\" 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>Custom Video Section<\/title>\r\n\r\n<style>\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\nbody {\r\n width: 100%;\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO SECTION\r\n GREEN BACKGROUND SHADOW REMOVED\r\n========================================= *\/\r\n\r\n.video-section {\r\n width: 100%;\r\n min-height: 100vh;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 30px 20px;\r\n\r\n background: #000;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO CONTAINER\r\n========================================= *\/\r\n\r\n.video-container {\r\n width: min(1280px, 100%);\r\n\r\n aspect-ratio: 16 \/ 9;\r\n\r\n position: relative;\r\n\r\n background: #000;\r\n\r\n overflow: hidden;\r\n\r\n border-radius: 20px;\r\n\r\n border: 1px solid rgba(255,255,255,0.16);\r\n\r\n box-shadow:\r\n 0 20px 70px rgba(0,0,0,0.55);\r\n\r\n z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO\r\n========================================= *\/\r\n\r\n.video-player {\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: block;\r\n\r\n object-fit: cover;\r\n\r\n background: #000;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO DARK OVERLAY\r\n========================================= *\/\r\n\r\n.video-overlay {\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n background: rgba(0,0,0,0.14);\r\n\r\n pointer-events: none;\r\n\r\n transition: opacity 0.25s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CENTER PLAY BUTTON\r\n========================================= *\/\r\n\r\n.center-play {\r\n position: absolute;\r\n\r\n left: 50%;\r\n top: 50%;\r\n\r\n transform: translate(-50%, -50%);\r\n\r\n width: 100px;\r\n height: 100px;\r\n\r\n border-radius: 50%;\r\n\r\n border: 7px solid #baff00;\r\n\r\n background: #fff;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n cursor: pointer;\r\n\r\n z-index: 50;\r\n\r\n padding: 0;\r\n\r\n outline: none;\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(0,0,0,0.25),\r\n 0 10px 35px rgba(0,0,0,0.45);\r\n\r\n transition:\r\n transform 0.2s ease,\r\n opacity 0.25s ease,\r\n visibility 0.25s ease;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.center-play:hover {\r\n transform:\r\n translate(-50%, -50%)\r\n scale(1.08);\r\n}\r\n\r\n\r\n\/* Play triangle *\/\r\n\r\n.center-play span {\r\n display: block;\r\n\r\n width: 0;\r\n height: 0;\r\n\r\n border-top: 15px solid transparent;\r\n border-bottom: 15px solid transparent;\r\n\r\n border-left: 23px solid #000;\r\n\r\n margin-left: 7px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n HIDE CENTER BUTTON WHEN PLAYING\r\n========================================= *\/\r\n\r\n.video-container.playing .center-play {\r\n opacity: 0;\r\n\r\n visibility: hidden;\r\n\r\n pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTROLS\r\n========================================= *\/\r\n\r\n.video-controls {\r\n position: absolute;\r\n\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n\r\n z-index: 40;\r\n\r\n padding: 0 15px 15px;\r\n\r\n opacity: 0;\r\n\r\n transform: translateY(10px);\r\n\r\n transition:\r\n opacity 0.25s ease,\r\n transform 0.25s ease;\r\n\r\n background:\r\n linear-gradient(\r\n to top,\r\n rgba(0,0,0,0.88),\r\n rgba(0,0,0,0.35),\r\n transparent\r\n );\r\n}\r\n\r\n\r\n\/* Show controls when hover *\/\r\n\r\n.video-container:hover .video-controls,\r\n\r\n.video-container.paused .video-controls,\r\n\r\n.video-container.controls-visible .video-controls {\r\n opacity: 1;\r\n\r\n transform: translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================\r\n PROGRESS AREA\r\n========================================= *\/\r\n\r\n.progress-area {\r\n width: 100%;\r\n\r\n height: 5px;\r\n\r\n background: rgba(255,255,255,0.28);\r\n\r\n border-radius: 20px;\r\n\r\n cursor: pointer;\r\n\r\n position: relative;\r\n\r\n margin-bottom: 13px;\r\n}\r\n\r\n\r\n\/* Progress *\/\r\n\r\n.progress-bar {\r\n position: absolute;\r\n\r\n left: 0;\r\n top: 0;\r\n\r\n width: 0%;\r\n\r\n height: 100%;\r\n\r\n background: #baff00;\r\n\r\n border-radius: 20px;\r\n\r\n transition: width 0.05s linear;\r\n}\r\n\r\n\r\n\/* Progress dot *\/\r\n\r\n.progress-dot {\r\n position: absolute;\r\n\r\n width: 16px;\r\n height: 16px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #baff00;\r\n\r\n right: -8px;\r\n top: 50%;\r\n\r\n transform: translateY(-50%);\r\n\r\n box-shadow:\r\n 0 0 10px rgba(186,255,0,0.45);\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTROL ROW\r\n========================================= *\/\r\n\r\n.controls-row {\r\n width: 100%;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n}\r\n\r\n\r\n\/* =========================================\r\n LEFT CONTROLS\r\n========================================= *\/\r\n\r\n.left-controls {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 9px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n RIGHT CONTROLS\r\n========================================= *\/\r\n\r\n.right-controls {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 10px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTROL BUTTONS\r\n========================================= *\/\r\n\r\n.control-btn {\r\n width: 46px;\r\n height: 46px;\r\n\r\n border: none;\r\n\r\n border-radius: 50%;\r\n\r\n background: rgba(10,10,10,0.88);\r\n\r\n color: #fff;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n cursor: pointer;\r\n\r\n outline: none;\r\n\r\n transition:\r\n background 0.2s ease,\r\n transform 0.2s ease;\r\n}\r\n\r\n\r\n.control-btn:hover {\r\n background: rgba(35,35,35,0.98);\r\n\r\n transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================\r\n PLAY ICON\r\n========================================= *\/\r\n\r\n.play-icon {\r\n display: block;\r\n\r\n width: 0;\r\n height: 0;\r\n\r\n border-top: 7px solid transparent;\r\n border-bottom: 7px solid transparent;\r\n\r\n border-left: 11px solid #fff;\r\n\r\n margin-left: 3px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n PAUSE ICON\r\n========================================= *\/\r\n\r\n.pause-icon {\r\n display: block;\r\n\r\n width: 13px;\r\n height: 16px;\r\n\r\n border-left: 4px solid #fff;\r\n border-right: 4px solid #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n REWIND ICON\r\n========================================= *\/\r\n\r\n.rewind-icon {\r\n position: relative;\r\n\r\n width: 22px;\r\n height: 22px;\r\n\r\n display: block;\r\n}\r\n\r\n\r\n.rewind-icon::before {\r\n content: \"\u21b6\";\r\n\r\n position: absolute;\r\n\r\n left: 0;\r\n top: -6px;\r\n\r\n font-size: 22px;\r\n\r\n font-weight: bold;\r\n\r\n color: #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TIME\r\n========================================= *\/\r\n\r\n.time-display {\r\n color: #fff;\r\n\r\n font-size: 14px;\r\n\r\n font-weight: 500;\r\n\r\n white-space: nowrap;\r\n\r\n min-width: 95px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n SPEED\r\n========================================= *\/\r\n\r\n.speed-wrapper {\r\n position: relative;\r\n}\r\n\r\n\r\n.speed-button {\r\n min-width: 75px;\r\n\r\n height: 44px;\r\n\r\n border: none;\r\n\r\n border-radius: 24px;\r\n\r\n background: rgba(15,15,15,0.92);\r\n\r\n color: #fff;\r\n\r\n font-size: 14px;\r\n\r\n font-weight: 600;\r\n\r\n cursor: pointer;\r\n\r\n outline: none;\r\n}\r\n\r\n\r\n.speed-button:hover {\r\n background: rgba(35,35,35,0.98);\r\n}\r\n\r\n\r\n\/* =========================================\r\n SPEED MENU\r\n========================================= *\/\r\n\r\n.speed-menu {\r\n position: absolute;\r\n\r\n right: 0;\r\n\r\n bottom: 54px;\r\n\r\n width: 115px;\r\n\r\n padding: 7px;\r\n\r\n border-radius: 12px;\r\n\r\n background: rgba(12,12,12,0.98);\r\n\r\n border: 1px solid rgba(255,255,255,0.12);\r\n\r\n box-shadow:\r\n 0 10px 35px rgba(0,0,0,0.55);\r\n\r\n display: none;\r\n}\r\n\r\n\r\n.speed-menu.active {\r\n display: block;\r\n}\r\n\r\n\r\n.speed-option {\r\n width: 100%;\r\n\r\n padding: 9px 10px;\r\n\r\n border: none;\r\n\r\n border-radius: 7px;\r\n\r\n background: transparent;\r\n\r\n color: #fff;\r\n\r\n text-align: left;\r\n\r\n font-size: 13px;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n\r\n.speed-option:hover,\r\n.speed-option.active {\r\n background: rgba(186,255,0,0.15);\r\n\r\n color: #baff00;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VOLUME\r\n========================================= *\/\r\n\r\n.volume-area {\r\n height: 44px;\r\n\r\n padding: 0 12px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 9px;\r\n\r\n background: rgba(15,15,15,0.9);\r\n\r\n border-radius: 24px;\r\n}\r\n\r\n\r\n.volume-icon {\r\n font-size: 17px;\r\n\r\n line-height: 1;\r\n}\r\n\r\n\r\n.volume-slider {\r\n width: 95px;\r\n\r\n height: 4px;\r\n\r\n accent-color: #baff00;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n\r\n\/* =========================================\r\n FULLSCREEN\r\n========================================= *\/\r\n\r\n.fullscreen-icon {\r\n width: 17px;\r\n height: 17px;\r\n\r\n border: 2px solid #fff;\r\n\r\n position: relative;\r\n}\r\n\r\n\r\n.fullscreen-icon::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 8px;\r\n height: 8px;\r\n\r\n right: -3px;\r\n bottom: -3px;\r\n\r\n background: #0a0a0a;\r\n\r\n border-left: 2px solid #fff;\r\n border-top: 2px solid #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n .video-section {\r\n padding: 20px 12px;\r\n }\r\n\r\n .video-container {\r\n border-radius: 15px;\r\n }\r\n\r\n .center-play {\r\n width: 75px;\r\n height: 75px;\r\n\r\n border-width: 5px;\r\n }\r\n\r\n .center-play span {\r\n border-top-width: 11px;\r\n border-bottom-width: 11px;\r\n border-left-width: 17px;\r\n }\r\n\r\n .video-controls {\r\n padding:\r\n 0\r\n 10px\r\n 10px;\r\n }\r\n\r\n .progress-area {\r\n margin-bottom: 8px;\r\n }\r\n\r\n .control-btn {\r\n width: 38px;\r\n height: 38px;\r\n }\r\n\r\n .time-display {\r\n font-size: 11px;\r\n\r\n min-width: 78px;\r\n }\r\n\r\n .speed-button {\r\n height: 38px;\r\n\r\n min-width: 58px;\r\n\r\n font-size: 12px;\r\n }\r\n\r\n .volume-area {\r\n height: 38px;\r\n\r\n padding: 0 9px;\r\n }\r\n\r\n .volume-slider {\r\n width: 60px;\r\n }\r\n\r\n .right-controls {\r\n gap: 5px;\r\n }\r\n\r\n .left-controls {\r\n gap: 5px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================\r\n SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .video-section {\r\n padding: 15px 8px;\r\n }\r\n\r\n .video-container {\r\n border-radius: 12px;\r\n }\r\n\r\n .center-play {\r\n width: 62px;\r\n height: 62px;\r\n\r\n border-width: 4px;\r\n }\r\n\r\n .center-play span {\r\n border-top-width: 9px;\r\n border-bottom-width: 9px;\r\n border-left-width: 14px;\r\n }\r\n\r\n .control-btn {\r\n width: 34px;\r\n height: 34px;\r\n }\r\n\r\n .time-display {\r\n font-size: 10px;\r\n\r\n min-width: 70px;\r\n }\r\n\r\n .volume-area {\r\n display: none;\r\n }\r\n\r\n .speed-button {\r\n min-width: 52px;\r\n\r\n height: 34px;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .fullscreen-icon {\r\n transform: scale(0.8);\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\r\n\r\n<section class=\"video-section\">\r\n\r\n <div\r\n class=\"video-container paused\"\r\n id=\"videoContainer\"\r\n >\r\n\r\n\r\n \r\n\r\n <video\r\n class=\"video-player\"\r\n id=\"videoPlayer\"\r\n preload=\"metadata\"\r\n playsinline\r\n >\r\n\r\n \r\n\r\n <source\r\n src=\"https:\/\/interactive-examples.mdn.mozilla.net\/media\/cc0-videos\/flower.mp4\"\r\n type=\"video\/mp4\"\r\n >\r\n\r\n Your browser does not support HTML5 video.\r\n\r\n <\/video>\r\n\r\n\r\n \r\n\r\n <div class=\"video-overlay\"><\/div>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"center-play\"\r\n id=\"centerPlay\"\r\n aria-label=\"Play video\"\r\n >\r\n\r\n <span><\/span>\r\n\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"video-controls\"\r\n id=\"videoControls\"\r\n >\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"progress-area\"\r\n id=\"progressArea\"\r\n >\r\n\r\n <div\r\n class=\"progress-bar\"\r\n id=\"progressBar\"\r\n >\r\n\r\n <div class=\"progress-dot\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"controls-row\">\r\n\r\n\r\n \r\n\r\n <div class=\"left-controls\">\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"control-btn\"\r\n id=\"playPauseBtn\"\r\n title=\"Play \/ Pause\"\r\n >\r\n\r\n <span\r\n class=\"play-icon\"\r\n id=\"playPauseIcon\"\r\n ><\/span>\r\n\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"control-btn\"\r\n id=\"rewindBtn\"\r\n title=\"Rewind 10 seconds\"\r\n >\r\n\r\n <span class=\"rewind-icon\"><\/span>\r\n\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <div class=\"time-display\">\r\n\r\n <span id=\"currentTime\">\r\n 00:00\r\n <\/span>\r\n\r\n \/\r\n\r\n <span id=\"duration\">\r\n 00:00\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"right-controls\">\r\n\r\n\r\n \r\n\r\n <div class=\"speed-wrapper\">\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-button\"\r\n id=\"speedButton\"\r\n >\r\n 1x\r\n <\/button>\r\n\r\n\r\n <div\r\n class=\"speed-menu\"\r\n id=\"speedMenu\"\r\n >\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option\"\r\n data-speed=\"0.5\"\r\n >\r\n 0.5x\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option\"\r\n data-speed=\"0.75\"\r\n >\r\n 0.75x\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option active\"\r\n data-speed=\"1\"\r\n >\r\n 1x\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option\"\r\n data-speed=\"1.25\"\r\n >\r\n 1.25x\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option\"\r\n data-speed=\"1.5\"\r\n >\r\n 1.5x\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option\"\r\n data-speed=\"2\"\r\n >\r\n 2x\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"volume-area\">\r\n\r\n <span\r\n class=\"volume-icon\"\r\n id=\"volumeIcon\"\r\n >\r\n \ud83d\udd0a\r\n <\/span>\r\n\r\n <input\r\n type=\"range\"\r\n class=\"volume-slider\"\r\n id=\"volumeSlider\"\r\n min=\"0\"\r\n max=\"1\"\r\n step=\"0.01\"\r\n value=\"1\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"control-btn\"\r\n id=\"fullscreenBtn\"\r\n title=\"Fullscreen\"\r\n >\r\n\r\n <span\r\n class=\"fullscreen-icon\"\r\n ><\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================\r\n ELEMENTS\r\n========================================= *\/\r\n\r\nconst videoContainer =\r\n document.getElementById(\"videoContainer\");\r\n\r\nconst video =\r\n document.getElementById(\"videoPlayer\");\r\n\r\nconst centerPlay =\r\n document.getElementById(\"centerPlay\");\r\n\r\nconst playPauseBtn =\r\n document.getElementById(\"playPauseBtn\");\r\n\r\nconst playPauseIcon =\r\n document.getElementById(\"playPauseIcon\");\r\n\r\nconst rewindBtn =\r\n document.getElementById(\"rewindBtn\");\r\n\r\nconst progressArea =\r\n document.getElementById(\"progressArea\");\r\n\r\nconst progressBar =\r\n document.getElementById(\"progressBar\");\r\n\r\nconst currentTime =\r\n document.getElementById(\"currentTime\");\r\n\r\nconst duration =\r\n document.getElementById(\"duration\");\r\n\r\nconst speedButton =\r\n document.getElementById(\"speedButton\");\r\n\r\nconst speedMenu =\r\n document.getElementById(\"speedMenu\");\r\n\r\nconst volumeSlider =\r\n document.getElementById(\"volumeSlider\");\r\n\r\nconst volumeIcon =\r\n document.getElementById(\"volumeIcon\");\r\n\r\nconst fullscreenBtn =\r\n document.getElementById(\"fullscreenBtn\");\r\n\r\n\r\n\/* =========================================\r\n FORMAT TIME\r\n========================================= *\/\r\n\r\nfunction formatTime(seconds) {\r\n\r\n if (\r\n !isFinite(seconds) ||\r\n isNaN(seconds)\r\n ) {\r\n return \"00:00\";\r\n }\r\n\r\n const minutes =\r\n Math.floor(seconds \/ 60);\r\n\r\n const secondsPart =\r\n Math.floor(seconds % 60);\r\n\r\n return (\r\n String(minutes).padStart(2, \"0\")\r\n +\r\n \":\"\r\n +\r\n String(secondsPart).padStart(2, \"0\")\r\n );\r\n}\r\n\r\n\r\n\/* =========================================\r\n PLAY VIDEO\r\n========================================= *\/\r\n\r\nfunction playVideo() {\r\n\r\n const playPromise =\r\n video.play();\r\n\r\n if (\r\n playPromise !== undefined\r\n ) {\r\n\r\n playPromise.catch(function(error) {\r\n\r\n console.log(\r\n \"Video could not play:\",\r\n error\r\n );\r\n\r\n });\r\n\r\n }\r\n}\r\n\r\n\r\n\/* =========================================\r\n PAUSE VIDEO\r\n========================================= *\/\r\n\r\nfunction pauseVideo() {\r\n\r\n video.pause();\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n TOGGLE PLAY\r\n========================================= *\/\r\n\r\nfunction togglePlay() {\r\n\r\n if (video.paused) {\r\n\r\n playVideo();\r\n\r\n } else {\r\n\r\n pauseVideo();\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n CENTER PLAY BUTTON\r\n CLICK = PLAY\r\n========================================= *\/\r\n\r\ncenterPlay.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.preventDefault();\r\n\r\n event.stopPropagation();\r\n\r\n playVideo();\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n BOTTOM PLAY BUTTON\r\n========================================= *\/\r\n\r\nplayPauseBtn.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.preventDefault();\r\n\r\n event.stopPropagation();\r\n\r\n togglePlay();\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VIDEO CLICK\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"click\",\r\n function() {\r\n\r\n togglePlay();\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VIDEO PLAY EVENT\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"play\",\r\n function() {\r\n\r\n videoContainer.classList.add(\r\n \"playing\"\r\n );\r\n\r\n videoContainer.classList.remove(\r\n \"paused\"\r\n );\r\n\r\n playPauseIcon.className =\r\n \"pause-icon\";\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VIDEO PAUSE EVENT\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"pause\",\r\n function() {\r\n\r\n videoContainer.classList.remove(\r\n \"playing\"\r\n );\r\n\r\n videoContainer.classList.add(\r\n \"paused\"\r\n );\r\n\r\n playPauseIcon.className =\r\n \"play-icon\";\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VIDEO ENDED\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"ended\",\r\n function() {\r\n\r\n videoContainer.classList.remove(\r\n \"playing\"\r\n );\r\n\r\n videoContainer.classList.add(\r\n \"paused\"\r\n );\r\n\r\n playPauseIcon.className =\r\n \"play-icon\";\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VIDEO DURATION\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"loadedmetadata\",\r\n function() {\r\n\r\n duration.textContent =\r\n formatTime(video.duration);\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n UPDATE PROGRESS\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"timeupdate\",\r\n function() {\r\n\r\n if (!video.duration) {\r\n return;\r\n }\r\n\r\n const percentage =\r\n (\r\n video.currentTime \/\r\n video.duration\r\n ) * 100;\r\n\r\n progressBar.style.width =\r\n percentage + \"%\";\r\n\r\n currentTime.textContent =\r\n formatTime(video.currentTime);\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n PROGRESS CLICK\r\n========================================= *\/\r\n\r\nprogressArea.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n if (!video.duration) {\r\n return;\r\n }\r\n\r\n const rect =\r\n progressArea.getBoundingClientRect();\r\n\r\n const clickPosition =\r\n event.clientX - rect.left;\r\n\r\n const percentage =\r\n clickPosition \/ rect.width;\r\n\r\n video.currentTime =\r\n percentage * video.duration;\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n REWIND 10 SECONDS\r\n========================================= *\/\r\n\r\nrewindBtn.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n video.currentTime =\r\n Math.max(\r\n 0,\r\n video.currentTime - 10\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n SPEED MENU\r\n========================================= *\/\r\n\r\nspeedButton.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n speedMenu.classList.toggle(\r\n \"active\"\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n SPEED OPTIONS\r\n========================================= *\/\r\n\r\ndocument\r\n .querySelectorAll(\".speed-option\")\r\n .forEach(function(option) {\r\n\r\n option.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n const speed =\r\n parseFloat(\r\n this.dataset.speed\r\n );\r\n\r\n video.playbackRate =\r\n speed;\r\n\r\n speedButton.textContent =\r\n speed + \"x\";\r\n\r\n document\r\n .querySelectorAll(\".speed-option\")\r\n .forEach(function(item) {\r\n\r\n item.classList.remove(\r\n \"active\"\r\n );\r\n\r\n });\r\n\r\n this.classList.add(\r\n \"active\"\r\n );\r\n\r\n speedMenu.classList.remove(\r\n \"active\"\r\n );\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n\/* =========================================\r\n CLOSE SPEED MENU\r\n========================================= *\/\r\n\r\ndocument.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n if (\r\n !event.target.closest(\r\n \".speed-wrapper\"\r\n )\r\n ) {\r\n\r\n speedMenu.classList.remove(\r\n \"active\"\r\n );\r\n\r\n }\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VOLUME\r\n========================================= *\/\r\n\r\nvolumeSlider.addEventListener(\r\n \"input\",\r\n function() {\r\n\r\n video.volume =\r\n parseFloat(this.value);\r\n\r\n video.muted = false;\r\n\r\n if (video.volume === 0) {\r\n\r\n volumeIcon.textContent =\r\n \"\ud83d\udd07\";\r\n\r\n } else if (\r\n video.volume < 0.5\r\n ) {\r\n\r\n volumeIcon.textContent =\r\n \"\ud83d\udd09\";\r\n\r\n } else {\r\n\r\n volumeIcon.textContent =\r\n \"\ud83d\udd0a\";\r\n\r\n }\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n FULLSCREEN\r\n========================================= *\/\r\n\r\nfunction toggleFullscreen() {\r\n\r\n if (\r\n !document.fullscreenElement\r\n ) {\r\n\r\n if (\r\n videoContainer.requestFullscreen\r\n ) {\r\n\r\n videoContainer.requestFullscreen();\r\n\r\n } else if (\r\n videoContainer.webkitRequestFullscreen\r\n ) {\r\n\r\n videoContainer.webkitRequestFullscreen();\r\n\r\n }\r\n\r\n } else {\r\n\r\n if (\r\n document.exitFullscreen\r\n ) {\r\n\r\n document.exitFullscreen();\r\n\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\n\r\nfullscreenBtn.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n toggleFullscreen();\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n DOUBLE CLICK FULLSCREEN\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"dblclick\",\r\n function() {\r\n\r\n toggleFullscreen();\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n KEYBOARD CONTROLS\r\n========================================= *\/\r\n\r\ndocument.addEventListener(\r\n \"keydown\",\r\n function(event) {\r\n\r\n if (\r\n event.code === \"Space\" &&\r\n document.activeElement.tagName !== \"INPUT\"\r\n ) {\r\n\r\n event.preventDefault();\r\n\r\n togglePlay();\r\n\r\n }\r\n\r\n\r\n if (\r\n event.code === \"ArrowRight\"\r\n ) {\r\n\r\n video.currentTime =\r\n Math.min(\r\n video.duration || 0,\r\n video.currentTime + 5\r\n );\r\n\r\n }\r\n\r\n\r\n if (\r\n event.code === \"ArrowLeft\"\r\n ) {\r\n\r\n video.currentTime =\r\n Math.max(\r\n 0,\r\n video.currentTime - 5\r\n );\r\n\r\n }\r\n\r\n\r\n if (\r\n event.code === \"KeyM\"\r\n ) {\r\n\r\n video.muted =\r\n !video.muted;\r\n\r\n volumeIcon.textContent =\r\n video.muted\r\n ? \"\ud83d\udd07\"\r\n : \"\ud83d\udd0a\";\r\n\r\n }\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n MOBILE CONTROLS\r\n========================================= *\/\r\n\r\nvideoContainer.addEventListener(\r\n \"touchstart\",\r\n function() {\r\n\r\n videoContainer.classList.add(\r\n \"controls-visible\"\r\n );\r\n\r\n setTimeout(\r\n function() {\r\n\r\n if (!video.paused) {\r\n\r\n videoContainer.classList.remove(\r\n \"controls-visible\"\r\n );\r\n\r\n }\r\n\r\n },\r\n 3500\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n INITIAL SETTINGS\r\n========================================= *\/\r\n\r\nvideo.volume = 1;\r\n\r\nvideo.playbackRate = 1;\r\n\r\nvideoContainer.classList.add(\r\n \"paused\"\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-f4ec355 elementor-widget elementor-widget-html\" data-id=\"f4ec355\" 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>AI Certification CTA<\/title>\r\n\r\n<style>\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\nbody {\r\n width: 100%;\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MAIN SECTION\r\n GREEN BOTTOM SHADOW REMOVED\r\n========================================= *\/\r\n\r\n.ai-cta-section {\r\n width: 100%;\r\n\r\n min-height: 590px;\r\n\r\n padding: 5px 20px 25px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: flex-start;\r\n\r\n background: #000;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n\r\n\/* IMPORTANT:\r\n NO GREEN GLOW \/ SHADOW\r\n*\/\r\n\r\n\r\n\/* =========================================\r\n BENEFITS BOX\r\n========================================= *\/\r\n\r\n.benefits-box {\r\n width: min(750px, 100%);\r\n\r\n padding: 10px;\r\n\r\n background: #121212;\r\n\r\n border-radius: 30px;\r\n\r\n box-shadow:\r\n 0 0 0 8px rgba(255,255,255,0.035);\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n gap: 10px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n BENEFIT ITEM\r\n========================================= *\/\r\n\r\n.benefit-item {\r\n width: 100%;\r\n\r\n min-height: 76px;\r\n\r\n padding: 10px 18px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n border-radius: 28px;\r\n\r\n background: #111111;\r\n\r\n border: 1px solid #2b2b2b;\r\n}\r\n\r\n\r\n\/* =========================================\r\n ICON CIRCLE\r\n========================================= *\/\r\n\r\n.benefit-icon {\r\n width: 46px;\r\n height: 46px;\r\n\r\n min-width: 46px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #baff00;\r\n\r\n color: #050505;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n font-size: 23px;\r\n\r\n font-weight: 700;\r\n\r\n line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================\r\n BENEFIT TEXT\r\n========================================= *\/\r\n\r\n.benefit-text {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n flex-wrap: wrap;\r\n\r\n gap: 8px;\r\n\r\n font-size: 20px;\r\n\r\n line-height: 1.3;\r\n}\r\n\r\n\r\n.benefit-title {\r\n color: #fff;\r\n\r\n font-weight: 700;\r\n}\r\n\r\n\r\n.benefit-description {\r\n color: #bdbdbd;\r\n\r\n font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n DESCRIPTION\r\n========================================= *\/\r\n\r\n.cta-description {\r\n width: min(1100px, 100%);\r\n\r\n margin-top: 28px;\r\n\r\n text-align: center;\r\n\r\n color: #f4f4f4;\r\n\r\n font-size: 25px;\r\n\r\n line-height: 1.4;\r\n\r\n font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CTA BUTTON\r\n========================================= *\/\r\n\r\n.cta-button {\r\n width: min(578px, 100%);\r\n\r\n min-height: 72px;\r\n\r\n margin-top: 10px;\r\n\r\n padding: 15px 25px;\r\n\r\n border: none;\r\n\r\n border-radius: 20px;\r\n\r\n background: #baff00;\r\n\r\n color: #050505;\r\n\r\n font-size: 24px;\r\n\r\n font-weight: 800;\r\n\r\n cursor: pointer;\r\n\r\n text-decoration: none;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n text-align: center;\r\n\r\n transition:\r\n transform 0.2s ease,\r\n background 0.2s ease;\r\n}\r\n\r\n\r\n.cta-button:hover {\r\n transform: translateY(-2px);\r\n\r\n background: #c4ff26;\r\n}\r\n\r\n\r\n\/* =========================================\r\n PEOPLE \/ AVATARS\r\n========================================= *\/\r\n\r\n.social-proof {\r\n margin-top: 29px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n AVATAR ROW\r\n========================================= *\/\r\n\r\n.avatar-row {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n height: 48px;\r\n}\r\n\r\n\r\n.avatar {\r\n width: 48px;\r\n height: 48px;\r\n\r\n border-radius: 50%;\r\n\r\n border: 2px solid #555;\r\n\r\n background: #222;\r\n\r\n object-fit: cover;\r\n\r\n margin-left: -9px;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n\r\n.avatar:first-child {\r\n margin-left: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n +1033\r\n========================================= *\/\r\n\r\n.avatar-count {\r\n width: 50px;\r\n height: 50px;\r\n\r\n margin-left: -8px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #fff;\r\n\r\n color: #111;\r\n\r\n border: 2px solid #444;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n font-size: 14px;\r\n\r\n font-weight: 600;\r\n\r\n z-index: 20;\r\n}\r\n\r\n\r\n\/* =========================================\r\n SOCIAL TEXT\r\n========================================= *\/\r\n\r\n.social-title {\r\n margin-top: 7px;\r\n\r\n color: #fff;\r\n\r\n font-size: 19px;\r\n\r\n font-weight: 700;\r\n\r\n text-align: center;\r\n}\r\n\r\n\r\n.social-subtitle {\r\n margin-top: 5px;\r\n\r\n color: #bdbdbd;\r\n\r\n font-size: 19px;\r\n\r\n text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n .ai-cta-section {\r\n min-height: auto;\r\n\r\n padding:\r\n 10px\r\n 15px\r\n 30px;\r\n }\r\n\r\n\r\n .benefits-box {\r\n width: 100%;\r\n\r\n padding: 8px;\r\n\r\n border-radius: 24px;\r\n }\r\n\r\n\r\n .benefit-item {\r\n min-height: 65px;\r\n\r\n padding:\r\n 9px 12px;\r\n\r\n border-radius: 22px;\r\n }\r\n\r\n\r\n .benefit-icon {\r\n width: 40px;\r\n height: 40px;\r\n\r\n min-width: 40px;\r\n\r\n font-size: 20px;\r\n }\r\n\r\n\r\n .benefit-text {\r\n font-size: 16px;\r\n\r\n gap: 5px;\r\n }\r\n\r\n\r\n .cta-description {\r\n margin-top: 24px;\r\n\r\n font-size: 18px;\r\n\r\n line-height: 1.45;\r\n }\r\n\r\n\r\n .cta-button {\r\n width: 100%;\r\n\r\n min-height: 62px;\r\n\r\n margin-top: 14px;\r\n\r\n border-radius: 17px;\r\n\r\n font-size: 19px;\r\n }\r\n\r\n\r\n .social-proof {\r\n margin-top: 24px;\r\n }\r\n\r\n\r\n .social-title {\r\n font-size: 16px;\r\n }\r\n\r\n\r\n .social-subtitle {\r\n font-size: 16px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n .benefit-item {\r\n min-height: 62px;\r\n\r\n padding:\r\n 8px 10px;\r\n }\r\n\r\n\r\n .benefit-icon {\r\n width: 37px;\r\n height: 37px;\r\n\r\n min-width: 37px;\r\n\r\n font-size: 18px;\r\n }\r\n\r\n\r\n .benefit-text {\r\n font-size: 14px;\r\n\r\n gap: 4px;\r\n }\r\n\r\n\r\n .cta-description {\r\n font-size: 16px;\r\n }\r\n\r\n\r\n .cta-button {\r\n min-height: 58px;\r\n\r\n font-size: 17px;\r\n }\r\n\r\n\r\n .avatar {\r\n width: 43px;\r\n height: 43px;\r\n }\r\n\r\n\r\n .avatar-count {\r\n width: 45px;\r\n height: 45px;\r\n\r\n font-size: 12px;\r\n }\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<section class=\"ai-cta-section\">\r\n\r\n\r\n \r\n\r\n <div class=\"benefits-box\">\r\n\r\n\r\n \r\n\r\n <div class=\"benefit-item\">\r\n\r\n <div class=\"benefit-icon\">\r\n \u2667\r\n <\/div>\r\n\r\n <div class=\"benefit-text\">\r\n\r\n <span class=\"benefit-title\">\r\n Official certification\r\n <\/span>\r\n\r\n <span class=\"benefit-description\">\r\n Get recognized for your AI expertise\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"benefit-item\">\r\n\r\n <div class=\"benefit-icon\">\r\n \u2659\r\n <\/div>\r\n\r\n <div class=\"benefit-text\">\r\n\r\n <span class=\"benefit-title\">\r\n No tech background needed\r\n <\/span>\r\n\r\n <span class=\"benefit-description\">\r\n Beginner-friendly, practical learning\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"benefit-item\">\r\n\r\n <div class=\"benefit-icon\">\r\n \ud83c\udf81\r\n <\/div>\r\n\r\n <div class=\"benefit-text\">\r\n\r\n <span class=\"benefit-title\">\r\n Save $500+ on AI tool subscriptions\r\n <\/span>\r\n\r\n <span class=\"benefit-description\">\r\n (discounts included)\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <p class=\"cta-description\">\r\n\r\n Click below to join the ONLY AI institute in Asia that teaches\r\n you how to master and sell AI services and is trusted by\r\n 1,033+ entrepreneurs across Asia.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"\"\r\n class=\"cta-button\"\r\n id=\"joinButton\"\r\n >\r\n JOIN 2026 BATCH - EARLY BIRD!\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <div class=\"social-proof\">\r\n\r\n\r\n \r\n\r\n <div class=\"avatar-row\">\r\n\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=47\"\r\n alt=\"Student\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=32\"\r\n alt=\"Student\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=12\"\r\n alt=\"Student\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=5\"\r\n alt=\"Student\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=44\"\r\n alt=\"Student\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=11\"\r\n alt=\"Student\"\r\n >\r\n\r\n\r\n <div class=\"avatar-count\">\r\n +1033\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"social-title\">\r\n Next batch starts coming week!\r\n <\/div>\r\n\r\n <div class=\"social-subtitle\">\r\n 10 Days Fee Back Guarantee.\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================\r\n JOIN BUTTON\r\n========================================= *\/\r\n\r\ndocument\r\n .getElementById(\"joinButton\")\r\n .addEventListener(\"click\", function(event) {\r\n\r\n event.preventDefault();\r\n\r\n \/*\r\n Yahan apna checkout \/ registration URL\r\n laga sakte ho.\r\n\r\n Example:\r\n\r\n window.location.href =\r\n \"https:\/\/yourwebsite.com\/join\";\r\n *\/\r\n\r\n console.log(\r\n \"Join button clicked\"\r\n );\r\n\r\n });\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-824fb7c elementor-widget elementor-widget-html\" data-id=\"824fb7c\" 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>AI Section<\/title>\r\n\r\n<style>\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\nbody{\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 MAIN SECTION\r\n========================= *\/\r\n\r\n.ai-section{\r\n width:100%;\r\n min-height:100vh;\r\n background:#000;\r\n padding:0;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n\/* =========================\r\n AS SEEN IN BOX\r\n========================= *\/\r\n\r\n.seen-box{\r\n width:min(1020px, 100%);\r\n margin:0 auto 40px;\r\n background:#111;\r\n border-radius:10px;\r\n padding:20px 10px 16px;\r\n position:relative;\r\n overflow:hidden;\r\n border:1px solid rgba(255,255,255,0.03);\r\n}\r\n\r\n.seen-title{\r\n text-align:center;\r\n font-size:21px;\r\n font-weight:800;\r\n line-height:1;\r\n margin-bottom:14px;\r\n letter-spacing:-0.5px;\r\n}\r\n\r\n.seen-title span{\r\n color:#b8ff00;\r\n}\r\n\r\n\/* =========================\r\n LOGO MARQUEE\r\n========================= *\/\r\n\r\n.logo-window{\r\n width:100%;\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n\r\n.logo-window::before,\r\n.logo-window::after{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n width:70px;\r\n height:100%;\r\n z-index:5;\r\n pointer-events:none;\r\n}\r\n\r\n.logo-window::before{\r\n left:0;\r\n background:linear-gradient(\r\n to right,\r\n #111 0%,\r\n rgba(17,17,17,0) 100%\r\n );\r\n}\r\n\r\n.logo-window::after{\r\n right:0;\r\n background:linear-gradient(\r\n to left,\r\n #111 0%,\r\n rgba(17,17,17,0) 100%\r\n );\r\n}\r\n\r\n.logo-track{\r\n display:flex;\r\n width:max-content;\r\n align-items:center;\r\n gap:34px;\r\n animation:logoScroll 24s linear infinite;\r\n}\r\n\r\n\/* Pause on hover *\/\r\n.logo-window:hover .logo-track{\r\n animation-play-state:paused;\r\n}\r\n\r\n\/* =========================\r\n LOGO ITEM\r\n========================= *\/\r\n\r\n.logo-item{\r\n width:105px;\r\n height:60px;\r\n flex:0 0 105px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n filter:grayscale(100%);\r\n opacity:.72;\r\n\r\n transition:\r\n filter .35s ease,\r\n opacity .35s ease,\r\n transform .35s ease;\r\n}\r\n\r\n.logo-window:hover .logo-item:hover{\r\n filter:grayscale(0%);\r\n opacity:1;\r\n transform:scale(1.08);\r\n}\r\n\r\n.logo-item img{\r\n width:100%;\r\n max-width:105px;\r\n max-height:55px;\r\n object-fit:contain;\r\n display:block;\r\n}\r\n\r\n\/* =========================\r\n THE LAPTOP LIVING LOGO\r\n========================= *\/\r\n\r\n.logo-item.laptop-living{\r\n width:125px;\r\n flex-basis:125px;\r\n}\r\n\r\n.logo-item.laptop-living img{\r\n max-width:125px;\r\n max-height:58px;\r\n}\r\n\r\n\/* =========================\r\n INFINITE ANIMATION\r\n========================= *\/\r\n\r\n@keyframes logoScroll{\r\n 0%{\r\n transform:translateX(0);\r\n }\r\n\r\n 100%{\r\n transform:translateX(-50%);\r\n }\r\n}\r\n\r\n\/* =========================\r\n MAIN HEADING\r\n========================= *\/\r\n\r\n.main-heading{\r\n width:min(1050px, 100%);\r\n margin:0 auto 20px;\r\n text-align:center;\r\n\r\n font-size:49px;\r\n line-height:1.02;\r\n font-weight:900;\r\n\r\n letter-spacing:-1.2px;\r\n text-transform:uppercase;\r\n color:#fff;\r\n}\r\n\r\n.main-heading .red{\r\n color:#ff2738;\r\n}\r\n\r\n\/* =========================\r\n CONTENT BOX\r\n========================= *\/\r\n\r\n.content-box{\r\n width:min(1020px, 100%);\r\n margin:0 auto;\r\n\r\n background:#111;\r\n border-radius:16px;\r\n\r\n padding:16px 10px 18px;\r\n\r\n position:relative;\r\n z-index:2;\r\n\r\n border:1px solid rgba(255,255,255,.025);\r\n\r\n box-shadow:\r\n 0 0 30px rgba(0,0,0,.35);\r\n}\r\n\r\n.content-box p{\r\n font-size:15px;\r\n line-height:1.42;\r\n color:#d2d2d2;\r\n margin:0 0 15px;\r\n font-weight:500;\r\n}\r\n\r\n.content-box p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.content-box .green{\r\n color:#b8ff00;\r\n font-weight:800;\r\n}\r\n\r\n.content-box .white{\r\n color:#fff;\r\n font-weight:700;\r\n}\r\n\r\n\/* =========================\r\n GREEN BOTTOM GLOW\r\n========================= *\/\r\n\r\n.ai-section::after{\r\n content:\"\";\r\n position:absolute;\r\n\r\n left:-10%;\r\n right:-10%;\r\n bottom:-180px;\r\n\r\n height:300px;\r\n\r\n background:radial-gradient(\r\n ellipse at center,\r\n rgba(80,255,0,.32) 0%,\r\n rgba(20,150,0,.18) 30%,\r\n rgba(0,0,0,0) 70%\r\n );\r\n\r\n filter:blur(25px);\r\n pointer-events:none;\r\n}\r\n\r\n\/* =========================\r\n MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n .ai-section{\r\n padding:10px 12px 0;\r\n }\r\n\r\n .seen-box{\r\n margin-bottom:30px;\r\n padding:17px 7px 14px;\r\n border-radius:9px;\r\n }\r\n\r\n .seen-title{\r\n font-size:18px;\r\n margin-bottom:12px;\r\n }\r\n\r\n .logo-track{\r\n gap:24px;\r\n animation-duration:20s;\r\n }\r\n\r\n .logo-item{\r\n width:88px;\r\n height:48px;\r\n flex-basis:88px;\r\n }\r\n\r\n .logo-item img{\r\n max-width:82px;\r\n max-height:42px;\r\n }\r\n\r\n .logo-item.laptop-living{\r\n width:100px;\r\n flex-basis:100px;\r\n }\r\n\r\n .logo-item.laptop-living img{\r\n max-width:100px;\r\n max-height:48px;\r\n }\r\n\r\n .main-heading{\r\n font-size:23px;\r\n line-height:1.05;\r\n letter-spacing:-.7px;\r\n margin-bottom:18px;\r\n }\r\n\r\n .content-box{\r\n border-radius:14px;\r\n padding:15px 10px 18px;\r\n }\r\n\r\n .content-box p{\r\n font-size:12px;\r\n line-height:1.45;\r\n margin-bottom:14px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n REDUCE MOTION\r\n========================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n .logo-track{\r\n animation:none;\r\n }\r\n\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ai-section\">\r\n\r\n \r\n\r\n <div class=\"seen-box\">\r\n\r\n <div class=\"seen-title\">\r\n AS <span>SEEN<\/span> IN\r\n <\/div>\r\n\r\n <div class=\"logo-window\">\r\n\r\n <div class=\"logo-track\">\r\n\r\n \r\n\r\n \r\n <div class=\"logo-item laptop-living\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/Lets-Uncover.png\"\r\n alt=\"The Laptop Living\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/hunar_hba.jpg\"\r\n alt=\"Product Hunt\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/icons_pak.jpg\"\r\n alt=\"GitHub\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/laptop-.png\"\r\n alt=\"Medium\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/productHunt.png\"\r\n alt=\"Forbes\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/Lets-Uncover.png\"\r\n alt=\"TechCrunch\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/hunar_hba.jpg\"\r\n alt=\"LinkedIn\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/icons_pak.jpg\"\r\n alt=\"Google\"\r\n >\r\n <\/div>\r\n\r\n\r\n \r\n\r\n \r\n <div class=\"logo-item laptop-living\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/laptop-.png\"\r\n alt=\"The Laptop Living\"\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 \r\n\r\n <h1 class=\"main-heading\">\r\n THE <span class=\"red\">REASON<\/span> MOST PEOPLE WILL GET LEFT\r\n BEHIND IN THE AI ERA...\r\n <\/h1>\r\n\r\n\r\n \r\n\r\n <div class=\"content-box\">\r\n\r\n <p>\r\n Because They Are Just Watching AI Wave, Instead Of Learning How To Use AI To Create Income.\r\n <\/p>\r\n\r\n <p>\r\n Doesn't Matter If You're An Engineer, HR, Designer, Support Staff, Or In The Medical Field.\r\n AI Will Replace You If You Don't Adapt.\r\n <\/p>\r\n\r\n <p>\r\n Let Me Be Direct With You...\r\n <\/p>\r\n\r\n <p>\r\n Right Now, As You're Reading This, Someone In Your Industry Is Learning AI.\r\n <\/p>\r\n\r\n <p>\r\n They're Not Smarter Than You. They're Not More Talented.\r\n They Don't Have A Better Degree Or More Experience.\r\n <\/p>\r\n\r\n <p>\r\n <span class=\"green\">\r\n But In 6 Months, They'll Be Doing The Work Of 5 People.\r\n <\/span>\r\n <br>\r\n And You'll Be Wondering Why Your Boss Is Looking At You Differently.\r\n Why Clients Are Choosing Someone Else.\r\n <\/p>\r\n\r\n <p>\r\n Why That Promotion Went To The New Guy Who Joined 6 Months Ago.\r\n <\/p>\r\n\r\n <p>\r\n <span class=\"white\">\r\n Old Formula:\r\n <\/span>\r\n\r\n <span class=\"green\">\r\n Parho \u2192 Degree Lo \u2192 Job Ka Wait Karo \u2192 Salary\r\n <\/span>\r\n\r\n <br>\r\n\r\n <span class=\"white\">\r\n Badhe Ki Umar Karo.\r\n <\/span>\r\n\r\n <br>\r\n\r\n <span class=\"white\">\r\n New Formula:\r\n <\/span>\r\n\r\n <span class=\"green\">\r\n Solve Problems Using AI \u2192 Get Paid.\r\n <\/span>\r\n <\/p>\r\n\r\n <p>\r\n Businesses Don't Want Employees Anymore.\r\n They Want AI-Powered People Who Save Time And Money.\r\n <br>\r\n\r\n Those Who Say:\r\n <span class=\"green\">\r\n \"Main AI Se Yeh Automate Kar Sakta Hoon,\"\r\n <\/span>\r\n Are The Ones Getting Paid.\r\n <\/p>\r\n\r\n <p>\r\n <span class=\"white\">\r\n People Who Learn To Use AI Will Take Control.\r\n <\/span>\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1159e0b elementor-widget elementor-widget-html\" data-id=\"1159e0b\" 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>Meet The AI Pioneers<\/title>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n RESET\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section,\r\n#ai-pioneers-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n#ai-pioneers-section{\r\n width:100%;\r\n margin:0;\r\n padding:3px 0 35px;\r\n background:#000;\r\n color:#fff;\r\n overflow:hidden;\r\n font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n#ai-pioneers-section .pioneers-window{\r\n width:100%;\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TRACK\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .pioneers-track{\r\n display:flex;\r\n align-items:stretch;\r\n gap:20px;\r\n width:max-content;\r\n will-change:transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP ROW\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .top-track{\r\n animation:\r\n aiPioneersTop\r\n 28s\r\n linear\r\n infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM ROW\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .bottom-track{\r\n animation:\r\n aiPioneersBottom\r\n 32s\r\n linear\r\n infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .pioneer-card{\r\n\r\n width:350px;\r\n height:388px;\r\n\r\n flex:0 0 350px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n background:#9bd52b;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .pioneer-card img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n object-position:center center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CENTER HEADING\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .pioneers-title{\r\n\r\n width:100%;\r\n\r\n height:90px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n text-align:center;\r\n\r\n font-size:64px;\r\n\r\n line-height:1;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:-2.5px;\r\n\r\n text-transform:uppercase;\r\n\r\n white-space:nowrap;\r\n\r\n color:#fff;\r\n\r\n padding:5px 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes aiPioneersTop{\r\n\r\n 0%{\r\n transform:translateX(0);\r\n }\r\n\r\n 100%{\r\n transform:translateX(calc(-50% - 10px));\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes aiPioneersBottom{\r\n\r\n 0%{\r\n transform:translateX(calc(-50% - 10px));\r\n }\r\n\r\n 100%{\r\n transform:translateX(0);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HOVER PAUSE\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .pioneers-window:hover .pioneers-track{\r\n animation-play-state:paused;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n #ai-pioneers-section .pioneers-track{\r\n gap:16px;\r\n }\r\n\r\n #ai-pioneers-section .pioneer-card{\r\n\r\n width:290px;\r\n height:350px;\r\n\r\n flex-basis:290px;\r\n\r\n border-radius:18px;\r\n }\r\n\r\n #ai-pioneers-section .pioneers-title{\r\n\r\n height:80px;\r\n\r\n font-size:52px;\r\n\r\n letter-spacing:-2px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n #ai-pioneers-section{\r\n\r\n padding-bottom:25px;\r\n }\r\n\r\n #ai-pioneers-section .pioneers-track{\r\n\r\n gap:12px;\r\n }\r\n\r\n #ai-pioneers-section .pioneer-card{\r\n\r\n width:190px;\r\n height:245px;\r\n\r\n flex-basis:190px;\r\n\r\n border-radius:15px;\r\n }\r\n\r\n #ai-pioneers-section .pioneers-title{\r\n\r\n height:68px;\r\n\r\n font-size:36px;\r\n\r\n letter-spacing:-1.5px;\r\n\r\n padding:5px 10px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:450px){\r\n\r\n #ai-pioneers-section .pioneer-card{\r\n\r\n width:175px;\r\n height:225px;\r\n\r\n flex-basis:175px;\r\n\r\n border-radius:14px;\r\n }\r\n\r\n #ai-pioneers-section .pioneers-title{\r\n\r\n height:60px;\r\n\r\n font-size:30px;\r\n\r\n letter-spacing:-1px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCE MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n #ai-pioneers-section .top-track,\r\n #ai-pioneers-section .bottom-track{\r\n\r\n animation:none;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section id=\"ai-pioneers-section\">\r\n\r\n\r\n \r\n\r\n <div class=\"pioneers-window\">\r\n\r\n <div class=\"pioneers-track top-track\" id=\"topPioneersTrack\">\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(1).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 1\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(2).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 2\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(3).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 3\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(4).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 4\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(5).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 5\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(6).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 6\"\r\n >\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"pioneers-title\">\r\n MEET THE AI PIONEERS\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"pioneers-window\">\r\n\r\n <div class=\"pioneers-track bottom-track\" id=\"bottomPioneersTrack\">\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(7).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 7\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(8).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 8\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(9).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 9\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(10).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 10\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(11).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 11\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(12).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 12\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(13).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 13\"\r\n >\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n const topTrack =\r\n document.getElementById(\"topPioneersTrack\");\r\n\r\n const bottomTrack =\r\n document.getElementById(\"bottomPioneersTrack\");\r\n\r\n\r\n \/*\r\n * Duplicate each row automatically.\r\n * Original images remain only once in HTML.\r\n *\/\r\n\r\n if(topTrack){\r\n\r\n const topItems =\r\n Array.from(\r\n topTrack.children\r\n );\r\n\r\n topItems.forEach(function(item){\r\n\r\n topTrack.appendChild(\r\n item.cloneNode(true)\r\n );\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n if(bottomTrack){\r\n\r\n const bottomItems =\r\n Array.from(\r\n bottomTrack.children\r\n );\r\n\r\n bottomItems.forEach(function(item){\r\n\r\n bottomTrack.appendChild(\r\n item.cloneNode(true)\r\n );\r\n\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-13b7181 elementor-widget elementor-widget-html\" data-id=\"13b7181\" 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 box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html,\r\n body {\r\n width: 100%;\r\n min-height: 100%;\r\n background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* =========================\r\n MAIN SECTION\r\n ========================== *\/\r\n\r\n .aaghaz-section {\r\n position: relative;\r\n width: 100%;\r\n background: #000;\r\n padding: 20px 7.5% 80px;\r\n overflow: hidden;\r\n\r\n \/* IMPORTANT:\r\n No green shadow \/ glow at bottom *\/\r\n box-shadow: none !important;\r\n }\r\n\r\n .aaghaz-section::before,\r\n .aaghaz-section::after {\r\n display: none !important;\r\n content: none !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n \/* =========================\r\n HEADING\r\n ========================== *\/\r\n\r\n .aaghaz-heading {\r\n max-width: 850px;\r\n margin: 0 auto 32px;\r\n text-align: center;\r\n font-size: 43px;\r\n line-height: 1.12;\r\n font-weight: 300;\r\n letter-spacing: -1.5px;\r\n color: #dedede;\r\n }\r\n\r\n .aaghaz-heading strong {\r\n color: #aaff00;\r\n font-weight: 700;\r\n }\r\n\r\n \/* =========================\r\n TESTIMONIAL CARDS\r\n ========================== *\/\r\n\r\n .testimonial-grid {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n }\r\n\r\n .testimonial-card {\r\n position: relative;\r\n min-height: 326px;\r\n padding: 28px 32px 25px;\r\n background: #111010;\r\n border-radius: 26px;\r\n\r\n \/* Very subtle border only *\/\r\n border: 1px solid rgba(255, 255, 255, 0.025);\r\n\r\n \/* No green shadow *\/\r\n box-shadow: none !important;\r\n overflow: hidden;\r\n }\r\n\r\n .testimonial-card::before,\r\n .testimonial-card::after {\r\n display: none !important;\r\n content: none !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n \/* =========================\r\n STARS\r\n ========================== *\/\r\n\r\n .rating-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .stars {\r\n display: flex;\r\n align-items: center;\r\n gap: 2px;\r\n }\r\n\r\n .star {\r\n color: #aaff00;\r\n font-size: 25px;\r\n line-height: 1;\r\n text-shadow: none;\r\n }\r\n\r\n .rating-number {\r\n margin-left: 8px;\r\n font-size: 16px;\r\n color: #d9d9d9;\r\n }\r\n\r\n \/* Half star look *\/\r\n .half-star {\r\n position: relative;\r\n display: inline-block;\r\n color: #aaff00;\r\n }\r\n\r\n \/* =========================\r\n QUOTE ICON\r\n ========================== *\/\r\n\r\n .quote-icon {\r\n position: absolute;\r\n top: 10px;\r\n right: 13px;\r\n\r\n font-family: Georgia, serif;\r\n font-size: 45px;\r\n font-weight: bold;\r\n line-height: 1;\r\n\r\n color: rgba(170, 255, 0, 0.38);\r\n }\r\n\r\n \/* =========================\r\n TESTIMONIAL TEXT\r\n ========================== *\/\r\n\r\n .testimonial-text {\r\n min-height: 137px;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n\r\n text-align: center;\r\n color: #e1e1e1;\r\n\r\n font-size: 21px;\r\n line-height: 1.55;\r\n font-weight: 400;\r\n letter-spacing: -0.3px;\r\n }\r\n\r\n \/* =========================\r\n USER\r\n ========================== *\/\r\n\r\n .user-info {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n margin-top: 12px;\r\n }\r\n\r\n .user-avatar {\r\n width: 67px;\r\n height: 67px;\r\n flex: 0 0 67px;\r\n\r\n border-radius: 50%;\r\n overflow: hidden;\r\n\r\n background: #222;\r\n border: 1px solid rgba(255,255,255,0.12);\r\n }\r\n\r\n .user-avatar img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n }\r\n\r\n .user-details {\r\n min-width: 145px;\r\n }\r\n\r\n .user-name {\r\n color: #fff;\r\n font-size: 19px;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .user-role {\r\n color: #ddd;\r\n font-size: 15px;\r\n line-height: 1.3;\r\n font-weight: 400;\r\n }\r\n\r\n \/* =========================\r\n DIVIDER\r\n ========================== *\/\r\n\r\n .section-divider {\r\n width: 100%;\r\n max-width: 1420px;\r\n height: 1px;\r\n margin: 98px auto 78px;\r\n\r\n background: rgba(255,255,255,0.14);\r\n\r\n \/* absolutely no shadow *\/\r\n box-shadow: none !important;\r\n }\r\n\r\n \/* =========================\r\n SUMMARY\r\n ========================== *\/\r\n\r\n .summary {\r\n width: 100%;\r\n max-width: 1420px;\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns: 28% 72%;\r\n gap: 25px;\r\n\r\n \/* No green glow *\/\r\n box-shadow: none !important;\r\n }\r\n\r\n .summary-title {\r\n font-size: 36px;\r\n line-height: 1.2;\r\n font-weight: 700;\r\n color: #fff;\r\n }\r\n\r\n .summary-content {\r\n padding-right: 10px;\r\n }\r\n\r\n .summary-intro {\r\n font-size: 21px;\r\n line-height: 1.5;\r\n color: #d8d8d8;\r\n margin-bottom: 29px;\r\n }\r\n\r\n .summary-highlight {\r\n position: relative;\r\n margin-bottom: 31px;\r\n padding: 12px 0 12px 25px;\r\n\r\n border-left: 5px solid #fff;\r\n\r\n color: #f1f1f1;\r\n font-size: 21px;\r\n line-height: 1.55;\r\n font-style: italic;\r\n font-weight: 600;\r\n }\r\n\r\n .summary-description {\r\n color: #d8d8d8;\r\n font-size: 20px;\r\n line-height: 1.65;\r\n max-width: 1050px;\r\n }\r\n\r\n \/* =========================\r\n RESPONSIVE\r\n ========================== *\/\r\n\r\n @media (max-width: 1100px) {\r\n\r\n .aaghaz-section {\r\n padding-left: 5%;\r\n padding-right: 5%;\r\n }\r\n\r\n .testimonial-grid {\r\n gap: 18px;\r\n }\r\n\r\n .testimonial-card {\r\n padding-left: 22px;\r\n padding-right: 22px;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 18px;\r\n }\r\n\r\n .summary {\r\n grid-template-columns: 24% 76%;\r\n }\r\n }\r\n\r\n @media (max-width: 850px) {\r\n\r\n .aaghaz-heading {\r\n font-size: 34px;\r\n }\r\n\r\n .testimonial-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 600px;\r\n }\r\n\r\n .testimonial-card {\r\n min-height: auto;\r\n padding: 30px;\r\n }\r\n\r\n .testimonial-text {\r\n min-height: auto;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .section-divider {\r\n margin-top: 70px;\r\n margin-bottom: 55px;\r\n }\r\n\r\n .summary {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n\r\n .summary-title {\r\n font-size: 32px;\r\n }\r\n }\r\n\r\n @media (max-width: 520px) {\r\n\r\n .aaghaz-section {\r\n padding: 15px 18px 55px;\r\n }\r\n\r\n .aaghaz-heading {\r\n font-size: 29px;\r\n line-height: 1.2;\r\n letter-spacing: -0.7px;\r\n }\r\n\r\n .testimonial-card {\r\n border-radius: 20px;\r\n padding: 25px 20px;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 17px;\r\n line-height: 1.5;\r\n }\r\n\r\n .user-avatar {\r\n width: 58px;\r\n height: 58px;\r\n flex-basis: 58px;\r\n }\r\n\r\n .user-name {\r\n font-size: 17px;\r\n }\r\n\r\n .user-role {\r\n font-size: 14px;\r\n }\r\n\r\n .summary-title {\r\n font-size: 28px;\r\n }\r\n\r\n .summary-intro,\r\n .summary-highlight,\r\n .summary-description {\r\n font-size: 17px;\r\n }\r\n\r\n .summary-highlight {\r\n padding-left: 18px;\r\n border-left-width: 4px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"aaghaz-section\">\r\n\r\n \r\n\r\n <h1 class=\"aaghaz-heading\">\r\n This is exactly why\r\n <strong>Aaghaz AI Institute<\/strong>\r\n <br>\r\n exists...\r\n <\/h1>\r\n\r\n\r\n \r\n\r\n <div class=\"testimonial-grid\">\r\n\r\n \r\n <div class=\"testimonial-card\">\r\n\r\n <div class=\"quote-icon\">\u201d<\/div>\r\n\r\n <div class=\"rating-row\">\r\n <div class=\"stars\">\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n\r\n <span class=\"rating-number\">5.0<\/span>\r\n <\/div>\r\n\r\n <div class=\"testimonial-text\">\r\n After just 90 days of Aaghaz, I landed my first AI client and earned more than my salary.\r\n <\/div>\r\n\r\n <div class=\"user-info\">\r\n\r\n <div class=\"user-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/150?img=47\"\r\n alt=\"Ayesha S.\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"user-details\">\r\n <div class=\"user-name\">Ayesha S.<\/div>\r\n <div class=\"user-role\">Freelancer & Member<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"testimonial-card\">\r\n\r\n <div class=\"quote-icon\">\u201d<\/div>\r\n\r\n <div class=\"rating-row\">\r\n <div class=\"stars\">\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n\r\n <span class=\"rating-number\">4.5<\/span>\r\n <\/div>\r\n\r\n <div class=\"testimonial-text\">\r\n I've done courses before. This is the first time I got paid because of one.\r\n <\/div>\r\n\r\n <div class=\"user-info\">\r\n\r\n <div class=\"user-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhk0OlPwS55QdSxAHVEZ2lMxNWYzVuIT3D-k-aGJkMbpXXmdd0kOL_jOYkFlqtuKJFDdGiIQmRojpIHbxPXad2g4vDKy-ttpox3fsfxTdBe1lNa9ymMW5J8b5KL-2ec3M6Pjlh8FGRmvSmQ\/s1600\/yahanana3.jpg\"\r\n alt=\"Habib K.\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"user-details\">\r\n <div class=\"user-name\">Habib K.<\/div>\r\n <div class=\"user-role\">Startup Founder<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"testimonial-card\">\r\n\r\n <div class=\"quote-icon\">\u201d<\/div>\r\n\r\n <div class=\"rating-row\">\r\n <div class=\"stars\">\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n\r\n <span class=\"rating-number\">5.0<\/span>\r\n <\/div>\r\n\r\n <div class=\"testimonial-text\">\r\n Before Aaghaz, I feared AI would replace me. Now I started replacing old systems with AI and clients paid me for it\r\n <\/div>\r\n\r\n <div class=\"user-info\">\r\n\r\n <div class=\"user-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/150?img=11\"\r\n alt=\"Hassan R.\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"user-details\">\r\n <div class=\"user-name\">Hassan R.<\/div>\r\n <div class=\"user-role\">Product Designer<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"section-divider\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"summary\">\r\n\r\n <div class=\"summary-title\">\r\n Summary\r\n <\/div>\r\n\r\n <div class=\"summary-content\">\r\n\r\n <div class=\"summary-intro\">\r\n AI in Hand is Asia's most practical AI training program.\r\n <\/div>\r\n\r\n <div class=\"summary-highlight\">\r\n Through 40+ hours of sessions, you'll build AI apps, content systems,\r\n create automated agents, and learn to package AI services for real businesses.\r\n <\/div>\r\n\r\n <div class=\"summary-description\">\r\n In this 12 weeks, you'll master 17+ AI tools including ChatGPT,\r\n Claude, Gemini, Runway, N8N, Loveable and ElevenLabs.\r\n Just practical skills you can use immediately.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43ccaa8 elementor-widget elementor-widget-html\" data-id=\"43ccaa8\" 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<div class=\"aaghaz-container\">\r\n\r\n\r\n\r\n\r\n<section class=\"skills-section\">\r\n\r\n <div class=\"skills-layout\">\r\n\r\n\r\n \r\n <div class=\"skills-left\">\r\n\r\n <div class=\"skills-title\">\r\n Skills\r\n <\/div>\r\n\r\n\r\n <div class=\"skills-list\">\r\n\r\n <div class=\"skill-item\">\r\n AI Fundamentals\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n LLM Expertise\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n Prompt Engineering\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n AI Content Creation\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n AI Visual & Media Tools\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n AI Agent Development\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n SAAS App Building\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n Client Hunting\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n <div class=\"video-card\">\r\n\r\n \r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=800&q=80\"\r\n alt=\"AI Video\"\r\n >\r\n\r\n <div class=\"video-label\">\r\n OpenAI CEO's Prediction\r\n <\/div>\r\n\r\n <div class=\"video-overlay\">\r\n\r\n <a\r\n href=\"https:\/\/www.youtube.com\/\"\r\n target=\"_blank\"\r\n class=\"play-button\"\r\n aria-label=\"Watch video\"\r\n >\r\n \u25b6\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"top-cta\">\r\n\r\n <div class=\"free-text\">\r\n Join 10 Days Free Trial\r\n <\/div>\r\n\r\n \r\n <a\r\n href=\"\"\r\n class=\"cta-button\"\r\n target=\"_blank\"\r\n >\r\n JOIN NOW AT DISCOUNT PRICE\r\n <\/a>\r\n\r\n <div class=\"top-divider\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"about-section\">\r\n\r\n <div class=\"about-layout\">\r\n\r\n\r\n \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 \r\n\r\n <a\r\n href=\"\"\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 \r\n\r\n <div class=\"profile-image\">\r\n\r\n \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\r\n<section class=\"gallery-section\">\r\n\r\n <div class=\"gallery-grid\">\r\n\r\n\r\n \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 \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 \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\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 \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 \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 \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 \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-0a87022 elementor-widget elementor-widget-html\" data-id=\"0a87022\" 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>AI Curriculum<\/title>\r\n\r\n<style>\r\n\r\n*{\r\n box-sizing:border-box;\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\nhtml,\r\nbody{\r\n background:#000 !important;\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 MAIN SECTION\r\n========================= *\/\r\n\r\n.ai-section{\r\n width:100%;\r\n background:#000 !important;\r\n background-image:none !important;\r\n padding:5px 5px 80px;\r\n\r\n \/* REMOVE ALL GREEN SHADOW *\/\r\n box-shadow:none !important;\r\n filter:none !important;\r\n -webkit-filter:none !important;\r\n text-shadow:none !important;\r\n\r\n position:relative;\r\n isolation:isolate;\r\n}\r\n\r\n\/* Remove any possible pseudo green glow *\/\r\n.ai-section::before,\r\n.ai-section::after{\r\n content:none !important;\r\n display:none !important;\r\n background:none !important;\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n\/* =========================\r\n CONTAINER\r\n========================= *\/\r\n\r\n.ai-container{\r\n width:100%;\r\n max-width:1590px;\r\n margin:auto;\r\n\r\n background:#000 !important;\r\n background-image:none !important;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n\/* =========================\r\n AI STACK\r\n========================= *\/\r\n\r\n.ai-stack{\r\n width:100%;\r\n min-height:455px;\r\n\r\n background:#111010 !important;\r\n background-image:none !important;\r\n\r\n border-radius:24px;\r\n padding:48px;\r\n\r\n display:flex;\r\n align-items:center;\r\n gap:55px;\r\n\r\n border:1px solid #191919;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n\/* =========================\r\n STACK TITLE\r\n========================= *\/\r\n\r\n.ai-stack-title{\r\n width:30%;\r\n flex-shrink:0;\r\n}\r\n\r\n.ai-stack-title h2{\r\n color:#fff;\r\n font-size:58px;\r\n line-height:.98;\r\n font-weight:800;\r\n letter-spacing:-2px;\r\n}\r\n\r\n.ai-stack-title h2 span{\r\n display:block;\r\n color:#b7ff00;\r\n margin-top:8px;\r\n}\r\n\r\n\/* =========================\r\n ICON GRID\r\n========================= *\/\r\n\r\n.ai-tools{\r\n width:70%;\r\n\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:18px;\r\n}\r\n\r\n.ai-tool{\r\n height:90px;\r\n\r\n background:#29292b !important;\r\n background-image:none !important;\r\n\r\n border-radius:25px;\r\n\r\n display:flex;\r\n align-items:center;\r\n gap:17px;\r\n\r\n padding:0 27px;\r\n\r\n transition:.2s ease;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n.ai-tool:hover{\r\n background:#333335 !important;\r\n transform:translateY(-2px);\r\n box-shadow:none !important;\r\n}\r\n\r\n.ai-tool img{\r\n width:35px;\r\n height:35px;\r\n\r\n object-fit:contain;\r\n flex:0 0 35px;\r\n\r\n display:block;\r\n}\r\n\r\n.ai-tool span{\r\n color:#fff;\r\n font-size:19px;\r\n font-weight:700;\r\n line-height:1.2;\r\n}\r\n\r\n\/* =========================\r\n CURRICULUM\r\n========================= *\/\r\n\r\n.curriculum{\r\n width:100%;\r\n padding:58px 40px 0;\r\n\r\n background:#000 !important;\r\n background-image:none !important;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n.curriculum-badge{\r\n width:max-content;\r\n\r\n margin:0 auto 22px;\r\n padding:8px 20px;\r\n\r\n background:#263b00;\r\n color:#b7ff00;\r\n\r\n border-radius:4px;\r\n\r\n font-size:25px;\r\n font-weight:900;\r\n text-transform:uppercase;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n.curriculum-title{\r\n text-align:center;\r\n\r\n max-width:1100px;\r\n margin:0 auto 48px;\r\n\r\n font-size:68px;\r\n line-height:1.02;\r\n font-weight:900;\r\n letter-spacing:-2px;\r\n\r\n text-transform:uppercase;\r\n color:#d1d1d1;\r\n\r\n text-shadow:none !important;\r\n}\r\n\r\n.curriculum-title span{\r\n display:block;\r\n color:#b7ff00;\r\n}\r\n\r\n\/* =========================\r\n ROADMAP\r\n========================= *\/\r\n\r\n.roadmap{\r\n width:100%;\r\n\r\n display:flex;\r\n flex-direction:column;\r\n gap:12px;\r\n\r\n background:#000 !important;\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n.roadmap-card{\r\n width:100%;\r\n\r\n background:#050505 !important;\r\n background-image:none !important;\r\n\r\n border:1px solid #292929;\r\n border-radius:25px;\r\n\r\n overflow:hidden;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n\/* =========================\r\n CARD HEADER\r\n========================= *\/\r\n\r\n.roadmap-header{\r\n width:100%;\r\n min-height:190px;\r\n\r\n padding:10px;\r\n\r\n border:0;\r\n outline:0;\r\n\r\n background:#050505 !important;\r\n background-image:none !important;\r\n\r\n color:#fff;\r\n\r\n display:flex;\r\n align-items:center;\r\n gap:20px;\r\n\r\n text-align:left;\r\n cursor:pointer;\r\n\r\n font-family:inherit;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n.roadmap-header:hover,\r\n.roadmap-header:focus,\r\n.roadmap-header:active{\r\n background:#050505 !important;\r\n box-shadow:none !important;\r\n outline:none !important;\r\n}\r\n\r\n\/* =========================\r\n CARD IMAGE\r\n========================= *\/\r\n\r\n.card-image{\r\n width:115px;\r\n height:170px;\r\n\r\n flex:0 0 115px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:16px;\r\n\r\n background:#151515;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n.card-image img{\r\n width:100%;\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n}\r\n\r\n\/* =========================\r\n CARD CONTENT\r\n========================= *\/\r\n\r\n.card-content{\r\n flex:1;\r\n min-width:0;\r\n}\r\n\r\n.card-label{\r\n color:#b7ff00;\r\n\r\n font-size:17px;\r\n font-weight:900;\r\n\r\n margin-bottom:8px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.card-title{\r\n color:#fff;\r\n\r\n font-size:25px;\r\n line-height:1.1;\r\n font-weight:900;\r\n\r\n margin-bottom:10px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.card-description{\r\n color:#eee;\r\n\r\n font-size:17px;\r\n line-height:1.5;\r\n\r\n max-width:1050px;\r\n}\r\n\r\n.card-author{\r\n display:inline-block;\r\n\r\n margin-top:11px;\r\n\r\n padding:7px 12px;\r\n\r\n border-radius:4px;\r\n\r\n background:#375d00;\r\n color:#fff;\r\n\r\n font-size:15px;\r\n font-weight:700;\r\n}\r\n\r\n\/* =========================\r\n ARROW\r\n========================= *\/\r\n\r\n.arrow-box{\r\n width:55px;\r\n height:55px;\r\n\r\n flex:0 0 55px;\r\n\r\n margin-right:2px;\r\n\r\n border-radius:15px;\r\n\r\n background:#29292b;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n transition:.3s ease;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n.arrow-box svg{\r\n width:28px;\r\n height:28px;\r\n\r\n fill:none;\r\n\r\n stroke:#fff;\r\n stroke-width:3;\r\n\r\n stroke-linecap:round;\r\n stroke-linejoin:round;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n.roadmap-card.open .arrow-box{\r\n background:#b7ff00;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n.roadmap-card.open .arrow-box svg{\r\n stroke:#000;\r\n transform:rotate(180deg);\r\n}\r\n\r\n\/* =========================\r\n ACCORDION BODY\r\n========================= *\/\r\n\r\n.card-body{\r\n max-height:0;\r\n\r\n overflow:hidden;\r\n opacity:0;\r\n\r\n background:#111 !important;\r\n background-image:none !important;\r\n\r\n transition:\r\n max-height .45s ease,\r\n opacity .3s ease;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n.roadmap-card.open .card-body{\r\n opacity:1;\r\n}\r\n\r\n.card-body-inner{\r\n padding:28px 35px 32px;\r\n\r\n border-top:1px solid #292929;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n\/* =========================\r\n BODY TEXT\r\n========================= *\/\r\n\r\n.body-text{\r\n color:#ddd;\r\n\r\n font-size:16px;\r\n line-height:1.7;\r\n\r\n margin-bottom:20px;\r\n}\r\n\r\n.body-heading{\r\n color:#b7ff00;\r\n\r\n font-size:18px;\r\n font-weight:900;\r\n\r\n text-transform:uppercase;\r\n\r\n margin-bottom:12px;\r\n}\r\n\r\n.body-list{\r\n padding-left:22px;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n\r\n gap:6px 35px;\r\n}\r\n\r\n.body-list li{\r\n color:#eee;\r\n\r\n font-size:15px;\r\n line-height:1.6;\r\n}\r\n\r\n.body-list li::marker{\r\n color:#b7ff00;\r\n}\r\n\r\n\/* =========================\r\n GREEN INFO\r\n========================= *\/\r\n\r\n.green-info{\r\n margin-top:22px;\r\n\r\n padding:18px 20px;\r\n\r\n background:rgba(120,160,0,.10);\r\n\r\n border:1px solid rgba(183,255,0,.10);\r\n\r\n border-radius:9px;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n.green-info strong{\r\n display:block;\r\n\r\n color:#b7ff00;\r\n\r\n font-size:15px;\r\n\r\n margin-bottom:7px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.green-info p{\r\n color:#ddd;\r\n\r\n font-size:14px;\r\n line-height:1.6;\r\n}\r\n\r\n\/* =====================================================\r\n FORCE REMOVE BOTTOM GREEN GLOW \/ SHADOW\r\n===================================================== *\/\r\n\r\nbody::before,\r\nbody::after,\r\n.ai-section::before,\r\n.ai-section::after,\r\n.ai-container::before,\r\n.ai-container::after,\r\n.curriculum::before,\r\n.curriculum::after,\r\n.roadmap::before,\r\n.roadmap::after{\r\n content:none !important;\r\n display:none !important;\r\n\r\n background:transparent !important;\r\n background-image:none !important;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n -webkit-filter:none !important;\r\n}\r\n\r\nbody,\r\n.ai-section,\r\n.ai-container,\r\n.ai-stack,\r\n.curriculum,\r\n.roadmap,\r\n.roadmap-card,\r\n.roadmap-header,\r\n.card-body{\r\n box-shadow:none !important;\r\n filter:none !important;\r\n -webkit-filter:none !important;\r\n}\r\n\r\n\/* =========================\r\n TABLET\r\n========================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n .ai-stack{\r\n padding:35px;\r\n gap:35px;\r\n }\r\n\r\n .ai-stack-title h2{\r\n font-size:46px;\r\n }\r\n\r\n .ai-tool{\r\n height:75px;\r\n padding:0 18px;\r\n }\r\n\r\n .ai-tool img{\r\n width:30px;\r\n height:30px;\r\n flex-basis:30px;\r\n }\r\n\r\n .ai-tool span{\r\n font-size:15px;\r\n }\r\n\r\n .curriculum-title{\r\n font-size:55px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n MOBILE TABLET\r\n========================= *\/\r\n\r\n@media(max-width:850px){\r\n\r\n .ai-stack{\r\n flex-direction:column;\r\n align-items:stretch;\r\n\r\n min-height:auto;\r\n\r\n padding:30px 25px;\r\n }\r\n\r\n .ai-stack-title{\r\n width:100%;\r\n text-align:center;\r\n }\r\n\r\n .ai-stack-title h2{\r\n font-size:45px;\r\n }\r\n\r\n .ai-tools{\r\n width:100%;\r\n }\r\n\r\n .ai-tool{\r\n height:65px;\r\n border-radius:18px;\r\n }\r\n\r\n .curriculum{\r\n padding:45px 15px 0;\r\n }\r\n\r\n .curriculum-title{\r\n font-size:45px;\r\n }\r\n\r\n .card-title{\r\n font-size:21px;\r\n }\r\n\r\n .card-description{\r\n font-size:14px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n .ai-section{\r\n padding:4px 5px 50px;\r\n\r\n background:#000 !important;\r\n background-image:none !important;\r\n\r\n box-shadow:none !important;\r\n }\r\n\r\n .ai-stack{\r\n border-radius:16px;\r\n padding:22px 15px;\r\n }\r\n\r\n .ai-stack-title h2{\r\n font-size:34px;\r\n }\r\n\r\n .ai-tools{\r\n grid-template-columns:repeat(2,1fr);\r\n gap:9px;\r\n }\r\n\r\n .ai-tool{\r\n height:55px;\r\n\r\n padding:0 11px;\r\n\r\n border-radius:14px;\r\n\r\n gap:8px;\r\n }\r\n\r\n .ai-tool img{\r\n width:25px;\r\n height:25px;\r\n flex-basis:25px;\r\n }\r\n\r\n .ai-tool span{\r\n font-size:11px;\r\n }\r\n\r\n .curriculum{\r\n padding:32px 4px 0;\r\n }\r\n\r\n .curriculum-badge{\r\n font-size:13px;\r\n padding:7px 12px;\r\n margin-bottom:15px;\r\n }\r\n\r\n .curriculum-title{\r\n font-size:31px;\r\n margin-bottom:28px;\r\n }\r\n\r\n .roadmap{\r\n gap:8px;\r\n }\r\n\r\n .roadmap-card{\r\n border-radius:16px;\r\n }\r\n\r\n .roadmap-header{\r\n min-height:125px;\r\n padding:7px;\r\n gap:9px;\r\n }\r\n\r\n .card-image{\r\n width:76px;\r\n height:109px;\r\n flex-basis:76px;\r\n border-radius:11px;\r\n }\r\n\r\n .card-label{\r\n font-size:9px;\r\n margin-bottom:5px;\r\n }\r\n\r\n .card-title{\r\n font-size:13px;\r\n margin-bottom:5px;\r\n }\r\n\r\n .card-description{\r\n font-size:9px;\r\n line-height:1.4;\r\n\r\n display:-webkit-box;\r\n -webkit-line-clamp:3;\r\n -webkit-box-orient:vertical;\r\n\r\n overflow:hidden;\r\n }\r\n\r\n .card-author{\r\n font-size:8px;\r\n padding:4px 7px;\r\n margin-top:6px;\r\n }\r\n\r\n .arrow-box{\r\n width:36px;\r\n height:36px;\r\n flex-basis:36px;\r\n border-radius:10px;\r\n }\r\n\r\n .arrow-box svg{\r\n width:19px;\r\n height:19px;\r\n }\r\n\r\n .card-body-inner{\r\n padding:16px;\r\n }\r\n\r\n .body-text{\r\n font-size:11px;\r\n }\r\n\r\n .body-heading{\r\n font-size:12px;\r\n }\r\n\r\n .body-list{\r\n grid-template-columns:1fr;\r\n gap:3px;\r\n }\r\n\r\n .body-list li{\r\n font-size:10px;\r\n }\r\n\r\n .green-info{\r\n padding:12px;\r\n }\r\n\r\n .green-info strong{\r\n font-size:10px;\r\n }\r\n\r\n .green-info p{\r\n font-size:9px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ai-section\">\r\n\r\n<div class=\"ai-container\">\r\n\r\n\r\n\r\n<div class=\"ai-stack\">\r\n\r\n <div class=\"ai-stack-title\">\r\n <h2>\r\n Meet your future\r\n <span>AI stack<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"ai-tools\">\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fchat-gpt-icon.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZi\/ffffff\" alt=\"ChatGPT\">\r\n <span>ChatGPT<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fopenclaw.jpg&w=384&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Open Claw\">\r\n <span>Open Claw<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fclaudecoder.png&w=384&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Claude Code\">\r\n <span>Claude Code<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fbolt.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Bolt\">\r\n <span>Bolt<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fclaude.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Claude\">\r\n <span>Claude<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fgemini-icon.png&w=384&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Gemini\">\r\n <span>Gemini<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Floveable.png&w=384&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Lovable\">\r\n <span>Lovable<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fmake.webp&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Make\">\r\n <span>Make<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fn8n.webp&w=384&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"n8n\">\r\n <span>n8n<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fopenai.webp&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"OpenAI\">\r\n <span>OpenAI<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fzapier.webp&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Zapier\">\r\n <span>Zapier<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fv0.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZl\/ffffff\" alt=\"Vercel\">\r\n <span>Vercel<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fgithub-copilot.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"GitHub\">\r\n <span>GitHub<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fcopilot.webp&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Copilot\">\r\n <span>Copilot<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fdalle-e.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"DALL-E\">\r\n <span>DALL-E<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/9380\/9380462.png\" alt=\"More\">\r\n <span>13 more<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"curriculum\">\r\n\r\n <div class=\"curriculum-badge\">\r\n PROGRAM CURRICULUM\r\n <\/div>\r\n\r\n <h1 class=\"curriculum-title\">\r\n DISCOVER THE ROADMAP TO\r\n <span>AI MASTERY<\/span>\r\n <\/h1>\r\n\r\n <div class=\"roadmap\">\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Basics of Personal Branding\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n BASICS OF PERSONAL BRANDING\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Setting up your online presence and preparing\r\n for the journey ahead. Get ready to build your\r\n personal brand and learn the essentials of AI.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n Badar Munir\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Build a strong personal foundation before\r\n moving into advanced AI workflows. Learn\r\n how to position yourself and understand\r\n the fundamentals required for your AI journey.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">\r\n What You'll Learn\r\n <\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>Personal branding fundamentals<\/li>\r\n <li>Online presence<\/li>\r\n <li>AI fundamentals<\/li>\r\n <li>Modern AI tools<\/li>\r\n <li>Positioning your skills<\/li>\r\n <li>AI journey planning<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Build a clear personal foundation and\r\n understand how to position your AI skills.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"AI Fundamentals\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n AI FUNDAMENTALS & CORE CONCEPTS\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Understand modern AI and learn the core\r\n concepts behind today's most important\r\n AI systems.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n AI Fundamentals\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Learn the foundations of generative AI,\r\n language models and practical AI systems.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>Artificial Intelligence<\/li>\r\n <li>Generative AI<\/li>\r\n <li>Large Language Models<\/li>\r\n <li>AI tools<\/li>\r\n <li>AI workflows<\/li>\r\n <li>Real-world applications<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Understand which AI tools to use and\r\n where they fit into real workflows.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Prompt Engineering\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n PROMPT ENGINEERING\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Learn practical prompting frameworks for\r\n creating more accurate and useful AI outputs.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n Prompt Engineering\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Learn how to structure instructions,\r\n provide context and create reusable prompts.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>Prompt structure<\/li>\r\n <li>Context engineering<\/li>\r\n <li>Role prompting<\/li>\r\n <li>Few-shot prompting<\/li>\r\n <li>Prompt refinement<\/li>\r\n <li>Reusable prompts<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Create consistent prompts that can\r\n be reused across AI tools.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"AI Content Creation\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n AI CONTENT CREATION\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Build practical content systems using AI\r\n for research, writing, visuals and repurposing.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n Content Systems\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Build a repeatable AI-powered content\r\n workflow instead of creating everything manually.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>Content research<\/li>\r\n <li>Content ideas<\/li>\r\n <li>AI writing<\/li>\r\n <li>Social media<\/li>\r\n <li>Visual content<\/li>\r\n <li>Content repurposing<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Create an AI-powered content system\r\n for consistent publishing.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"AI Agent Development\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n AI AGENT DEVELOPMENT\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Learn how AI agents and multi-step workflows\r\n can automate practical business tasks.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n AI Agents\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Learn how to design AI agents with\r\n instructions, tools and structured workflows.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>AI agent fundamentals<\/li>\r\n <li>Agent instructions<\/li>\r\n <li>Tool usage<\/li>\r\n <li>Multi-step workflows<\/li>\r\n <li>Business use cases<\/li>\r\n <li>Agent testing<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Design useful AI agents capable of\r\n handling structured tasks.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"SaaS App Building\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n SAAS APP BUILDING\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Turn AI ideas into working applications\r\n and practical MVPs with modern tools.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n SaaS Building\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Learn how to move from idea to a working\r\n AI-powered application.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>SaaS ideas<\/li>\r\n <li>App planning<\/li>\r\n <li>AI app builders<\/li>\r\n <li>APIs<\/li>\r\n <li>AI features<\/li>\r\n <li>MVP development<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Build and test a practical AI-powered\r\n application concept.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Client Hunting\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n CLIENT HUNTING & AI SERVICES\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Learn how to package your AI skills into\r\n practical services for businesses and clients.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n Client Hunting\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Learn how to identify business problems\r\n and package AI solutions around them.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>Finding clients<\/li>\r\n <li>Niche selection<\/li>\r\n <li>Service packaging<\/li>\r\n <li>Cold outreach<\/li>\r\n <li>Client communication<\/li>\r\n <li>Service delivery<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Turn your AI skills into practical\r\n service offers for potential clients.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZf\"\r\n alt=\"Bonus Modules\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">\r\n BONUS MODULES\r\n <\/div>\r\n\r\n <div class=\"card-title\">\r\n EXTRA AI TOOLS & RESOURCES\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Additional tools, resources and practical\r\n workflows to continue building your AI skills.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n BONUS\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Get additional resources and workflows\r\n designed to help you continue practicing.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">\r\n Bonus Resources\r\n <\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>AI tools<\/li>\r\n <li>Prompt resources<\/li>\r\n <li>Workflow templates<\/li>\r\n <li>Productivity systems<\/li>\r\n <li>Business resources<\/li>\r\n <li>Additional learning material<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Bonus<\/strong>\r\n <p>\r\n Extra resources to help you keep\r\n building and experimenting with AI.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\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<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.querySelectorAll(\".roadmap-header\").forEach(function(header){\r\n\r\n header.addEventListener(\"click\", function(){\r\n\r\n const card = this.closest(\".roadmap-card\");\r\n const body = card.querySelector(\".card-body\");\r\n\r\n const alreadyOpen = card.classList.contains(\"open\");\r\n\r\n \/* Close all cards *\/\r\n\r\n document.querySelectorAll(\".roadmap-card\").forEach(function(item){\r\n\r\n item.classList.remove(\"open\");\r\n\r\n const itemBody =\r\n item.querySelector(\".card-body\");\r\n\r\n itemBody.style.maxHeight = \"0px\";\r\n\r\n });\r\n\r\n \/* Open clicked card *\/\r\n\r\n if(!alreadyOpen){\r\n\r\n card.classList.add(\"open\");\r\n\r\n body.style.maxHeight =\r\n body.scrollHeight + \"px\";\r\n\r\n }\r\n\r\n });\r\n\r\n});\r\n\r\n\r\n\/* Keep opened card correct after resize *\/\r\n\r\nwindow.addEventListener(\"resize\", function(){\r\n\r\n document.querySelectorAll(\".roadmap-card.open\").forEach(function(card){\r\n\r\n const body =\r\n card.querySelector(\".card-body\");\r\n\r\n body.style.maxHeight =\r\n body.scrollHeight + \"px\";\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-648abc8 elementor-widget elementor-widget-html\" data-id=\"648abc8\" 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 Pricing<\/title>\r\n\r\n<style>\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.pricing-section {\r\n width: 100%;\r\n padding: 65px 20px 70px;\r\n background: #000;\r\n}\r\n\r\n.pricing-container {\r\n max-width: 1060px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* TOP LABEL *\/\r\n.pricing-label {\r\n display: table;\r\n margin: 0 auto 18px;\r\n padding: 5px 15px;\r\n border-radius: 4px;\r\n background: #304500;\r\n color: #b8ff00;\r\n font-size: 18px;\r\n font-weight: 800;\r\n line-height: 1;\r\n}\r\n\r\n\/* HEADING *\/\r\n.pricing-title {\r\n text-align: center;\r\n font-size: 50px;\r\n line-height: 1.05;\r\n font-weight: 900;\r\n color: #d0d0d0;\r\n margin-bottom: 32px;\r\n letter-spacing: -1.5px;\r\n}\r\n\r\n.pricing-title span {\r\n display: block;\r\n color: #b8ff00;\r\n}\r\n\r\n\/* MAIN CARD *\/\r\n.pricing-card {\r\n background: #111111;\r\n border-radius: 17px;\r\n overflow: hidden;\r\n}\r\n\r\n\/* COUPON BAR *\/\r\n.coupon-bar {\r\n min-height: 53px;\r\n background: #b8ff00;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 9px;\r\n color: #111;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.coupon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n}\r\n\r\n.coupon-icon {\r\n font-size: 15px;\r\n}\r\n\r\n.coupon-input {\r\n width: 127px;\r\n height: 33px;\r\n border: none;\r\n outline: none;\r\n border-radius: 18px;\r\n padding: 0 14px;\r\n font-size: 13px;\r\n background: #fff;\r\n color: #222;\r\n}\r\n\r\n.coupon-button {\r\n height: 34px;\r\n padding: 0 17px;\r\n border: none;\r\n border-radius: 18px;\r\n background: #050505;\r\n color: #fff !important;\r\n font-size: 12px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: 0.2s ease;\r\n}\r\n\r\n.coupon-button:hover {\r\n background: #c7ff35;\r\n color: #000 !important;\r\n}\r\n\r\n\/* PRICE AREA *\/\r\n.price-content {\r\n padding: 34px 45px 24px;\r\n text-align: center;\r\n}\r\n\r\n.main-price {\r\n color: #b8ff00;\r\n font-size: 51px;\r\n font-weight: 900;\r\n line-height: 1;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.one-time {\r\n color: #c8c8c8;\r\n font-size: 21px;\r\n font-weight: 700;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.description {\r\n color: #d0d0d0;\r\n font-size: 13px;\r\n line-height: 1.7;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n}\r\n\r\n.price-divider {\r\n height: 1px;\r\n background: #222;\r\n margin: 22px 0 22px;\r\n}\r\n\r\n\/* PAYMENT OPTIONS *\/\r\n.payment-options {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n}\r\n\r\n.payment-box {\r\n background: #29292b;\r\n border-radius: 17px;\r\n padding: 25px 22px 22px;\r\n text-align: left;\r\n}\r\n\r\n.payment-title {\r\n color: #fff;\r\n font-size: 16px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.payment-price {\r\n color: #b8ff00;\r\n font-size: 27px;\r\n line-height: 1.2;\r\n font-weight: 900;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.payment-price span {\r\n color: #7f9f27;\r\n}\r\n\r\n.payment-description {\r\n color: #c8c8c8;\r\n font-size: 12px;\r\n margin-bottom: 17px;\r\n}\r\n\r\n\/* PAYMENT BUTTON *\/\r\n.payment-button {\r\n width: 100%;\r\n height: 45px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 14px;\r\n background: #b8ff00;\r\n color: #050505 !important;\r\n text-decoration: none !important;\r\n font-size: 14px;\r\n font-weight: 900;\r\n transition: 0.2s ease;\r\n}\r\n\r\n.payment-button:hover {\r\n background: #c7ff35;\r\n color: #000 !important;\r\n text-decoration: none !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n\/* FOOTER INSIDE CARD *\/\r\n.redirect-text {\r\n text-align: center;\r\n color: #bdbdbd;\r\n font-size: 11px;\r\n margin-top: 21px;\r\n}\r\n\r\n.payment-methods {\r\n text-align: center;\r\n color: #d0d0d0;\r\n font-size: 11px;\r\n margin-top: 15px;\r\n padding-bottom: 2px;\r\n}\r\n\r\n.payment-methods span {\r\n margin: 0 8px;\r\n color: #555;\r\n}\r\n\r\n\/* REFUND SECTION *\/\r\n.refund-section {\r\n margin-top: 56px;\r\n min-height: 320px;\r\n border-radius: 20px;\r\n border: 1px solid #4b6700;\r\n\r\n background:\r\n radial-gradient(\r\n ellipse at top center,\r\n rgba(88, 125, 0, 0.40) 0%,\r\n rgba(28, 48, 0, 0.25) 32%,\r\n rgba(0, 0, 0, 0.98) 75%\r\n ),\r\n #050705;\r\n\r\n padding: 42px 35px 35px;\r\n text-align: center;\r\n\r\n \/* NO GREEN BOTTOM SHADOW *\/\r\n box-shadow: none;\r\n}\r\n\r\n.refund-content {\r\n position: relative;\r\n max-width: 850px;\r\n margin: 0 auto;\r\n}\r\n\r\n.refund-title {\r\n color: #fff;\r\n font-size: 42px;\r\n font-weight: 900;\r\n line-height: 1.1;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.refund-text {\r\n color: #d0d0d0;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.refund-highlight {\r\n color: #fff;\r\n font-size: 19px;\r\n line-height: 1.5;\r\n font-weight: 700;\r\n max-width: 750px;\r\n margin: 0 auto 22px;\r\n}\r\n\r\n.refund-highlight span {\r\n color: #b8ff00;\r\n}\r\n\r\n\/* BADGE *\/\r\n.refund-badge {\r\n position: absolute;\r\n right: -45px;\r\n top: -15px;\r\n width: 90px;\r\n height: 90px;\r\n object-fit: contain;\r\n}\r\n\r\n\/* REFUND BUTTON *\/\r\n.refund-button {\r\n display: flex;\r\n width: 345px;\r\n max-width: 100%;\r\n height: 46px;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto;\r\n border-radius: 14px;\r\n background: #b8ff00;\r\n color: #050505 !important;\r\n text-decoration: none !important;\r\n font-size: 14px;\r\n font-weight: 900;\r\n transition: 0.2s ease;\r\n}\r\n\r\n.refund-button:hover {\r\n background: #c7ff35;\r\n color: #000 !important;\r\n text-decoration: none !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.security-info {\r\n margin-top: 25px;\r\n color: #c6c6c6;\r\n font-size: 12px;\r\n}\r\n\r\n.security-info span {\r\n margin: 0 12px;\r\n color: #666;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n\r\n .pricing-section {\r\n padding: 45px 15px 50px;\r\n }\r\n\r\n .pricing-title {\r\n font-size: 36px;\r\n }\r\n\r\n .coupon-bar {\r\n flex-wrap: wrap;\r\n padding: 12px 10px;\r\n }\r\n\r\n .price-content {\r\n padding: 30px 20px 22px;\r\n }\r\n\r\n .main-price {\r\n font-size: 40px;\r\n }\r\n\r\n .payment-options {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .refund-section {\r\n margin-top: 35px;\r\n padding: 35px 20px 30px;\r\n }\r\n\r\n .refund-title {\r\n font-size: 32px;\r\n }\r\n\r\n .refund-highlight {\r\n font-size: 17px;\r\n }\r\n\r\n .refund-badge {\r\n position: static;\r\n display: block;\r\n width: 75px;\r\n height: 75px;\r\n margin: 0 auto 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .pricing-title {\r\n font-size: 31px;\r\n }\r\n\r\n .main-price {\r\n font-size: 35px;\r\n }\r\n\r\n .coupon-title {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .coupon-input {\r\n width: 120px;\r\n }\r\n\r\n .refund-title {\r\n font-size: 28px;\r\n }\r\n\r\n .security-info span {\r\n margin: 0 5px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"pricing-section\">\r\n\r\n <div class=\"pricing-container\">\r\n\r\n \r\n <div class=\"pricing-label\">\r\n PRICING\r\n <\/div>\r\n\r\n \r\n <h1 class=\"pricing-title\">\r\n FEES STRUCTURE OF\r\n <span>AAGHAZ AI<\/span>\r\n <\/h1>\r\n\r\n \r\n <div class=\"pricing-card\">\r\n\r\n \r\n <div class=\"coupon-bar\">\r\n\r\n <div class=\"coupon-title\">\r\n <span class=\"coupon-icon\">\ud83c\udf81<\/span>\r\n <span>Have a coupon?<\/span>\r\n <\/div>\r\n\r\n <input\r\n type=\"text\"\r\n class=\"coupon-input\"\r\n value=\"AAGHAZ25\"\r\n id=\"couponCode\"\r\n >\r\n\r\n <button\r\n type=\"button\"\r\n class=\"coupon-button\"\r\n onclick=\"applyCoupon()\">\r\n Apply\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"price-content\">\r\n\r\n <div class=\"main-price\">\r\n PKR 59,999\r\n <\/div>\r\n\r\n <div class=\"one-time\">\r\n One-time\r\n <\/div>\r\n\r\n <div class=\"description\">\r\n Billed Monthly x 3 or One time payment options available\r\n <br>\r\n Start as an Apprentice and unlock monthly content with immediate access\r\n <br>\r\n to Aaghaz AI\u2019s key programs and exclusive bonuses.\r\n <\/div>\r\n\r\n <div class=\"price-divider\"><\/div>\r\n\r\n \r\n <div class=\"payment-options\">\r\n\r\n \r\n <div class=\"payment-box\">\r\n\r\n <div class=\"payment-title\">\r\n One-time Payment\r\n <\/div>\r\n\r\n <div class=\"payment-price\">\r\n PKR 59,999 <span>\/ one-time<\/span>\r\n <\/div>\r\n\r\n <a\r\n href=\"https:\/\/c.texofts.com\/?page_id=257https:\/\/c.texofts.com\/?page_id=273\"\r\n class=\"payment-button\">\r\n ENROLL NOW\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"payment-box\">\r\n\r\n <div class=\"payment-title\">\r\n 3-month Installment\r\n <\/div>\r\n\r\n <div class=\"payment-price\">\r\n PKR 23,000 <span>\/ monthly<\/span>\r\n <\/div>\r\n\r\n <div class=\"payment-description\">\r\n 3 monthly installments. Total: PKR 69,000\r\n <\/div>\r\n\r\n <a\r\n href=\"https:\/\/c.texofts.com\/?page_id=273\"\r\n class=\"payment-button\">\r\n GET MONTHLY ACCESS\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"redirect-text\">\r\n You'll get redirected to the Aaghaz AI platform to complete your enrolment.\r\n <\/div>\r\n\r\n <div class=\"payment-methods\">\r\n Bank transfer\r\n <span>|<\/span>\r\n Local Currency\r\n <span>|<\/span>\r\n Online Payment\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"refund-section\">\r\n\r\n <div class=\"refund-content\">\r\n\r\n \r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fassets%2Fimage%2Fmoney-back-guarantee.png&w=256&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"100% Money Back Guarantee\"\r\n class=\"refund-badge\"\r\n >\r\n\r\n <h2 class=\"refund-title\">\r\n 100% Refund Guarantee\r\n <\/h2>\r\n\r\n <p class=\"refund-text\">\r\n If you don't feel this is the most practical AI education you've experienced,\r\n we'll refund 100% of your payment.\r\n <\/p>\r\n\r\n <div class=\"refund-highlight\">\r\n Join for 10 days. Do the homework. Attend the sessions.\r\n <span>\r\n If not satisfied, just ask<br>\r\n for your money back.\r\n <\/span>\r\n <\/div>\r\n\r\n <a\r\n href=\"\"\r\n class=\"refund-button\">\r\n YES, I WANT TO ENROLL RISK-FREE\r\n <\/a>\r\n\r\n <div class=\"security-info\">\r\n Secure Payment\r\n <span>\u2022<\/span>\r\n SSL Encrypted\r\n <span>\u2022<\/span>\r\n Instant Access\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nfunction applyCoupon() {\r\n\r\n const coupon = document\r\n .getElementById(\"couponCode\")\r\n .value\r\n .trim();\r\n\r\n if (coupon === \"\") {\r\n alert(\"Please enter a coupon code.\");\r\n return;\r\n }\r\n\r\n if (coupon.toUpperCase() === \"AAGHAZ25\") {\r\n alert(\"Coupon applied successfully!\");\r\n } else {\r\n alert(\"Invalid coupon code.\");\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-e660b79 elementor-widget elementor-widget-html\" data-id=\"e660b79\" 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>AI Earnings Potential<\/title>\r\n\r\n<style>\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 background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MAIN SECTION\r\n PURE BLACK - NO GREEN SHADOW\r\n========================================= *\/\r\n\r\n.ai-earnings-section {\r\n width: 100%;\r\n\r\n \/* PURE BLACK BACKGROUND *\/\r\n background: #000 !important;\r\n\r\n padding: 70px 20px 75px;\r\n\r\n \/* REMOVE ALL SHADOWS *\/\r\n box-shadow: none !important;\r\n\r\n filter: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTAINER\r\n========================================= *\/\r\n\r\n.ai-earnings-container {\r\n width: 100%;\r\n\r\n max-width: 1100px;\r\n\r\n margin: 0 auto;\r\n\r\n background: transparent !important;\r\n\r\n box-shadow: none !important;\r\n\r\n filter: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n HEADING\r\n========================================= *\/\r\n\r\n.ai-earnings-title {\r\n text-align: center;\r\n\r\n color: #fff;\r\n\r\n font-size: 58px;\r\n\r\n line-height: 1.08;\r\n\r\n font-weight: 900;\r\n\r\n letter-spacing: -1.5px;\r\n\r\n margin: 0 auto 42px;\r\n\r\n max-width: 950px;\r\n}\r\n\r\n.ai-earnings-title .green {\r\n color: #b8ff00;\r\n}\r\n\r\n\r\n\/* =========================================\r\n SUB HEADING\r\n========================================= *\/\r\n\r\n.ai-earnings-subtitle {\r\n text-align: center;\r\n\r\n color: #d1d1d1;\r\n\r\n font-size: 21px;\r\n\r\n line-height: 1.5;\r\n\r\n margin: 0 auto 38px;\r\n\r\n max-width: 900px;\r\n}\r\n\r\n.ai-earnings-subtitle strong {\r\n color: #fff;\r\n\r\n font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTENT AREA\r\n========================================= *\/\r\n\r\n.ai-earnings-content {\r\n display: grid;\r\n\r\n grid-template-columns: 310px 1fr;\r\n\r\n align-items: center;\r\n\r\n column-gap: 52px;\r\n\r\n max-width: 920px;\r\n\r\n margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO CARD\r\n========================================= *\/\r\n\r\n.ai-video-wrapper {\r\n width: 310px;\r\n}\r\n\r\n.ai-video-card {\r\n position: relative;\r\n\r\n display: block;\r\n\r\n width: 310px;\r\n\r\n height: 550px;\r\n\r\n overflow: hidden;\r\n\r\n border-radius: 17px;\r\n\r\n border: 1px solid #526900;\r\n\r\n background: #111;\r\n\r\n text-decoration: none;\r\n\r\n box-shadow: none !important;\r\n\r\n transition: transform 0.25s ease;\r\n}\r\n\r\n.ai-video-card:hover {\r\n transform: translateY(-3px);\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO IMAGE\r\n========================================= *\/\r\n\r\n.ai-video-card img {\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n object-fit: cover;\r\n\r\n display: block;\r\n}\r\n\r\n\r\n\/* =========================================\r\n DARK OVERLAY\r\n========================================= *\/\r\n\r\n.ai-video-overlay {\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0,0,0,0.05) 0%,\r\n rgba(0,0,0,0.05) 45%,\r\n rgba(0,0,0,0.55) 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO LABEL\r\n========================================= *\/\r\n\r\n.ai-video-label {\r\n position: absolute;\r\n\r\n top: 16px;\r\n\r\n left: 17px;\r\n\r\n background: rgba(20,20,20,0.85);\r\n\r\n color: #fff;\r\n\r\n padding: 9px 13px;\r\n\r\n border-radius: 4px;\r\n\r\n font-size: 16px;\r\n\r\n font-weight: 700;\r\n\r\n z-index: 3;\r\n}\r\n\r\n\r\n\/* =========================================\r\n PLAY BUTTON\r\n========================================= *\/\r\n\r\n.ai-play-button {\r\n position: absolute;\r\n\r\n left: 50%;\r\n\r\n top: 50%;\r\n\r\n transform: translate(-50%, -50%);\r\n\r\n width: 72px;\r\n\r\n height: 72px;\r\n\r\n border-radius: 50%;\r\n\r\n background: rgba(20,20,20,0.70);\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n z-index: 5;\r\n\r\n transition: 0.2s ease;\r\n}\r\n\r\n.ai-play-button::after {\r\n content: \"\";\r\n\r\n width: 0;\r\n\r\n height: 0;\r\n\r\n margin-left: 6px;\r\n\r\n border-top: 15px solid transparent;\r\n\r\n border-bottom: 15px solid transparent;\r\n\r\n border-left: 23px solid #fff;\r\n}\r\n\r\n.ai-video-card:hover .ai-play-button {\r\n background: rgba(184,255,0,0.95);\r\n\r\n transform: translate(-50%, -50%) scale(1.05);\r\n}\r\n\r\n.ai-video-card:hover .ai-play-button::after {\r\n border-left-color: #000;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CHECK LIST\r\n========================================= *\/\r\n\r\n.ai-benefits {\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n gap: 21px;\r\n}\r\n\r\n.ai-benefit {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 18px;\r\n}\r\n\r\n.ai-check {\r\n flex: 0 0 31px;\r\n\r\n width: 31px;\r\n\r\n height: 31px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #263900;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n color: #b8ff00;\r\n\r\n font-size: 19px;\r\n\r\n font-weight: 900;\r\n}\r\n\r\n.ai-benefit-text {\r\n color: #fff;\r\n\r\n font-size: 19px;\r\n\r\n line-height: 1.35;\r\n\r\n font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================\r\n DESCRIPTION\r\n========================================= *\/\r\n\r\n.ai-earnings-description {\r\n max-width: 920px;\r\n\r\n margin: 4px auto 0;\r\n\r\n color: #d2d2d2;\r\n\r\n font-size: 18px;\r\n\r\n line-height: 1.5;\r\n\r\n text-align: left;\r\n\r\n background: transparent !important;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n.ai-earnings-description em {\r\n color: #fff;\r\n\r\n font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n BOTTOM BUTTON\r\n========================================= *\/\r\n\r\n.ai-join-button {\r\n display: flex;\r\n\r\n width: 505px;\r\n\r\n max-width: 100%;\r\n\r\n height: 67px;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n margin: 17px auto 0;\r\n\r\n border-radius: 17px;\r\n\r\n background: #b8ff00;\r\n\r\n color: #000 !important;\r\n\r\n text-decoration: none !important;\r\n\r\n font-size: 20px;\r\n\r\n font-weight: 900;\r\n\r\n text-align: center;\r\n\r\n transition:\r\n background 0.2s ease,\r\n transform 0.2s ease;\r\n\r\n \/* NO SHADOW *\/\r\n box-shadow: none !important;\r\n\r\n filter: none !important;\r\n}\r\n\r\n.ai-join-button:hover {\r\n background: #c7ff35;\r\n\r\n color: #000 !important;\r\n\r\n text-decoration: none !important;\r\n\r\n transform: translateY(-2px);\r\n\r\n \/* NO GREEN SHADOW *\/\r\n box-shadow: none !important;\r\n\r\n filter: none !important;\r\n}\r\n\r\n.ai-join-button:visited,\r\n.ai-join-button:active,\r\n.ai-join-button:focus {\r\n color: #000 !important;\r\n\r\n text-decoration: none !important;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .ai-earnings-title {\r\n font-size: 48px;\r\n }\r\n\r\n .ai-earnings-content {\r\n grid-template-columns: 290px 1fr;\r\n\r\n column-gap: 35px;\r\n }\r\n\r\n .ai-video-card {\r\n width: 290px;\r\n\r\n height: 515px;\r\n }\r\n\r\n .ai-video-wrapper {\r\n width: 290px;\r\n }\r\n\r\n .ai-benefit-text {\r\n font-size: 17px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 700px) {\r\n\r\n .ai-earnings-section {\r\n padding: 50px 18px 55px;\r\n\r\n background: #000 !important;\r\n\r\n box-shadow: none !important;\r\n }\r\n\r\n .ai-earnings-title {\r\n font-size: 38px;\r\n\r\n letter-spacing: -0.8px;\r\n\r\n margin-bottom: 28px;\r\n }\r\n\r\n .ai-earnings-subtitle {\r\n font-size: 17px;\r\n\r\n margin-bottom: 30px;\r\n }\r\n\r\n .ai-earnings-content {\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n gap: 30px;\r\n\r\n align-items: center;\r\n }\r\n\r\n .ai-video-wrapper {\r\n width: 280px;\r\n }\r\n\r\n .ai-video-card {\r\n width: 280px;\r\n\r\n height: 500px;\r\n }\r\n\r\n .ai-benefits {\r\n width: 100%;\r\n\r\n max-width: 480px;\r\n\r\n gap: 17px;\r\n }\r\n\r\n .ai-benefit {\r\n gap: 13px;\r\n }\r\n\r\n .ai-check {\r\n flex-basis: 29px;\r\n\r\n width: 29px;\r\n\r\n height: 29px;\r\n\r\n font-size: 17px;\r\n }\r\n\r\n .ai-benefit-text {\r\n font-size: 16px;\r\n }\r\n\r\n .ai-earnings-description {\r\n text-align: center;\r\n\r\n font-size: 16px;\r\n\r\n margin-top: 28px;\r\n\r\n background: transparent !important;\r\n\r\n box-shadow: none !important;\r\n }\r\n\r\n .ai-join-button {\r\n width: 100%;\r\n\r\n height: 58px;\r\n\r\n font-size: 16px;\r\n\r\n margin-top: 20px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 450px) {\r\n\r\n .ai-earnings-title {\r\n font-size: 31px;\r\n }\r\n\r\n .ai-earnings-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .ai-video-wrapper,\r\n .ai-video-card {\r\n width: 250px;\r\n }\r\n\r\n .ai-video-card {\r\n height: 445px;\r\n }\r\n\r\n .ai-video-label {\r\n font-size: 14px;\r\n\r\n padding: 8px 11px;\r\n }\r\n\r\n .ai-play-button {\r\n width: 62px;\r\n\r\n height: 62px;\r\n }\r\n\r\n .ai-play-button::after {\r\n border-top-width: 13px;\r\n\r\n border-bottom-width: 13px;\r\n\r\n border-left-width: 20px;\r\n }\r\n\r\n .ai-benefit-text {\r\n font-size: 15px;\r\n }\r\n\r\n .ai-earnings-description {\r\n font-size: 15px;\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<section class=\"ai-earnings-section\">\r\n\r\n <div class=\"ai-earnings-container\">\r\n\r\n\r\n \r\n\r\n <h1 class=\"ai-earnings-title\">\r\n\r\n HOW MUCH MONEY COULD\r\n <br>\r\n\r\n YOU\r\n <span class=\"green\">EARN WITH AI?<\/span>\r\n\r\n <\/h1>\r\n\r\n\r\n \r\n\r\n <p class=\"ai-earnings-subtitle\">\r\n\r\n What would be possible if you earned\r\n <strong>$1K, $4K or $9K<\/strong>\r\n per month? You could:\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"ai-earnings-content\">\r\n\r\n\r\n \r\n\r\n <div class=\"ai-video-wrapper\">\r\n\r\n <a\r\n href=\"VIDEO_LINK_HERE\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"ai-video-card\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"YOUR_VIDEO_THUMBNAIL.jpg\"\r\n alt=\"AI Earnings Potential Video\"\r\n >\r\n\r\n <div class=\"ai-video-overlay\"><\/div>\r\n\r\n <div class=\"ai-video-label\">\r\n AI Earnings Potential\r\n <\/div>\r\n\r\n <div class=\"ai-play-button\"><\/div>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"ai-benefits\">\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Take your family on vacation\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Send your kids to a nice college\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Care for aging parents\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Quit your bossy environment\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Allow your spouse to quit their job\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Never worry about bills again\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"ai-earnings-description\">\r\n\r\n The best part about this AI business model is that you can achieve\r\n <em>any financial goal you want<\/em>\r\n by expanding your AI skills.\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"\"\r\n class=\"ai-join-button\"\r\n >\r\n JOIN NOW AT DISCOUNT PRICE\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ba078d elementor-widget elementor-widget-html\" data-id=\"5ba078d\" 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\r\n<section class=\"members-video-section\" id=\"testimonials\">\r\n\r\n \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 \r\n <div class=\"members-video-grid\">\r\n\r\n\r\n \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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-68a75e1 elementor-widget elementor-widget-html\" data-id=\"68a75e1\" 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>Success Stories & Certification<\/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 background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* ================================\r\n MAIN SECTION\r\n NO GREEN SHADOW\r\n================================ *\/\r\n\r\n.success-certification-section {\r\n width: 100%;\r\n\r\n padding: 35px 0 80px;\r\n\r\n background: #000 !important;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* ================================\r\n CONTAINER\r\n================================ *\/\r\n\r\n.success-container {\r\n width: calc(100% - 90px);\r\n max-width: 1280px;\r\n\r\n margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ================================\r\n SUCCESS STORIES\r\n================================ *\/\r\n\r\n.success-title {\r\n color: #fff;\r\n\r\n font-size: 38px;\r\n line-height: 1.15;\r\n\r\n font-weight: 800;\r\n\r\n margin-bottom: 10px;\r\n}\r\n\r\n.success-subtitle {\r\n color: #cfcfcf;\r\n\r\n font-size: 18px;\r\n line-height: 1.5;\r\n\r\n margin-bottom: 25px;\r\n}\r\n\r\n\r\n\/* ================================\r\n CAROUSEL\r\n================================ *\/\r\n\r\n.reviews-carousel {\r\n position: relative;\r\n\r\n width: 100%;\r\n\r\n padding: 0 42px;\r\n}\r\n\r\n.reviews-viewport {\r\n width: 100%;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n.reviews-track {\r\n display: flex;\r\n\r\n gap: 15px;\r\n\r\n transition: transform 0.45s ease;\r\n\r\n will-change: transform;\r\n}\r\n\r\n\r\n\/* ================================\r\n REVIEW CARD\r\n================================ *\/\r\n\r\n.review-card {\r\n flex: 0 0 calc((100% - 30px) \/ 3);\r\n\r\n min-height: 198px;\r\n\r\n background: #111;\r\n\r\n border: 1px solid #2a2a2a;\r\n\r\n border-radius: 16px;\r\n\r\n padding: 17px;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* QUOTE *\/\r\n\r\n.review-card::after {\r\n content: \"\u201d\";\r\n\r\n position: absolute;\r\n\r\n right: 10px;\r\n top: -4px;\r\n\r\n color: #4d6700;\r\n\r\n font-size: 58px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 900;\r\n}\r\n\r\n\r\n\/* REVIEW TEXT *\/\r\n\r\n.review-text {\r\n position: relative;\r\n\r\n z-index: 2;\r\n\r\n color: #dedede;\r\n\r\n font-size: 16px;\r\n\r\n font-style: italic;\r\n\r\n font-weight: 600;\r\n\r\n line-height: 1.55;\r\n\r\n min-height: 103px;\r\n\r\n padding-right: 10px;\r\n}\r\n\r\n\r\n\/* ================================\r\n REVIEW FOOTER\r\n================================ *\/\r\n\r\n.review-footer {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n margin-top: 7px;\r\n}\r\n\r\n.reviewer {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 10px;\r\n}\r\n\r\n.reviewer-image {\r\n width: 50px;\r\n height: 50px;\r\n\r\n border-radius: 50%;\r\n\r\n object-fit: cover;\r\n\r\n border: 1px solid #657d00;\r\n}\r\n\r\n.reviewer-info {\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n gap: 2px;\r\n}\r\n\r\n.reviewer-name {\r\n color: #fff;\r\n\r\n font-size: 15px;\r\n\r\n font-weight: 800;\r\n}\r\n\r\n.reviewer-role {\r\n color: #bdbdbd;\r\n\r\n font-size: 12px;\r\n}\r\n\r\n\r\n\/* ================================\r\n LINKEDIN\r\n================================ *\/\r\n\r\n.linkedin-link {\r\n width: 31px;\r\n height: 31px;\r\n\r\n border-radius: 4px;\r\n\r\n background: #1687c9;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n color: #fff !important;\r\n\r\n text-decoration: none !important;\r\n\r\n font-size: 20px;\r\n\r\n font-weight: 900;\r\n\r\n transition: 0.2s ease;\r\n}\r\n\r\n.linkedin-link:hover {\r\n background: #0b6fa9;\r\n\r\n color: #fff !important;\r\n\r\n transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* ================================\r\n ARROWS\r\n================================ *\/\r\n\r\n.carousel-arrow {\r\n position: absolute;\r\n\r\n top: 50%;\r\n\r\n transform: translateY(-50%);\r\n\r\n width: 31px;\r\n height: 31px;\r\n\r\n border: none;\r\n\r\n border-radius: 50%;\r\n\r\n background: #202124;\r\n\r\n color: #777;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n cursor: pointer;\r\n\r\n font-size: 22px;\r\n\r\n line-height: 1;\r\n\r\n z-index: 10;\r\n\r\n transition: 0.2s ease;\r\n}\r\n\r\n.carousel-arrow:hover {\r\n background: #333;\r\n\r\n color: #b8ff00;\r\n}\r\n\r\n.carousel-prev {\r\n left: 0;\r\n}\r\n\r\n.carousel-next {\r\n right: 0;\r\n}\r\n\r\n\r\n\/* ================================\r\n CERTIFICATION\r\n================================ *\/\r\n\r\n.certification-section {\r\n margin-top: 76px;\r\n}\r\n\r\n.certification-title {\r\n color: #fff;\r\n\r\n font-size: 30px;\r\n\r\n font-weight: 800;\r\n\r\n margin-bottom: 38px;\r\n}\r\n\r\n\r\n\/* ================================\r\n CERTIFICATE IMAGE AREA\r\n NO GREEN LINES\r\n NO GREEN BACKGROUND\r\n NO SHADOW\r\n================================ *\/\r\n\r\n.certificate-wrapper {\r\n width: 100%;\r\n\r\n max-width: 910px;\r\n\r\n margin: 0 auto;\r\n\r\n padding: 0;\r\n\r\n background: transparent !important;\r\n\r\n position: relative;\r\n\r\n overflow: visible;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* REMOVE ALL DECORATIVE ELEMENTS *\/\r\n\r\n.certificate-wrapper::before,\r\n.certificate-wrapper::after {\r\n content: none !important;\r\n\r\n display: none !important;\r\n\r\n background: none !important;\r\n\r\n border: none !important;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* ================================\r\n CERTIFICATE IMAGE\r\n================================ *\/\r\n\r\n.certificate-image {\r\n display: block;\r\n\r\n width: 100%;\r\n\r\n height: auto;\r\n\r\n margin: 0 auto;\r\n\r\n border-radius: 15px;\r\n\r\n background: #fff;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* ================================\r\n MOBILE\r\n================================ *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .success-container {\r\n width: calc(100% - 40px);\r\n }\r\n\r\n .review-card {\r\n flex: 0 0 calc((100% - 15px) \/ 2);\r\n }\r\n\r\n .certificate-wrapper {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 650px) {\r\n\r\n .success-certification-section {\r\n padding-top: 30px;\r\n padding-bottom: 55px;\r\n\r\n background: #000 !important;\r\n\r\n box-shadow: none !important;\r\n }\r\n\r\n .success-container {\r\n width: calc(100% - 30px);\r\n }\r\n\r\n .success-title {\r\n font-size: 30px;\r\n }\r\n\r\n .success-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .reviews-carousel {\r\n padding: 0 38px;\r\n }\r\n\r\n .review-card {\r\n flex: 0 0 100%;\r\n\r\n min-height: 210px;\r\n }\r\n\r\n .review-text {\r\n font-size: 15px;\r\n }\r\n\r\n .certification-section {\r\n margin-top: 55px;\r\n }\r\n\r\n .certification-title {\r\n font-size: 27px;\r\n\r\n margin-bottom: 25px;\r\n }\r\n\r\n .certificate-wrapper {\r\n padding: 0;\r\n\r\n background: transparent !important;\r\n\r\n box-shadow: none !important;\r\n }\r\n\r\n .certificate-image {\r\n border-radius: 12px;\r\n\r\n box-shadow: none !important;\r\n }\r\n\r\n .carousel-arrow {\r\n width: 29px;\r\n height: 29px;\r\n\r\n font-size: 19px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 420px) {\r\n\r\n .success-title {\r\n font-size: 27px;\r\n }\r\n\r\n .review-card {\r\n min-height: 220px;\r\n\r\n padding: 15px;\r\n }\r\n\r\n .review-text {\r\n font-size: 14px;\r\n\r\n min-height: 115px;\r\n }\r\n\r\n .reviewer-image {\r\n width: 44px;\r\n height: 44px;\r\n }\r\n\r\n .reviewer-name {\r\n font-size: 14px;\r\n }\r\n\r\n .reviewer-role {\r\n font-size: 11px;\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<section class=\"success-certification-section\">\r\n\r\n <div class=\"success-container\">\r\n\r\n\r\n \r\n\r\n <div class=\"success-stories\">\r\n\r\n <h2 class=\"success-title\">\r\n Success Stories\r\n <\/h2>\r\n\r\n <p class=\"success-subtitle\">\r\n Real results from real Members who transformed their careers with AI\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"reviews-carousel\">\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"carousel-arrow carousel-prev\"\r\n id=\"prevReview\"\r\n aria-label=\"Previous review\">\r\n\r\n \u2039\r\n\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <div class=\"reviews-viewport\">\r\n\r\n <div\r\n class=\"reviews-track\"\r\n id=\"reviewsTrack\">\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"Badar's AI in Hands Program was a game-changer for me.\r\n The hands-on projects and real-world applications helped\r\n me build 3 AI tools in 3 months.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-1.jpg\"\r\n alt=\"Muhammad Waseem\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n Muhammad Waseem\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n Digital Marketer\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"The AI in Hands was exactly what I needed to enhance\r\n my skills. Within 8 weeks of completing the course,\r\n I landed my first client social media solutions.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-2.jpg\"\r\n alt=\"Ch. Hasnain\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n Ch. Hasnain\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n Medium Influencer\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"The AI in Hands program helped me transition into\r\n a successful AI influencer. The skills I gained were\r\n invaluable. I update my audience about AI tools and trends.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-3.jpg\"\r\n alt=\"Nofah Aslam\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n Nofah Aslam\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n Digital Influencer\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"The practical AI projects helped me understand\r\n how to use modern AI tools in my daily work.\r\n The learning experience was very hands-on.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-4.jpg\"\r\n alt=\"AI in Hands Member\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n AI in Hands Member\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n AI Professional\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"The program gave me practical knowledge that\r\n I could immediately apply to my projects and\r\n professional work.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-5.jpg\"\r\n alt=\"AI in Hands Member\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n AI in Hands Member\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n AI Creator\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"Learning AI through real projects made the\r\n concepts much easier to understand and use.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-6.jpg\"\r\n alt=\"AI in Hands Member\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n AI in Hands Member\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n Digital Creator\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"carousel-arrow carousel-next\"\r\n id=\"nextReview\"\r\n aria-label=\"Next review\">\r\n\r\n \u203a\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"certification-section\">\r\n\r\n <h2 class=\"certification-title\">\r\n Certification\r\n <\/h2>\r\n\r\n\r\n \r\n\r\n <div class=\"certificate-wrapper\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/8782c9bf-9d9b-4116-b28c-472160da9ef7.png\"\r\n alt=\"Aaghaz AI Certificate of Completion\"\r\n class=\"certificate-image\"\r\n >\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\r\n<script>\r\n\r\n\/* ========================================\r\n REVIEW CAROUSEL\r\n======================================== *\/\r\n\r\nconst track = document.getElementById(\"reviewsTrack\");\r\n\r\nconst prevButton = document.getElementById(\"prevReview\");\r\n\r\nconst nextButton = document.getElementById(\"nextReview\");\r\n\r\nconst cards = document.querySelectorAll(\".review-card\");\r\n\r\nlet currentIndex = 0;\r\n\r\n\r\n\/* VISIBLE CARDS *\/\r\n\r\nfunction getVisibleCards() {\r\n\r\n if (window.innerWidth <= 650) {\r\n return 1;\r\n }\r\n\r\n if (window.innerWidth <= 900) {\r\n return 2;\r\n }\r\n\r\n return 3;\r\n}\r\n\r\n\r\n\/* UPDATE *\/\r\n\r\nfunction updateSlider() {\r\n\r\n if (!cards.length) {\r\n return;\r\n }\r\n\r\n const visibleCards = getVisibleCards();\r\n\r\n const maxIndex = Math.max(\r\n 0,\r\n cards.length - visibleCards\r\n );\r\n\r\n if (currentIndex > maxIndex) {\r\n currentIndex = 0;\r\n }\r\n\r\n if (currentIndex < 0) {\r\n currentIndex = maxIndex;\r\n }\r\n\r\n const cardWidth = cards[0].offsetWidth;\r\n\r\n const gap = 15;\r\n\r\n track.style.transform =\r\n \"translateX(-\" +\r\n (currentIndex * (cardWidth + gap)) +\r\n \"px\";\r\n}\r\n\r\n\r\n\/* NEXT *\/\r\n\r\nnextButton.addEventListener(\"click\", function() {\r\n\r\n const visibleCards = getVisibleCards();\r\n\r\n const maxIndex = Math.max(\r\n 0,\r\n cards.length - visibleCards\r\n );\r\n\r\n currentIndex++;\r\n\r\n if (currentIndex > maxIndex) {\r\n currentIndex = 0;\r\n }\r\n\r\n updateSlider();\r\n\r\n});\r\n\r\n\r\n\/* PREVIOUS *\/\r\n\r\nprevButton.addEventListener(\"click\", function() {\r\n\r\n const visibleCards = getVisibleCards();\r\n\r\n const maxIndex = Math.max(\r\n 0,\r\n cards.length - visibleCards\r\n );\r\n\r\n currentIndex--;\r\n\r\n if (currentIndex < 0) {\r\n currentIndex = maxIndex;\r\n }\r\n\r\n updateSlider();\r\n\r\n});\r\n\r\n\r\n\/* RESIZE *\/\r\n\r\nwindow.addEventListener(\"resize\", function() {\r\n\r\n updateSlider();\r\n\r\n});\r\n\r\n\r\n\/* INITIAL *\/\r\n\r\nwindow.addEventListener(\"load\", function() {\r\n\r\n updateSlider();\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f13426a elementor-widget elementor-widget-html\" data-id=\"f13426a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!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>Final Decision<\/title>\r\n\r\n<style>\r\n\/* =========================\r\n GLOBAL THEME\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\n:root {\r\n --bg: #000000;\r\n --card-bg: #111111;\r\n --green: #a4e900;\r\n --green-hover: #b5ff00;\r\n --red: #ff3347;\r\n --white: #ffffff;\r\n --muted: #d1d1d1;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n background: var(--bg);\r\n color: var(--white);\r\n font-family: Arial, Helvetica, sans-serif;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n box-shadow: none;\r\n}\r\n\r\n\/* Remove unwanted bottom glow *\/\r\n\r\nbody::before,\r\nbody::after {\r\n display: none !important;\r\n content: none !important;\r\n}\r\n\r\n.page-wrapper {\r\n width: 100%;\r\n min-height: 100vh;\r\n padding: 24px 3%;\r\n background: #000000;\r\n overflow: hidden;\r\n box-shadow: none;\r\n}\r\n\r\n\/* =========================\r\n LOGO\r\n========================= *\/\r\n\r\n.logo {\r\n font-size: 38px;\r\n font-weight: 700;\r\n letter-spacing: -1.8px;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n}\r\n\r\n.logo span {\r\n font-weight: 400;\r\n}\r\n\r\n\/* =========================\r\n MAIN CONTENT\r\n========================= *\/\r\n\r\n.main-content {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n\r\n.main-heading {\r\n font-size: 38px;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n letter-spacing: -1.2px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.highlight {\r\n color: var(--green);\r\n}\r\n\r\n.subtitle {\r\n font-size: 22px;\r\n line-height: 1.6;\r\n color: var(--muted);\r\n margin-bottom: 40px;\r\n}\r\n\r\n\/* =========================\r\n CHOICE CARDS\r\n========================= *\/\r\n\r\n.choices-container {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 30px;\r\n width: 100%;\r\n}\r\n\r\n.choice-card {\r\n background: var(--card-bg);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 27px;\r\n padding: 32px 30px;\r\n min-height: 360px;\r\n\r\n transition:\r\n transform 0.35s ease,\r\n border-color 0.35s ease,\r\n background-color 0.35s ease,\r\n box-shadow 0.35s ease;\r\n\r\n box-shadow: none;\r\n}\r\n\r\n\/* First card *\/\r\n\r\n.choice-card.waiting {\r\n border-color: rgba(255, 51, 71, 0.18);\r\n}\r\n\r\n\/* Second card *\/\r\n\r\n.choice-card.action {\r\n border-color: rgba(164, 233, 0, 0.35);\r\n}\r\n\r\n\/* =========================\r\n CARD HOVER ANIMATION\r\n========================= *\/\r\n\r\n.choice-card:hover {\r\n transform: translateY(-8px);\r\n background: #141414;\r\n}\r\n\r\n.choice-card.waiting:hover {\r\n border-color: rgba(255, 51, 71, 0.75);\r\n box-shadow: 0 12px 35px rgba(255, 51, 71, 0.07);\r\n}\r\n\r\n.choice-card.action:hover {\r\n border-color: var(--green);\r\n box-shadow: 0 12px 35px rgba(164, 233, 0, 0.09);\r\n}\r\n\r\n\/* =========================\r\n CARD HEADINGS\r\n========================= *\/\r\n\r\n.card-title {\r\n color: var(--green);\r\n font-size: 29px;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n letter-spacing: -0.6px;\r\n margin-bottom: 30px;\r\n color: #ffffff;\r\n}\r\n\r\n\/* =========================\r\n LIST ITEMS\r\n========================= *\/\r\n\r\n.choice-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 23px;\r\n}\r\n\r\n.choice-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n\r\n color: var(--white);\r\n font-size: 19px;\r\n line-height: 1.45;\r\n font-weight: 400;\r\n\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.choice-card:hover .choice-list li {\r\n transform: translateX(3px);\r\n}\r\n\r\n.list-icon {\r\n font-size: 26px;\r\n line-height: 1;\r\n flex-shrink: 0;\r\n font-weight: 400;\r\n margin-top: 2px;\r\n}\r\n\r\n.cross {\r\n color: var(--red);\r\n}\r\n\r\n.check {\r\n color: var(--green);\r\n}\r\n\r\n\/* =========================\r\n CTA SECTION\r\n========================= *\/\r\n\r\n.cta-section {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 50px auto 0;\r\n text-align: center;\r\n padding-bottom: 0;\r\n box-shadow: none;\r\n}\r\n\r\n.cta-heading {\r\n font-size: 29px;\r\n font-weight: 700;\r\n letter-spacing: -0.7px;\r\n margin-bottom: 24px;\r\n line-height: 1.4;\r\n color: #ffffff;\r\n}\r\n\r\n\/* =========================\r\n CTA BUTTON\r\n========================= *\/\r\n\r\n.cta-button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n width: 100%;\r\n min-height: 76px;\r\n\r\n background: var(--green);\r\n color: #000000 !important;\r\n\r\n border: 1px solid var(--green);\r\n border-radius: 22px;\r\n\r\n font-size: 21px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n\r\n cursor: pointer;\r\n\r\n transition:\r\n transform 0.3s ease,\r\n background-color 0.3s ease,\r\n border-color 0.3s ease,\r\n color 0.3s ease;\r\n\r\n box-shadow: none;\r\n}\r\n\r\n\/* Hover: background green, text ALWAYS black *\/\r\n\r\n.cta-button:hover,\r\n.cta-button:focus,\r\n.cta-button:focus-visible,\r\n.cta-button:active {\r\n background: var(--green-hover);\r\n color: #000000 !important;\r\n border-color: var(--green-hover);\r\n transform: translateY(-3px);\r\n box-shadow: none;\r\n}\r\n\r\n\/* Force black on all nested text\/icons too *\/\r\n\r\n.cta-button *,\r\n.cta-button:hover *,\r\n.cta-button:focus *,\r\n.cta-button:active * {\r\n color: #000000 !important;\r\n}\r\n\r\n.cta-button:active {\r\n transform: translateY(0) scale(0.99);\r\n}\r\n\r\n.cta-subtitle {\r\n margin-top: 12px;\r\n color: #d1d1d1;\r\n font-size: 17px;\r\n line-height: 1.5;\r\n}\r\n\r\n\/* =========================\r\n TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .page-wrapper {\r\n padding: 25px 5%;\r\n }\r\n\r\n .logo {\r\n font-size: 32px;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .main-heading {\r\n font-size: 34px;\r\n }\r\n\r\n .subtitle {\r\n font-size: 19px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .choices-container {\r\n gap: 20px;\r\n }\r\n\r\n .choice-card {\r\n padding: 27px 22px;\r\n min-height: 370px;\r\n border-radius: 22px;\r\n }\r\n\r\n .card-title {\r\n font-size: 24px;\r\n }\r\n\r\n .choice-list {\r\n gap: 20px;\r\n }\r\n\r\n .choice-list li {\r\n font-size: 17px;\r\n gap: 13px;\r\n }\r\n\r\n .cta-section {\r\n margin-top: 45px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n .page-wrapper {\r\n padding: 22px 20px 35px;\r\n }\r\n\r\n .logo {\r\n font-size: 30px;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .main-heading {\r\n font-size: 30px;\r\n line-height: 1.3;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .subtitle {\r\n font-size: 17px;\r\n line-height: 1.6;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .choices-container {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .choice-card {\r\n min-height: auto;\r\n padding: 27px 23px;\r\n border-radius: 22px;\r\n }\r\n\r\n .card-title {\r\n font-size: 25px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .choice-list {\r\n gap: 20px;\r\n }\r\n\r\n .choice-list li {\r\n font-size: 17px;\r\n line-height: 1.5;\r\n }\r\n\r\n .list-icon {\r\n font-size: 23px;\r\n }\r\n\r\n .cta-section {\r\n margin-top: 40px;\r\n }\r\n\r\n .cta-heading {\r\n font-size: 25px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .cta-button {\r\n min-height: 68px;\r\n font-size: 18px;\r\n border-radius: 18px;\r\n padding: 15px;\r\n color: #000000 !important;\r\n }\r\n\r\n .cta-button:hover {\r\n color: #000000 !important;\r\n background: var(--green-hover);\r\n }\r\n\r\n .cta-subtitle {\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n ACCESSIBILITY\r\n========================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n transition: none !important;\r\n animation: none !important;\r\n scroll-behavior: auto !important;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"page-wrapper\">\r\n\r\n \r\n\r\n <div class=\"logo\">\r\n Final <span>Decision<\/span>\r\n <\/div>\r\n\r\n \r\n\r\n <main class=\"main-content\">\r\n\r\n <h1 class=\"main-heading\">\r\n You have <span class=\"highlight\">two choices<\/span>\r\n <\/h1>\r\n\r\n <p class=\"subtitle\">\r\n The decision you make today will determine where you'll be\r\n 3 months from now.\r\n <\/p>\r\n\r\n \r\n\r\n <div class=\"choices-container\">\r\n\r\n \r\n\r\n <div class=\"choice-card waiting\">\r\n\r\n <h2 class=\"card-title\">\r\n Choice 1: Keep Waiting\r\n <\/h2>\r\n\r\n <ul class=\"choice-list\">\r\n\r\n <li>\r\n <span class=\"list-icon cross\">\u00d7<\/span>\r\n <span>Keep watching AI videos.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon cross\">\u00d7<\/span>\r\n <span>Keep feeling like you're missing out.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon cross\">\u00d7<\/span>\r\n <span>Keep waiting for universities to catch up.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon cross\">\u00d7<\/span>\r\n <span>Keep wondering \"what if.\"<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon cross\">\u00d7<\/span>\r\n <span>Watch and see how AI replaces you.<\/span>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"choice-card action\">\r\n\r\n <h2 class=\"card-title\">\r\n Choice 2: Take Action Now\r\n <\/h2>\r\n\r\n <ul class=\"choice-list\">\r\n\r\n <li>\r\n <span class=\"list-icon check\">\u2713<\/span>\r\n <span>Master AI in 3 months.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon check\">\u2713<\/span>\r\n <span>Build real solutions.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon check\">\u2713<\/span>\r\n <span>Offer services businesses need.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon check\">\u2713<\/span>\r\n <span>Become the person who uses and builds AI.<\/span>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <section class=\"cta-section\" id=\"enroll\">\r\n\r\n <h2 class=\"cta-heading\">\r\n What will you choose?\r\n <\/h2>\r\n\r\n <a href=\"\" class=\"cta-button\">\r\n Yes, I want to enroll\r\n <\/a>\r\n\r\n <p class=\"cta-subtitle\">\r\n Join 10 Days Free Trial\r\n <\/p>\r\n\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0455a8d elementor-widget elementor-widget-html\" data-id=\"0455a8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!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>FAQ Section<\/title>\r\n\r\n<style>\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n --bg: #000000;\r\n --card-bg: #111111;\r\n --card-hover: #151515;\r\n --green: #a4e900;\r\n --white: #ffffff;\r\n --muted: #c9c9c9;\r\n --border: #252525;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n background: var(--bg);\r\n color: var(--white);\r\n font-family: Arial, Helvetica, sans-serif;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* FAQ SECTION *\/\r\n\r\n.faq-section {\r\n width: 100%;\r\n min-height: 100vh;\r\n background: #000000;\r\n padding: 80px 50px;\r\n}\r\n\r\n\/* MAIN LAYOUT *\/\r\n\r\n.faq-container {\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns: 0.8fr 1.2fr;\r\n gap: 70px;\r\n\r\n align-items: start;\r\n}\r\n\r\n\/* LEFT SIDE HEADING *\/\r\n\r\n.faq-header {\r\n width: 100%;\r\n text-align: left;\r\n\r\n position: sticky;\r\n top: 60px;\r\n}\r\n\r\n.faq-logo {\r\n font-size: 64px;\r\n font-weight: 700;\r\n letter-spacing: -2px;\r\n line-height: 1.1;\r\n\r\n color: #ffffff;\r\n margin-bottom: 25px;\r\n}\r\n\r\n.faq-logo span {\r\n font-weight: 400;\r\n}\r\n\r\n.faq-subtitle {\r\n text-align: left;\r\n\r\n font-size: 19px;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n\r\n color: var(--muted);\r\n\r\n max-width: 400px;\r\n margin-bottom: 25px;\r\n}\r\n\r\n\/* SMALL GREEN LINE *\/\r\n\r\n.faq-line {\r\n width: 65px;\r\n height: 4px;\r\n background: var(--green);\r\n border-radius: 10px;\r\n margin-top: 25px;\r\n}\r\n\r\n\/* RIGHT SIDE FAQ CONTAINER *\/\r\n\r\n.faq-content {\r\n width: 100%;\r\n max-width: 780px;\r\n margin-left: auto;\r\n margin-right: 0;\r\n}\r\n\r\n\/* FAQ LIST *\/\r\n\r\n.faq-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n width: 100%;\r\n}\r\n\r\n\/* FAQ BOX *\/\r\n\r\n.faq-item {\r\n width: 100%;\r\n background: var(--card-bg);\r\n\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n\r\n overflow: hidden;\r\n\r\n transition:\r\n background 0.3s ease,\r\n border-color 0.3s ease;\r\n\r\n box-shadow: none;\r\n}\r\n\r\n.faq-item:hover {\r\n background: var(--card-hover);\r\n border-color: #383838;\r\n}\r\n\r\n\/* QUESTION BUTTON *\/\r\n\r\n.faq-question {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n gap: 15px;\r\n\r\n width: 100%;\r\n min-height: 72px;\r\n\r\n padding: 18px 20px;\r\n\r\n background: transparent;\r\n border: none;\r\n outline: none;\r\n\r\n color: #ffffff;\r\n text-align: left;\r\n\r\n font-family: inherit;\r\n font-size: 18px;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n.question-text {\r\n flex: 1;\r\n min-width: 0;\r\n color: #ffffff;\r\n}\r\n\r\n\/* ARROW ICON *\/\r\n\r\n.faq-icon {\r\n width: 36px;\r\n height: 36px;\r\n min-width: 36px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n background: #252529;\r\n border-radius: 12px;\r\n\r\n transition: background 0.3s ease;\r\n}\r\n\r\n.faq-icon svg {\r\n width: 19px;\r\n height: 19px;\r\n\r\n fill: none;\r\n stroke: #ffffff;\r\n stroke-width: 2.5;\r\n\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n\/* ROTATE ARROW *\/\r\n\r\n.faq-item.active .faq-icon svg {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.faq-item.active .faq-icon {\r\n background: #303035;\r\n}\r\n\r\n\/* FAQ ANSWER *\/\r\n\r\n.faq-answer {\r\n display: grid;\r\n grid-template-rows: 0fr;\r\n\r\n transition: grid-template-rows 0.35s ease;\r\n}\r\n\r\n.faq-answer-inner {\r\n overflow: hidden;\r\n}\r\n\r\n.faq-answer p {\r\n padding: 0 20px;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 15px;\r\n line-height: 1.8;\r\n font-weight: 400;\r\n\r\n opacity: 0;\r\n transform: translateY(-5px);\r\n\r\n transition:\r\n opacity 0.25s ease,\r\n transform 0.25s ease,\r\n padding 0.3s ease;\r\n}\r\n\r\n\/* OPEN FAQ *\/\r\n\r\n.faq-item.active .faq-answer {\r\n grid-template-rows: 1fr;\r\n}\r\n\r\n.faq-item.active .faq-answer p {\r\n padding: 0 20px 22px;\r\n\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n\/* FOCUS EFFECT *\/\r\n\r\n.faq-question:focus-visible {\r\n outline: 2px solid var(--green);\r\n outline-offset: -3px;\r\n border-radius: 15px;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n .faq-section {\r\n padding: 60px 30px;\r\n }\r\n\r\n .faq-container {\r\n grid-template-columns: 0.75fr 1.25fr;\r\n gap: 35px;\r\n }\r\n\r\n .faq-logo {\r\n font-size: 48px;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 17px;\r\n }\r\n\r\n .faq-question {\r\n font-size: 16px;\r\n min-height: 65px;\r\n padding: 15px 16px;\r\n }\r\n\r\n .faq-answer p {\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n .faq-section {\r\n padding: 45px 18px;\r\n }\r\n\r\n .faq-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n \/* HEADING LEFT ON MOBILE *\/\r\n\r\n .faq-header {\r\n position: relative;\r\n top: auto;\r\n width: 100%;\r\n text-align: left;\r\n }\r\n\r\n .faq-logo {\r\n font-size: 40px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .faq-subtitle {\r\n text-align: left;\r\n font-size: 16px;\r\n line-height: 1.7;\r\n max-width: 100%;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .faq-line {\r\n margin-top: 20px;\r\n }\r\n\r\n \/* FAQ BOXES *\/\r\n\r\n .faq-content {\r\n width: 100%;\r\n max-width: 100%;\r\n margin: 0;\r\n }\r\n\r\n .faq-list {\r\n gap: 12px;\r\n }\r\n\r\n .faq-item {\r\n border-radius: 15px;\r\n }\r\n\r\n .faq-question {\r\n min-height: 62px;\r\n padding: 13px 14px;\r\n gap: 10px;\r\n\r\n font-size: 16px;\r\n line-height: 1.5;\r\n }\r\n\r\n .faq-icon {\r\n width: 32px;\r\n height: 32px;\r\n min-width: 32px;\r\n border-radius: 10px;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 17px;\r\n height: 17px;\r\n }\r\n\r\n .faq-answer p {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n }\r\n\r\n .faq-item.active .faq-answer p {\r\n padding: 0 14px 18px;\r\n }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n transition: none !important;\r\n animation: none !important;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"faq-section\">\r\n\r\n <div class=\"faq-container\">\r\n\r\n \r\n\r\n <div class=\"faq-header\">\r\n\r\n <div class=\"faq-logo\">\r\n F<span>AQ<\/span>\r\n <\/div>\r\n\r\n <p class=\"faq-subtitle\">\r\n Have questions about the program?\r\n Find answers to common questions below.\r\n <\/p>\r\n\r\n <div class=\"faq-line\"><\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-content\">\r\n\r\n <div class=\"faq-list\">\r\n\r\n \r\n\r\n <div class=\"faq-item active\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"true\">\r\n\r\n <span class=\"question-text\">\r\n I have zero technical background. Will this work for me?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n Yes. 63% of our successful Members had zero\r\n technical background. If you can use Google\r\n and WhatsApp, you can do this.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"false\">\r\n\r\n <span class=\"question-text\">\r\n I don't have a laptop. Can I do this on mobile?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n You can start learning many AI tools using your\r\n mobile phone. Some advanced projects may require\r\n a laptop for a smoother experience.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"false\">\r\n\r\n <span class=\"question-text\">\r\n What if I can't attend every Saturday class?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n You can catch up with available class recordings\r\n and learning materials. You can continue learning\r\n at your own pace.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"false\">\r\n\r\n <span class=\"question-text\">\r\n Will you help me get clients?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n Learn how to build a portfolio, identify potential\r\n clients, present your services, and approach\r\n businesses.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"false\">\r\n\r\n <span class=\"question-text\">\r\n Can I pay in installments?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n Installment options depend on the available\r\n enrollment plans. Contact our team for current\r\n payment options and eligibility.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"false\">\r\n\r\n <span class=\"question-text\">\r\n What's the refund policy?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n Refund eligibility depends on the program's\r\n official refund policy. Please review the\r\n enrollment terms or contact support.\r\n <\/p>\r\n <\/div>\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<\/section>\r\n\r\n\r\n\r\n<script>\r\nconst faqItems = document.querySelectorAll(\".faq-item\");\r\n\r\nfaqItems.forEach((item) => {\r\n\r\n const question = item.querySelector(\".faq-question\");\r\n\r\n question.addEventListener(\"click\", () => {\r\n\r\n const wasOpen = item.classList.contains(\"active\");\r\n\r\n \/\/ Close all FAQ boxes\r\n\r\n faqItems.forEach((faq) => {\r\n\r\n faq.classList.remove(\"active\");\r\n\r\n faq.querySelector(\".faq-question\")\r\n .setAttribute(\"aria-expanded\", \"false\");\r\n\r\n });\r\n\r\n \/\/ Open clicked FAQ\r\n\r\n if (!wasOpen) {\r\n\r\n item.classList.add(\"active\");\r\n\r\n question.setAttribute(\"aria-expanded\", \"true\");\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-f6afb0a elementor-widget elementor-widget-html\" data-id=\"f6afb0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\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>AI Certified Expert AI Will Replace You In The Next 12 Months… Unless You Become The One Who Uses It…<\/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-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/pages\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":47,"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":463,"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/pages\/209\/revisions\/463"}],"wp:attachment":[{"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nAI Certified Expert<\/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=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n background: #000;\r\n color: #fff;\r\n font-family: \"Poppins\", sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n MAIN SECTION\r\n GREEN SHADOW REMOVED\r\n========================================= *\/\r\n\r\n.ai-program-section {\r\n width: 100%;\r\n min-height: 100vh;\r\n padding: 20px 16px 60px;\r\n overflow: hidden;\r\n position: relative;\r\n\r\n background: #000;\r\n}\r\n\r\n\/* =========================================\r\n TOP LINE\r\n========================================= *\/\r\n\r\n.top-line {\r\n text-align: center;\r\n font-size: 21px;\r\n line-height: 1.3;\r\n font-weight: 500;\r\n margin-bottom: 22px;\r\n letter-spacing: -0.7px;\r\n}\r\n\r\n.top-line strong {\r\n color: #fff;\r\n font-weight: 700;\r\n}\r\n\r\n.top-line span {\r\n color: #888;\r\n font-weight: 400;\r\n}\r\n\r\n\/* =========================================\r\n MAIN HEADING\r\n========================================= *\/\r\n\r\n.main-heading {\r\n text-align: center;\r\n text-transform: uppercase;\r\n\r\n font-size: clamp(52px, 6vw, 66px);\r\n line-height: 0.98;\r\n font-weight: 400;\r\n\r\n letter-spacing: -4px;\r\n\r\n margin: 0 auto;\r\n\r\n max-width: 1150px;\r\n}\r\n\r\n.main-heading .white {\r\n color: #fff;\r\n}\r\n\r\n.main-heading .green {\r\n color: #baff00;\r\n}\r\n\r\n\/* =========================================\r\n DESCRIPTION\r\n========================================= *\/\r\n\r\n.description {\r\n max-width: 1050px;\r\n\r\n margin: 28px auto 0;\r\n\r\n text-align: center;\r\n\r\n color: #999;\r\n\r\n font-size: 21px;\r\n line-height: 1.45;\r\n font-weight: 400;\r\n}\r\n\r\n\/* =========================================\r\n DIVIDER\r\n========================================= *\/\r\n\r\n.divider {\r\n width: 335px;\r\n max-width: 80%;\r\n\r\n height: 1px;\r\n\r\n background: rgba(255,255,255,0.20);\r\n\r\n margin: 32px auto 30px;\r\n}\r\n\r\n\/* =========================================\r\n INFO CARDS\r\n========================================= *\/\r\n\r\n.info-grid {\r\n width: 100%;\r\n max-width: 1320px;\r\n\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n\r\n grid-template-columns: repeat(3, 1fr);\r\n\r\n gap: 10px;\r\n}\r\n\r\n.info-card {\r\n min-height: 115px;\r\n\r\n border-radius: 20px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n text-align: center;\r\n\r\n background: rgba(10,10,10,0.88);\r\n\r\n border: 1px solid rgba(255,255,255,0.025);\r\n\r\n box-shadow:\r\n inset 0 0 30px rgba(255,255,255,0.015),\r\n 0 5px 30px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* First card design same, but NO green glow *\/\r\n\r\n.info-card:first-child {\r\n background:\r\n linear-gradient(\r\n 120deg,\r\n rgba(0,20,5,0.35),\r\n rgba(0,10,2,0.75)\r\n );\r\n}\r\n\r\n.info-title {\r\n color: #b9b9b9;\r\n\r\n font-size: 24px;\r\n\r\n font-weight: 500;\r\n\r\n margin-bottom: 2px;\r\n}\r\n\r\n.info-value {\r\n color: #fff;\r\n\r\n font-size: 28px;\r\n\r\n line-height: 1.25;\r\n\r\n font-weight: 600;\r\n}\r\n\r\n\/* =========================================\r\n TOOLS TITLE\r\n========================================= *\/\r\n\r\n.tools-title {\r\n text-align: center;\r\n\r\n margin-top: 48px;\r\n\r\n margin-bottom: 20px;\r\n\r\n color: #747474;\r\n\r\n font-size: 16px;\r\n\r\n font-weight: 700;\r\n\r\n letter-spacing: 4px;\r\n\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* =========================================\r\n TOOLS GRID\r\n========================================= *\/\r\n\r\n.tools-grid {\r\n max-width: 1100px;\r\n\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n\r\n grid-template-columns: repeat(5, 1fr);\r\n\r\n gap: 16px;\r\n}\r\n\r\n.tool-card {\r\n height: 120px;\r\n\r\n border-radius: 20px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n\r\n border: 1px solid rgba(255,255,255,0.09);\r\n\r\n transition:\r\n transform 0.25s ease,\r\n border-color 0.25s ease,\r\n box-shadow 0.25s ease;\r\n}\r\n\r\n\/* =========================================\r\n TOOL CARD BACKGROUNDS\r\n========================================= *\/\r\n\r\n.tool-card:nth-child(1) {\r\n background: #130a0e;\r\n}\r\n\r\n.tool-card:nth-child(2) {\r\n background: #130e0d;\r\n}\r\n\r\n.tool-card:nth-child(3) {\r\n background: #110d16;\r\n}\r\n\r\n.tool-card:nth-child(4) {\r\n background: #120d0d;\r\n}\r\n\r\n.tool-card:nth-child(5) {\r\n background: #0d1015;\r\n}\r\n\r\n.tool-card:hover {\r\n transform: translateY(-5px);\r\n\r\n border-color: rgba(186,255,0,0.35);\r\n\r\n box-shadow:\r\n 0 15px 40px rgba(0,0,0,0.45);\r\n}\r\n\r\n\/* =========================================\r\n OPENCLAW\r\n========================================= *\/\r\n\r\n.openclaw-logo {\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n gap: 3px;\r\n}\r\n\r\n.claw-icon {\r\n width: 38px;\r\n height: 38px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #ff3d3d;\r\n\r\n position: relative;\r\n}\r\n\r\n.claw-icon::before,\r\n.claw-icon::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n top: -5px;\r\n\r\n width: 8px;\r\n height: 13px;\r\n\r\n background: #ff3d3d;\r\n\r\n border-radius: 6px;\r\n}\r\n\r\n.claw-icon::before {\r\n left: 8px;\r\n\r\n transform: rotate(-15deg);\r\n}\r\n\r\n.claw-icon::after {\r\n right: 8px;\r\n\r\n transform: rotate(15deg);\r\n}\r\n\r\n.openclaw-text {\r\n color: #ff5151;\r\n\r\n font-size: 23px;\r\n\r\n font-weight: 800;\r\n\r\n letter-spacing: -1.5px;\r\n}\r\n\r\n\/* =========================================\r\n CLAUDE CODE\r\n========================================= *\/\r\n\r\n.claude-code {\r\n text-align: center;\r\n\r\n color: #ed8a69;\r\n\r\n font-family: monospace;\r\n\r\n font-size: 24px;\r\n\r\n font-weight: 900;\r\n\r\n line-height: 0.85;\r\n\r\n text-shadow:\r\n 2px 2px 0 #683a2e,\r\n 3px 3px 0 #351d18;\r\n}\r\n\r\n\/* =========================================\r\n AI ICON\r\n========================================= *\/\r\n\r\n.ai-gradient-icon {\r\n width: 56px;\r\n height: 56px;\r\n\r\n border-radius: 45% 55% 55% 45%;\r\n\r\n transform: rotate(15deg);\r\n\r\n background:\r\n radial-gradient(\r\n circle at 25% 20%,\r\n #ffdb00 0%,\r\n #ff7200 22%,\r\n #f02682 48%,\r\n #7650ff 75%,\r\n #2e205f 100%\r\n );\r\n\r\n box-shadow:\r\n 0 0 25px rgba(255,70,80,0.12);\r\n}\r\n\r\n\/* =========================================\r\n WORKFLOW ICON\r\n========================================= *\/\r\n\r\n.workflow-icon {\r\n width: 64px;\r\n height: 50px;\r\n\r\n position: relative;\r\n}\r\n\r\n.workflow-icon::before,\r\n.workflow-icon::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n background: #ff6859;\r\n\r\n height: 2px;\r\n}\r\n\r\n.workflow-icon::before {\r\n width: 38px;\r\n\r\n left: 10px;\r\n\r\n top: 24px;\r\n}\r\n\r\n.workflow-icon::after {\r\n width: 25px;\r\n\r\n right: 0;\r\n\r\n top: 15px;\r\n\r\n transform: rotate(-30deg);\r\n}\r\n\r\n.node {\r\n position: absolute;\r\n\r\n width: 11px;\r\n height: 11px;\r\n\r\n border: 3px solid #ff6859;\r\n\r\n border-radius: 50%;\r\n\r\n background: #120d0d;\r\n}\r\n\r\n.node-1 {\r\n left: 2px;\r\n top: 19px;\r\n}\r\n\r\n.node-2 {\r\n left: 25px;\r\n top: 19px;\r\n}\r\n\r\n.node-3 {\r\n right: 0;\r\n top: 9px;\r\n}\r\n\r\n.node-4 {\r\n right: 0;\r\n bottom: 4px;\r\n}\r\n\r\n\/* =========================================\r\n GEMINI STYLE ICON\r\n========================================= *\/\r\n\r\n.star-icon {\r\n width: 58px;\r\n height: 58px;\r\n\r\n position: relative;\r\n\r\n transform: rotate(45deg);\r\n}\r\n\r\n.star-icon::before,\r\n.star-icon::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n left: 50%;\r\n top: 50%;\r\n\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\n.star-icon::before {\r\n width: 25px;\r\n height: 58px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #8e7cff,\r\n #3b4df1\r\n );\r\n\r\n clip-path: polygon(\r\n 50% 0%,\r\n 62% 38%,\r\n 100% 50%,\r\n 62% 62%,\r\n 50% 100%,\r\n 38% 62%,\r\n 0% 50%,\r\n 38% 38%\r\n );\r\n}\r\n\r\n.star-icon::after {\r\n width: 58px;\r\n height: 25px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n #8e7cff,\r\n #48b7ff\r\n );\r\n\r\n clip-path: polygon(\r\n 50% 0%,\r\n 62% 38%,\r\n 100% 50%,\r\n 62% 62%,\r\n 50% 100%,\r\n 38% 62%,\r\n 0% 50%,\r\n 38% 38%\r\n );\r\n}\r\n\r\n\/* =========================================\r\n TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n .top-line {\r\n font-size: 22px;\r\n }\r\n\r\n .main-heading {\r\n font-size: 60px;\r\n }\r\n\r\n .description {\r\n font-size: 21px;\r\n }\r\n\r\n .info-title {\r\n font-size: 20px;\r\n }\r\n\r\n .info-value {\r\n font-size: 23px;\r\n }\r\n\r\n .tools-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n\r\n\/* =========================================\r\n MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n .ai-program-section {\r\n padding: 25px 14px 50px;\r\n }\r\n\r\n .top-line {\r\n font-size: 16px;\r\n\r\n line-height: 1.4;\r\n }\r\n\r\n .main-heading {\r\n font-size: clamp(40px, 11vw, 62px);\r\n\r\n letter-spacing: -2px;\r\n\r\n line-height: 1;\r\n }\r\n\r\n .description {\r\n font-size: 17px;\r\n\r\n line-height: 1.5;\r\n\r\n margin-top: 22px;\r\n }\r\n\r\n .divider {\r\n margin: 25px auto;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 8px;\r\n }\r\n\r\n .info-card {\r\n min-height: 95px;\r\n }\r\n\r\n .info-title {\r\n font-size: 18px;\r\n }\r\n\r\n .info-value {\r\n font-size: 22px;\r\n }\r\n\r\n .tools-title {\r\n margin-top: 38px;\r\n\r\n font-size: 12px;\r\n\r\n letter-spacing: 3px;\r\n }\r\n\r\n .tools-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n\r\n gap: 10px;\r\n }\r\n\r\n .tool-card {\r\n height: 105px;\r\n }\r\n}\r\n\r\n\/* =========================================\r\n SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n .main-heading {\r\n font-size: 39px;\r\n }\r\n\r\n .description {\r\n font-size: 15px;\r\n }\r\n\r\n .tools-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .tool-card {\r\n height: 95px;\r\n\r\n border-radius: 15px;\r\n }\r\n\r\n .openclaw-text {\r\n font-size: 18px;\r\n }\r\n\r\n .claude-code {\r\n font-size: 19px;\r\n }\r\n\r\n .ai-gradient-icon {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n\r\n .star-icon {\r\n width: 45px;\r\n height: 45px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ai-program-section\">\r\n\r\n \r\n\r\n <div class=\"top-line\">\r\n\r\n <strong>\r\n AI Will Replace You In The Next 12 Months...\r\n <\/strong>\r\n\r\n <span>\r\n Unless You Become The One Who Uses It\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <h1 class=\"main-heading\">\r\n\r\n <span class=\"white\">\r\n Become A\r\n <\/span>\r\n\r\n <span class=\"green\">\r\n Certified AI\r\n <\/span>\r\n\r\n <br>\r\n\r\n <span class=\"white\">\r\n Expert In\r\n <\/span>\r\n\r\n <span class=\"green\">\r\n 90 Days\r\n <\/span>\r\n\r\n <\/h1>\r\n\r\n\r\n \r\n\r\n <p class=\"description\">\r\n\r\n Master the best AI tools, use them in real life,\r\n build real solutions and then we show you how\r\n to sell AI services to high paying businesses.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"info-grid\">\r\n\r\n <div class=\"info-card\">\r\n\r\n <div class=\"info-title\">\r\n PROGRAM FORMAT\r\n <\/div>\r\n\r\n <div class=\"info-value\">\r\n 8 Modules\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"info-card\">\r\n\r\n <div class=\"info-title\">\r\n PROGRAM LENGTH\r\n <\/div>\r\n\r\n <div class=\"info-value\">\r\n 40 Hours 11 Minutes\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"info-card\">\r\n\r\n <div class=\"info-title\">\r\n TOPIC\r\n <\/div>\r\n\r\n <div class=\"info-value\">\r\n All About AI\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tools-title\">\r\n Tools You'll Master\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tools-grid\">\r\n\r\n\r\n \r\n\r\n <div class=\"tool-card\">\r\n\r\n <div class=\"openclaw-logo\">\r\n\r\n <div class=\"claw-icon\"><\/div>\r\n\r\n <div class=\"openclaw-text\">\r\n OpenClaw\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tool-card\">\r\n\r\n <div class=\"claude-code\">\r\n\r\n CLAUDE\r\n <br>\r\n CODE\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tool-card\">\r\n\r\n <div class=\"ai-gradient-icon\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tool-card\">\r\n\r\n <div class=\"workflow-icon\">\r\n\r\n <div class=\"node node-1\"><\/div>\r\n <div class=\"node node-2\"><\/div>\r\n <div class=\"node node-3\"><\/div>\r\n <div class=\"node node-4\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"tool-card\">\r\n\r\n <div class=\"star-icon\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81f2058 elementor-widget elementor-widget-html\" data-id=\"81f2058\" 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>Custom Video Section<\/title>\r\n\r\n<style>\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\nbody {\r\n width: 100%;\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO SECTION\r\n GREEN BACKGROUND SHADOW REMOVED\r\n========================================= *\/\r\n\r\n.video-section {\r\n width: 100%;\r\n min-height: 100vh;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding: 30px 20px;\r\n\r\n background: #000;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO CONTAINER\r\n========================================= *\/\r\n\r\n.video-container {\r\n width: min(1280px, 100%);\r\n\r\n aspect-ratio: 16 \/ 9;\r\n\r\n position: relative;\r\n\r\n background: #000;\r\n\r\n overflow: hidden;\r\n\r\n border-radius: 20px;\r\n\r\n border: 1px solid rgba(255,255,255,0.16);\r\n\r\n box-shadow:\r\n 0 20px 70px rgba(0,0,0,0.55);\r\n\r\n z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO\r\n========================================= *\/\r\n\r\n.video-player {\r\n width: 100%;\r\n height: 100%;\r\n\r\n display: block;\r\n\r\n object-fit: cover;\r\n\r\n background: #000;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO DARK OVERLAY\r\n========================================= *\/\r\n\r\n.video-overlay {\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n background: rgba(0,0,0,0.14);\r\n\r\n pointer-events: none;\r\n\r\n transition: opacity 0.25s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CENTER PLAY BUTTON\r\n========================================= *\/\r\n\r\n.center-play {\r\n position: absolute;\r\n\r\n left: 50%;\r\n top: 50%;\r\n\r\n transform: translate(-50%, -50%);\r\n\r\n width: 100px;\r\n height: 100px;\r\n\r\n border-radius: 50%;\r\n\r\n border: 7px solid #baff00;\r\n\r\n background: #fff;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n cursor: pointer;\r\n\r\n z-index: 50;\r\n\r\n padding: 0;\r\n\r\n outline: none;\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(0,0,0,0.25),\r\n 0 10px 35px rgba(0,0,0,0.45);\r\n\r\n transition:\r\n transform 0.2s ease,\r\n opacity 0.25s ease,\r\n visibility 0.25s ease;\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.center-play:hover {\r\n transform:\r\n translate(-50%, -50%)\r\n scale(1.08);\r\n}\r\n\r\n\r\n\/* Play triangle *\/\r\n\r\n.center-play span {\r\n display: block;\r\n\r\n width: 0;\r\n height: 0;\r\n\r\n border-top: 15px solid transparent;\r\n border-bottom: 15px solid transparent;\r\n\r\n border-left: 23px solid #000;\r\n\r\n margin-left: 7px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n HIDE CENTER BUTTON WHEN PLAYING\r\n========================================= *\/\r\n\r\n.video-container.playing .center-play {\r\n opacity: 0;\r\n\r\n visibility: hidden;\r\n\r\n pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTROLS\r\n========================================= *\/\r\n\r\n.video-controls {\r\n position: absolute;\r\n\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n\r\n z-index: 40;\r\n\r\n padding: 0 15px 15px;\r\n\r\n opacity: 0;\r\n\r\n transform: translateY(10px);\r\n\r\n transition:\r\n opacity 0.25s ease,\r\n transform 0.25s ease;\r\n\r\n background:\r\n linear-gradient(\r\n to top,\r\n rgba(0,0,0,0.88),\r\n rgba(0,0,0,0.35),\r\n transparent\r\n );\r\n}\r\n\r\n\r\n\/* Show controls when hover *\/\r\n\r\n.video-container:hover .video-controls,\r\n\r\n.video-container.paused .video-controls,\r\n\r\n.video-container.controls-visible .video-controls {\r\n opacity: 1;\r\n\r\n transform: translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================\r\n PROGRESS AREA\r\n========================================= *\/\r\n\r\n.progress-area {\r\n width: 100%;\r\n\r\n height: 5px;\r\n\r\n background: rgba(255,255,255,0.28);\r\n\r\n border-radius: 20px;\r\n\r\n cursor: pointer;\r\n\r\n position: relative;\r\n\r\n margin-bottom: 13px;\r\n}\r\n\r\n\r\n\/* Progress *\/\r\n\r\n.progress-bar {\r\n position: absolute;\r\n\r\n left: 0;\r\n top: 0;\r\n\r\n width: 0%;\r\n\r\n height: 100%;\r\n\r\n background: #baff00;\r\n\r\n border-radius: 20px;\r\n\r\n transition: width 0.05s linear;\r\n}\r\n\r\n\r\n\/* Progress dot *\/\r\n\r\n.progress-dot {\r\n position: absolute;\r\n\r\n width: 16px;\r\n height: 16px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #baff00;\r\n\r\n right: -8px;\r\n top: 50%;\r\n\r\n transform: translateY(-50%);\r\n\r\n box-shadow:\r\n 0 0 10px rgba(186,255,0,0.45);\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTROL ROW\r\n========================================= *\/\r\n\r\n.controls-row {\r\n width: 100%;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n}\r\n\r\n\r\n\/* =========================================\r\n LEFT CONTROLS\r\n========================================= *\/\r\n\r\n.left-controls {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 9px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n RIGHT CONTROLS\r\n========================================= *\/\r\n\r\n.right-controls {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 10px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTROL BUTTONS\r\n========================================= *\/\r\n\r\n.control-btn {\r\n width: 46px;\r\n height: 46px;\r\n\r\n border: none;\r\n\r\n border-radius: 50%;\r\n\r\n background: rgba(10,10,10,0.88);\r\n\r\n color: #fff;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n cursor: pointer;\r\n\r\n outline: none;\r\n\r\n transition:\r\n background 0.2s ease,\r\n transform 0.2s ease;\r\n}\r\n\r\n\r\n.control-btn:hover {\r\n background: rgba(35,35,35,0.98);\r\n\r\n transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================\r\n PLAY ICON\r\n========================================= *\/\r\n\r\n.play-icon {\r\n display: block;\r\n\r\n width: 0;\r\n height: 0;\r\n\r\n border-top: 7px solid transparent;\r\n border-bottom: 7px solid transparent;\r\n\r\n border-left: 11px solid #fff;\r\n\r\n margin-left: 3px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n PAUSE ICON\r\n========================================= *\/\r\n\r\n.pause-icon {\r\n display: block;\r\n\r\n width: 13px;\r\n height: 16px;\r\n\r\n border-left: 4px solid #fff;\r\n border-right: 4px solid #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n REWIND ICON\r\n========================================= *\/\r\n\r\n.rewind-icon {\r\n position: relative;\r\n\r\n width: 22px;\r\n height: 22px;\r\n\r\n display: block;\r\n}\r\n\r\n\r\n.rewind-icon::before {\r\n content: \"\u21b6\";\r\n\r\n position: absolute;\r\n\r\n left: 0;\r\n top: -6px;\r\n\r\n font-size: 22px;\r\n\r\n font-weight: bold;\r\n\r\n color: #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TIME\r\n========================================= *\/\r\n\r\n.time-display {\r\n color: #fff;\r\n\r\n font-size: 14px;\r\n\r\n font-weight: 500;\r\n\r\n white-space: nowrap;\r\n\r\n min-width: 95px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n SPEED\r\n========================================= *\/\r\n\r\n.speed-wrapper {\r\n position: relative;\r\n}\r\n\r\n\r\n.speed-button {\r\n min-width: 75px;\r\n\r\n height: 44px;\r\n\r\n border: none;\r\n\r\n border-radius: 24px;\r\n\r\n background: rgba(15,15,15,0.92);\r\n\r\n color: #fff;\r\n\r\n font-size: 14px;\r\n\r\n font-weight: 600;\r\n\r\n cursor: pointer;\r\n\r\n outline: none;\r\n}\r\n\r\n\r\n.speed-button:hover {\r\n background: rgba(35,35,35,0.98);\r\n}\r\n\r\n\r\n\/* =========================================\r\n SPEED MENU\r\n========================================= *\/\r\n\r\n.speed-menu {\r\n position: absolute;\r\n\r\n right: 0;\r\n\r\n bottom: 54px;\r\n\r\n width: 115px;\r\n\r\n padding: 7px;\r\n\r\n border-radius: 12px;\r\n\r\n background: rgba(12,12,12,0.98);\r\n\r\n border: 1px solid rgba(255,255,255,0.12);\r\n\r\n box-shadow:\r\n 0 10px 35px rgba(0,0,0,0.55);\r\n\r\n display: none;\r\n}\r\n\r\n\r\n.speed-menu.active {\r\n display: block;\r\n}\r\n\r\n\r\n.speed-option {\r\n width: 100%;\r\n\r\n padding: 9px 10px;\r\n\r\n border: none;\r\n\r\n border-radius: 7px;\r\n\r\n background: transparent;\r\n\r\n color: #fff;\r\n\r\n text-align: left;\r\n\r\n font-size: 13px;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n\r\n.speed-option:hover,\r\n.speed-option.active {\r\n background: rgba(186,255,0,0.15);\r\n\r\n color: #baff00;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VOLUME\r\n========================================= *\/\r\n\r\n.volume-area {\r\n height: 44px;\r\n\r\n padding: 0 12px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 9px;\r\n\r\n background: rgba(15,15,15,0.9);\r\n\r\n border-radius: 24px;\r\n}\r\n\r\n\r\n.volume-icon {\r\n font-size: 17px;\r\n\r\n line-height: 1;\r\n}\r\n\r\n\r\n.volume-slider {\r\n width: 95px;\r\n\r\n height: 4px;\r\n\r\n accent-color: #baff00;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n\r\n\/* =========================================\r\n FULLSCREEN\r\n========================================= *\/\r\n\r\n.fullscreen-icon {\r\n width: 17px;\r\n height: 17px;\r\n\r\n border: 2px solid #fff;\r\n\r\n position: relative;\r\n}\r\n\r\n\r\n.fullscreen-icon::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n width: 8px;\r\n height: 8px;\r\n\r\n right: -3px;\r\n bottom: -3px;\r\n\r\n background: #0a0a0a;\r\n\r\n border-left: 2px solid #fff;\r\n border-top: 2px solid #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n .video-section {\r\n padding: 20px 12px;\r\n }\r\n\r\n .video-container {\r\n border-radius: 15px;\r\n }\r\n\r\n .center-play {\r\n width: 75px;\r\n height: 75px;\r\n\r\n border-width: 5px;\r\n }\r\n\r\n .center-play span {\r\n border-top-width: 11px;\r\n border-bottom-width: 11px;\r\n border-left-width: 17px;\r\n }\r\n\r\n .video-controls {\r\n padding:\r\n 0\r\n 10px\r\n 10px;\r\n }\r\n\r\n .progress-area {\r\n margin-bottom: 8px;\r\n }\r\n\r\n .control-btn {\r\n width: 38px;\r\n height: 38px;\r\n }\r\n\r\n .time-display {\r\n font-size: 11px;\r\n\r\n min-width: 78px;\r\n }\r\n\r\n .speed-button {\r\n height: 38px;\r\n\r\n min-width: 58px;\r\n\r\n font-size: 12px;\r\n }\r\n\r\n .volume-area {\r\n height: 38px;\r\n\r\n padding: 0 9px;\r\n }\r\n\r\n .volume-slider {\r\n width: 60px;\r\n }\r\n\r\n .right-controls {\r\n gap: 5px;\r\n }\r\n\r\n .left-controls {\r\n gap: 5px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================\r\n SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 520px) {\r\n\r\n .video-section {\r\n padding: 15px 8px;\r\n }\r\n\r\n .video-container {\r\n border-radius: 12px;\r\n }\r\n\r\n .center-play {\r\n width: 62px;\r\n height: 62px;\r\n\r\n border-width: 4px;\r\n }\r\n\r\n .center-play span {\r\n border-top-width: 9px;\r\n border-bottom-width: 9px;\r\n border-left-width: 14px;\r\n }\r\n\r\n .control-btn {\r\n width: 34px;\r\n height: 34px;\r\n }\r\n\r\n .time-display {\r\n font-size: 10px;\r\n\r\n min-width: 70px;\r\n }\r\n\r\n .volume-area {\r\n display: none;\r\n }\r\n\r\n .speed-button {\r\n min-width: 52px;\r\n\r\n height: 34px;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .fullscreen-icon {\r\n transform: scale(0.8);\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\r\n\r\n<section class=\"video-section\">\r\n\r\n <div\r\n class=\"video-container paused\"\r\n id=\"videoContainer\"\r\n >\r\n\r\n\r\n \r\n\r\n <video\r\n class=\"video-player\"\r\n id=\"videoPlayer\"\r\n preload=\"metadata\"\r\n playsinline\r\n >\r\n\r\n \r\n\r\n <source\r\n src=\"https:\/\/interactive-examples.mdn.mozilla.net\/media\/cc0-videos\/flower.mp4\"\r\n type=\"video\/mp4\"\r\n >\r\n\r\n Your browser does not support HTML5 video.\r\n\r\n <\/video>\r\n\r\n\r\n \r\n\r\n <div class=\"video-overlay\"><\/div>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"center-play\"\r\n id=\"centerPlay\"\r\n aria-label=\"Play video\"\r\n >\r\n\r\n <span><\/span>\r\n\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"video-controls\"\r\n id=\"videoControls\"\r\n >\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"progress-area\"\r\n id=\"progressArea\"\r\n >\r\n\r\n <div\r\n class=\"progress-bar\"\r\n id=\"progressBar\"\r\n >\r\n\r\n <div class=\"progress-dot\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"controls-row\">\r\n\r\n\r\n \r\n\r\n <div class=\"left-controls\">\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"control-btn\"\r\n id=\"playPauseBtn\"\r\n title=\"Play \/ Pause\"\r\n >\r\n\r\n <span\r\n class=\"play-icon\"\r\n id=\"playPauseIcon\"\r\n ><\/span>\r\n\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"control-btn\"\r\n id=\"rewindBtn\"\r\n title=\"Rewind 10 seconds\"\r\n >\r\n\r\n <span class=\"rewind-icon\"><\/span>\r\n\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <div class=\"time-display\">\r\n\r\n <span id=\"currentTime\">\r\n 00:00\r\n <\/span>\r\n\r\n \/\r\n\r\n <span id=\"duration\">\r\n 00:00\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"right-controls\">\r\n\r\n\r\n \r\n\r\n <div class=\"speed-wrapper\">\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-button\"\r\n id=\"speedButton\"\r\n >\r\n 1x\r\n <\/button>\r\n\r\n\r\n <div\r\n class=\"speed-menu\"\r\n id=\"speedMenu\"\r\n >\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option\"\r\n data-speed=\"0.5\"\r\n >\r\n 0.5x\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option\"\r\n data-speed=\"0.75\"\r\n >\r\n 0.75x\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option active\"\r\n data-speed=\"1\"\r\n >\r\n 1x\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option\"\r\n data-speed=\"1.25\"\r\n >\r\n 1.25x\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option\"\r\n data-speed=\"1.5\"\r\n >\r\n 1.5x\r\n <\/button>\r\n\r\n <button\r\n type=\"button\"\r\n class=\"speed-option\"\r\n data-speed=\"2\"\r\n >\r\n 2x\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"volume-area\">\r\n\r\n <span\r\n class=\"volume-icon\"\r\n id=\"volumeIcon\"\r\n >\r\n \ud83d\udd0a\r\n <\/span>\r\n\r\n <input\r\n type=\"range\"\r\n class=\"volume-slider\"\r\n id=\"volumeSlider\"\r\n min=\"0\"\r\n max=\"1\"\r\n step=\"0.01\"\r\n value=\"1\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"control-btn\"\r\n id=\"fullscreenBtn\"\r\n title=\"Fullscreen\"\r\n >\r\n\r\n <span\r\n class=\"fullscreen-icon\"\r\n ><\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================\r\n ELEMENTS\r\n========================================= *\/\r\n\r\nconst videoContainer =\r\n document.getElementById(\"videoContainer\");\r\n\r\nconst video =\r\n document.getElementById(\"videoPlayer\");\r\n\r\nconst centerPlay =\r\n document.getElementById(\"centerPlay\");\r\n\r\nconst playPauseBtn =\r\n document.getElementById(\"playPauseBtn\");\r\n\r\nconst playPauseIcon =\r\n document.getElementById(\"playPauseIcon\");\r\n\r\nconst rewindBtn =\r\n document.getElementById(\"rewindBtn\");\r\n\r\nconst progressArea =\r\n document.getElementById(\"progressArea\");\r\n\r\nconst progressBar =\r\n document.getElementById(\"progressBar\");\r\n\r\nconst currentTime =\r\n document.getElementById(\"currentTime\");\r\n\r\nconst duration =\r\n document.getElementById(\"duration\");\r\n\r\nconst speedButton =\r\n document.getElementById(\"speedButton\");\r\n\r\nconst speedMenu =\r\n document.getElementById(\"speedMenu\");\r\n\r\nconst volumeSlider =\r\n document.getElementById(\"volumeSlider\");\r\n\r\nconst volumeIcon =\r\n document.getElementById(\"volumeIcon\");\r\n\r\nconst fullscreenBtn =\r\n document.getElementById(\"fullscreenBtn\");\r\n\r\n\r\n\/* =========================================\r\n FORMAT TIME\r\n========================================= *\/\r\n\r\nfunction formatTime(seconds) {\r\n\r\n if (\r\n !isFinite(seconds) ||\r\n isNaN(seconds)\r\n ) {\r\n return \"00:00\";\r\n }\r\n\r\n const minutes =\r\n Math.floor(seconds \/ 60);\r\n\r\n const secondsPart =\r\n Math.floor(seconds % 60);\r\n\r\n return (\r\n String(minutes).padStart(2, \"0\")\r\n +\r\n \":\"\r\n +\r\n String(secondsPart).padStart(2, \"0\")\r\n );\r\n}\r\n\r\n\r\n\/* =========================================\r\n PLAY VIDEO\r\n========================================= *\/\r\n\r\nfunction playVideo() {\r\n\r\n const playPromise =\r\n video.play();\r\n\r\n if (\r\n playPromise !== undefined\r\n ) {\r\n\r\n playPromise.catch(function(error) {\r\n\r\n console.log(\r\n \"Video could not play:\",\r\n error\r\n );\r\n\r\n });\r\n\r\n }\r\n}\r\n\r\n\r\n\/* =========================================\r\n PAUSE VIDEO\r\n========================================= *\/\r\n\r\nfunction pauseVideo() {\r\n\r\n video.pause();\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n TOGGLE PLAY\r\n========================================= *\/\r\n\r\nfunction togglePlay() {\r\n\r\n if (video.paused) {\r\n\r\n playVideo();\r\n\r\n } else {\r\n\r\n pauseVideo();\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n CENTER PLAY BUTTON\r\n CLICK = PLAY\r\n========================================= *\/\r\n\r\ncenterPlay.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.preventDefault();\r\n\r\n event.stopPropagation();\r\n\r\n playVideo();\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n BOTTOM PLAY BUTTON\r\n========================================= *\/\r\n\r\nplayPauseBtn.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.preventDefault();\r\n\r\n event.stopPropagation();\r\n\r\n togglePlay();\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VIDEO CLICK\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"click\",\r\n function() {\r\n\r\n togglePlay();\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VIDEO PLAY EVENT\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"play\",\r\n function() {\r\n\r\n videoContainer.classList.add(\r\n \"playing\"\r\n );\r\n\r\n videoContainer.classList.remove(\r\n \"paused\"\r\n );\r\n\r\n playPauseIcon.className =\r\n \"pause-icon\";\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VIDEO PAUSE EVENT\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"pause\",\r\n function() {\r\n\r\n videoContainer.classList.remove(\r\n \"playing\"\r\n );\r\n\r\n videoContainer.classList.add(\r\n \"paused\"\r\n );\r\n\r\n playPauseIcon.className =\r\n \"play-icon\";\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VIDEO ENDED\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"ended\",\r\n function() {\r\n\r\n videoContainer.classList.remove(\r\n \"playing\"\r\n );\r\n\r\n videoContainer.classList.add(\r\n \"paused\"\r\n );\r\n\r\n playPauseIcon.className =\r\n \"play-icon\";\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VIDEO DURATION\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"loadedmetadata\",\r\n function() {\r\n\r\n duration.textContent =\r\n formatTime(video.duration);\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n UPDATE PROGRESS\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"timeupdate\",\r\n function() {\r\n\r\n if (!video.duration) {\r\n return;\r\n }\r\n\r\n const percentage =\r\n (\r\n video.currentTime \/\r\n video.duration\r\n ) * 100;\r\n\r\n progressBar.style.width =\r\n percentage + \"%\";\r\n\r\n currentTime.textContent =\r\n formatTime(video.currentTime);\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n PROGRESS CLICK\r\n========================================= *\/\r\n\r\nprogressArea.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n if (!video.duration) {\r\n return;\r\n }\r\n\r\n const rect =\r\n progressArea.getBoundingClientRect();\r\n\r\n const clickPosition =\r\n event.clientX - rect.left;\r\n\r\n const percentage =\r\n clickPosition \/ rect.width;\r\n\r\n video.currentTime =\r\n percentage * video.duration;\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n REWIND 10 SECONDS\r\n========================================= *\/\r\n\r\nrewindBtn.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n video.currentTime =\r\n Math.max(\r\n 0,\r\n video.currentTime - 10\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n SPEED MENU\r\n========================================= *\/\r\n\r\nspeedButton.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n speedMenu.classList.toggle(\r\n \"active\"\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n SPEED OPTIONS\r\n========================================= *\/\r\n\r\ndocument\r\n .querySelectorAll(\".speed-option\")\r\n .forEach(function(option) {\r\n\r\n option.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n const speed =\r\n parseFloat(\r\n this.dataset.speed\r\n );\r\n\r\n video.playbackRate =\r\n speed;\r\n\r\n speedButton.textContent =\r\n speed + \"x\";\r\n\r\n document\r\n .querySelectorAll(\".speed-option\")\r\n .forEach(function(item) {\r\n\r\n item.classList.remove(\r\n \"active\"\r\n );\r\n\r\n });\r\n\r\n this.classList.add(\r\n \"active\"\r\n );\r\n\r\n speedMenu.classList.remove(\r\n \"active\"\r\n );\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n\/* =========================================\r\n CLOSE SPEED MENU\r\n========================================= *\/\r\n\r\ndocument.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n if (\r\n !event.target.closest(\r\n \".speed-wrapper\"\r\n )\r\n ) {\r\n\r\n speedMenu.classList.remove(\r\n \"active\"\r\n );\r\n\r\n }\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n VOLUME\r\n========================================= *\/\r\n\r\nvolumeSlider.addEventListener(\r\n \"input\",\r\n function() {\r\n\r\n video.volume =\r\n parseFloat(this.value);\r\n\r\n video.muted = false;\r\n\r\n if (video.volume === 0) {\r\n\r\n volumeIcon.textContent =\r\n \"\ud83d\udd07\";\r\n\r\n } else if (\r\n video.volume < 0.5\r\n ) {\r\n\r\n volumeIcon.textContent =\r\n \"\ud83d\udd09\";\r\n\r\n } else {\r\n\r\n volumeIcon.textContent =\r\n \"\ud83d\udd0a\";\r\n\r\n }\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n FULLSCREEN\r\n========================================= *\/\r\n\r\nfunction toggleFullscreen() {\r\n\r\n if (\r\n !document.fullscreenElement\r\n ) {\r\n\r\n if (\r\n videoContainer.requestFullscreen\r\n ) {\r\n\r\n videoContainer.requestFullscreen();\r\n\r\n } else if (\r\n videoContainer.webkitRequestFullscreen\r\n ) {\r\n\r\n videoContainer.webkitRequestFullscreen();\r\n\r\n }\r\n\r\n } else {\r\n\r\n if (\r\n document.exitFullscreen\r\n ) {\r\n\r\n document.exitFullscreen();\r\n\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\n\r\nfullscreenBtn.addEventListener(\r\n \"click\",\r\n function(event) {\r\n\r\n event.stopPropagation();\r\n\r\n toggleFullscreen();\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n DOUBLE CLICK FULLSCREEN\r\n========================================= *\/\r\n\r\nvideo.addEventListener(\r\n \"dblclick\",\r\n function() {\r\n\r\n toggleFullscreen();\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n KEYBOARD CONTROLS\r\n========================================= *\/\r\n\r\ndocument.addEventListener(\r\n \"keydown\",\r\n function(event) {\r\n\r\n if (\r\n event.code === \"Space\" &&\r\n document.activeElement.tagName !== \"INPUT\"\r\n ) {\r\n\r\n event.preventDefault();\r\n\r\n togglePlay();\r\n\r\n }\r\n\r\n\r\n if (\r\n event.code === \"ArrowRight\"\r\n ) {\r\n\r\n video.currentTime =\r\n Math.min(\r\n video.duration || 0,\r\n video.currentTime + 5\r\n );\r\n\r\n }\r\n\r\n\r\n if (\r\n event.code === \"ArrowLeft\"\r\n ) {\r\n\r\n video.currentTime =\r\n Math.max(\r\n 0,\r\n video.currentTime - 5\r\n );\r\n\r\n }\r\n\r\n\r\n if (\r\n event.code === \"KeyM\"\r\n ) {\r\n\r\n video.muted =\r\n !video.muted;\r\n\r\n volumeIcon.textContent =\r\n video.muted\r\n ? \"\ud83d\udd07\"\r\n : \"\ud83d\udd0a\";\r\n\r\n }\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n MOBILE CONTROLS\r\n========================================= *\/\r\n\r\nvideoContainer.addEventListener(\r\n \"touchstart\",\r\n function() {\r\n\r\n videoContainer.classList.add(\r\n \"controls-visible\"\r\n );\r\n\r\n setTimeout(\r\n function() {\r\n\r\n if (!video.paused) {\r\n\r\n videoContainer.classList.remove(\r\n \"controls-visible\"\r\n );\r\n\r\n }\r\n\r\n },\r\n 3500\r\n );\r\n\r\n }\r\n);\r\n\r\n\r\n\/* =========================================\r\n INITIAL SETTINGS\r\n========================================= *\/\r\n\r\nvideo.volume = 1;\r\n\r\nvideo.playbackRate = 1;\r\n\r\nvideoContainer.classList.add(\r\n \"paused\"\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-f4ec355 elementor-widget elementor-widget-html\" data-id=\"f4ec355\" 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>AI Certification CTA<\/title>\r\n\r\n<style>\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\nbody {\r\n width: 100%;\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MAIN SECTION\r\n GREEN BOTTOM SHADOW REMOVED\r\n========================================= *\/\r\n\r\n.ai-cta-section {\r\n width: 100%;\r\n\r\n min-height: 590px;\r\n\r\n padding: 5px 20px 25px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: flex-start;\r\n\r\n background: #000;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n\r\n\/* IMPORTANT:\r\n NO GREEN GLOW \/ SHADOW\r\n*\/\r\n\r\n\r\n\/* =========================================\r\n BENEFITS BOX\r\n========================================= *\/\r\n\r\n.benefits-box {\r\n width: min(750px, 100%);\r\n\r\n padding: 10px;\r\n\r\n background: #121212;\r\n\r\n border-radius: 30px;\r\n\r\n box-shadow:\r\n 0 0 0 8px rgba(255,255,255,0.035);\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n gap: 10px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n BENEFIT ITEM\r\n========================================= *\/\r\n\r\n.benefit-item {\r\n width: 100%;\r\n\r\n min-height: 76px;\r\n\r\n padding: 10px 18px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 12px;\r\n\r\n border-radius: 28px;\r\n\r\n background: #111111;\r\n\r\n border: 1px solid #2b2b2b;\r\n}\r\n\r\n\r\n\/* =========================================\r\n ICON CIRCLE\r\n========================================= *\/\r\n\r\n.benefit-icon {\r\n width: 46px;\r\n height: 46px;\r\n\r\n min-width: 46px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #baff00;\r\n\r\n color: #050505;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n font-size: 23px;\r\n\r\n font-weight: 700;\r\n\r\n line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================\r\n BENEFIT TEXT\r\n========================================= *\/\r\n\r\n.benefit-text {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n flex-wrap: wrap;\r\n\r\n gap: 8px;\r\n\r\n font-size: 20px;\r\n\r\n line-height: 1.3;\r\n}\r\n\r\n\r\n.benefit-title {\r\n color: #fff;\r\n\r\n font-weight: 700;\r\n}\r\n\r\n\r\n.benefit-description {\r\n color: #bdbdbd;\r\n\r\n font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n DESCRIPTION\r\n========================================= *\/\r\n\r\n.cta-description {\r\n width: min(1100px, 100%);\r\n\r\n margin-top: 28px;\r\n\r\n text-align: center;\r\n\r\n color: #f4f4f4;\r\n\r\n font-size: 25px;\r\n\r\n line-height: 1.4;\r\n\r\n font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CTA BUTTON\r\n========================================= *\/\r\n\r\n.cta-button {\r\n width: min(578px, 100%);\r\n\r\n min-height: 72px;\r\n\r\n margin-top: 10px;\r\n\r\n padding: 15px 25px;\r\n\r\n border: none;\r\n\r\n border-radius: 20px;\r\n\r\n background: #baff00;\r\n\r\n color: #050505;\r\n\r\n font-size: 24px;\r\n\r\n font-weight: 800;\r\n\r\n cursor: pointer;\r\n\r\n text-decoration: none;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n text-align: center;\r\n\r\n transition:\r\n transform 0.2s ease,\r\n background 0.2s ease;\r\n}\r\n\r\n\r\n.cta-button:hover {\r\n transform: translateY(-2px);\r\n\r\n background: #c4ff26;\r\n}\r\n\r\n\r\n\/* =========================================\r\n PEOPLE \/ AVATARS\r\n========================================= *\/\r\n\r\n.social-proof {\r\n margin-top: 29px;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n AVATAR ROW\r\n========================================= *\/\r\n\r\n.avatar-row {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n height: 48px;\r\n}\r\n\r\n\r\n.avatar {\r\n width: 48px;\r\n height: 48px;\r\n\r\n border-radius: 50%;\r\n\r\n border: 2px solid #555;\r\n\r\n background: #222;\r\n\r\n object-fit: cover;\r\n\r\n margin-left: -9px;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n\r\n.avatar:first-child {\r\n margin-left: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n +1033\r\n========================================= *\/\r\n\r\n.avatar-count {\r\n width: 50px;\r\n height: 50px;\r\n\r\n margin-left: -8px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #fff;\r\n\r\n color: #111;\r\n\r\n border: 2px solid #444;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n font-size: 14px;\r\n\r\n font-weight: 600;\r\n\r\n z-index: 20;\r\n}\r\n\r\n\r\n\/* =========================================\r\n SOCIAL TEXT\r\n========================================= *\/\r\n\r\n.social-title {\r\n margin-top: 7px;\r\n\r\n color: #fff;\r\n\r\n font-size: 19px;\r\n\r\n font-weight: 700;\r\n\r\n text-align: center;\r\n}\r\n\r\n\r\n.social-subtitle {\r\n margin-top: 5px;\r\n\r\n color: #bdbdbd;\r\n\r\n font-size: 19px;\r\n\r\n text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n .ai-cta-section {\r\n min-height: auto;\r\n\r\n padding:\r\n 10px\r\n 15px\r\n 30px;\r\n }\r\n\r\n\r\n .benefits-box {\r\n width: 100%;\r\n\r\n padding: 8px;\r\n\r\n border-radius: 24px;\r\n }\r\n\r\n\r\n .benefit-item {\r\n min-height: 65px;\r\n\r\n padding:\r\n 9px 12px;\r\n\r\n border-radius: 22px;\r\n }\r\n\r\n\r\n .benefit-icon {\r\n width: 40px;\r\n height: 40px;\r\n\r\n min-width: 40px;\r\n\r\n font-size: 20px;\r\n }\r\n\r\n\r\n .benefit-text {\r\n font-size: 16px;\r\n\r\n gap: 5px;\r\n }\r\n\r\n\r\n .cta-description {\r\n margin-top: 24px;\r\n\r\n font-size: 18px;\r\n\r\n line-height: 1.45;\r\n }\r\n\r\n\r\n .cta-button {\r\n width: 100%;\r\n\r\n min-height: 62px;\r\n\r\n margin-top: 14px;\r\n\r\n border-radius: 17px;\r\n\r\n font-size: 19px;\r\n }\r\n\r\n\r\n .social-proof {\r\n margin-top: 24px;\r\n }\r\n\r\n\r\n .social-title {\r\n font-size: 16px;\r\n }\r\n\r\n\r\n .social-subtitle {\r\n font-size: 16px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n .benefit-item {\r\n min-height: 62px;\r\n\r\n padding:\r\n 8px 10px;\r\n }\r\n\r\n\r\n .benefit-icon {\r\n width: 37px;\r\n height: 37px;\r\n\r\n min-width: 37px;\r\n\r\n font-size: 18px;\r\n }\r\n\r\n\r\n .benefit-text {\r\n font-size: 14px;\r\n\r\n gap: 4px;\r\n }\r\n\r\n\r\n .cta-description {\r\n font-size: 16px;\r\n }\r\n\r\n\r\n .cta-button {\r\n min-height: 58px;\r\n\r\n font-size: 17px;\r\n }\r\n\r\n\r\n .avatar {\r\n width: 43px;\r\n height: 43px;\r\n }\r\n\r\n\r\n .avatar-count {\r\n width: 45px;\r\n height: 45px;\r\n\r\n font-size: 12px;\r\n }\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<section class=\"ai-cta-section\">\r\n\r\n\r\n \r\n\r\n <div class=\"benefits-box\">\r\n\r\n\r\n \r\n\r\n <div class=\"benefit-item\">\r\n\r\n <div class=\"benefit-icon\">\r\n \u2667\r\n <\/div>\r\n\r\n <div class=\"benefit-text\">\r\n\r\n <span class=\"benefit-title\">\r\n Official certification\r\n <\/span>\r\n\r\n <span class=\"benefit-description\">\r\n Get recognized for your AI expertise\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"benefit-item\">\r\n\r\n <div class=\"benefit-icon\">\r\n \u2659\r\n <\/div>\r\n\r\n <div class=\"benefit-text\">\r\n\r\n <span class=\"benefit-title\">\r\n No tech background needed\r\n <\/span>\r\n\r\n <span class=\"benefit-description\">\r\n Beginner-friendly, practical learning\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"benefit-item\">\r\n\r\n <div class=\"benefit-icon\">\r\n \ud83c\udf81\r\n <\/div>\r\n\r\n <div class=\"benefit-text\">\r\n\r\n <span class=\"benefit-title\">\r\n Save $500+ on AI tool subscriptions\r\n <\/span>\r\n\r\n <span class=\"benefit-description\">\r\n (discounts included)\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <p class=\"cta-description\">\r\n\r\n Click below to join the ONLY AI institute in Asia that teaches\r\n you how to master and sell AI services and is trusted by\r\n 1,033+ entrepreneurs across Asia.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"\"\r\n class=\"cta-button\"\r\n id=\"joinButton\"\r\n >\r\n JOIN 2026 BATCH - EARLY BIRD!\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <div class=\"social-proof\">\r\n\r\n\r\n \r\n\r\n <div class=\"avatar-row\">\r\n\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=47\"\r\n alt=\"Student\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=32\"\r\n alt=\"Student\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=12\"\r\n alt=\"Student\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=5\"\r\n alt=\"Student\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=44\"\r\n alt=\"Student\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n class=\"avatar\"\r\n src=\"https:\/\/i.pravatar.cc\/100?img=11\"\r\n alt=\"Student\"\r\n >\r\n\r\n\r\n <div class=\"avatar-count\">\r\n +1033\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"social-title\">\r\n Next batch starts coming week!\r\n <\/div>\r\n\r\n <div class=\"social-subtitle\">\r\n 10 Days Fee Back Guarantee.\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================\r\n JOIN BUTTON\r\n========================================= *\/\r\n\r\ndocument\r\n .getElementById(\"joinButton\")\r\n .addEventListener(\"click\", function(event) {\r\n\r\n event.preventDefault();\r\n\r\n \/*\r\n Yahan apna checkout \/ registration URL\r\n laga sakte ho.\r\n\r\n Example:\r\n\r\n window.location.href =\r\n \"https:\/\/yourwebsite.com\/join\";\r\n *\/\r\n\r\n console.log(\r\n \"Join button clicked\"\r\n );\r\n\r\n });\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-824fb7c elementor-widget elementor-widget-html\" data-id=\"824fb7c\" 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>AI Section<\/title>\r\n\r\n<style>\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\nbody{\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 MAIN SECTION\r\n========================= *\/\r\n\r\n.ai-section{\r\n width:100%;\r\n min-height:100vh;\r\n background:#000;\r\n padding:0;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n\/* =========================\r\n AS SEEN IN BOX\r\n========================= *\/\r\n\r\n.seen-box{\r\n width:min(1020px, 100%);\r\n margin:0 auto 40px;\r\n background:#111;\r\n border-radius:10px;\r\n padding:20px 10px 16px;\r\n position:relative;\r\n overflow:hidden;\r\n border:1px solid rgba(255,255,255,0.03);\r\n}\r\n\r\n.seen-title{\r\n text-align:center;\r\n font-size:21px;\r\n font-weight:800;\r\n line-height:1;\r\n margin-bottom:14px;\r\n letter-spacing:-0.5px;\r\n}\r\n\r\n.seen-title span{\r\n color:#b8ff00;\r\n}\r\n\r\n\/* =========================\r\n LOGO MARQUEE\r\n========================= *\/\r\n\r\n.logo-window{\r\n width:100%;\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n\r\n.logo-window::before,\r\n.logo-window::after{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n width:70px;\r\n height:100%;\r\n z-index:5;\r\n pointer-events:none;\r\n}\r\n\r\n.logo-window::before{\r\n left:0;\r\n background:linear-gradient(\r\n to right,\r\n #111 0%,\r\n rgba(17,17,17,0) 100%\r\n );\r\n}\r\n\r\n.logo-window::after{\r\n right:0;\r\n background:linear-gradient(\r\n to left,\r\n #111 0%,\r\n rgba(17,17,17,0) 100%\r\n );\r\n}\r\n\r\n.logo-track{\r\n display:flex;\r\n width:max-content;\r\n align-items:center;\r\n gap:34px;\r\n animation:logoScroll 24s linear infinite;\r\n}\r\n\r\n\/* Pause on hover *\/\r\n.logo-window:hover .logo-track{\r\n animation-play-state:paused;\r\n}\r\n\r\n\/* =========================\r\n LOGO ITEM\r\n========================= *\/\r\n\r\n.logo-item{\r\n width:105px;\r\n height:60px;\r\n flex:0 0 105px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n filter:grayscale(100%);\r\n opacity:.72;\r\n\r\n transition:\r\n filter .35s ease,\r\n opacity .35s ease,\r\n transform .35s ease;\r\n}\r\n\r\n.logo-window:hover .logo-item:hover{\r\n filter:grayscale(0%);\r\n opacity:1;\r\n transform:scale(1.08);\r\n}\r\n\r\n.logo-item img{\r\n width:100%;\r\n max-width:105px;\r\n max-height:55px;\r\n object-fit:contain;\r\n display:block;\r\n}\r\n\r\n\/* =========================\r\n THE LAPTOP LIVING LOGO\r\n========================= *\/\r\n\r\n.logo-item.laptop-living{\r\n width:125px;\r\n flex-basis:125px;\r\n}\r\n\r\n.logo-item.laptop-living img{\r\n max-width:125px;\r\n max-height:58px;\r\n}\r\n\r\n\/* =========================\r\n INFINITE ANIMATION\r\n========================= *\/\r\n\r\n@keyframes logoScroll{\r\n 0%{\r\n transform:translateX(0);\r\n }\r\n\r\n 100%{\r\n transform:translateX(-50%);\r\n }\r\n}\r\n\r\n\/* =========================\r\n MAIN HEADING\r\n========================= *\/\r\n\r\n.main-heading{\r\n width:min(1050px, 100%);\r\n margin:0 auto 20px;\r\n text-align:center;\r\n\r\n font-size:49px;\r\n line-height:1.02;\r\n font-weight:900;\r\n\r\n letter-spacing:-1.2px;\r\n text-transform:uppercase;\r\n color:#fff;\r\n}\r\n\r\n.main-heading .red{\r\n color:#ff2738;\r\n}\r\n\r\n\/* =========================\r\n CONTENT BOX\r\n========================= *\/\r\n\r\n.content-box{\r\n width:min(1020px, 100%);\r\n margin:0 auto;\r\n\r\n background:#111;\r\n border-radius:16px;\r\n\r\n padding:16px 10px 18px;\r\n\r\n position:relative;\r\n z-index:2;\r\n\r\n border:1px solid rgba(255,255,255,.025);\r\n\r\n box-shadow:\r\n 0 0 30px rgba(0,0,0,.35);\r\n}\r\n\r\n.content-box p{\r\n font-size:15px;\r\n line-height:1.42;\r\n color:#d2d2d2;\r\n margin:0 0 15px;\r\n font-weight:500;\r\n}\r\n\r\n.content-box p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.content-box .green{\r\n color:#b8ff00;\r\n font-weight:800;\r\n}\r\n\r\n.content-box .white{\r\n color:#fff;\r\n font-weight:700;\r\n}\r\n\r\n\/* =========================\r\n GREEN BOTTOM GLOW\r\n========================= *\/\r\n\r\n.ai-section::after{\r\n content:\"\";\r\n position:absolute;\r\n\r\n left:-10%;\r\n right:-10%;\r\n bottom:-180px;\r\n\r\n height:300px;\r\n\r\n background:radial-gradient(\r\n ellipse at center,\r\n rgba(80,255,0,.32) 0%,\r\n rgba(20,150,0,.18) 30%,\r\n rgba(0,0,0,0) 70%\r\n );\r\n\r\n filter:blur(25px);\r\n pointer-events:none;\r\n}\r\n\r\n\/* =========================\r\n MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n .ai-section{\r\n padding:10px 12px 0;\r\n }\r\n\r\n .seen-box{\r\n margin-bottom:30px;\r\n padding:17px 7px 14px;\r\n border-radius:9px;\r\n }\r\n\r\n .seen-title{\r\n font-size:18px;\r\n margin-bottom:12px;\r\n }\r\n\r\n .logo-track{\r\n gap:24px;\r\n animation-duration:20s;\r\n }\r\n\r\n .logo-item{\r\n width:88px;\r\n height:48px;\r\n flex-basis:88px;\r\n }\r\n\r\n .logo-item img{\r\n max-width:82px;\r\n max-height:42px;\r\n }\r\n\r\n .logo-item.laptop-living{\r\n width:100px;\r\n flex-basis:100px;\r\n }\r\n\r\n .logo-item.laptop-living img{\r\n max-width:100px;\r\n max-height:48px;\r\n }\r\n\r\n .main-heading{\r\n font-size:23px;\r\n line-height:1.05;\r\n letter-spacing:-.7px;\r\n margin-bottom:18px;\r\n }\r\n\r\n .content-box{\r\n border-radius:14px;\r\n padding:15px 10px 18px;\r\n }\r\n\r\n .content-box p{\r\n font-size:12px;\r\n line-height:1.45;\r\n margin-bottom:14px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n REDUCE MOTION\r\n========================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n .logo-track{\r\n animation:none;\r\n }\r\n\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ai-section\">\r\n\r\n \r\n\r\n <div class=\"seen-box\">\r\n\r\n <div class=\"seen-title\">\r\n AS <span>SEEN<\/span> IN\r\n <\/div>\r\n\r\n <div class=\"logo-window\">\r\n\r\n <div class=\"logo-track\">\r\n\r\n \r\n\r\n \r\n <div class=\"logo-item laptop-living\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/Lets-Uncover.png\"\r\n alt=\"The Laptop Living\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/hunar_hba.jpg\"\r\n alt=\"Product Hunt\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/icons_pak.jpg\"\r\n alt=\"GitHub\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/laptop-.png\"\r\n alt=\"Medium\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/productHunt.png\"\r\n alt=\"Forbes\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/Lets-Uncover.png\"\r\n alt=\"TechCrunch\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/hunar_hba.jpg\"\r\n alt=\"LinkedIn\"\r\n >\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/icons_pak.jpg\"\r\n alt=\"Google\"\r\n >\r\n <\/div>\r\n\r\n\r\n \r\n\r\n \r\n <div class=\"logo-item laptop-living\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/laptop-.png\"\r\n alt=\"The Laptop Living\"\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 \r\n\r\n <h1 class=\"main-heading\">\r\n THE <span class=\"red\">REASON<\/span> MOST PEOPLE WILL GET LEFT\r\n BEHIND IN THE AI ERA...\r\n <\/h1>\r\n\r\n\r\n \r\n\r\n <div class=\"content-box\">\r\n\r\n <p>\r\n Because They Are Just Watching AI Wave, Instead Of Learning How To Use AI To Create Income.\r\n <\/p>\r\n\r\n <p>\r\n Doesn't Matter If You're An Engineer, HR, Designer, Support Staff, Or In The Medical Field.\r\n AI Will Replace You If You Don't Adapt.\r\n <\/p>\r\n\r\n <p>\r\n Let Me Be Direct With You...\r\n <\/p>\r\n\r\n <p>\r\n Right Now, As You're Reading This, Someone In Your Industry Is Learning AI.\r\n <\/p>\r\n\r\n <p>\r\n They're Not Smarter Than You. They're Not More Talented.\r\n They Don't Have A Better Degree Or More Experience.\r\n <\/p>\r\n\r\n <p>\r\n <span class=\"green\">\r\n But In 6 Months, They'll Be Doing The Work Of 5 People.\r\n <\/span>\r\n <br>\r\n And You'll Be Wondering Why Your Boss Is Looking At You Differently.\r\n Why Clients Are Choosing Someone Else.\r\n <\/p>\r\n\r\n <p>\r\n Why That Promotion Went To The New Guy Who Joined 6 Months Ago.\r\n <\/p>\r\n\r\n <p>\r\n <span class=\"white\">\r\n Old Formula:\r\n <\/span>\r\n\r\n <span class=\"green\">\r\n Parho \u2192 Degree Lo \u2192 Job Ka Wait Karo \u2192 Salary\r\n <\/span>\r\n\r\n <br>\r\n\r\n <span class=\"white\">\r\n Badhe Ki Umar Karo.\r\n <\/span>\r\n\r\n <br>\r\n\r\n <span class=\"white\">\r\n New Formula:\r\n <\/span>\r\n\r\n <span class=\"green\">\r\n Solve Problems Using AI \u2192 Get Paid.\r\n <\/span>\r\n <\/p>\r\n\r\n <p>\r\n Businesses Don't Want Employees Anymore.\r\n They Want AI-Powered People Who Save Time And Money.\r\n <br>\r\n\r\n Those Who Say:\r\n <span class=\"green\">\r\n \"Main AI Se Yeh Automate Kar Sakta Hoon,\"\r\n <\/span>\r\n Are The Ones Getting Paid.\r\n <\/p>\r\n\r\n <p>\r\n <span class=\"white\">\r\n People Who Learn To Use AI Will Take Control.\r\n <\/span>\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1159e0b elementor-widget elementor-widget-html\" data-id=\"1159e0b\" 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>Meet The AI Pioneers<\/title>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n RESET\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section,\r\n#ai-pioneers-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n#ai-pioneers-section{\r\n width:100%;\r\n margin:0;\r\n padding:3px 0 35px;\r\n background:#000;\r\n color:#fff;\r\n overflow:hidden;\r\n font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n#ai-pioneers-section .pioneers-window{\r\n width:100%;\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TRACK\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .pioneers-track{\r\n display:flex;\r\n align-items:stretch;\r\n gap:20px;\r\n width:max-content;\r\n will-change:transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP ROW\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .top-track{\r\n animation:\r\n aiPioneersTop\r\n 28s\r\n linear\r\n infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM ROW\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .bottom-track{\r\n animation:\r\n aiPioneersBottom\r\n 32s\r\n linear\r\n infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .pioneer-card{\r\n\r\n width:350px;\r\n height:388px;\r\n\r\n flex:0 0 350px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n background:#9bd52b;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .pioneer-card img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n object-position:center center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CENTER HEADING\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .pioneers-title{\r\n\r\n width:100%;\r\n\r\n height:90px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n text-align:center;\r\n\r\n font-size:64px;\r\n\r\n line-height:1;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:-2.5px;\r\n\r\n text-transform:uppercase;\r\n\r\n white-space:nowrap;\r\n\r\n color:#fff;\r\n\r\n padding:5px 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes aiPioneersTop{\r\n\r\n 0%{\r\n transform:translateX(0);\r\n }\r\n\r\n 100%{\r\n transform:translateX(calc(-50% - 10px));\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes aiPioneersBottom{\r\n\r\n 0%{\r\n transform:translateX(calc(-50% - 10px));\r\n }\r\n\r\n 100%{\r\n transform:translateX(0);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HOVER PAUSE\r\n========================================================= *\/\r\n\r\n#ai-pioneers-section .pioneers-window:hover .pioneers-track{\r\n animation-play-state:paused;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n #ai-pioneers-section .pioneers-track{\r\n gap:16px;\r\n }\r\n\r\n #ai-pioneers-section .pioneer-card{\r\n\r\n width:290px;\r\n height:350px;\r\n\r\n flex-basis:290px;\r\n\r\n border-radius:18px;\r\n }\r\n\r\n #ai-pioneers-section .pioneers-title{\r\n\r\n height:80px;\r\n\r\n font-size:52px;\r\n\r\n letter-spacing:-2px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n #ai-pioneers-section{\r\n\r\n padding-bottom:25px;\r\n }\r\n\r\n #ai-pioneers-section .pioneers-track{\r\n\r\n gap:12px;\r\n }\r\n\r\n #ai-pioneers-section .pioneer-card{\r\n\r\n width:190px;\r\n height:245px;\r\n\r\n flex-basis:190px;\r\n\r\n border-radius:15px;\r\n }\r\n\r\n #ai-pioneers-section .pioneers-title{\r\n\r\n height:68px;\r\n\r\n font-size:36px;\r\n\r\n letter-spacing:-1.5px;\r\n\r\n padding:5px 10px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:450px){\r\n\r\n #ai-pioneers-section .pioneer-card{\r\n\r\n width:175px;\r\n height:225px;\r\n\r\n flex-basis:175px;\r\n\r\n border-radius:14px;\r\n }\r\n\r\n #ai-pioneers-section .pioneers-title{\r\n\r\n height:60px;\r\n\r\n font-size:30px;\r\n\r\n letter-spacing:-1px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCE MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n #ai-pioneers-section .top-track,\r\n #ai-pioneers-section .bottom-track{\r\n\r\n animation:none;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section id=\"ai-pioneers-section\">\r\n\r\n\r\n \r\n\r\n <div class=\"pioneers-window\">\r\n\r\n <div class=\"pioneers-track top-track\" id=\"topPioneersTrack\">\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(1).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 1\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(2).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 2\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(3).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 3\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(4).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 4\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(5).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 5\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(6).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 6\"\r\n >\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"pioneers-title\">\r\n MEET THE AI PIONEERS\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"pioneers-window\">\r\n\r\n <div class=\"pioneers-track bottom-track\" id=\"bottomPioneersTrack\">\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(7).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 7\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(8).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 8\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(9).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 9\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(10).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 10\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(11).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 11\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(12).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 12\"\r\n >\r\n <\/div>\r\n\r\n\r\n <div class=\"pioneer-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/leader-(13).png?dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"AI Pioneer 13\"\r\n >\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n const topTrack =\r\n document.getElementById(\"topPioneersTrack\");\r\n\r\n const bottomTrack =\r\n document.getElementById(\"bottomPioneersTrack\");\r\n\r\n\r\n \/*\r\n * Duplicate each row automatically.\r\n * Original images remain only once in HTML.\r\n *\/\r\n\r\n if(topTrack){\r\n\r\n const topItems =\r\n Array.from(\r\n topTrack.children\r\n );\r\n\r\n topItems.forEach(function(item){\r\n\r\n topTrack.appendChild(\r\n item.cloneNode(true)\r\n );\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n if(bottomTrack){\r\n\r\n const bottomItems =\r\n Array.from(\r\n bottomTrack.children\r\n );\r\n\r\n bottomItems.forEach(function(item){\r\n\r\n bottomTrack.appendChild(\r\n item.cloneNode(true)\r\n );\r\n\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-13b7181 elementor-widget elementor-widget-html\" data-id=\"13b7181\" 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 box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html,\r\n body {\r\n width: 100%;\r\n min-height: 100%;\r\n background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* =========================\r\n MAIN SECTION\r\n ========================== *\/\r\n\r\n .aaghaz-section {\r\n position: relative;\r\n width: 100%;\r\n background: #000;\r\n padding: 20px 7.5% 80px;\r\n overflow: hidden;\r\n\r\n \/* IMPORTANT:\r\n No green shadow \/ glow at bottom *\/\r\n box-shadow: none !important;\r\n }\r\n\r\n .aaghaz-section::before,\r\n .aaghaz-section::after {\r\n display: none !important;\r\n content: none !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n \/* =========================\r\n HEADING\r\n ========================== *\/\r\n\r\n .aaghaz-heading {\r\n max-width: 850px;\r\n margin: 0 auto 32px;\r\n text-align: center;\r\n font-size: 43px;\r\n line-height: 1.12;\r\n font-weight: 300;\r\n letter-spacing: -1.5px;\r\n color: #dedede;\r\n }\r\n\r\n .aaghaz-heading strong {\r\n color: #aaff00;\r\n font-weight: 700;\r\n }\r\n\r\n \/* =========================\r\n TESTIMONIAL CARDS\r\n ========================== *\/\r\n\r\n .testimonial-grid {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n }\r\n\r\n .testimonial-card {\r\n position: relative;\r\n min-height: 326px;\r\n padding: 28px 32px 25px;\r\n background: #111010;\r\n border-radius: 26px;\r\n\r\n \/* Very subtle border only *\/\r\n border: 1px solid rgba(255, 255, 255, 0.025);\r\n\r\n \/* No green shadow *\/\r\n box-shadow: none !important;\r\n overflow: hidden;\r\n }\r\n\r\n .testimonial-card::before,\r\n .testimonial-card::after {\r\n display: none !important;\r\n content: none !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n \/* =========================\r\n STARS\r\n ========================== *\/\r\n\r\n .rating-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .stars {\r\n display: flex;\r\n align-items: center;\r\n gap: 2px;\r\n }\r\n\r\n .star {\r\n color: #aaff00;\r\n font-size: 25px;\r\n line-height: 1;\r\n text-shadow: none;\r\n }\r\n\r\n .rating-number {\r\n margin-left: 8px;\r\n font-size: 16px;\r\n color: #d9d9d9;\r\n }\r\n\r\n \/* Half star look *\/\r\n .half-star {\r\n position: relative;\r\n display: inline-block;\r\n color: #aaff00;\r\n }\r\n\r\n \/* =========================\r\n QUOTE ICON\r\n ========================== *\/\r\n\r\n .quote-icon {\r\n position: absolute;\r\n top: 10px;\r\n right: 13px;\r\n\r\n font-family: Georgia, serif;\r\n font-size: 45px;\r\n font-weight: bold;\r\n line-height: 1;\r\n\r\n color: rgba(170, 255, 0, 0.38);\r\n }\r\n\r\n \/* =========================\r\n TESTIMONIAL TEXT\r\n ========================== *\/\r\n\r\n .testimonial-text {\r\n min-height: 137px;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n\r\n text-align: center;\r\n color: #e1e1e1;\r\n\r\n font-size: 21px;\r\n line-height: 1.55;\r\n font-weight: 400;\r\n letter-spacing: -0.3px;\r\n }\r\n\r\n \/* =========================\r\n USER\r\n ========================== *\/\r\n\r\n .user-info {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n margin-top: 12px;\r\n }\r\n\r\n .user-avatar {\r\n width: 67px;\r\n height: 67px;\r\n flex: 0 0 67px;\r\n\r\n border-radius: 50%;\r\n overflow: hidden;\r\n\r\n background: #222;\r\n border: 1px solid rgba(255,255,255,0.12);\r\n }\r\n\r\n .user-avatar img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n }\r\n\r\n .user-details {\r\n min-width: 145px;\r\n }\r\n\r\n .user-name {\r\n color: #fff;\r\n font-size: 19px;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .user-role {\r\n color: #ddd;\r\n font-size: 15px;\r\n line-height: 1.3;\r\n font-weight: 400;\r\n }\r\n\r\n \/* =========================\r\n DIVIDER\r\n ========================== *\/\r\n\r\n .section-divider {\r\n width: 100%;\r\n max-width: 1420px;\r\n height: 1px;\r\n margin: 98px auto 78px;\r\n\r\n background: rgba(255,255,255,0.14);\r\n\r\n \/* absolutely no shadow *\/\r\n box-shadow: none !important;\r\n }\r\n\r\n \/* =========================\r\n SUMMARY\r\n ========================== *\/\r\n\r\n .summary {\r\n width: 100%;\r\n max-width: 1420px;\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns: 28% 72%;\r\n gap: 25px;\r\n\r\n \/* No green glow *\/\r\n box-shadow: none !important;\r\n }\r\n\r\n .summary-title {\r\n font-size: 36px;\r\n line-height: 1.2;\r\n font-weight: 700;\r\n color: #fff;\r\n }\r\n\r\n .summary-content {\r\n padding-right: 10px;\r\n }\r\n\r\n .summary-intro {\r\n font-size: 21px;\r\n line-height: 1.5;\r\n color: #d8d8d8;\r\n margin-bottom: 29px;\r\n }\r\n\r\n .summary-highlight {\r\n position: relative;\r\n margin-bottom: 31px;\r\n padding: 12px 0 12px 25px;\r\n\r\n border-left: 5px solid #fff;\r\n\r\n color: #f1f1f1;\r\n font-size: 21px;\r\n line-height: 1.55;\r\n font-style: italic;\r\n font-weight: 600;\r\n }\r\n\r\n .summary-description {\r\n color: #d8d8d8;\r\n font-size: 20px;\r\n line-height: 1.65;\r\n max-width: 1050px;\r\n }\r\n\r\n \/* =========================\r\n RESPONSIVE\r\n ========================== *\/\r\n\r\n @media (max-width: 1100px) {\r\n\r\n .aaghaz-section {\r\n padding-left: 5%;\r\n padding-right: 5%;\r\n }\r\n\r\n .testimonial-grid {\r\n gap: 18px;\r\n }\r\n\r\n .testimonial-card {\r\n padding-left: 22px;\r\n padding-right: 22px;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 18px;\r\n }\r\n\r\n .summary {\r\n grid-template-columns: 24% 76%;\r\n }\r\n }\r\n\r\n @media (max-width: 850px) {\r\n\r\n .aaghaz-heading {\r\n font-size: 34px;\r\n }\r\n\r\n .testimonial-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 600px;\r\n }\r\n\r\n .testimonial-card {\r\n min-height: auto;\r\n padding: 30px;\r\n }\r\n\r\n .testimonial-text {\r\n min-height: auto;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .section-divider {\r\n margin-top: 70px;\r\n margin-bottom: 55px;\r\n }\r\n\r\n .summary {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n\r\n .summary-title {\r\n font-size: 32px;\r\n }\r\n }\r\n\r\n @media (max-width: 520px) {\r\n\r\n .aaghaz-section {\r\n padding: 15px 18px 55px;\r\n }\r\n\r\n .aaghaz-heading {\r\n font-size: 29px;\r\n line-height: 1.2;\r\n letter-spacing: -0.7px;\r\n }\r\n\r\n .testimonial-card {\r\n border-radius: 20px;\r\n padding: 25px 20px;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 17px;\r\n line-height: 1.5;\r\n }\r\n\r\n .user-avatar {\r\n width: 58px;\r\n height: 58px;\r\n flex-basis: 58px;\r\n }\r\n\r\n .user-name {\r\n font-size: 17px;\r\n }\r\n\r\n .user-role {\r\n font-size: 14px;\r\n }\r\n\r\n .summary-title {\r\n font-size: 28px;\r\n }\r\n\r\n .summary-intro,\r\n .summary-highlight,\r\n .summary-description {\r\n font-size: 17px;\r\n }\r\n\r\n .summary-highlight {\r\n padding-left: 18px;\r\n border-left-width: 4px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <section class=\"aaghaz-section\">\r\n\r\n \r\n\r\n <h1 class=\"aaghaz-heading\">\r\n This is exactly why\r\n <strong>Aaghaz AI Institute<\/strong>\r\n <br>\r\n exists...\r\n <\/h1>\r\n\r\n\r\n \r\n\r\n <div class=\"testimonial-grid\">\r\n\r\n \r\n <div class=\"testimonial-card\">\r\n\r\n <div class=\"quote-icon\">\u201d<\/div>\r\n\r\n <div class=\"rating-row\">\r\n <div class=\"stars\">\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n\r\n <span class=\"rating-number\">5.0<\/span>\r\n <\/div>\r\n\r\n <div class=\"testimonial-text\">\r\n After just 90 days of Aaghaz, I landed my first AI client and earned more than my salary.\r\n <\/div>\r\n\r\n <div class=\"user-info\">\r\n\r\n <div class=\"user-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/150?img=47\"\r\n alt=\"Ayesha S.\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"user-details\">\r\n <div class=\"user-name\">Ayesha S.<\/div>\r\n <div class=\"user-role\">Freelancer & Member<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"testimonial-card\">\r\n\r\n <div class=\"quote-icon\">\u201d<\/div>\r\n\r\n <div class=\"rating-row\">\r\n <div class=\"stars\">\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n\r\n <span class=\"rating-number\">4.5<\/span>\r\n <\/div>\r\n\r\n <div class=\"testimonial-text\">\r\n I've done courses before. This is the first time I got paid because of one.\r\n <\/div>\r\n\r\n <div class=\"user-info\">\r\n\r\n <div class=\"user-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhk0OlPwS55QdSxAHVEZ2lMxNWYzVuIT3D-k-aGJkMbpXXmdd0kOL_jOYkFlqtuKJFDdGiIQmRojpIHbxPXad2g4vDKy-ttpox3fsfxTdBe1lNa9ymMW5J8b5KL-2ec3M6Pjlh8FGRmvSmQ\/s1600\/yahanana3.jpg\"\r\n alt=\"Habib K.\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"user-details\">\r\n <div class=\"user-name\">Habib K.<\/div>\r\n <div class=\"user-role\">Startup Founder<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"testimonial-card\">\r\n\r\n <div class=\"quote-icon\">\u201d<\/div>\r\n\r\n <div class=\"rating-row\">\r\n <div class=\"stars\">\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n\r\n <span class=\"rating-number\">5.0<\/span>\r\n <\/div>\r\n\r\n <div class=\"testimonial-text\">\r\n Before Aaghaz, I feared AI would replace me. Now I started replacing old systems with AI and clients paid me for it\r\n <\/div>\r\n\r\n <div class=\"user-info\">\r\n\r\n <div class=\"user-avatar\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/150?img=11\"\r\n alt=\"Hassan R.\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"user-details\">\r\n <div class=\"user-name\">Hassan R.<\/div>\r\n <div class=\"user-role\">Product Designer<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"section-divider\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"summary\">\r\n\r\n <div class=\"summary-title\">\r\n Summary\r\n <\/div>\r\n\r\n <div class=\"summary-content\">\r\n\r\n <div class=\"summary-intro\">\r\n AI in Hand is Asia's most practical AI training program.\r\n <\/div>\r\n\r\n <div class=\"summary-highlight\">\r\n Through 40+ hours of sessions, you'll build AI apps, content systems,\r\n create automated agents, and learn to package AI services for real businesses.\r\n <\/div>\r\n\r\n <div class=\"summary-description\">\r\n In this 12 weeks, you'll master 17+ AI tools including ChatGPT,\r\n Claude, Gemini, Runway, N8N, Loveable and ElevenLabs.\r\n Just practical skills you can use immediately.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43ccaa8 elementor-widget elementor-widget-html\" data-id=\"43ccaa8\" 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<div class=\"aaghaz-container\">\r\n\r\n\r\n\r\n\r\n<section class=\"skills-section\">\r\n\r\n <div class=\"skills-layout\">\r\n\r\n\r\n \r\n <div class=\"skills-left\">\r\n\r\n <div class=\"skills-title\">\r\n Skills\r\n <\/div>\r\n\r\n\r\n <div class=\"skills-list\">\r\n\r\n <div class=\"skill-item\">\r\n AI Fundamentals\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n LLM Expertise\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n Prompt Engineering\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n AI Content Creation\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n AI Visual & Media Tools\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n AI Agent Development\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n SAAS App Building\r\n <\/div>\r\n\r\n <div class=\"skill-item\">\r\n Client Hunting\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n <div class=\"video-card\">\r\n\r\n \r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=800&q=80\"\r\n alt=\"AI Video\"\r\n >\r\n\r\n <div class=\"video-label\">\r\n OpenAI CEO's Prediction\r\n <\/div>\r\n\r\n <div class=\"video-overlay\">\r\n\r\n <a\r\n href=\"https:\/\/www.youtube.com\/\"\r\n target=\"_blank\"\r\n class=\"play-button\"\r\n aria-label=\"Watch video\"\r\n >\r\n \u25b6\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"top-cta\">\r\n\r\n <div class=\"free-text\">\r\n Join 10 Days Free Trial\r\n <\/div>\r\n\r\n \r\n <a\r\n href=\"\"\r\n class=\"cta-button\"\r\n target=\"_blank\"\r\n >\r\n JOIN NOW AT DISCOUNT PRICE\r\n <\/a>\r\n\r\n <div class=\"top-divider\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"about-section\">\r\n\r\n <div class=\"about-layout\">\r\n\r\n\r\n \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 \r\n\r\n <a\r\n href=\"\"\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 \r\n\r\n <div class=\"profile-image\">\r\n\r\n \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\r\n<section class=\"gallery-section\">\r\n\r\n <div class=\"gallery-grid\">\r\n\r\n\r\n \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 \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 \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\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 \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 \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 \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 \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-0a87022 elementor-widget elementor-widget-html\" data-id=\"0a87022\" 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>AI Curriculum<\/title>\r\n\r\n<style>\r\n\r\n*{\r\n box-sizing:border-box;\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\nhtml,\r\nbody{\r\n background:#000 !important;\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 MAIN SECTION\r\n========================= *\/\r\n\r\n.ai-section{\r\n width:100%;\r\n background:#000 !important;\r\n background-image:none !important;\r\n padding:5px 5px 80px;\r\n\r\n \/* REMOVE ALL GREEN SHADOW *\/\r\n box-shadow:none !important;\r\n filter:none !important;\r\n -webkit-filter:none !important;\r\n text-shadow:none !important;\r\n\r\n position:relative;\r\n isolation:isolate;\r\n}\r\n\r\n\/* Remove any possible pseudo green glow *\/\r\n.ai-section::before,\r\n.ai-section::after{\r\n content:none !important;\r\n display:none !important;\r\n background:none !important;\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n\/* =========================\r\n CONTAINER\r\n========================= *\/\r\n\r\n.ai-container{\r\n width:100%;\r\n max-width:1590px;\r\n margin:auto;\r\n\r\n background:#000 !important;\r\n background-image:none !important;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n\/* =========================\r\n AI STACK\r\n========================= *\/\r\n\r\n.ai-stack{\r\n width:100%;\r\n min-height:455px;\r\n\r\n background:#111010 !important;\r\n background-image:none !important;\r\n\r\n border-radius:24px;\r\n padding:48px;\r\n\r\n display:flex;\r\n align-items:center;\r\n gap:55px;\r\n\r\n border:1px solid #191919;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n\/* =========================\r\n STACK TITLE\r\n========================= *\/\r\n\r\n.ai-stack-title{\r\n width:30%;\r\n flex-shrink:0;\r\n}\r\n\r\n.ai-stack-title h2{\r\n color:#fff;\r\n font-size:58px;\r\n line-height:.98;\r\n font-weight:800;\r\n letter-spacing:-2px;\r\n}\r\n\r\n.ai-stack-title h2 span{\r\n display:block;\r\n color:#b7ff00;\r\n margin-top:8px;\r\n}\r\n\r\n\/* =========================\r\n ICON GRID\r\n========================= *\/\r\n\r\n.ai-tools{\r\n width:70%;\r\n\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:18px;\r\n}\r\n\r\n.ai-tool{\r\n height:90px;\r\n\r\n background:#29292b !important;\r\n background-image:none !important;\r\n\r\n border-radius:25px;\r\n\r\n display:flex;\r\n align-items:center;\r\n gap:17px;\r\n\r\n padding:0 27px;\r\n\r\n transition:.2s ease;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n.ai-tool:hover{\r\n background:#333335 !important;\r\n transform:translateY(-2px);\r\n box-shadow:none !important;\r\n}\r\n\r\n.ai-tool img{\r\n width:35px;\r\n height:35px;\r\n\r\n object-fit:contain;\r\n flex:0 0 35px;\r\n\r\n display:block;\r\n}\r\n\r\n.ai-tool span{\r\n color:#fff;\r\n font-size:19px;\r\n font-weight:700;\r\n line-height:1.2;\r\n}\r\n\r\n\/* =========================\r\n CURRICULUM\r\n========================= *\/\r\n\r\n.curriculum{\r\n width:100%;\r\n padding:58px 40px 0;\r\n\r\n background:#000 !important;\r\n background-image:none !important;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n.curriculum-badge{\r\n width:max-content;\r\n\r\n margin:0 auto 22px;\r\n padding:8px 20px;\r\n\r\n background:#263b00;\r\n color:#b7ff00;\r\n\r\n border-radius:4px;\r\n\r\n font-size:25px;\r\n font-weight:900;\r\n text-transform:uppercase;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n.curriculum-title{\r\n text-align:center;\r\n\r\n max-width:1100px;\r\n margin:0 auto 48px;\r\n\r\n font-size:68px;\r\n line-height:1.02;\r\n font-weight:900;\r\n letter-spacing:-2px;\r\n\r\n text-transform:uppercase;\r\n color:#d1d1d1;\r\n\r\n text-shadow:none !important;\r\n}\r\n\r\n.curriculum-title span{\r\n display:block;\r\n color:#b7ff00;\r\n}\r\n\r\n\/* =========================\r\n ROADMAP\r\n========================= *\/\r\n\r\n.roadmap{\r\n width:100%;\r\n\r\n display:flex;\r\n flex-direction:column;\r\n gap:12px;\r\n\r\n background:#000 !important;\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n.roadmap-card{\r\n width:100%;\r\n\r\n background:#050505 !important;\r\n background-image:none !important;\r\n\r\n border:1px solid #292929;\r\n border-radius:25px;\r\n\r\n overflow:hidden;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n\/* =========================\r\n CARD HEADER\r\n========================= *\/\r\n\r\n.roadmap-header{\r\n width:100%;\r\n min-height:190px;\r\n\r\n padding:10px;\r\n\r\n border:0;\r\n outline:0;\r\n\r\n background:#050505 !important;\r\n background-image:none !important;\r\n\r\n color:#fff;\r\n\r\n display:flex;\r\n align-items:center;\r\n gap:20px;\r\n\r\n text-align:left;\r\n cursor:pointer;\r\n\r\n font-family:inherit;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n.roadmap-header:hover,\r\n.roadmap-header:focus,\r\n.roadmap-header:active{\r\n background:#050505 !important;\r\n box-shadow:none !important;\r\n outline:none !important;\r\n}\r\n\r\n\/* =========================\r\n CARD IMAGE\r\n========================= *\/\r\n\r\n.card-image{\r\n width:115px;\r\n height:170px;\r\n\r\n flex:0 0 115px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:16px;\r\n\r\n background:#151515;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n.card-image img{\r\n width:100%;\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n}\r\n\r\n\/* =========================\r\n CARD CONTENT\r\n========================= *\/\r\n\r\n.card-content{\r\n flex:1;\r\n min-width:0;\r\n}\r\n\r\n.card-label{\r\n color:#b7ff00;\r\n\r\n font-size:17px;\r\n font-weight:900;\r\n\r\n margin-bottom:8px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.card-title{\r\n color:#fff;\r\n\r\n font-size:25px;\r\n line-height:1.1;\r\n font-weight:900;\r\n\r\n margin-bottom:10px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.card-description{\r\n color:#eee;\r\n\r\n font-size:17px;\r\n line-height:1.5;\r\n\r\n max-width:1050px;\r\n}\r\n\r\n.card-author{\r\n display:inline-block;\r\n\r\n margin-top:11px;\r\n\r\n padding:7px 12px;\r\n\r\n border-radius:4px;\r\n\r\n background:#375d00;\r\n color:#fff;\r\n\r\n font-size:15px;\r\n font-weight:700;\r\n}\r\n\r\n\/* =========================\r\n ARROW\r\n========================= *\/\r\n\r\n.arrow-box{\r\n width:55px;\r\n height:55px;\r\n\r\n flex:0 0 55px;\r\n\r\n margin-right:2px;\r\n\r\n border-radius:15px;\r\n\r\n background:#29292b;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n transition:.3s ease;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n.arrow-box svg{\r\n width:28px;\r\n height:28px;\r\n\r\n fill:none;\r\n\r\n stroke:#fff;\r\n stroke-width:3;\r\n\r\n stroke-linecap:round;\r\n stroke-linejoin:round;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n.roadmap-card.open .arrow-box{\r\n background:#b7ff00;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n.roadmap-card.open .arrow-box svg{\r\n stroke:#000;\r\n transform:rotate(180deg);\r\n}\r\n\r\n\/* =========================\r\n ACCORDION BODY\r\n========================= *\/\r\n\r\n.card-body{\r\n max-height:0;\r\n\r\n overflow:hidden;\r\n opacity:0;\r\n\r\n background:#111 !important;\r\n background-image:none !important;\r\n\r\n transition:\r\n max-height .45s ease,\r\n opacity .3s ease;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n.roadmap-card.open .card-body{\r\n opacity:1;\r\n}\r\n\r\n.card-body-inner{\r\n padding:28px 35px 32px;\r\n\r\n border-top:1px solid #292929;\r\n\r\n box-shadow:none !important;\r\n}\r\n\r\n\/* =========================\r\n BODY TEXT\r\n========================= *\/\r\n\r\n.body-text{\r\n color:#ddd;\r\n\r\n font-size:16px;\r\n line-height:1.7;\r\n\r\n margin-bottom:20px;\r\n}\r\n\r\n.body-heading{\r\n color:#b7ff00;\r\n\r\n font-size:18px;\r\n font-weight:900;\r\n\r\n text-transform:uppercase;\r\n\r\n margin-bottom:12px;\r\n}\r\n\r\n.body-list{\r\n padding-left:22px;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n\r\n gap:6px 35px;\r\n}\r\n\r\n.body-list li{\r\n color:#eee;\r\n\r\n font-size:15px;\r\n line-height:1.6;\r\n}\r\n\r\n.body-list li::marker{\r\n color:#b7ff00;\r\n}\r\n\r\n\/* =========================\r\n GREEN INFO\r\n========================= *\/\r\n\r\n.green-info{\r\n margin-top:22px;\r\n\r\n padding:18px 20px;\r\n\r\n background:rgba(120,160,0,.10);\r\n\r\n border:1px solid rgba(183,255,0,.10);\r\n\r\n border-radius:9px;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n}\r\n\r\n.green-info strong{\r\n display:block;\r\n\r\n color:#b7ff00;\r\n\r\n font-size:15px;\r\n\r\n margin-bottom:7px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.green-info p{\r\n color:#ddd;\r\n\r\n font-size:14px;\r\n line-height:1.6;\r\n}\r\n\r\n\/* =====================================================\r\n FORCE REMOVE BOTTOM GREEN GLOW \/ SHADOW\r\n===================================================== *\/\r\n\r\nbody::before,\r\nbody::after,\r\n.ai-section::before,\r\n.ai-section::after,\r\n.ai-container::before,\r\n.ai-container::after,\r\n.curriculum::before,\r\n.curriculum::after,\r\n.roadmap::before,\r\n.roadmap::after{\r\n content:none !important;\r\n display:none !important;\r\n\r\n background:transparent !important;\r\n background-image:none !important;\r\n\r\n box-shadow:none !important;\r\n filter:none !important;\r\n -webkit-filter:none !important;\r\n}\r\n\r\nbody,\r\n.ai-section,\r\n.ai-container,\r\n.ai-stack,\r\n.curriculum,\r\n.roadmap,\r\n.roadmap-card,\r\n.roadmap-header,\r\n.card-body{\r\n box-shadow:none !important;\r\n filter:none !important;\r\n -webkit-filter:none !important;\r\n}\r\n\r\n\/* =========================\r\n TABLET\r\n========================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n .ai-stack{\r\n padding:35px;\r\n gap:35px;\r\n }\r\n\r\n .ai-stack-title h2{\r\n font-size:46px;\r\n }\r\n\r\n .ai-tool{\r\n height:75px;\r\n padding:0 18px;\r\n }\r\n\r\n .ai-tool img{\r\n width:30px;\r\n height:30px;\r\n flex-basis:30px;\r\n }\r\n\r\n .ai-tool span{\r\n font-size:15px;\r\n }\r\n\r\n .curriculum-title{\r\n font-size:55px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n MOBILE TABLET\r\n========================= *\/\r\n\r\n@media(max-width:850px){\r\n\r\n .ai-stack{\r\n flex-direction:column;\r\n align-items:stretch;\r\n\r\n min-height:auto;\r\n\r\n padding:30px 25px;\r\n }\r\n\r\n .ai-stack-title{\r\n width:100%;\r\n text-align:center;\r\n }\r\n\r\n .ai-stack-title h2{\r\n font-size:45px;\r\n }\r\n\r\n .ai-tools{\r\n width:100%;\r\n }\r\n\r\n .ai-tool{\r\n height:65px;\r\n border-radius:18px;\r\n }\r\n\r\n .curriculum{\r\n padding:45px 15px 0;\r\n }\r\n\r\n .curriculum-title{\r\n font-size:45px;\r\n }\r\n\r\n .card-title{\r\n font-size:21px;\r\n }\r\n\r\n .card-description{\r\n font-size:14px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n .ai-section{\r\n padding:4px 5px 50px;\r\n\r\n background:#000 !important;\r\n background-image:none !important;\r\n\r\n box-shadow:none !important;\r\n }\r\n\r\n .ai-stack{\r\n border-radius:16px;\r\n padding:22px 15px;\r\n }\r\n\r\n .ai-stack-title h2{\r\n font-size:34px;\r\n }\r\n\r\n .ai-tools{\r\n grid-template-columns:repeat(2,1fr);\r\n gap:9px;\r\n }\r\n\r\n .ai-tool{\r\n height:55px;\r\n\r\n padding:0 11px;\r\n\r\n border-radius:14px;\r\n\r\n gap:8px;\r\n }\r\n\r\n .ai-tool img{\r\n width:25px;\r\n height:25px;\r\n flex-basis:25px;\r\n }\r\n\r\n .ai-tool span{\r\n font-size:11px;\r\n }\r\n\r\n .curriculum{\r\n padding:32px 4px 0;\r\n }\r\n\r\n .curriculum-badge{\r\n font-size:13px;\r\n padding:7px 12px;\r\n margin-bottom:15px;\r\n }\r\n\r\n .curriculum-title{\r\n font-size:31px;\r\n margin-bottom:28px;\r\n }\r\n\r\n .roadmap{\r\n gap:8px;\r\n }\r\n\r\n .roadmap-card{\r\n border-radius:16px;\r\n }\r\n\r\n .roadmap-header{\r\n min-height:125px;\r\n padding:7px;\r\n gap:9px;\r\n }\r\n\r\n .card-image{\r\n width:76px;\r\n height:109px;\r\n flex-basis:76px;\r\n border-radius:11px;\r\n }\r\n\r\n .card-label{\r\n font-size:9px;\r\n margin-bottom:5px;\r\n }\r\n\r\n .card-title{\r\n font-size:13px;\r\n margin-bottom:5px;\r\n }\r\n\r\n .card-description{\r\n font-size:9px;\r\n line-height:1.4;\r\n\r\n display:-webkit-box;\r\n -webkit-line-clamp:3;\r\n -webkit-box-orient:vertical;\r\n\r\n overflow:hidden;\r\n }\r\n\r\n .card-author{\r\n font-size:8px;\r\n padding:4px 7px;\r\n margin-top:6px;\r\n }\r\n\r\n .arrow-box{\r\n width:36px;\r\n height:36px;\r\n flex-basis:36px;\r\n border-radius:10px;\r\n }\r\n\r\n .arrow-box svg{\r\n width:19px;\r\n height:19px;\r\n }\r\n\r\n .card-body-inner{\r\n padding:16px;\r\n }\r\n\r\n .body-text{\r\n font-size:11px;\r\n }\r\n\r\n .body-heading{\r\n font-size:12px;\r\n }\r\n\r\n .body-list{\r\n grid-template-columns:1fr;\r\n gap:3px;\r\n }\r\n\r\n .body-list li{\r\n font-size:10px;\r\n }\r\n\r\n .green-info{\r\n padding:12px;\r\n }\r\n\r\n .green-info strong{\r\n font-size:10px;\r\n }\r\n\r\n .green-info p{\r\n font-size:9px;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ai-section\">\r\n\r\n<div class=\"ai-container\">\r\n\r\n\r\n\r\n<div class=\"ai-stack\">\r\n\r\n <div class=\"ai-stack-title\">\r\n <h2>\r\n Meet your future\r\n <span>AI stack<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"ai-tools\">\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fchat-gpt-icon.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZi\/ffffff\" alt=\"ChatGPT\">\r\n <span>ChatGPT<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fopenclaw.jpg&w=384&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Open Claw\">\r\n <span>Open Claw<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fclaudecoder.png&w=384&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Claude Code\">\r\n <span>Claude Code<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fbolt.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Bolt\">\r\n <span>Bolt<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fclaude.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Claude\">\r\n <span>Claude<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fgemini-icon.png&w=384&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Gemini\">\r\n <span>Gemini<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Floveable.png&w=384&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Lovable\">\r\n <span>Lovable<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fmake.webp&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Make\">\r\n <span>Make<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fn8n.webp&w=384&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"n8n\">\r\n <span>n8n<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fopenai.webp&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"OpenAI\">\r\n <span>OpenAI<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fzapier.webp&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Zapier\">\r\n <span>Zapier<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fv0.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZl\/ffffff\" alt=\"Vercel\">\r\n <span>Vercel<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fgithub-copilot.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"GitHub\">\r\n <span>GitHub<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fcopilot.webp&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Copilot\">\r\n <span>Copilot<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fcompany%2Fdalle-e.png&w=48&q=45&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"DALL-E\">\r\n <span>DALL-E<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-tool\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/9380\/9380462.png\" alt=\"More\">\r\n <span>13 more<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"curriculum\">\r\n\r\n <div class=\"curriculum-badge\">\r\n PROGRAM CURRICULUM\r\n <\/div>\r\n\r\n <h1 class=\"curriculum-title\">\r\n DISCOVER THE ROADMAP TO\r\n <span>AI MASTERY<\/span>\r\n <\/h1>\r\n\r\n <div class=\"roadmap\">\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Basics of Personal Branding\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n BASICS OF PERSONAL BRANDING\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Setting up your online presence and preparing\r\n for the journey ahead. Get ready to build your\r\n personal brand and learn the essentials of AI.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n Badar Munir\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Build a strong personal foundation before\r\n moving into advanced AI workflows. Learn\r\n how to position yourself and understand\r\n the fundamentals required for your AI journey.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">\r\n What You'll Learn\r\n <\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>Personal branding fundamentals<\/li>\r\n <li>Online presence<\/li>\r\n <li>AI fundamentals<\/li>\r\n <li>Modern AI tools<\/li>\r\n <li>Positioning your skills<\/li>\r\n <li>AI journey planning<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Build a clear personal foundation and\r\n understand how to position your AI skills.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"AI Fundamentals\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n AI FUNDAMENTALS & CORE CONCEPTS\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Understand modern AI and learn the core\r\n concepts behind today's most important\r\n AI systems.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n AI Fundamentals\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Learn the foundations of generative AI,\r\n language models and practical AI systems.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>Artificial Intelligence<\/li>\r\n <li>Generative AI<\/li>\r\n <li>Large Language Models<\/li>\r\n <li>AI tools<\/li>\r\n <li>AI workflows<\/li>\r\n <li>Real-world applications<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Understand which AI tools to use and\r\n where they fit into real workflows.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Prompt Engineering\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n PROMPT ENGINEERING\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Learn practical prompting frameworks for\r\n creating more accurate and useful AI outputs.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n Prompt Engineering\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Learn how to structure instructions,\r\n provide context and create reusable prompts.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>Prompt structure<\/li>\r\n <li>Context engineering<\/li>\r\n <li>Role prompting<\/li>\r\n <li>Few-shot prompting<\/li>\r\n <li>Prompt refinement<\/li>\r\n <li>Reusable prompts<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Create consistent prompts that can\r\n be reused across AI tools.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"AI Content Creation\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n AI CONTENT CREATION\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Build practical content systems using AI\r\n for research, writing, visuals and repurposing.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n Content Systems\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Build a repeatable AI-powered content\r\n workflow instead of creating everything manually.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>Content research<\/li>\r\n <li>Content ideas<\/li>\r\n <li>AI writing<\/li>\r\n <li>Social media<\/li>\r\n <li>Visual content<\/li>\r\n <li>Content repurposing<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Create an AI-powered content system\r\n for consistent publishing.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"AI Agent Development\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n AI AGENT DEVELOPMENT\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Learn how AI agents and multi-step workflows\r\n can automate practical business tasks.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n AI Agents\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Learn how to design AI agents with\r\n instructions, tools and structured workflows.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>AI agent fundamentals<\/li>\r\n <li>Agent instructions<\/li>\r\n <li>Tool usage<\/li>\r\n <li>Multi-step workflows<\/li>\r\n <li>Business use cases<\/li>\r\n <li>Agent testing<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Design useful AI agents capable of\r\n handling structured tasks.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"SaaS App Building\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n SAAS APP BUILDING\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Turn AI ideas into working applications\r\n and practical MVPs with modern tools.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n SaaS Building\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Learn how to move from idea to a working\r\n AI-powered application.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>SaaS ideas<\/li>\r\n <li>App planning<\/li>\r\n <li>AI app builders<\/li>\r\n <li>APIs<\/li>\r\n <li>AI features<\/li>\r\n <li>MVP development<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Build and test a practical AI-powered\r\n application concept.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\" alt=\"Client Hunting\">\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">AI IN HANDS<\/div>\r\n\r\n <div class=\"card-title\">\r\n CLIENT HUNTING & AI SERVICES\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Learn how to package your AI skills into\r\n practical services for businesses and clients.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n Client Hunting\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Learn how to identify business problems\r\n and package AI solutions around them.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">Topics<\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>Finding clients<\/li>\r\n <li>Niche selection<\/li>\r\n <li>Service packaging<\/li>\r\n <li>Cold outreach<\/li>\r\n <li>Client communication<\/li>\r\n <li>Service delivery<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Practical Outcome<\/strong>\r\n <p>\r\n Turn your AI skills into practical\r\n service offers for potential clients.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"roadmap-card\">\r\n\r\n <button class=\"roadmap-header\" type=\"button\">\r\n\r\n <div class=\"card-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Fprograms%2FAiinhands.jpg&w=640&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZf\"\r\n alt=\"Bonus Modules\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"card-content\">\r\n\r\n <div class=\"card-label\">\r\n BONUS MODULES\r\n <\/div>\r\n\r\n <div class=\"card-title\">\r\n EXTRA AI TOOLS & RESOURCES\r\n <\/div>\r\n\r\n <div class=\"card-description\">\r\n Additional tools, resources and practical\r\n workflows to continue building your AI skills.\r\n <\/div>\r\n\r\n <div class=\"card-author\">\r\n BONUS\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"arrow-box\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <\/button>\r\n\r\n <div class=\"card-body\">\r\n <div class=\"card-body-inner\">\r\n\r\n <p class=\"body-text\">\r\n Get additional resources and workflows\r\n designed to help you continue practicing.\r\n <\/p>\r\n\r\n <div class=\"body-heading\">\r\n Bonus Resources\r\n <\/div>\r\n\r\n <ul class=\"body-list\">\r\n <li>AI tools<\/li>\r\n <li>Prompt resources<\/li>\r\n <li>Workflow templates<\/li>\r\n <li>Productivity systems<\/li>\r\n <li>Business resources<\/li>\r\n <li>Additional learning material<\/li>\r\n <\/ul>\r\n\r\n <div class=\"green-info\">\r\n <strong>Bonus<\/strong>\r\n <p>\r\n Extra resources to help you keep\r\n building and experimenting with AI.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\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<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.querySelectorAll(\".roadmap-header\").forEach(function(header){\r\n\r\n header.addEventListener(\"click\", function(){\r\n\r\n const card = this.closest(\".roadmap-card\");\r\n const body = card.querySelector(\".card-body\");\r\n\r\n const alreadyOpen = card.classList.contains(\"open\");\r\n\r\n \/* Close all cards *\/\r\n\r\n document.querySelectorAll(\".roadmap-card\").forEach(function(item){\r\n\r\n item.classList.remove(\"open\");\r\n\r\n const itemBody =\r\n item.querySelector(\".card-body\");\r\n\r\n itemBody.style.maxHeight = \"0px\";\r\n\r\n });\r\n\r\n \/* Open clicked card *\/\r\n\r\n if(!alreadyOpen){\r\n\r\n card.classList.add(\"open\");\r\n\r\n body.style.maxHeight =\r\n body.scrollHeight + \"px\";\r\n\r\n }\r\n\r\n });\r\n\r\n});\r\n\r\n\r\n\/* Keep opened card correct after resize *\/\r\n\r\nwindow.addEventListener(\"resize\", function(){\r\n\r\n document.querySelectorAll(\".roadmap-card.open\").forEach(function(card){\r\n\r\n const body =\r\n card.querySelector(\".card-body\");\r\n\r\n body.style.maxHeight =\r\n body.scrollHeight + \"px\";\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-648abc8 elementor-widget elementor-widget-html\" data-id=\"648abc8\" 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 Pricing<\/title>\r\n\r\n<style>\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.pricing-section {\r\n width: 100%;\r\n padding: 65px 20px 70px;\r\n background: #000;\r\n}\r\n\r\n.pricing-container {\r\n max-width: 1060px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* TOP LABEL *\/\r\n.pricing-label {\r\n display: table;\r\n margin: 0 auto 18px;\r\n padding: 5px 15px;\r\n border-radius: 4px;\r\n background: #304500;\r\n color: #b8ff00;\r\n font-size: 18px;\r\n font-weight: 800;\r\n line-height: 1;\r\n}\r\n\r\n\/* HEADING *\/\r\n.pricing-title {\r\n text-align: center;\r\n font-size: 50px;\r\n line-height: 1.05;\r\n font-weight: 900;\r\n color: #d0d0d0;\r\n margin-bottom: 32px;\r\n letter-spacing: -1.5px;\r\n}\r\n\r\n.pricing-title span {\r\n display: block;\r\n color: #b8ff00;\r\n}\r\n\r\n\/* MAIN CARD *\/\r\n.pricing-card {\r\n background: #111111;\r\n border-radius: 17px;\r\n overflow: hidden;\r\n}\r\n\r\n\/* COUPON BAR *\/\r\n.coupon-bar {\r\n min-height: 53px;\r\n background: #b8ff00;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 9px;\r\n color: #111;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.coupon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n}\r\n\r\n.coupon-icon {\r\n font-size: 15px;\r\n}\r\n\r\n.coupon-input {\r\n width: 127px;\r\n height: 33px;\r\n border: none;\r\n outline: none;\r\n border-radius: 18px;\r\n padding: 0 14px;\r\n font-size: 13px;\r\n background: #fff;\r\n color: #222;\r\n}\r\n\r\n.coupon-button {\r\n height: 34px;\r\n padding: 0 17px;\r\n border: none;\r\n border-radius: 18px;\r\n background: #050505;\r\n color: #fff !important;\r\n font-size: 12px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: 0.2s ease;\r\n}\r\n\r\n.coupon-button:hover {\r\n background: #c7ff35;\r\n color: #000 !important;\r\n}\r\n\r\n\/* PRICE AREA *\/\r\n.price-content {\r\n padding: 34px 45px 24px;\r\n text-align: center;\r\n}\r\n\r\n.main-price {\r\n color: #b8ff00;\r\n font-size: 51px;\r\n font-weight: 900;\r\n line-height: 1;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.one-time {\r\n color: #c8c8c8;\r\n font-size: 21px;\r\n font-weight: 700;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.description {\r\n color: #d0d0d0;\r\n font-size: 13px;\r\n line-height: 1.7;\r\n max-width: 650px;\r\n margin: 0 auto;\r\n}\r\n\r\n.price-divider {\r\n height: 1px;\r\n background: #222;\r\n margin: 22px 0 22px;\r\n}\r\n\r\n\/* PAYMENT OPTIONS *\/\r\n.payment-options {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n}\r\n\r\n.payment-box {\r\n background: #29292b;\r\n border-radius: 17px;\r\n padding: 25px 22px 22px;\r\n text-align: left;\r\n}\r\n\r\n.payment-title {\r\n color: #fff;\r\n font-size: 16px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.payment-price {\r\n color: #b8ff00;\r\n font-size: 27px;\r\n line-height: 1.2;\r\n font-weight: 900;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.payment-price span {\r\n color: #7f9f27;\r\n}\r\n\r\n.payment-description {\r\n color: #c8c8c8;\r\n font-size: 12px;\r\n margin-bottom: 17px;\r\n}\r\n\r\n\/* PAYMENT BUTTON *\/\r\n.payment-button {\r\n width: 100%;\r\n height: 45px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 14px;\r\n background: #b8ff00;\r\n color: #050505 !important;\r\n text-decoration: none !important;\r\n font-size: 14px;\r\n font-weight: 900;\r\n transition: 0.2s ease;\r\n}\r\n\r\n.payment-button:hover {\r\n background: #c7ff35;\r\n color: #000 !important;\r\n text-decoration: none !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n\/* FOOTER INSIDE CARD *\/\r\n.redirect-text {\r\n text-align: center;\r\n color: #bdbdbd;\r\n font-size: 11px;\r\n margin-top: 21px;\r\n}\r\n\r\n.payment-methods {\r\n text-align: center;\r\n color: #d0d0d0;\r\n font-size: 11px;\r\n margin-top: 15px;\r\n padding-bottom: 2px;\r\n}\r\n\r\n.payment-methods span {\r\n margin: 0 8px;\r\n color: #555;\r\n}\r\n\r\n\/* REFUND SECTION *\/\r\n.refund-section {\r\n margin-top: 56px;\r\n min-height: 320px;\r\n border-radius: 20px;\r\n border: 1px solid #4b6700;\r\n\r\n background:\r\n radial-gradient(\r\n ellipse at top center,\r\n rgba(88, 125, 0, 0.40) 0%,\r\n rgba(28, 48, 0, 0.25) 32%,\r\n rgba(0, 0, 0, 0.98) 75%\r\n ),\r\n #050705;\r\n\r\n padding: 42px 35px 35px;\r\n text-align: center;\r\n\r\n \/* NO GREEN BOTTOM SHADOW *\/\r\n box-shadow: none;\r\n}\r\n\r\n.refund-content {\r\n position: relative;\r\n max-width: 850px;\r\n margin: 0 auto;\r\n}\r\n\r\n.refund-title {\r\n color: #fff;\r\n font-size: 42px;\r\n font-weight: 900;\r\n line-height: 1.1;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.refund-text {\r\n color: #d0d0d0;\r\n font-size: 14px;\r\n line-height: 1.6;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.refund-highlight {\r\n color: #fff;\r\n font-size: 19px;\r\n line-height: 1.5;\r\n font-weight: 700;\r\n max-width: 750px;\r\n margin: 0 auto 22px;\r\n}\r\n\r\n.refund-highlight span {\r\n color: #b8ff00;\r\n}\r\n\r\n\/* BADGE *\/\r\n.refund-badge {\r\n position: absolute;\r\n right: -45px;\r\n top: -15px;\r\n width: 90px;\r\n height: 90px;\r\n object-fit: contain;\r\n}\r\n\r\n\/* REFUND BUTTON *\/\r\n.refund-button {\r\n display: flex;\r\n width: 345px;\r\n max-width: 100%;\r\n height: 46px;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto;\r\n border-radius: 14px;\r\n background: #b8ff00;\r\n color: #050505 !important;\r\n text-decoration: none !important;\r\n font-size: 14px;\r\n font-weight: 900;\r\n transition: 0.2s ease;\r\n}\r\n\r\n.refund-button:hover {\r\n background: #c7ff35;\r\n color: #000 !important;\r\n text-decoration: none !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.security-info {\r\n margin-top: 25px;\r\n color: #c6c6c6;\r\n font-size: 12px;\r\n}\r\n\r\n.security-info span {\r\n margin: 0 12px;\r\n color: #666;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n\r\n .pricing-section {\r\n padding: 45px 15px 50px;\r\n }\r\n\r\n .pricing-title {\r\n font-size: 36px;\r\n }\r\n\r\n .coupon-bar {\r\n flex-wrap: wrap;\r\n padding: 12px 10px;\r\n }\r\n\r\n .price-content {\r\n padding: 30px 20px 22px;\r\n }\r\n\r\n .main-price {\r\n font-size: 40px;\r\n }\r\n\r\n .payment-options {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .refund-section {\r\n margin-top: 35px;\r\n padding: 35px 20px 30px;\r\n }\r\n\r\n .refund-title {\r\n font-size: 32px;\r\n }\r\n\r\n .refund-highlight {\r\n font-size: 17px;\r\n }\r\n\r\n .refund-badge {\r\n position: static;\r\n display: block;\r\n width: 75px;\r\n height: 75px;\r\n margin: 0 auto 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .pricing-title {\r\n font-size: 31px;\r\n }\r\n\r\n .main-price {\r\n font-size: 35px;\r\n }\r\n\r\n .coupon-title {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .coupon-input {\r\n width: 120px;\r\n }\r\n\r\n .refund-title {\r\n font-size: 28px;\r\n }\r\n\r\n .security-info span {\r\n margin: 0 5px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"pricing-section\">\r\n\r\n <div class=\"pricing-container\">\r\n\r\n \r\n <div class=\"pricing-label\">\r\n PRICING\r\n <\/div>\r\n\r\n \r\n <h1 class=\"pricing-title\">\r\n FEES STRUCTURE OF\r\n <span>AAGHAZ AI<\/span>\r\n <\/h1>\r\n\r\n \r\n <div class=\"pricing-card\">\r\n\r\n \r\n <div class=\"coupon-bar\">\r\n\r\n <div class=\"coupon-title\">\r\n <span class=\"coupon-icon\">\ud83c\udf81<\/span>\r\n <span>Have a coupon?<\/span>\r\n <\/div>\r\n\r\n <input\r\n type=\"text\"\r\n class=\"coupon-input\"\r\n value=\"AAGHAZ25\"\r\n id=\"couponCode\"\r\n >\r\n\r\n <button\r\n type=\"button\"\r\n class=\"coupon-button\"\r\n onclick=\"applyCoupon()\">\r\n Apply\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"price-content\">\r\n\r\n <div class=\"main-price\">\r\n PKR 59,999\r\n <\/div>\r\n\r\n <div class=\"one-time\">\r\n One-time\r\n <\/div>\r\n\r\n <div class=\"description\">\r\n Billed Monthly x 3 or One time payment options available\r\n <br>\r\n Start as an Apprentice and unlock monthly content with immediate access\r\n <br>\r\n to Aaghaz AI\u2019s key programs and exclusive bonuses.\r\n <\/div>\r\n\r\n <div class=\"price-divider\"><\/div>\r\n\r\n \r\n <div class=\"payment-options\">\r\n\r\n \r\n <div class=\"payment-box\">\r\n\r\n <div class=\"payment-title\">\r\n One-time Payment\r\n <\/div>\r\n\r\n <div class=\"payment-price\">\r\n PKR 59,999 <span>\/ one-time<\/span>\r\n <\/div>\r\n\r\n <a\r\n href=\"https:\/\/c.texofts.com\/?page_id=257https:\/\/c.texofts.com\/?page_id=273\"\r\n class=\"payment-button\">\r\n ENROLL NOW\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"payment-box\">\r\n\r\n <div class=\"payment-title\">\r\n 3-month Installment\r\n <\/div>\r\n\r\n <div class=\"payment-price\">\r\n PKR 23,000 <span>\/ monthly<\/span>\r\n <\/div>\r\n\r\n <div class=\"payment-description\">\r\n 3 monthly installments. Total: PKR 69,000\r\n <\/div>\r\n\r\n <a\r\n href=\"https:\/\/c.texofts.com\/?page_id=273\"\r\n class=\"payment-button\">\r\n GET MONTHLY ACCESS\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"redirect-text\">\r\n You'll get redirected to the Aaghaz AI platform to complete your enrolment.\r\n <\/div>\r\n\r\n <div class=\"payment-methods\">\r\n Bank transfer\r\n <span>|<\/span>\r\n Local Currency\r\n <span>|<\/span>\r\n Online Payment\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"refund-section\">\r\n\r\n <div class=\"refund-content\">\r\n\r\n \r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fassets%2Fimage%2Fmoney-back-guarantee.png&w=256&q=75&dpl=dpl_Nyjy5mBqKRegLyk5Fky4JdcSnHBZ\"\r\n alt=\"100% Money Back Guarantee\"\r\n class=\"refund-badge\"\r\n >\r\n\r\n <h2 class=\"refund-title\">\r\n 100% Refund Guarantee\r\n <\/h2>\r\n\r\n <p class=\"refund-text\">\r\n If you don't feel this is the most practical AI education you've experienced,\r\n we'll refund 100% of your payment.\r\n <\/p>\r\n\r\n <div class=\"refund-highlight\">\r\n Join for 10 days. Do the homework. Attend the sessions.\r\n <span>\r\n If not satisfied, just ask<br>\r\n for your money back.\r\n <\/span>\r\n <\/div>\r\n\r\n <a\r\n href=\"\"\r\n class=\"refund-button\">\r\n YES, I WANT TO ENROLL RISK-FREE\r\n <\/a>\r\n\r\n <div class=\"security-info\">\r\n Secure Payment\r\n <span>\u2022<\/span>\r\n SSL Encrypted\r\n <span>\u2022<\/span>\r\n Instant Access\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\nfunction applyCoupon() {\r\n\r\n const coupon = document\r\n .getElementById(\"couponCode\")\r\n .value\r\n .trim();\r\n\r\n if (coupon === \"\") {\r\n alert(\"Please enter a coupon code.\");\r\n return;\r\n }\r\n\r\n if (coupon.toUpperCase() === \"AAGHAZ25\") {\r\n alert(\"Coupon applied successfully!\");\r\n } else {\r\n alert(\"Invalid coupon code.\");\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-e660b79 elementor-widget elementor-widget-html\" data-id=\"e660b79\" 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>AI Earnings Potential<\/title>\r\n\r\n<style>\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 background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MAIN SECTION\r\n PURE BLACK - NO GREEN SHADOW\r\n========================================= *\/\r\n\r\n.ai-earnings-section {\r\n width: 100%;\r\n\r\n \/* PURE BLACK BACKGROUND *\/\r\n background: #000 !important;\r\n\r\n padding: 70px 20px 75px;\r\n\r\n \/* REMOVE ALL SHADOWS *\/\r\n box-shadow: none !important;\r\n\r\n filter: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTAINER\r\n========================================= *\/\r\n\r\n.ai-earnings-container {\r\n width: 100%;\r\n\r\n max-width: 1100px;\r\n\r\n margin: 0 auto;\r\n\r\n background: transparent !important;\r\n\r\n box-shadow: none !important;\r\n\r\n filter: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n HEADING\r\n========================================= *\/\r\n\r\n.ai-earnings-title {\r\n text-align: center;\r\n\r\n color: #fff;\r\n\r\n font-size: 58px;\r\n\r\n line-height: 1.08;\r\n\r\n font-weight: 900;\r\n\r\n letter-spacing: -1.5px;\r\n\r\n margin: 0 auto 42px;\r\n\r\n max-width: 950px;\r\n}\r\n\r\n.ai-earnings-title .green {\r\n color: #b8ff00;\r\n}\r\n\r\n\r\n\/* =========================================\r\n SUB HEADING\r\n========================================= *\/\r\n\r\n.ai-earnings-subtitle {\r\n text-align: center;\r\n\r\n color: #d1d1d1;\r\n\r\n font-size: 21px;\r\n\r\n line-height: 1.5;\r\n\r\n margin: 0 auto 38px;\r\n\r\n max-width: 900px;\r\n}\r\n\r\n.ai-earnings-subtitle strong {\r\n color: #fff;\r\n\r\n font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTENT AREA\r\n========================================= *\/\r\n\r\n.ai-earnings-content {\r\n display: grid;\r\n\r\n grid-template-columns: 310px 1fr;\r\n\r\n align-items: center;\r\n\r\n column-gap: 52px;\r\n\r\n max-width: 920px;\r\n\r\n margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO CARD\r\n========================================= *\/\r\n\r\n.ai-video-wrapper {\r\n width: 310px;\r\n}\r\n\r\n.ai-video-card {\r\n position: relative;\r\n\r\n display: block;\r\n\r\n width: 310px;\r\n\r\n height: 550px;\r\n\r\n overflow: hidden;\r\n\r\n border-radius: 17px;\r\n\r\n border: 1px solid #526900;\r\n\r\n background: #111;\r\n\r\n text-decoration: none;\r\n\r\n box-shadow: none !important;\r\n\r\n transition: transform 0.25s ease;\r\n}\r\n\r\n.ai-video-card:hover {\r\n transform: translateY(-3px);\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO IMAGE\r\n========================================= *\/\r\n\r\n.ai-video-card img {\r\n width: 100%;\r\n\r\n height: 100%;\r\n\r\n object-fit: cover;\r\n\r\n display: block;\r\n}\r\n\r\n\r\n\/* =========================================\r\n DARK OVERLAY\r\n========================================= *\/\r\n\r\n.ai-video-overlay {\r\n position: absolute;\r\n\r\n inset: 0;\r\n\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(0,0,0,0.05) 0%,\r\n rgba(0,0,0,0.05) 45%,\r\n rgba(0,0,0,0.55) 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================\r\n VIDEO LABEL\r\n========================================= *\/\r\n\r\n.ai-video-label {\r\n position: absolute;\r\n\r\n top: 16px;\r\n\r\n left: 17px;\r\n\r\n background: rgba(20,20,20,0.85);\r\n\r\n color: #fff;\r\n\r\n padding: 9px 13px;\r\n\r\n border-radius: 4px;\r\n\r\n font-size: 16px;\r\n\r\n font-weight: 700;\r\n\r\n z-index: 3;\r\n}\r\n\r\n\r\n\/* =========================================\r\n PLAY BUTTON\r\n========================================= *\/\r\n\r\n.ai-play-button {\r\n position: absolute;\r\n\r\n left: 50%;\r\n\r\n top: 50%;\r\n\r\n transform: translate(-50%, -50%);\r\n\r\n width: 72px;\r\n\r\n height: 72px;\r\n\r\n border-radius: 50%;\r\n\r\n background: rgba(20,20,20,0.70);\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n z-index: 5;\r\n\r\n transition: 0.2s ease;\r\n}\r\n\r\n.ai-play-button::after {\r\n content: \"\";\r\n\r\n width: 0;\r\n\r\n height: 0;\r\n\r\n margin-left: 6px;\r\n\r\n border-top: 15px solid transparent;\r\n\r\n border-bottom: 15px solid transparent;\r\n\r\n border-left: 23px solid #fff;\r\n}\r\n\r\n.ai-video-card:hover .ai-play-button {\r\n background: rgba(184,255,0,0.95);\r\n\r\n transform: translate(-50%, -50%) scale(1.05);\r\n}\r\n\r\n.ai-video-card:hover .ai-play-button::after {\r\n border-left-color: #000;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CHECK LIST\r\n========================================= *\/\r\n\r\n.ai-benefits {\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n gap: 21px;\r\n}\r\n\r\n.ai-benefit {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 18px;\r\n}\r\n\r\n.ai-check {\r\n flex: 0 0 31px;\r\n\r\n width: 31px;\r\n\r\n height: 31px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #263900;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n color: #b8ff00;\r\n\r\n font-size: 19px;\r\n\r\n font-weight: 900;\r\n}\r\n\r\n.ai-benefit-text {\r\n color: #fff;\r\n\r\n font-size: 19px;\r\n\r\n line-height: 1.35;\r\n\r\n font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================\r\n DESCRIPTION\r\n========================================= *\/\r\n\r\n.ai-earnings-description {\r\n max-width: 920px;\r\n\r\n margin: 4px auto 0;\r\n\r\n color: #d2d2d2;\r\n\r\n font-size: 18px;\r\n\r\n line-height: 1.5;\r\n\r\n text-align: left;\r\n\r\n background: transparent !important;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n.ai-earnings-description em {\r\n color: #fff;\r\n\r\n font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n BOTTOM BUTTON\r\n========================================= *\/\r\n\r\n.ai-join-button {\r\n display: flex;\r\n\r\n width: 505px;\r\n\r\n max-width: 100%;\r\n\r\n height: 67px;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n margin: 17px auto 0;\r\n\r\n border-radius: 17px;\r\n\r\n background: #b8ff00;\r\n\r\n color: #000 !important;\r\n\r\n text-decoration: none !important;\r\n\r\n font-size: 20px;\r\n\r\n font-weight: 900;\r\n\r\n text-align: center;\r\n\r\n transition:\r\n background 0.2s ease,\r\n transform 0.2s ease;\r\n\r\n \/* NO SHADOW *\/\r\n box-shadow: none !important;\r\n\r\n filter: none !important;\r\n}\r\n\r\n.ai-join-button:hover {\r\n background: #c7ff35;\r\n\r\n color: #000 !important;\r\n\r\n text-decoration: none !important;\r\n\r\n transform: translateY(-2px);\r\n\r\n \/* NO GREEN SHADOW *\/\r\n box-shadow: none !important;\r\n\r\n filter: none !important;\r\n}\r\n\r\n.ai-join-button:visited,\r\n.ai-join-button:active,\r\n.ai-join-button:focus {\r\n color: #000 !important;\r\n\r\n text-decoration: none !important;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .ai-earnings-title {\r\n font-size: 48px;\r\n }\r\n\r\n .ai-earnings-content {\r\n grid-template-columns: 290px 1fr;\r\n\r\n column-gap: 35px;\r\n }\r\n\r\n .ai-video-card {\r\n width: 290px;\r\n\r\n height: 515px;\r\n }\r\n\r\n .ai-video-wrapper {\r\n width: 290px;\r\n }\r\n\r\n .ai-benefit-text {\r\n font-size: 17px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 700px) {\r\n\r\n .ai-earnings-section {\r\n padding: 50px 18px 55px;\r\n\r\n background: #000 !important;\r\n\r\n box-shadow: none !important;\r\n }\r\n\r\n .ai-earnings-title {\r\n font-size: 38px;\r\n\r\n letter-spacing: -0.8px;\r\n\r\n margin-bottom: 28px;\r\n }\r\n\r\n .ai-earnings-subtitle {\r\n font-size: 17px;\r\n\r\n margin-bottom: 30px;\r\n }\r\n\r\n .ai-earnings-content {\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n gap: 30px;\r\n\r\n align-items: center;\r\n }\r\n\r\n .ai-video-wrapper {\r\n width: 280px;\r\n }\r\n\r\n .ai-video-card {\r\n width: 280px;\r\n\r\n height: 500px;\r\n }\r\n\r\n .ai-benefits {\r\n width: 100%;\r\n\r\n max-width: 480px;\r\n\r\n gap: 17px;\r\n }\r\n\r\n .ai-benefit {\r\n gap: 13px;\r\n }\r\n\r\n .ai-check {\r\n flex-basis: 29px;\r\n\r\n width: 29px;\r\n\r\n height: 29px;\r\n\r\n font-size: 17px;\r\n }\r\n\r\n .ai-benefit-text {\r\n font-size: 16px;\r\n }\r\n\r\n .ai-earnings-description {\r\n text-align: center;\r\n\r\n font-size: 16px;\r\n\r\n margin-top: 28px;\r\n\r\n background: transparent !important;\r\n\r\n box-shadow: none !important;\r\n }\r\n\r\n .ai-join-button {\r\n width: 100%;\r\n\r\n height: 58px;\r\n\r\n font-size: 16px;\r\n\r\n margin-top: 20px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 450px) {\r\n\r\n .ai-earnings-title {\r\n font-size: 31px;\r\n }\r\n\r\n .ai-earnings-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .ai-video-wrapper,\r\n .ai-video-card {\r\n width: 250px;\r\n }\r\n\r\n .ai-video-card {\r\n height: 445px;\r\n }\r\n\r\n .ai-video-label {\r\n font-size: 14px;\r\n\r\n padding: 8px 11px;\r\n }\r\n\r\n .ai-play-button {\r\n width: 62px;\r\n\r\n height: 62px;\r\n }\r\n\r\n .ai-play-button::after {\r\n border-top-width: 13px;\r\n\r\n border-bottom-width: 13px;\r\n\r\n border-left-width: 20px;\r\n }\r\n\r\n .ai-benefit-text {\r\n font-size: 15px;\r\n }\r\n\r\n .ai-earnings-description {\r\n font-size: 15px;\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<section class=\"ai-earnings-section\">\r\n\r\n <div class=\"ai-earnings-container\">\r\n\r\n\r\n \r\n\r\n <h1 class=\"ai-earnings-title\">\r\n\r\n HOW MUCH MONEY COULD\r\n <br>\r\n\r\n YOU\r\n <span class=\"green\">EARN WITH AI?<\/span>\r\n\r\n <\/h1>\r\n\r\n\r\n \r\n\r\n <p class=\"ai-earnings-subtitle\">\r\n\r\n What would be possible if you earned\r\n <strong>$1K, $4K or $9K<\/strong>\r\n per month? You could:\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"ai-earnings-content\">\r\n\r\n\r\n \r\n\r\n <div class=\"ai-video-wrapper\">\r\n\r\n <a\r\n href=\"VIDEO_LINK_HERE\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"ai-video-card\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"YOUR_VIDEO_THUMBNAIL.jpg\"\r\n alt=\"AI Earnings Potential Video\"\r\n >\r\n\r\n <div class=\"ai-video-overlay\"><\/div>\r\n\r\n <div class=\"ai-video-label\">\r\n AI Earnings Potential\r\n <\/div>\r\n\r\n <div class=\"ai-play-button\"><\/div>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"ai-benefits\">\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Take your family on vacation\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Send your kids to a nice college\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Care for aging parents\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Quit your bossy environment\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Allow your spouse to quit their job\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-benefit\">\r\n\r\n <div class=\"ai-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div class=\"ai-benefit-text\">\r\n Never worry about bills again\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"ai-earnings-description\">\r\n\r\n The best part about this AI business model is that you can achieve\r\n <em>any financial goal you want<\/em>\r\n by expanding your AI skills.\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"\"\r\n class=\"ai-join-button\"\r\n >\r\n JOIN NOW AT DISCOUNT PRICE\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ba078d elementor-widget elementor-widget-html\" data-id=\"5ba078d\" 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\r\n<section class=\"members-video-section\" id=\"testimonials\">\r\n\r\n \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 \r\n <div class=\"members-video-grid\">\r\n\r\n\r\n \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 \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 \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 \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 \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 \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 \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 \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 \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 \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 \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-68a75e1 elementor-widget elementor-widget-html\" data-id=\"68a75e1\" 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>Success Stories & Certification<\/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 background: #000;\r\n color: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* ================================\r\n MAIN SECTION\r\n NO GREEN SHADOW\r\n================================ *\/\r\n\r\n.success-certification-section {\r\n width: 100%;\r\n\r\n padding: 35px 0 80px;\r\n\r\n background: #000 !important;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* ================================\r\n CONTAINER\r\n================================ *\/\r\n\r\n.success-container {\r\n width: calc(100% - 90px);\r\n max-width: 1280px;\r\n\r\n margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ================================\r\n SUCCESS STORIES\r\n================================ *\/\r\n\r\n.success-title {\r\n color: #fff;\r\n\r\n font-size: 38px;\r\n line-height: 1.15;\r\n\r\n font-weight: 800;\r\n\r\n margin-bottom: 10px;\r\n}\r\n\r\n.success-subtitle {\r\n color: #cfcfcf;\r\n\r\n font-size: 18px;\r\n line-height: 1.5;\r\n\r\n margin-bottom: 25px;\r\n}\r\n\r\n\r\n\/* ================================\r\n CAROUSEL\r\n================================ *\/\r\n\r\n.reviews-carousel {\r\n position: relative;\r\n\r\n width: 100%;\r\n\r\n padding: 0 42px;\r\n}\r\n\r\n.reviews-viewport {\r\n width: 100%;\r\n\r\n overflow: hidden;\r\n}\r\n\r\n.reviews-track {\r\n display: flex;\r\n\r\n gap: 15px;\r\n\r\n transition: transform 0.45s ease;\r\n\r\n will-change: transform;\r\n}\r\n\r\n\r\n\/* ================================\r\n REVIEW CARD\r\n================================ *\/\r\n\r\n.review-card {\r\n flex: 0 0 calc((100% - 30px) \/ 3);\r\n\r\n min-height: 198px;\r\n\r\n background: #111;\r\n\r\n border: 1px solid #2a2a2a;\r\n\r\n border-radius: 16px;\r\n\r\n padding: 17px;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* QUOTE *\/\r\n\r\n.review-card::after {\r\n content: \"\u201d\";\r\n\r\n position: absolute;\r\n\r\n right: 10px;\r\n top: -4px;\r\n\r\n color: #4d6700;\r\n\r\n font-size: 58px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 900;\r\n}\r\n\r\n\r\n\/* REVIEW TEXT *\/\r\n\r\n.review-text {\r\n position: relative;\r\n\r\n z-index: 2;\r\n\r\n color: #dedede;\r\n\r\n font-size: 16px;\r\n\r\n font-style: italic;\r\n\r\n font-weight: 600;\r\n\r\n line-height: 1.55;\r\n\r\n min-height: 103px;\r\n\r\n padding-right: 10px;\r\n}\r\n\r\n\r\n\/* ================================\r\n REVIEW FOOTER\r\n================================ *\/\r\n\r\n.review-footer {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n margin-top: 7px;\r\n}\r\n\r\n.reviewer {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 10px;\r\n}\r\n\r\n.reviewer-image {\r\n width: 50px;\r\n height: 50px;\r\n\r\n border-radius: 50%;\r\n\r\n object-fit: cover;\r\n\r\n border: 1px solid #657d00;\r\n}\r\n\r\n.reviewer-info {\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n gap: 2px;\r\n}\r\n\r\n.reviewer-name {\r\n color: #fff;\r\n\r\n font-size: 15px;\r\n\r\n font-weight: 800;\r\n}\r\n\r\n.reviewer-role {\r\n color: #bdbdbd;\r\n\r\n font-size: 12px;\r\n}\r\n\r\n\r\n\/* ================================\r\n LINKEDIN\r\n================================ *\/\r\n\r\n.linkedin-link {\r\n width: 31px;\r\n height: 31px;\r\n\r\n border-radius: 4px;\r\n\r\n background: #1687c9;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n color: #fff !important;\r\n\r\n text-decoration: none !important;\r\n\r\n font-size: 20px;\r\n\r\n font-weight: 900;\r\n\r\n transition: 0.2s ease;\r\n}\r\n\r\n.linkedin-link:hover {\r\n background: #0b6fa9;\r\n\r\n color: #fff !important;\r\n\r\n transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* ================================\r\n ARROWS\r\n================================ *\/\r\n\r\n.carousel-arrow {\r\n position: absolute;\r\n\r\n top: 50%;\r\n\r\n transform: translateY(-50%);\r\n\r\n width: 31px;\r\n height: 31px;\r\n\r\n border: none;\r\n\r\n border-radius: 50%;\r\n\r\n background: #202124;\r\n\r\n color: #777;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n cursor: pointer;\r\n\r\n font-size: 22px;\r\n\r\n line-height: 1;\r\n\r\n z-index: 10;\r\n\r\n transition: 0.2s ease;\r\n}\r\n\r\n.carousel-arrow:hover {\r\n background: #333;\r\n\r\n color: #b8ff00;\r\n}\r\n\r\n.carousel-prev {\r\n left: 0;\r\n}\r\n\r\n.carousel-next {\r\n right: 0;\r\n}\r\n\r\n\r\n\/* ================================\r\n CERTIFICATION\r\n================================ *\/\r\n\r\n.certification-section {\r\n margin-top: 76px;\r\n}\r\n\r\n.certification-title {\r\n color: #fff;\r\n\r\n font-size: 30px;\r\n\r\n font-weight: 800;\r\n\r\n margin-bottom: 38px;\r\n}\r\n\r\n\r\n\/* ================================\r\n CERTIFICATE IMAGE AREA\r\n NO GREEN LINES\r\n NO GREEN BACKGROUND\r\n NO SHADOW\r\n================================ *\/\r\n\r\n.certificate-wrapper {\r\n width: 100%;\r\n\r\n max-width: 910px;\r\n\r\n margin: 0 auto;\r\n\r\n padding: 0;\r\n\r\n background: transparent !important;\r\n\r\n position: relative;\r\n\r\n overflow: visible;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* REMOVE ALL DECORATIVE ELEMENTS *\/\r\n\r\n.certificate-wrapper::before,\r\n.certificate-wrapper::after {\r\n content: none !important;\r\n\r\n display: none !important;\r\n\r\n background: none !important;\r\n\r\n border: none !important;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* ================================\r\n CERTIFICATE IMAGE\r\n================================ *\/\r\n\r\n.certificate-image {\r\n display: block;\r\n\r\n width: 100%;\r\n\r\n height: auto;\r\n\r\n margin: 0 auto;\r\n\r\n border-radius: 15px;\r\n\r\n background: #fff;\r\n\r\n box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* ================================\r\n MOBILE\r\n================================ *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .success-container {\r\n width: calc(100% - 40px);\r\n }\r\n\r\n .review-card {\r\n flex: 0 0 calc((100% - 15px) \/ 2);\r\n }\r\n\r\n .certificate-wrapper {\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 650px) {\r\n\r\n .success-certification-section {\r\n padding-top: 30px;\r\n padding-bottom: 55px;\r\n\r\n background: #000 !important;\r\n\r\n box-shadow: none !important;\r\n }\r\n\r\n .success-container {\r\n width: calc(100% - 30px);\r\n }\r\n\r\n .success-title {\r\n font-size: 30px;\r\n }\r\n\r\n .success-subtitle {\r\n font-size: 15px;\r\n }\r\n\r\n .reviews-carousel {\r\n padding: 0 38px;\r\n }\r\n\r\n .review-card {\r\n flex: 0 0 100%;\r\n\r\n min-height: 210px;\r\n }\r\n\r\n .review-text {\r\n font-size: 15px;\r\n }\r\n\r\n .certification-section {\r\n margin-top: 55px;\r\n }\r\n\r\n .certification-title {\r\n font-size: 27px;\r\n\r\n margin-bottom: 25px;\r\n }\r\n\r\n .certificate-wrapper {\r\n padding: 0;\r\n\r\n background: transparent !important;\r\n\r\n box-shadow: none !important;\r\n }\r\n\r\n .certificate-image {\r\n border-radius: 12px;\r\n\r\n box-shadow: none !important;\r\n }\r\n\r\n .carousel-arrow {\r\n width: 29px;\r\n height: 29px;\r\n\r\n font-size: 19px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 420px) {\r\n\r\n .success-title {\r\n font-size: 27px;\r\n }\r\n\r\n .review-card {\r\n min-height: 220px;\r\n\r\n padding: 15px;\r\n }\r\n\r\n .review-text {\r\n font-size: 14px;\r\n\r\n min-height: 115px;\r\n }\r\n\r\n .reviewer-image {\r\n width: 44px;\r\n height: 44px;\r\n }\r\n\r\n .reviewer-name {\r\n font-size: 14px;\r\n }\r\n\r\n .reviewer-role {\r\n font-size: 11px;\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<section class=\"success-certification-section\">\r\n\r\n <div class=\"success-container\">\r\n\r\n\r\n \r\n\r\n <div class=\"success-stories\">\r\n\r\n <h2 class=\"success-title\">\r\n Success Stories\r\n <\/h2>\r\n\r\n <p class=\"success-subtitle\">\r\n Real results from real Members who transformed their careers with AI\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"reviews-carousel\">\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"carousel-arrow carousel-prev\"\r\n id=\"prevReview\"\r\n aria-label=\"Previous review\">\r\n\r\n \u2039\r\n\r\n <\/button>\r\n\r\n\r\n \r\n\r\n <div class=\"reviews-viewport\">\r\n\r\n <div\r\n class=\"reviews-track\"\r\n id=\"reviewsTrack\">\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"Badar's AI in Hands Program was a game-changer for me.\r\n The hands-on projects and real-world applications helped\r\n me build 3 AI tools in 3 months.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-1.jpg\"\r\n alt=\"Muhammad Waseem\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n Muhammad Waseem\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n Digital Marketer\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"The AI in Hands was exactly what I needed to enhance\r\n my skills. Within 8 weeks of completing the course,\r\n I landed my first client social media solutions.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-2.jpg\"\r\n alt=\"Ch. Hasnain\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n Ch. Hasnain\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n Medium Influencer\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"The AI in Hands program helped me transition into\r\n a successful AI influencer. The skills I gained were\r\n invaluable. I update my audience about AI tools and trends.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-3.jpg\"\r\n alt=\"Nofah Aslam\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n Nofah Aslam\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n Digital Influencer\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"The practical AI projects helped me understand\r\n how to use modern AI tools in my daily work.\r\n The learning experience was very hands-on.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-4.jpg\"\r\n alt=\"AI in Hands Member\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n AI in Hands Member\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n AI Professional\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"The program gave me practical knowledge that\r\n I could immediately apply to my projects and\r\n professional work.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-5.jpg\"\r\n alt=\"AI in Hands Member\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n AI in Hands Member\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n AI Creator\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"review-card\">\r\n\r\n <p class=\"review-text\">\r\n \"Learning AI through real projects made the\r\n concepts much easier to understand and use.\"\r\n <\/p>\r\n\r\n <div class=\"review-footer\">\r\n\r\n <div class=\"reviewer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"reviewer-6.jpg\"\r\n alt=\"AI in Hands Member\"\r\n class=\"reviewer-image\"\r\n >\r\n\r\n <div class=\"reviewer-info\">\r\n\r\n <div class=\"reviewer-name\">\r\n AI in Hands Member\r\n <\/div>\r\n\r\n <div class=\"reviewer-role\">\r\n Digital Creator\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/www.linkedin.com\/\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"linkedin-link\">\r\n\r\n in\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <button\r\n type=\"button\"\r\n class=\"carousel-arrow carousel-next\"\r\n id=\"nextReview\"\r\n aria-label=\"Next review\">\r\n\r\n \u203a\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"certification-section\">\r\n\r\n <h2 class=\"certification-title\">\r\n Certification\r\n <\/h2>\r\n\r\n\r\n \r\n\r\n <div class=\"certificate-wrapper\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/8782c9bf-9d9b-4116-b28c-472160da9ef7.png\"\r\n alt=\"Aaghaz AI Certificate of Completion\"\r\n class=\"certificate-image\"\r\n >\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\r\n<script>\r\n\r\n\/* ========================================\r\n REVIEW CAROUSEL\r\n======================================== *\/\r\n\r\nconst track = document.getElementById(\"reviewsTrack\");\r\n\r\nconst prevButton = document.getElementById(\"prevReview\");\r\n\r\nconst nextButton = document.getElementById(\"nextReview\");\r\n\r\nconst cards = document.querySelectorAll(\".review-card\");\r\n\r\nlet currentIndex = 0;\r\n\r\n\r\n\/* VISIBLE CARDS *\/\r\n\r\nfunction getVisibleCards() {\r\n\r\n if (window.innerWidth <= 650) {\r\n return 1;\r\n }\r\n\r\n if (window.innerWidth <= 900) {\r\n return 2;\r\n }\r\n\r\n return 3;\r\n}\r\n\r\n\r\n\/* UPDATE *\/\r\n\r\nfunction updateSlider() {\r\n\r\n if (!cards.length) {\r\n return;\r\n }\r\n\r\n const visibleCards = getVisibleCards();\r\n\r\n const maxIndex = Math.max(\r\n 0,\r\n cards.length - visibleCards\r\n );\r\n\r\n if (currentIndex > maxIndex) {\r\n currentIndex = 0;\r\n }\r\n\r\n if (currentIndex < 0) {\r\n currentIndex = maxIndex;\r\n }\r\n\r\n const cardWidth = cards[0].offsetWidth;\r\n\r\n const gap = 15;\r\n\r\n track.style.transform =\r\n \"translateX(-\" +\r\n (currentIndex * (cardWidth + gap)) +\r\n \"px\";\r\n}\r\n\r\n\r\n\/* NEXT *\/\r\n\r\nnextButton.addEventListener(\"click\", function() {\r\n\r\n const visibleCards = getVisibleCards();\r\n\r\n const maxIndex = Math.max(\r\n 0,\r\n cards.length - visibleCards\r\n );\r\n\r\n currentIndex++;\r\n\r\n if (currentIndex > maxIndex) {\r\n currentIndex = 0;\r\n }\r\n\r\n updateSlider();\r\n\r\n});\r\n\r\n\r\n\/* PREVIOUS *\/\r\n\r\nprevButton.addEventListener(\"click\", function() {\r\n\r\n const visibleCards = getVisibleCards();\r\n\r\n const maxIndex = Math.max(\r\n 0,\r\n cards.length - visibleCards\r\n );\r\n\r\n currentIndex--;\r\n\r\n if (currentIndex < 0) {\r\n currentIndex = maxIndex;\r\n }\r\n\r\n updateSlider();\r\n\r\n});\r\n\r\n\r\n\/* RESIZE *\/\r\n\r\nwindow.addEventListener(\"resize\", function() {\r\n\r\n updateSlider();\r\n\r\n});\r\n\r\n\r\n\/* INITIAL *\/\r\n\r\nwindow.addEventListener(\"load\", function() {\r\n\r\n updateSlider();\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f13426a elementor-widget elementor-widget-html\" data-id=\"f13426a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!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>Final Decision<\/title>\r\n\r\n<style>\r\n\/* =========================\r\n GLOBAL THEME\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\n:root {\r\n --bg: #000000;\r\n --card-bg: #111111;\r\n --green: #a4e900;\r\n --green-hover: #b5ff00;\r\n --red: #ff3347;\r\n --white: #ffffff;\r\n --muted: #d1d1d1;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n background: var(--bg);\r\n color: var(--white);\r\n font-family: Arial, Helvetica, sans-serif;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n box-shadow: none;\r\n}\r\n\r\n\/* Remove unwanted bottom glow *\/\r\n\r\nbody::before,\r\nbody::after {\r\n display: none !important;\r\n content: none !important;\r\n}\r\n\r\n.page-wrapper {\r\n width: 100%;\r\n min-height: 100vh;\r\n padding: 24px 3%;\r\n background: #000000;\r\n overflow: hidden;\r\n box-shadow: none;\r\n}\r\n\r\n\/* =========================\r\n LOGO\r\n========================= *\/\r\n\r\n.logo {\r\n font-size: 38px;\r\n font-weight: 700;\r\n letter-spacing: -1.8px;\r\n color: #ffffff;\r\n line-height: 1.2;\r\n}\r\n\r\n.logo span {\r\n font-weight: 400;\r\n}\r\n\r\n\/* =========================\r\n MAIN CONTENT\r\n========================= *\/\r\n\r\n.main-content {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n\r\n.main-heading {\r\n font-size: 38px;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n letter-spacing: -1.2px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.highlight {\r\n color: var(--green);\r\n}\r\n\r\n.subtitle {\r\n font-size: 22px;\r\n line-height: 1.6;\r\n color: var(--muted);\r\n margin-bottom: 40px;\r\n}\r\n\r\n\/* =========================\r\n CHOICE CARDS\r\n========================= *\/\r\n\r\n.choices-container {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 30px;\r\n width: 100%;\r\n}\r\n\r\n.choice-card {\r\n background: var(--card-bg);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 27px;\r\n padding: 32px 30px;\r\n min-height: 360px;\r\n\r\n transition:\r\n transform 0.35s ease,\r\n border-color 0.35s ease,\r\n background-color 0.35s ease,\r\n box-shadow 0.35s ease;\r\n\r\n box-shadow: none;\r\n}\r\n\r\n\/* First card *\/\r\n\r\n.choice-card.waiting {\r\n border-color: rgba(255, 51, 71, 0.18);\r\n}\r\n\r\n\/* Second card *\/\r\n\r\n.choice-card.action {\r\n border-color: rgba(164, 233, 0, 0.35);\r\n}\r\n\r\n\/* =========================\r\n CARD HOVER ANIMATION\r\n========================= *\/\r\n\r\n.choice-card:hover {\r\n transform: translateY(-8px);\r\n background: #141414;\r\n}\r\n\r\n.choice-card.waiting:hover {\r\n border-color: rgba(255, 51, 71, 0.75);\r\n box-shadow: 0 12px 35px rgba(255, 51, 71, 0.07);\r\n}\r\n\r\n.choice-card.action:hover {\r\n border-color: var(--green);\r\n box-shadow: 0 12px 35px rgba(164, 233, 0, 0.09);\r\n}\r\n\r\n\/* =========================\r\n CARD HEADINGS\r\n========================= *\/\r\n\r\n.card-title {\r\n color: var(--green);\r\n font-size: 29px;\r\n font-weight: 500;\r\n line-height: 1.4;\r\n letter-spacing: -0.6px;\r\n margin-bottom: 30px;\r\n color: #ffffff;\r\n}\r\n\r\n\/* =========================\r\n LIST ITEMS\r\n========================= *\/\r\n\r\n.choice-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 23px;\r\n}\r\n\r\n.choice-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n\r\n color: var(--white);\r\n font-size: 19px;\r\n line-height: 1.45;\r\n font-weight: 400;\r\n\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.choice-card:hover .choice-list li {\r\n transform: translateX(3px);\r\n}\r\n\r\n.list-icon {\r\n font-size: 26px;\r\n line-height: 1;\r\n flex-shrink: 0;\r\n font-weight: 400;\r\n margin-top: 2px;\r\n}\r\n\r\n.cross {\r\n color: var(--red);\r\n}\r\n\r\n.check {\r\n color: var(--green);\r\n}\r\n\r\n\/* =========================\r\n CTA SECTION\r\n========================= *\/\r\n\r\n.cta-section {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 50px auto 0;\r\n text-align: center;\r\n padding-bottom: 0;\r\n box-shadow: none;\r\n}\r\n\r\n.cta-heading {\r\n font-size: 29px;\r\n font-weight: 700;\r\n letter-spacing: -0.7px;\r\n margin-bottom: 24px;\r\n line-height: 1.4;\r\n color: #ffffff;\r\n}\r\n\r\n\/* =========================\r\n CTA BUTTON\r\n========================= *\/\r\n\r\n.cta-button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n width: 100%;\r\n min-height: 76px;\r\n\r\n background: var(--green);\r\n color: #000000 !important;\r\n\r\n border: 1px solid var(--green);\r\n border-radius: 22px;\r\n\r\n font-size: 21px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n\r\n cursor: pointer;\r\n\r\n transition:\r\n transform 0.3s ease,\r\n background-color 0.3s ease,\r\n border-color 0.3s ease,\r\n color 0.3s ease;\r\n\r\n box-shadow: none;\r\n}\r\n\r\n\/* Hover: background green, text ALWAYS black *\/\r\n\r\n.cta-button:hover,\r\n.cta-button:focus,\r\n.cta-button:focus-visible,\r\n.cta-button:active {\r\n background: var(--green-hover);\r\n color: #000000 !important;\r\n border-color: var(--green-hover);\r\n transform: translateY(-3px);\r\n box-shadow: none;\r\n}\r\n\r\n\/* Force black on all nested text\/icons too *\/\r\n\r\n.cta-button *,\r\n.cta-button:hover *,\r\n.cta-button:focus *,\r\n.cta-button:active * {\r\n color: #000000 !important;\r\n}\r\n\r\n.cta-button:active {\r\n transform: translateY(0) scale(0.99);\r\n}\r\n\r\n.cta-subtitle {\r\n margin-top: 12px;\r\n color: #d1d1d1;\r\n font-size: 17px;\r\n line-height: 1.5;\r\n}\r\n\r\n\/* =========================\r\n TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n .page-wrapper {\r\n padding: 25px 5%;\r\n }\r\n\r\n .logo {\r\n font-size: 32px;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .main-heading {\r\n font-size: 34px;\r\n }\r\n\r\n .subtitle {\r\n font-size: 19px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .choices-container {\r\n gap: 20px;\r\n }\r\n\r\n .choice-card {\r\n padding: 27px 22px;\r\n min-height: 370px;\r\n border-radius: 22px;\r\n }\r\n\r\n .card-title {\r\n font-size: 24px;\r\n }\r\n\r\n .choice-list {\r\n gap: 20px;\r\n }\r\n\r\n .choice-list li {\r\n font-size: 17px;\r\n gap: 13px;\r\n }\r\n\r\n .cta-section {\r\n margin-top: 45px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n .page-wrapper {\r\n padding: 22px 20px 35px;\r\n }\r\n\r\n .logo {\r\n font-size: 30px;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .main-heading {\r\n font-size: 30px;\r\n line-height: 1.3;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .subtitle {\r\n font-size: 17px;\r\n line-height: 1.6;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .choices-container {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .choice-card {\r\n min-height: auto;\r\n padding: 27px 23px;\r\n border-radius: 22px;\r\n }\r\n\r\n .card-title {\r\n font-size: 25px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .choice-list {\r\n gap: 20px;\r\n }\r\n\r\n .choice-list li {\r\n font-size: 17px;\r\n line-height: 1.5;\r\n }\r\n\r\n .list-icon {\r\n font-size: 23px;\r\n }\r\n\r\n .cta-section {\r\n margin-top: 40px;\r\n }\r\n\r\n .cta-heading {\r\n font-size: 25px;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .cta-button {\r\n min-height: 68px;\r\n font-size: 18px;\r\n border-radius: 18px;\r\n padding: 15px;\r\n color: #000000 !important;\r\n }\r\n\r\n .cta-button:hover {\r\n color: #000000 !important;\r\n background: var(--green-hover);\r\n }\r\n\r\n .cta-subtitle {\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n\/* =========================\r\n ACCESSIBILITY\r\n========================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n transition: none !important;\r\n animation: none !important;\r\n scroll-behavior: auto !important;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"page-wrapper\">\r\n\r\n \r\n\r\n <div class=\"logo\">\r\n Final <span>Decision<\/span>\r\n <\/div>\r\n\r\n \r\n\r\n <main class=\"main-content\">\r\n\r\n <h1 class=\"main-heading\">\r\n You have <span class=\"highlight\">two choices<\/span>\r\n <\/h1>\r\n\r\n <p class=\"subtitle\">\r\n The decision you make today will determine where you'll be\r\n 3 months from now.\r\n <\/p>\r\n\r\n \r\n\r\n <div class=\"choices-container\">\r\n\r\n \r\n\r\n <div class=\"choice-card waiting\">\r\n\r\n <h2 class=\"card-title\">\r\n Choice 1: Keep Waiting\r\n <\/h2>\r\n\r\n <ul class=\"choice-list\">\r\n\r\n <li>\r\n <span class=\"list-icon cross\">\u00d7<\/span>\r\n <span>Keep watching AI videos.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon cross\">\u00d7<\/span>\r\n <span>Keep feeling like you're missing out.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon cross\">\u00d7<\/span>\r\n <span>Keep waiting for universities to catch up.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon cross\">\u00d7<\/span>\r\n <span>Keep wondering \"what if.\"<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon cross\">\u00d7<\/span>\r\n <span>Watch and see how AI replaces you.<\/span>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"choice-card action\">\r\n\r\n <h2 class=\"card-title\">\r\n Choice 2: Take Action Now\r\n <\/h2>\r\n\r\n <ul class=\"choice-list\">\r\n\r\n <li>\r\n <span class=\"list-icon check\">\u2713<\/span>\r\n <span>Master AI in 3 months.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon check\">\u2713<\/span>\r\n <span>Build real solutions.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon check\">\u2713<\/span>\r\n <span>Offer services businesses need.<\/span>\r\n <\/li>\r\n\r\n <li>\r\n <span class=\"list-icon check\">\u2713<\/span>\r\n <span>Become the person who uses and builds AI.<\/span>\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <section class=\"cta-section\" id=\"enroll\">\r\n\r\n <h2 class=\"cta-heading\">\r\n What will you choose?\r\n <\/h2>\r\n\r\n <a href=\"\" class=\"cta-button\">\r\n Yes, I want to enroll\r\n <\/a>\r\n\r\n <p class=\"cta-subtitle\">\r\n Join 10 Days Free Trial\r\n <\/p>\r\n\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0455a8d elementor-widget elementor-widget-html\" data-id=\"0455a8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!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>FAQ Section<\/title>\r\n\r\n<style>\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n --bg: #000000;\r\n --card-bg: #111111;\r\n --card-hover: #151515;\r\n --green: #a4e900;\r\n --white: #ffffff;\r\n --muted: #c9c9c9;\r\n --border: #252525;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n background: var(--bg);\r\n color: var(--white);\r\n font-family: Arial, Helvetica, sans-serif;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* FAQ SECTION *\/\r\n\r\n.faq-section {\r\n width: 100%;\r\n min-height: 100vh;\r\n background: #000000;\r\n padding: 80px 50px;\r\n}\r\n\r\n\/* MAIN LAYOUT *\/\r\n\r\n.faq-container {\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns: 0.8fr 1.2fr;\r\n gap: 70px;\r\n\r\n align-items: start;\r\n}\r\n\r\n\/* LEFT SIDE HEADING *\/\r\n\r\n.faq-header {\r\n width: 100%;\r\n text-align: left;\r\n\r\n position: sticky;\r\n top: 60px;\r\n}\r\n\r\n.faq-logo {\r\n font-size: 64px;\r\n font-weight: 700;\r\n letter-spacing: -2px;\r\n line-height: 1.1;\r\n\r\n color: #ffffff;\r\n margin-bottom: 25px;\r\n}\r\n\r\n.faq-logo span {\r\n font-weight: 400;\r\n}\r\n\r\n.faq-subtitle {\r\n text-align: left;\r\n\r\n font-size: 19px;\r\n line-height: 1.7;\r\n font-weight: 400;\r\n\r\n color: var(--muted);\r\n\r\n max-width: 400px;\r\n margin-bottom: 25px;\r\n}\r\n\r\n\/* SMALL GREEN LINE *\/\r\n\r\n.faq-line {\r\n width: 65px;\r\n height: 4px;\r\n background: var(--green);\r\n border-radius: 10px;\r\n margin-top: 25px;\r\n}\r\n\r\n\/* RIGHT SIDE FAQ CONTAINER *\/\r\n\r\n.faq-content {\r\n width: 100%;\r\n max-width: 780px;\r\n margin-left: auto;\r\n margin-right: 0;\r\n}\r\n\r\n\/* FAQ LIST *\/\r\n\r\n.faq-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n width: 100%;\r\n}\r\n\r\n\/* FAQ BOX *\/\r\n\r\n.faq-item {\r\n width: 100%;\r\n background: var(--card-bg);\r\n\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n\r\n overflow: hidden;\r\n\r\n transition:\r\n background 0.3s ease,\r\n border-color 0.3s ease;\r\n\r\n box-shadow: none;\r\n}\r\n\r\n.faq-item:hover {\r\n background: var(--card-hover);\r\n border-color: #383838;\r\n}\r\n\r\n\/* QUESTION BUTTON *\/\r\n\r\n.faq-question {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n gap: 15px;\r\n\r\n width: 100%;\r\n min-height: 72px;\r\n\r\n padding: 18px 20px;\r\n\r\n background: transparent;\r\n border: none;\r\n outline: none;\r\n\r\n color: #ffffff;\r\n text-align: left;\r\n\r\n font-family: inherit;\r\n font-size: 18px;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n.question-text {\r\n flex: 1;\r\n min-width: 0;\r\n color: #ffffff;\r\n}\r\n\r\n\/* ARROW ICON *\/\r\n\r\n.faq-icon {\r\n width: 36px;\r\n height: 36px;\r\n min-width: 36px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n background: #252529;\r\n border-radius: 12px;\r\n\r\n transition: background 0.3s ease;\r\n}\r\n\r\n.faq-icon svg {\r\n width: 19px;\r\n height: 19px;\r\n\r\n fill: none;\r\n stroke: #ffffff;\r\n stroke-width: 2.5;\r\n\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n\/* ROTATE ARROW *\/\r\n\r\n.faq-item.active .faq-icon svg {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.faq-item.active .faq-icon {\r\n background: #303035;\r\n}\r\n\r\n\/* FAQ ANSWER *\/\r\n\r\n.faq-answer {\r\n display: grid;\r\n grid-template-rows: 0fr;\r\n\r\n transition: grid-template-rows 0.35s ease;\r\n}\r\n\r\n.faq-answer-inner {\r\n overflow: hidden;\r\n}\r\n\r\n.faq-answer p {\r\n padding: 0 20px;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 15px;\r\n line-height: 1.8;\r\n font-weight: 400;\r\n\r\n opacity: 0;\r\n transform: translateY(-5px);\r\n\r\n transition:\r\n opacity 0.25s ease,\r\n transform 0.25s ease,\r\n padding 0.3s ease;\r\n}\r\n\r\n\/* OPEN FAQ *\/\r\n\r\n.faq-item.active .faq-answer {\r\n grid-template-rows: 1fr;\r\n}\r\n\r\n.faq-item.active .faq-answer p {\r\n padding: 0 20px 22px;\r\n\r\n opacity: 1;\r\n transform: translateY(0);\r\n}\r\n\r\n\/* FOCUS EFFECT *\/\r\n\r\n.faq-question:focus-visible {\r\n outline: 2px solid var(--green);\r\n outline-offset: -3px;\r\n border-radius: 15px;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n .faq-section {\r\n padding: 60px 30px;\r\n }\r\n\r\n .faq-container {\r\n grid-template-columns: 0.75fr 1.25fr;\r\n gap: 35px;\r\n }\r\n\r\n .faq-logo {\r\n font-size: 48px;\r\n }\r\n\r\n .faq-subtitle {\r\n font-size: 17px;\r\n }\r\n\r\n .faq-question {\r\n font-size: 16px;\r\n min-height: 65px;\r\n padding: 15px 16px;\r\n }\r\n\r\n .faq-answer p {\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n .faq-section {\r\n padding: 45px 18px;\r\n }\r\n\r\n .faq-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n \/* HEADING LEFT ON MOBILE *\/\r\n\r\n .faq-header {\r\n position: relative;\r\n top: auto;\r\n width: 100%;\r\n text-align: left;\r\n }\r\n\r\n .faq-logo {\r\n font-size: 40px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .faq-subtitle {\r\n text-align: left;\r\n font-size: 16px;\r\n line-height: 1.7;\r\n max-width: 100%;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .faq-line {\r\n margin-top: 20px;\r\n }\r\n\r\n \/* FAQ BOXES *\/\r\n\r\n .faq-content {\r\n width: 100%;\r\n max-width: 100%;\r\n margin: 0;\r\n }\r\n\r\n .faq-list {\r\n gap: 12px;\r\n }\r\n\r\n .faq-item {\r\n border-radius: 15px;\r\n }\r\n\r\n .faq-question {\r\n min-height: 62px;\r\n padding: 13px 14px;\r\n gap: 10px;\r\n\r\n font-size: 16px;\r\n line-height: 1.5;\r\n }\r\n\r\n .faq-icon {\r\n width: 32px;\r\n height: 32px;\r\n min-width: 32px;\r\n border-radius: 10px;\r\n }\r\n\r\n .faq-icon svg {\r\n width: 17px;\r\n height: 17px;\r\n }\r\n\r\n .faq-answer p {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n }\r\n\r\n .faq-item.active .faq-answer p {\r\n padding: 0 14px 18px;\r\n }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n transition: none !important;\r\n animation: none !important;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"faq-section\">\r\n\r\n <div class=\"faq-container\">\r\n\r\n \r\n\r\n <div class=\"faq-header\">\r\n\r\n <div class=\"faq-logo\">\r\n F<span>AQ<\/span>\r\n <\/div>\r\n\r\n <p class=\"faq-subtitle\">\r\n Have questions about the program?\r\n Find answers to common questions below.\r\n <\/p>\r\n\r\n <div class=\"faq-line\"><\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-content\">\r\n\r\n <div class=\"faq-list\">\r\n\r\n \r\n\r\n <div class=\"faq-item active\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"true\">\r\n\r\n <span class=\"question-text\">\r\n I have zero technical background. Will this work for me?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n Yes. 63% of our successful Members had zero\r\n technical background. If you can use Google\r\n and WhatsApp, you can do this.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"false\">\r\n\r\n <span class=\"question-text\">\r\n I don't have a laptop. Can I do this on mobile?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n You can start learning many AI tools using your\r\n mobile phone. Some advanced projects may require\r\n a laptop for a smoother experience.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"false\">\r\n\r\n <span class=\"question-text\">\r\n What if I can't attend every Saturday class?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n You can catch up with available class recordings\r\n and learning materials. You can continue learning\r\n at your own pace.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"false\">\r\n\r\n <span class=\"question-text\">\r\n Will you help me get clients?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n Learn how to build a portfolio, identify potential\r\n clients, present your services, and approach\r\n businesses.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"false\">\r\n\r\n <span class=\"question-text\">\r\n Can I pay in installments?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n Installment options depend on the available\r\n enrollment plans. Contact our team for current\r\n payment options and eligibility.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n <button class=\"faq-question\"\r\n type=\"button\"\r\n aria-expanded=\"false\">\r\n\r\n <span class=\"question-text\">\r\n What's the refund policy?\r\n <\/span>\r\n\r\n <span class=\"faq-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M6 9l6 6 6-6\"\/>\r\n <\/svg>\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-inner\">\r\n <p>\r\n Refund eligibility depends on the program's\r\n official refund policy. Please review the\r\n enrollment terms or contact support.\r\n <\/p>\r\n <\/div>\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<\/section>\r\n\r\n\r\n\r\n<script>\r\nconst faqItems = document.querySelectorAll(\".faq-item\");\r\n\r\nfaqItems.forEach((item) => {\r\n\r\n const question = item.querySelector(\".faq-question\");\r\n\r\n question.addEventListener(\"click\", () => {\r\n\r\n const wasOpen = item.classList.contains(\"active\");\r\n\r\n \/\/ Close all FAQ boxes\r\n\r\n faqItems.forEach((faq) => {\r\n\r\n faq.classList.remove(\"active\");\r\n\r\n faq.querySelector(\".faq-question\")\r\n .setAttribute(\"aria-expanded\", \"false\");\r\n\r\n });\r\n\r\n \/\/ Open clicked FAQ\r\n\r\n if (!wasOpen) {\r\n\r\n item.classList.add(\"active\");\r\n\r\n question.setAttribute(\"aria-expanded\", \"true\");\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-f6afb0a elementor-widget elementor-widget-html\" data-id=\"f6afb0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\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>AI Certified Expert AI Will Replace You In The Next 12 Months… Unless You Become The One Who Uses It…<\/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-209","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/pages\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/comments?post=209"}],"version-history":[{"count":47,"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":463,"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/pages\/209\/revisions\/463"}],"wp:attachment":[{"href":"https:\/\/c.texofts.com\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}