{"id":91,"date":"2026-09-26T04:47:07","date_gmt":"2026-09-26T04:47:07","guid":{"rendered":"https:\/\/c.texofts.com\/?page_id=91"},"modified":"2026-09-26T10:20:13","modified_gmt":"2026-09-26T10:20:13","slug":"programs","status":"publish","type":"page","link":"https:\/\/c.texofts.com\/?page_id=91","title":{"rendered":"Programs"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nAI Career Switch Program<\/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:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\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\/* =========================================\r\n HERO SECTION\r\n========================================= *\/\r\n\r\n.ai-career-hero{\r\n position:relative;\r\n width:100%;\r\n min-height:755px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n text-align:center;\r\n overflow:hidden;\r\n\r\n background:#000;\r\n}\r\n\r\n\r\n\/* =========================================\r\n BACKGROUND IMAGE\r\n========================================= *\/\r\n\r\n.ai-career-bg{\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n z-index:0;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n object-position:center center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n DARK IMAGE OVERLAY\r\n========================================= *\/\r\n\r\n.ai-career-overlay{\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:1;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,0,0,.72) 0%,\r\n rgba(0,0,0,.60) 40%,\r\n rgba(0,0,0,.82) 100%\r\n ),\r\n radial-gradient(\r\n ellipse at center bottom,\r\n rgba(0,90,0,.30) 0%,\r\n rgba(0,0,0,0) 65%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTENT\r\n========================================= *\/\r\n\r\n.ai-career-content{\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n width:100%;\r\n\r\n max-width:1250px;\r\n\r\n margin:0 auto;\r\n\r\n padding:90px 25px 80px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n MAIN HEADING\r\n========================================= *\/\r\n\r\n.ai-career-title{\r\n max-width:1250px;\r\n\r\n margin:0 auto;\r\n\r\n color:#fff;\r\n\r\n font-size:clamp(48px,5.2vw,54px);\r\n\r\n line-height:1.17;\r\n\r\n letter-spacing:-3.5px;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================\r\n SUBTITLE\r\n========================================= *\/\r\n\r\n.ai-career-subtitle{\r\n margin:34px auto 0;\r\n\r\n color:#c9c9c9;\r\n\r\n font-size:clamp(18px,1.55vw,20px);\r\n\r\n line-height:1.5;\r\n\r\n font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TRUST STATS\r\n========================================= *\/\r\n\r\n.ai-career-stats{\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:34px;\r\n\r\n margin-top:58px;\r\n}\r\n\r\n\r\n.ai-career-stat{\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n color:#cfcfcf;\r\n\r\n font-size:16px;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n STAT ICONS\r\n========================================= *\/\r\n\r\n.stat-icon{\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n width:25px;\r\n height:25px;\r\n\r\n color:#baff00;\r\n\r\n font-size:23px;\r\n\r\n line-height:1;\r\n}\r\n\r\n\r\n.stat-star{\r\n color:#ffc400;\r\n\r\n font-size:24px;\r\n}\r\n\r\n\r\n.stat-people{\r\n color:#baff00;\r\n\r\n font-size:25px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n .ai-career-hero{\r\n min-height:680px;\r\n }\r\n\r\n .ai-career-content{\r\n padding:75px 20px 65px;\r\n }\r\n\r\n .ai-career-title{\r\n letter-spacing:-2px;\r\n }\r\n\r\n .ai-career-stats{\r\n gap:20px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n .ai-career-hero{\r\n min-height:620px;\r\n }\r\n\r\n .ai-career-content{\r\n padding:65px 17px 55px;\r\n }\r\n\r\n .ai-career-title{\r\n font-size:39px;\r\n\r\n line-height:1.16;\r\n\r\n letter-spacing:-1.6px;\r\n }\r\n\r\n .ai-career-subtitle{\r\n margin-top:22px;\r\n\r\n font-size:16px;\r\n\r\n line-height:1.55;\r\n }\r\n\r\n .ai-career-stats{\r\n flex-direction:column;\r\n\r\n gap:14px;\r\n\r\n margin-top:40px;\r\n }\r\n\r\n .ai-career-stat{\r\n font-size:14px;\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:420px){\r\n\r\n .ai-career-title{\r\n font-size:34px;\r\n }\r\n\r\n .ai-career-hero{\r\n min-height:590px;\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<!-- =========================================\r\n AI CAREER SWITCH HERO\r\n========================================= -->\r\n\r\n<section class=\"ai-career-hero\" id=\"ai-career\">\r\n\r\n\r\n <!-- =======================================\r\n BACKGROUND IMAGE SRC\r\n \r\n YAHAN APNI IMAGE KA URL \/ PATH LAGAYEN\r\n ======================================== -->\r\n\r\n <img decoding=\"async\"\r\n class=\"ai-career-bg\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fbanner-background.png&w=1920&q=100&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n alt=\"AI Career Switch Program Background\"\r\n >\r\n\r\n\r\n <!-- DARK OVERLAY -->\r\n\r\n <div class=\"ai-career-overlay\"><\/div>\r\n\r\n\r\n <!-- CONTENT -->\r\n\r\n <div class=\"ai-career-content\">\r\n\r\n\r\n <!-- MAIN HEADING -->\r\n\r\n <h1 class=\"ai-career-title\">\r\n\r\n AI Career Switch Program:<br>\r\n\r\n From Non-Tech Background to<br>\r\n\r\n AI Roles\r\n\r\n <\/h1>\r\n\r\n\r\n <!-- SUBTITLE -->\r\n\r\n <p class=\"ai-career-subtitle\">\r\n\r\n Switch to an AI Career Your Non-Tech Background Is Your Advantage\r\n\r\n <\/p>\r\n\r\n\r\n <!-- TRUST STATS -->\r\n\r\n <div class=\"ai-career-stats\">\r\n\r\n\r\n <!-- VERIFIED INSTITUTE -->\r\n\r\n <div class=\"ai-career-stat\">\r\n\r\n <span class=\"stat-icon\">\r\n \u2713\r\n <\/span>\r\n\r\n <span>\r\n Verified Institute\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- RATING -->\r\n\r\n <div class=\"ai-career-stat\">\r\n\r\n <span class=\"stat-icon stat-star\">\r\n \u2605\r\n <\/span>\r\n\r\n <span>\r\n 4.9\/5 Rating\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- STUDENTS -->\r\n\r\n <div class=\"ai-career-stat\">\r\n\r\n <span class=\"stat-icon stat-people\">\r\n \u2667\r\n <\/span>\r\n\r\n <span>\r\n 10,000+ Students\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\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-67597b8 elementor-widget elementor-widget-html\" data-id=\"67597b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n WEBSITE-WIDE FIXED LEFT BOTTOM GREEN SHADOW\r\n SAME STYLE AS HERO SECTION\r\n========================================================= -->\r\n\r\n<div id=\"website-left-green-shadow\" aria-hidden=\"true\"><\/div>\r\n\r\n<style>\r\n\r\n#website-left-green-shadow{\r\n\r\n position: fixed !important;\r\n\r\n left: 0 !important;\r\n bottom: 0 !important;\r\n\r\n width: 80vw !important;\r\n height: 520px !important;\r\n\r\n \/*\r\n HERO SECTION JESA\r\n LEFT-BOTTOM GREEN GLOW\r\n *\/\r\n\r\n background:\r\n radial-gradient(\r\n ellipse at 12% 100%,\r\n\r\n rgba(0,169,20,.66) 0%,\r\n\r\n rgba(0,120,14,.47) 25%,\r\n\r\n rgba(0,70,8,.25) 48%,\r\n\r\n rgba(0,35,5,.09) 67%,\r\n\r\n transparent 82%\r\n ) !important;\r\n\r\n \/*\r\n SOFT SHADOW\r\n *\/\r\n\r\n filter: blur(25px) !important;\r\n\r\n opacity: .78 !important;\r\n\r\n \/*\r\n WEBSITE KE HAR PAGE\/SECTION\r\n KE UPAR FIXED RAHE\r\n *\/\r\n\r\n z-index: 999997 !important;\r\n\r\n pointer-events: none !important;\r\n\r\n margin: 0 !important;\r\n\r\n padding: 0 !important;\r\n\r\n transform: none !important;\r\n\r\n border: 0 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n #website-left-green-shadow{\r\n\r\n width: 80vw !important;\r\n\r\n height: 400px !important;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n #website-left-green-shadow{\r\n\r\n width: 80vw !important;\r\n\r\n height: 320px !important;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d13abf elementor-widget elementor-widget-html\" data-id=\"6d13abf\" 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>Our Programs<\/title>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n RESET \u2014 SCOPED\r\n========================================================= *\/\r\n\r\n#ai-programs,\r\n#ai-programs *{\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRAMS SECTION\r\n========================================================= *\/\r\n\r\n#ai-programs{\r\n width:100%;\r\n position:relative;\r\n\r\n padding:35px 18px 70px;\r\n\r\n background:#000;\r\n\r\n overflow:hidden;\r\n\r\n \/*\r\n TOP BLACK SHADOW \/ DEPTH\r\n *\/\r\n box-shadow:\r\n inset 0 18px 35px rgba(0,0,0,.85);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP SHADOW\r\n========================================================= *\/\r\n\r\n#ai-programs::before{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n left:0;\r\n right:0;\r\n\r\n height:55px;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n rgba(0,0,0,.95),\r\n rgba(0,0,0,.45),\r\n transparent\r\n );\r\n\r\n pointer-events:none;\r\n\r\n z-index:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADING\r\n========================================================= *\/\r\n\r\n.ai-programs-title{\r\n position:relative;\r\n z-index:2;\r\n\r\n margin:0 0 30px;\r\n\r\n text-align:center;\r\n\r\n font-size:\r\n clamp(38px,4vw,48px);\r\n\r\n line-height:1.1;\r\n\r\n font-weight:700;\r\n\r\n letter-spacing:-2px;\r\n\r\n color:#fff;\r\n\r\n text-shadow:\r\n 0 8px 25px rgba(0,0,0,.8);\r\n}\r\n\r\n.ai-programs-title span{\r\n color:#9cff00;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRAMS GRID\r\n DESKTOP = 3 COLUMNS\r\n========================================================= *\/\r\n\r\n.ai-programs-grid{\r\n width:100%;\r\n\r\n max-width:1450px;\r\n\r\n margin:0 auto;\r\n\r\n display:grid;\r\n\r\n \/*\r\n 3 EQUAL COLUMNS\r\n\r\n Column 1 = Program 1\r\n Column 2 = Program 2\r\n Column 3 = EMPTY SPACE\r\n *\/\r\n\r\n grid-template-columns:\r\n repeat(3,minmax(0,1fr));\r\n\r\n gap:40px;\r\n\r\n align-items:start;\r\n\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EMPTY THIRD COLUMN\r\n========================================================= *\/\r\n\r\n.ai-program-empty{\r\n width:100%;\r\n min-height:1px;\r\n\r\n \/*\r\n IMPORTANT:\r\n This column intentionally stays empty.\r\n Its width\/space remains reserved.\r\n *\/\r\n\r\n display:block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CLICKABLE PROGRAM CARD\r\n========================================================= *\/\r\n\r\n.ai-program-card{\r\n width:100%;\r\n\r\n display:block;\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n text-decoration:none;\r\n\r\n color:#fff;\r\n\r\n background:#000;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,.12);\r\n\r\n border-radius:26px;\r\n\r\n transform:\r\n perspective(1200px)\r\n translateZ(0);\r\n\r\n transform-style:preserve-3d;\r\n\r\n transition:\r\n transform .55s\r\n cubic-bezier(.2,.8,.2,1),\r\n\r\n border-color .4s ease,\r\n\r\n box-shadow .55s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD HOVER\r\n========================================================= *\/\r\n\r\n.ai-program-card:hover{\r\n\r\n transform:\r\n perspective(1200px)\r\n translateY(-10px)\r\n translateZ(25px)\r\n rotateX(1deg)\r\n rotateY(-1deg)\r\n scale(1.015);\r\n\r\n border-color:\r\n rgba(156,255,0,.45);\r\n\r\n box-shadow:\r\n 0 25px 60px\r\n rgba(0,0,0,.55),\r\n\r\n 0 0 35px\r\n rgba(156,255,0,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE AREA\r\n========================================================= *\/\r\n\r\n.ai-program-image{\r\n width:100%;\r\n\r\n height:325px;\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n background:#151515;\r\n\r\n border-radius:\r\n 25px\r\n 25px\r\n 0\r\n 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRAM IMAGE\r\n========================================================= *\/\r\n\r\n.ai-program-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 transform:\r\n scale(1.001)\r\n translateZ(0);\r\n\r\n transition:\r\n transform .8s\r\n cubic-bezier(.2,.8,.2,1),\r\n\r\n filter .6s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE HOVER ZOOM\r\n========================================================= *\/\r\n\r\n.ai-program-card:hover\r\n.ai-program-image img{\r\n\r\n transform:\r\n scale(1.10)\r\n translateZ(25px);\r\n\r\n filter:\r\n brightness(1.08)\r\n saturate(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DARK IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.ai-program-image::after{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n\r\n height:45%;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n transparent,\r\n rgba(0,0,0,.70)\r\n );\r\n\r\n pointer-events:none;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GREEN IMAGE GLOW ON HOVER\r\n========================================================= *\/\r\n\r\n.ai-program-image::before{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(156,255,0,.08),\r\n transparent 45%\r\n );\r\n\r\n opacity:0;\r\n\r\n transition:\r\n opacity .5s ease;\r\n\r\n pointer-events:none;\r\n\r\n z-index:3;\r\n}\r\n\r\n.ai-program-card:hover\r\n.ai-program-image::before{\r\n opacity:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n UPCOMING BADGE\r\n========================================================= *\/\r\n\r\n.ai-upcoming{\r\n position:absolute;\r\n\r\n top:140px;\r\n left:50%;\r\n\r\n transform:\r\n translateX(-50%);\r\n\r\n z-index:8;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:\r\n 9px\r\n 14px;\r\n\r\n background:#000;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,.18);\r\n\r\n border-radius:30px;\r\n\r\n color:#fff;\r\n\r\n font-size:15px;\r\n\r\n white-space:nowrap;\r\n\r\n box-shadow:\r\n 0 8px 25px\r\n rgba(0,0,0,.35);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LOCK ICON\r\n========================================================= *\/\r\n\r\n.ai-lock{\r\n width:16px;\r\n height:16px;\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n\r\n border:\r\n 2px solid\r\n #fff;\r\n\r\n border-radius:3px;\r\n\r\n margin-left:2px;\r\n}\r\n\r\n.ai-lock::before{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:8px;\r\n height:7px;\r\n\r\n left:2px;\r\n top:-8px;\r\n\r\n border:\r\n 2px solid\r\n #fff;\r\n\r\n border-bottom:0;\r\n\r\n border-radius:\r\n 8px\r\n 8px\r\n 0\r\n 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE BOTTOM INFO\r\n========================================================= *\/\r\n\r\n.ai-program-meta{\r\n position:absolute;\r\n\r\n left:12px;\r\n bottom:12px;\r\n\r\n z-index:7;\r\n\r\n padding:\r\n 8px\r\n 12px;\r\n\r\n background:\r\n rgba(0,0,0,.78);\r\n\r\n border-radius:20px;\r\n\r\n color:#fff;\r\n\r\n font-size:14px;\r\n\r\n font-weight:600;\r\n\r\n backdrop-filter:blur(8px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRAM DETAILS\r\n========================================================= *\/\r\n\r\n.ai-program-details{\r\n min-height:128px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:18px;\r\n\r\n padding:\r\n 20px\r\n 22px;\r\n\r\n background:#000;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRAM LOGO\r\n========================================================= *\/\r\n\r\n.ai-program-logo{\r\n width:66px;\r\n height:66px;\r\n\r\n flex:0 0 66px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n #333 0%,\r\n #181818 70%,\r\n #101010 100%\r\n );\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,.12);\r\n\r\n box-shadow:\r\n inset 0 0 15px\r\n rgba(255,255,255,.04);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LOGO IMAGE\r\n========================================================= *\/\r\n\r\n.ai-program-logo img{\r\n width:100%;\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 PROGRAM TEXT\r\n========================================================= *\/\r\n\r\n.ai-program-info{\r\n min-width:0;\r\n}\r\n\r\n.ai-program-name{\r\n margin:0 0 5px;\r\n\r\n font-size:22px;\r\n\r\n line-height:1.15;\r\n\r\n font-weight:700;\r\n\r\n color:#fff;\r\n}\r\n\r\n.ai-program-instructor{\r\n margin:0;\r\n\r\n font-size:16px;\r\n\r\n line-height:1.4;\r\n\r\n color:#aaa;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HOVER ARROW\r\n========================================================= *\/\r\n\r\n.ai-program-arrow{\r\n margin-left:auto;\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n flex:0 0 42px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n background:#171717;\r\n\r\n color:#9cff00;\r\n\r\n font-size:20px;\r\n\r\n opacity:.65;\r\n\r\n transform:\r\n translateX(0);\r\n\r\n transition:\r\n transform .4s ease,\r\n background .4s ease,\r\n opacity .4s ease;\r\n}\r\n\r\n.ai-program-card:hover\r\n.ai-program-arrow{\r\n\r\n transform:\r\n translateX(5px);\r\n\r\n background:#9cff00;\r\n\r\n color:#000;\r\n\r\n opacity:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD SHINE\r\n========================================================= *\/\r\n\r\n.ai-program-card::before{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n left:-120%;\r\n\r\n width:70%;\r\n height:100%;\r\n\r\n z-index:20;\r\n\r\n pointer-events:none;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(255,255,255,.12),\r\n transparent\r\n );\r\n\r\n transform:\r\n skewX(-18deg);\r\n\r\n transition:\r\n left .8s ease;\r\n}\r\n\r\n.ai-program-card:hover::before{\r\n left:140%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n 2 COLUMNS\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n .ai-programs-grid{\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n\r\n gap:28px;\r\n }\r\n\r\n \/*\r\n Empty column remains empty but\r\n moves below cards naturally.\r\n *\/\r\n\r\n .ai-program-empty{\r\n display:block;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n #ai-programs{\r\n padding:\r\n 35px\r\n 14px\r\n 60px;\r\n }\r\n\r\n .ai-programs-grid{\r\n\r\n grid-template-columns:\r\n 1fr;\r\n\r\n max-width:650px;\r\n\r\n gap:28px;\r\n }\r\n\r\n \/*\r\n On mobile\/tablet the empty third\r\n column is hidden so it doesn't create\r\n unnecessary blank vertical space.\r\n *\/\r\n\r\n .ai-program-empty{\r\n display:none;\r\n }\r\n\r\n .ai-program-image{\r\n height:330px;\r\n }\r\n\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-programs{\r\n padding:\r\n 30px\r\n 12px\r\n 50px;\r\n }\r\n\r\n .ai-programs-title{\r\n\r\n margin-bottom:25px;\r\n\r\n font-size:38px;\r\n\r\n letter-spacing:-1.5px;\r\n }\r\n\r\n .ai-programs-grid{\r\n gap:22px;\r\n }\r\n\r\n .ai-program-card{\r\n border-radius:20px;\r\n }\r\n\r\n .ai-program-image{\r\n\r\n height:250px;\r\n\r\n border-radius:\r\n 19px\r\n 19px\r\n 0\r\n 0;\r\n }\r\n\r\n .ai-upcoming{\r\n\r\n top:100px;\r\n\r\n font-size:13px;\r\n\r\n padding:\r\n 8px\r\n 12px;\r\n }\r\n\r\n .ai-program-meta{\r\n\r\n font-size:12px;\r\n\r\n left:10px;\r\n bottom:10px;\r\n }\r\n\r\n .ai-program-details{\r\n\r\n min-height:105px;\r\n\r\n padding:\r\n 16px;\r\n\r\n gap:12px;\r\n }\r\n\r\n .ai-program-logo{\r\n\r\n width:55px;\r\n height:55px;\r\n\r\n flex-basis:55px;\r\n }\r\n\r\n .ai-program-name{\r\n font-size:18px;\r\n }\r\n\r\n .ai-program-instructor{\r\n font-size:14px;\r\n }\r\n\r\n .ai-program-arrow{\r\n\r\n width:35px;\r\n height:35px;\r\n\r\n flex-basis:35px;\r\n\r\n font-size:17px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n .ai-program-card,\r\n .ai-program-card *,\r\n .ai-program-card::before{\r\n\r\n transition:none !important;\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<!-- =======================================================\r\n OUR PROGRAMS\r\n======================================================= -->\r\n\r\n<section id=\"ai-programs\">\r\n\r\n\r\n <!-- HEADING -->\r\n\r\n <h2 class=\"ai-programs-title\">\r\n Our <span>Programs<\/span>\r\n <\/h2>\r\n\r\n\r\n <!-- =====================================================\r\n 3 COLUMN GRID\r\n\r\n COLUMN 1 = CARD\r\n COLUMN 2 = CARD\r\n COLUMN 3 = EMPTY\r\n ====================================================== -->\r\n\r\n <div class=\"ai-programs-grid\">\r\n\r\n\r\n <!-- ===================================================\r\n COLUMN 1 \u2014 PROGRAM 1\r\n ==================================================== -->\r\n\r\n <a\r\n class=\"ai-program-card\"\r\n href=\"\/ai-in-hands\/\"\r\n target=\"_self\"\r\n aria-label=\"Open AI in Hands program\"\r\n >\r\n\r\n <div class=\"ai-program-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fprograms-16x9.jpg&w=1920&q=75&dpl=dpl_3TSUHN5B584WvifstyJ2FUSPYq38\"\r\n alt=\"AI in Hands\"\r\n >\r\n\r\n <div class=\"ai-program-meta\">\r\n All Levels \u00b7 12 weeks\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-program-details\">\r\n\r\n <div class=\"ai-program-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ficons%2Fproject_ai_badge.png&w=128&q=55&dpl=dpl_3TSUHN5B584WvifstyJ2FUSPYq38\"\r\n alt=\"AI in Hands Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-program-info\">\r\n\r\n <h3 class=\"ai-program-name\">\r\n AI in Hands\r\n <\/h3>\r\n\r\n <p class=\"ai-program-instructor\">\r\n Instructor: Badar Munir\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-program-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n <!-- ===================================================\r\n COLUMN 2 \u2014 PROGRAM 2\r\n ==================================================== -->\r\n\r\n <a\r\n class=\"ai-program-card\"\r\n href=\"\/be-a-founder\/\"\r\n target=\"_self\"\r\n aria-label=\"Open Be A Founder program\"\r\n >\r\n\r\n <div class=\"ai-program-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fbe_aa_founder.jpg&w=1920&q=75&dpl=dpl_3TSUHN5B584WvifstyJ2FUSPYq38\"\r\n alt=\"Be A Founder\"\r\n >\r\n\r\n\r\n <div class=\"ai-upcoming\">\r\n\r\n <span>\r\n Upcoming\r\n <\/span>\r\n\r\n <span class=\"ai-lock\"><\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-program-meta\">\r\n Intermediate \u00b7 12 weeks\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-program-details\">\r\n\r\n <div class=\"ai-program-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ficons%2FRocket_Icon.png&w=128&q=55&dpl=dpl_3TSUHN5B584WvifstyJ2FUSPYq38\"\r\n alt=\"Be A Founder Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-program-info\">\r\n\r\n <h3 class=\"ai-program-name\">\r\n Be A Founder\r\n <\/h3>\r\n\r\n <p class=\"ai-program-instructor\">\r\n Instructor: Badar Munir\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"ai-program-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n <!-- ===================================================\r\n COLUMN 3 \u2014 INTENTIONALLY EMPTY\r\n \r\n Space is fully reserved here.\r\n ==================================================== -->\r\n\r\n <div\r\n class=\"ai-program-empty\"\r\n aria-hidden=\"true\"\r\n ><\/div>\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-22ceca1 elementor-widget elementor-widget-html\" data-id=\"22ceca1\" 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>Free Resources<\/title>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n RESET\r\n========================================================= *\/\r\n\r\n#free-resources,\r\n#free-resources *{\r\n box-sizing:border-box;\r\n}\r\n\r\n#free-resources{\r\n width:100%;\r\n margin:0;\r\n padding:70px 50px 70px;\r\n\r\n position:relative;\r\n\r\n background:#000;\r\n\r\n color:#fff;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADING\r\n========================================================= *\/\r\n\r\n#free-resources .free-resources-heading{\r\n margin:0;\r\n\r\n text-align:center;\r\n\r\n color:#fff;\r\n\r\n font-size:\r\n clamp(38px,4vw,46px);\r\n\r\n line-height:1.1;\r\n\r\n font-weight:700;\r\n\r\n letter-spacing:-1.8px;\r\n}\r\n\r\n#free-resources .free-resources-heading span{\r\n color:#9cff00;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUB HEADING\r\n========================================================= *\/\r\n\r\n#free-resources .free-resources-subheading{\r\n margin:\r\n 24px auto\r\n 52px;\r\n\r\n max-width:900px;\r\n\r\n text-align:center;\r\n\r\n color:#b5b5b5;\r\n\r\n font-size:20px;\r\n\r\n line-height:1.5;\r\n\r\n font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESOURCE GRID\r\n========================================================= *\/\r\n\r\n#free-resources .resources-grid{\r\n width:100%;\r\n\r\n max-width:1880px;\r\n\r\n margin:0 auto;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(4,minmax(0,1fr));\r\n\r\n gap:30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESOURCE CARD\r\n========================================================= *\/\r\n\r\n#free-resources .resource-card{\r\n\r\n width:100%;\r\n\r\n min-height:485px;\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n overflow:hidden;\r\n\r\n background:#111010;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,.08);\r\n\r\n border-radius:25px;\r\n\r\n text-decoration:none;\r\n\r\n color:#fff;\r\n\r\n cursor:pointer;\r\n\r\n transform:\r\n perspective(1400px)\r\n translateZ(0);\r\n\r\n transform-style:preserve-3d;\r\n\r\n box-shadow:\r\n 0 0 0 rgba(0,0,0,0);\r\n\r\n transition:\r\n transform .55s\r\n cubic-bezier(.2,.8,.2,1),\r\n\r\n border-color .4s ease,\r\n\r\n box-shadow .55s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FULL BOX HOVER SHADOW\r\n========================================================= *\/\r\n\r\n#free-resources .resource-card:hover{\r\n\r\n transform:\r\n perspective(1400px)\r\n translateY(-10px)\r\n translateZ(20px)\r\n rotateX(1deg)\r\n rotateY(-1deg);\r\n\r\n border-color:\r\n rgba(156,255,0,.35);\r\n\r\n \/* SHADOW AROUND COMPLETE BOX *\/\r\n\r\n box-shadow:\r\n\r\n 0 18px 45px\r\n rgba(0,0,0,.65),\r\n\r\n 0 0 0 1px\r\n rgba(156,255,0,.12),\r\n\r\n 0 0 35px\r\n rgba(156,255,0,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESOURCE TITLE\r\n========================================================= *\/\r\n\r\n#free-resources .resource-title{\r\n\r\n width:100%;\r\n\r\n margin:0;\r\n\r\n padding:\r\n 28px\r\n 15px\r\n 0;\r\n\r\n text-align:center;\r\n\r\n font-size:20px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:700;\r\n\r\n color:#fff;\r\n\r\n position:relative;\r\n\r\n z-index:10;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE AREA\r\n========================================================= *\/\r\n\r\n#free-resources .book-area{\r\n\r\n width:100%;\r\n\r\n height:330px;\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n perspective:1400px;\r\n\r\n overflow:visible;\r\n\r\n background:transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n 3D IMAGE WRAPPER\r\n========================================================= *\/\r\n\r\n#free-resources .book-scene{\r\n\r\n width:230px;\r\n\r\n height:285px;\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n perspective:1400px;\r\n\r\n transform-style:preserve-3d;\r\n\r\n background:transparent;\r\n\r\n transition:\r\n transform .7s\r\n cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOOK IMAGE CONTAINER\r\n========================================================= *\/\r\n\r\n#free-resources .book-image{\r\n\r\n width:100%;\r\n\r\n height:100%;\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 background:transparent;\r\n\r\n transform-style:preserve-3d;\r\n\r\n filter:none;\r\n\r\n transition:\r\n transform .75s\r\n cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FULL IMAGE\r\n========================================================= *\/\r\n\r\n#free-resources .book-image img{\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:contain;\r\n\r\n object-position:center;\r\n\r\n background:transparent;\r\n\r\n border:0;\r\n\r\n outline:0;\r\n\r\n box-shadow:none;\r\n\r\n transform:\r\n translateZ(0);\r\n\r\n transition:\r\n transform .75s\r\n cubic-bezier(.2,.8,.2,1),\r\n\r\n filter .5s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NORMAL 3D HOVER\r\n========================================================= *\/\r\n\r\n#free-resources .resource-card:hover .book-scene{\r\n\r\n transform:\r\n translateY(-8px)\r\n translateZ(15px);\r\n}\r\n\r\n\r\n#free-resources .resource-card:hover .book-image{\r\n\r\n transform:\r\n rotateY(-14deg)\r\n rotateX(4deg)\r\n translateY(-12px)\r\n translateZ(30px)\r\n scale(1.06);\r\n\r\n filter:none;\r\n}\r\n\r\n\r\n#free-resources .resource-card:hover .book-image img{\r\n\r\n transform:\r\n scale(1.035);\r\n\r\n filter:\r\n brightness(1.07)\r\n saturate(1.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMPORTANT:\r\n NO IMAGE SHINE LINE\r\n========================================================= *\/\r\n\r\n#free-resources .book-image::after{\r\n\r\n display:none !important;\r\n\r\n content:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMPORTANT:\r\n NO CARD MOVING SHINE LINE\r\n========================================================= *\/\r\n\r\n#free-resources .resource-card::before{\r\n\r\n display:none !important;\r\n\r\n content:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESOURCE BUTTON\r\n========================================================= *\/\r\n\r\n#free-resources .resource-button{\r\n\r\n width:\r\n calc(100% - 10px);\r\n\r\n min-height:62px;\r\n\r\n margin:\r\n auto\r\n 5px\r\n 5px;\r\n\r\n padding:\r\n 10px\r\n 15px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n border-radius:18px;\r\n\r\n background:#222224;\r\n\r\n color:#9cff00;\r\n\r\n font-size:18px;\r\n\r\n font-weight:700;\r\n\r\n line-height:1.2;\r\n\r\n text-align:center;\r\n\r\n position:relative;\r\n\r\n z-index:10;\r\n\r\n transition:\r\n background .35s ease,\r\n\r\n color .35s ease,\r\n\r\n transform .35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUTTON HOVER\r\n========================================================= *\/\r\n\r\n#free-resources .resource-card:hover\r\n.resource-button{\r\n\r\n background:#29292b;\r\n\r\n color:#9cff00;\r\n\r\n transform:\r\n translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n #free-resources .resources-grid{\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n\r\n max-width:900px;\r\n\r\n gap:25px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:650px){\r\n\r\n #free-resources{\r\n\r\n padding:\r\n 50px\r\n 12px\r\n 50px;\r\n }\r\n\r\n\r\n #free-resources .free-resources-heading{\r\n\r\n font-size:38px;\r\n }\r\n\r\n\r\n #free-resources .free-resources-subheading{\r\n\r\n margin:\r\n 20px auto\r\n 35px;\r\n\r\n padding:\r\n 0 10px;\r\n\r\n font-size:16px;\r\n }\r\n\r\n\r\n #free-resources .resources-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n max-width:450px;\r\n\r\n gap:22px;\r\n }\r\n\r\n\r\n #free-resources .resource-card{\r\n\r\n min-height:470px;\r\n }\r\n\r\n\r\n #free-resources .resource-title{\r\n\r\n font-size:19px;\r\n\r\n padding-top:25px;\r\n }\r\n\r\n\r\n #free-resources .book-area{\r\n\r\n height:315px;\r\n }\r\n\r\n\r\n #free-resources .book-scene{\r\n\r\n width:220px;\r\n\r\n height:280px;\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:430px){\r\n\r\n #free-resources .resource-card{\r\n\r\n min-height:450px;\r\n }\r\n\r\n\r\n #free-resources .book-area{\r\n\r\n height:300px;\r\n }\r\n\r\n\r\n #free-resources .book-scene{\r\n\r\n width:205px;\r\n\r\n height:265px;\r\n }\r\n\r\n\r\n #free-resources .resource-card:hover .book-image{\r\n\r\n transform:\r\n rotateY(-10deg)\r\n rotateX(3deg)\r\n translateY(-9px)\r\n translateZ(25px)\r\n scale(1.03);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n #free-resources .resource-card,\r\n\r\n #free-resources .resource-card *{\r\n\r\n transition:none !important;\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<!-- =======================================================\r\n FREE RESOURCES\r\n======================================================= -->\r\n\r\n<section id=\"free-resources\">\r\n\r\n\r\n <!-- =====================================================\r\n HEADING\r\n ====================================================== -->\r\n\r\n <h2 class=\"free-resources-heading\">\r\n Free <span>Resources<\/span>\r\n <\/h2>\r\n\r\n\r\n <!-- =====================================================\r\n DESCRIPTION\r\n ====================================================== -->\r\n\r\n <p class=\"free-resources-subheading\">\r\n Videos, eBooks, Guides, Templates, Downloads & more to help you succeed:\r\n <\/p>\r\n\r\n\r\n <!-- =====================================================\r\n RESOURCE GRID\r\n ====================================================== -->\r\n\r\n <div class=\"resources-grid\">\r\n\r\n\r\n <!-- ===================================================\r\n RESOURCE 1\r\n ==================================================== -->\r\n\r\n <a\r\n href=\"\/startup-building-program\/\"\r\n target=\"_self\"\r\n class=\"resource-card\"\r\n aria-label=\"Startup Building Program\"\r\n >\r\n\r\n <h3 class=\"resource-title\">\r\n Startup Building Program\r\n <\/h3>\r\n\r\n\r\n <div class=\"book-area\">\r\n\r\n <div class=\"book-scene\">\r\n\r\n <div class=\"book-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Ffree%2Fstartup_build.png&w=640&q=45&dpl=dpl_3TSUHN5B584WvifstyJ2FUSPYq38\"\r\n alt=\"Startup Building Program\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"resource-button\">\r\n Get Free Access\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n <!-- ===================================================\r\n RESOURCE 2\r\n ==================================================== -->\r\n\r\n <a\r\n href=\"\/basics-of-ai\/\"\r\n target=\"_self\"\r\n class=\"resource-card\"\r\n aria-label=\"Basics of AI\"\r\n >\r\n\r\n <h3 class=\"resource-title\">\r\n Basics of AI\r\n <\/h3>\r\n\r\n\r\n <div class=\"book-area\">\r\n\r\n <div class=\"book-scene\">\r\n\r\n <div class=\"book-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Ffree%2Fbasic_of_ai.png&w=640&q=45&dpl=dpl_3TSUHN5B584WvifstyJ2FUSPYq38\"\r\n alt=\"Basics of AI\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"resource-button\">\r\n Get Free Access\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n <!-- ===================================================\r\n RESOURCE 3\r\n ==================================================== -->\r\n\r\n <a\r\n href=\"\/ai-in-hands\/\"\r\n target=\"_self\"\r\n class=\"resource-card\"\r\n aria-label=\"AI In Hands\"\r\n >\r\n\r\n <h3 class=\"resource-title\">\r\n AI In Hands\r\n <\/h3>\r\n\r\n\r\n <div class=\"book-area\">\r\n\r\n <div class=\"book-scene\">\r\n\r\n <div class=\"book-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Ffree%2FAiinHandsBook.png&w=640&q=45&dpl=dpl_3TSUHN5B584WvifstyJ2FUSPYq38\"\r\n alt=\"AI In Hands\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"resource-button\">\r\n Join Us Now\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n <!-- ===================================================\r\n RESOURCE 4\r\n ==================================================== -->\r\n\r\n <a\r\n href=\"\/free-gpt-5\/\"\r\n target=\"_self\"\r\n class=\"resource-card\"\r\n aria-label=\"Free GPT-5\"\r\n >\r\n\r\n <h3 class=\"resource-title\">\r\n FREE GPT-5\r\n <\/h3>\r\n\r\n\r\n <div class=\"book-area\">\r\n\r\n <div class=\"book-scene\">\r\n\r\n <div class=\"book-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fdashboard%2Ffree%2Ffree-GPT5.png&w=640&q=45&dpl=dpl_3TSUHN5B584WvifstyJ2FUSPYq38\"\r\n alt=\"Free GPT-5\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"resource-button\">\r\n Start Chatting\r\n <\/div>\r\n\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-21121bf elementor-widget elementor-widget-html\" data-id=\"21121bf\" 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>Why Choose Aaghaz AI<\/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:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\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\/* =========================================\r\n WHY CHOOSE US SECTION\r\n========================================= *\/\r\n\r\n.why-aaghaz-section{\r\n width:100%;\r\n min-height:720px;\r\n\r\n padding:82px 20px 30px;\r\n\r\n position:relative;\r\n overflow:hidden;\r\n\r\n background:\r\n radial-gradient(\r\n ellipse at 50% 100%,\r\n rgba(0,110,15,.32) 0%,\r\n rgba(0,45,5,.18) 28%,\r\n rgba(0,0,0,0) 62%\r\n ),\r\n #080808;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTAINER\r\n========================================= *\/\r\n\r\n.why-aaghaz-container{\r\n width:100%;\r\n max-width:1850px;\r\n\r\n margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n HEADER\r\n========================================= *\/\r\n\r\n.why-aaghaz-header{\r\n text-align:center;\r\n\r\n max-width:900px;\r\n\r\n margin:0 auto 84px;\r\n}\r\n\r\n\r\n\/* SMALL LABEL *\/\r\n\r\n.why-aaghaz-label{\r\n margin:0 0 24px;\r\n\r\n color:#baff00;\r\n\r\n font-size:17px;\r\n\r\n line-height:1;\r\n\r\n font-weight:700;\r\n\r\n letter-spacing:.2px;\r\n}\r\n\r\n\r\n\/* MAIN TITLE *\/\r\n\r\n.why-aaghaz-title{\r\n margin:0;\r\n\r\n color:#fff;\r\n\r\n font-size:58px;\r\n\r\n line-height:1.15;\r\n\r\n letter-spacing:-2.5px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n\/* GREEN TITLE WORD *\/\r\n\r\n.why-aaghaz-title span{\r\n color:#baff00;\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.why-aaghaz-description{\r\n max-width:820px;\r\n\r\n margin:28px auto 0;\r\n\r\n color:#bcbcbc;\r\n\r\n font-size:21px;\r\n\r\n line-height:1.65;\r\n\r\n font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n FEATURE GRID\r\n========================================= *\/\r\n\r\n.why-aaghaz-grid{\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(4, minmax(0, 1fr));\r\n\r\n gap:30px;\r\n\r\n width:100%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n FEATURE CARD\r\n========================================= *\/\r\n\r\n.why-aaghaz-card{\r\n position:relative;\r\n\r\n min-height:330px;\r\n\r\n padding:40px 39px;\r\n\r\n border:1px solid #222;\r\n\r\n border-radius:20px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n #111010 0%,\r\n #0d0c0c 100%\r\n );\r\n\r\n overflow:hidden;\r\n\r\n transition:\r\n transform .35s cubic-bezier(.22,1,.36,1),\r\n border-color .35s ease,\r\n box-shadow .35s ease,\r\n background .35s ease;\r\n}\r\n\r\n\r\n\/* Subtle green glow *\/\r\n\r\n.why-aaghaz-card::before{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n bottom:-100px;\r\n\r\n height:160px;\r\n\r\n opacity:0;\r\n\r\n background:\r\n radial-gradient(\r\n ellipse,\r\n rgba(186,255,0,.16) 0%,\r\n rgba(186,255,0,0) 70%\r\n );\r\n\r\n transition:\r\n opacity .35s ease,\r\n bottom .35s ease;\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CARD HOVER\r\n========================================= *\/\r\n\r\n.why-aaghaz-card:hover{\r\n\r\n transform:translateY(-12px);\r\n\r\n border-color:#baff00;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n #131510 0%,\r\n #0d0e0d 100%\r\n );\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(0,0,0,.55),\r\n 0 0 0 1px rgba(186,255,0,.15),\r\n 0 0 35px rgba(186,255,0,.08);\r\n}\r\n\r\n\r\n.why-aaghaz-card:hover::before{\r\n\r\n opacity:1;\r\n\r\n bottom:-45px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n ICON\r\n========================================= *\/\r\n\r\n.why-aaghaz-icon{\r\n\r\n width:70px;\r\n height:70px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:34px;\r\n\r\n border-radius:23px;\r\n\r\n \/*\r\n Transparent green background\r\n *\/\r\n\r\n background:rgba(186,255,0,.10);\r\n\r\n border:1px solid rgba(186,255,0,.04);\r\n\r\n color:#baff00;\r\n\r\n transition:\r\n transform .35s ease,\r\n background .35s ease,\r\n border-color .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n\r\n.why-aaghaz-icon svg{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n stroke:currentColor;\r\n\r\n stroke-width:1.8;\r\n\r\n fill:none;\r\n\r\n stroke-linecap:round;\r\n\r\n stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* ICON HOVER *\/\r\n\r\n.why-aaghaz-card:hover .why-aaghaz-icon{\r\n\r\n transform:translateY(-4px) scale(1.06);\r\n\r\n background:rgba(186,255,0,.17);\r\n\r\n border-color:rgba(186,255,0,.28);\r\n\r\n box-shadow:\r\n 0 0 25px rgba(186,255,0,.12);\r\n}\r\n\r\n\r\n\/* =========================================\r\n CARD TITLE\r\n========================================= *\/\r\n\r\n.why-aaghaz-card-title{\r\n\r\n position:relative;\r\n\r\n margin:0 0 18px;\r\n\r\n color:#fff;\r\n\r\n font-size:25px;\r\n\r\n line-height:1.25;\r\n\r\n letter-spacing:-.6px;\r\n\r\n font-weight:800;\r\n\r\n transition:color .3s ease;\r\n}\r\n\r\n\r\n.why-aaghaz-card:hover .why-aaghaz-card-title{\r\n\r\n color:#baff00;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CARD TEXT\r\n========================================= *\/\r\n\r\n.why-aaghaz-card-text{\r\n\r\n position:relative;\r\n\r\n margin:0;\r\n\r\n color:#bcbcbc;\r\n\r\n font-size:17px;\r\n\r\n line-height:1.65;\r\n\r\n font-weight:400;\r\n\r\n transition:color .3s ease;\r\n}\r\n\r\n\r\n.why-aaghaz-card:hover .why-aaghaz-card-text{\r\n\r\n color:#d0d0d0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n .why-aaghaz-grid{\r\n\r\n grid-template-columns:\r\n repeat(2, minmax(0,1fr));\r\n\r\n }\r\n\r\n .why-aaghaz-card{\r\n\r\n min-height:310px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n TABLET \/ SMALL LAPTOP\r\n========================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n .why-aaghaz-section{\r\n\r\n padding:70px 20px 35px;\r\n }\r\n\r\n .why-aaghaz-header{\r\n\r\n margin-bottom:55px;\r\n }\r\n\r\n .why-aaghaz-title{\r\n\r\n font-size:46px;\r\n }\r\n\r\n .why-aaghaz-description{\r\n\r\n font-size:18px;\r\n }\r\n\r\n .why-aaghaz-card{\r\n\r\n padding:34px 30px;\r\n\r\n min-height:300px;\r\n }\r\n\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 .why-aaghaz-section{\r\n\r\n min-height:auto;\r\n\r\n padding:60px 16px 30px;\r\n }\r\n\r\n .why-aaghaz-header{\r\n\r\n margin-bottom:42px;\r\n }\r\n\r\n .why-aaghaz-label{\r\n\r\n font-size:14px;\r\n\r\n margin-bottom:19px;\r\n }\r\n\r\n .why-aaghaz-title{\r\n\r\n font-size:36px;\r\n\r\n line-height:1.15;\r\n\r\n letter-spacing:-1.5px;\r\n }\r\n\r\n .why-aaghaz-description{\r\n\r\n margin-top:20px;\r\n\r\n font-size:16px;\r\n\r\n line-height:1.6;\r\n }\r\n\r\n .why-aaghaz-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:17px;\r\n }\r\n\r\n .why-aaghaz-card{\r\n\r\n min-height:auto;\r\n\r\n padding:30px 27px;\r\n\r\n border-radius:18px;\r\n }\r\n\r\n .why-aaghaz-icon{\r\n\r\n width:64px;\r\n height:64px;\r\n\r\n margin-bottom:27px;\r\n\r\n border-radius:20px;\r\n }\r\n\r\n .why-aaghaz-card-title{\r\n\r\n font-size:22px;\r\n }\r\n\r\n .why-aaghaz-card-text{\r\n\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:400px){\r\n\r\n .why-aaghaz-title{\r\n\r\n font-size:31px;\r\n }\r\n\r\n .why-aaghaz-description{\r\n\r\n font-size:15px;\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<!-- =========================================\r\n WHY CHOOSE US\r\n========================================= -->\r\n\r\n<section class=\"why-aaghaz-section\">\r\n\r\n <div class=\"why-aaghaz-container\">\r\n\r\n\r\n <!-- HEADER -->\r\n\r\n <div class=\"why-aaghaz-header\">\r\n\r\n <p class=\"why-aaghaz-label\">\r\n WHY CHOOSE US\r\n <\/p>\r\n\r\n <h2 class=\"why-aaghaz-title\">\r\n Learn AI with <span>Aaghaz AI<\/span>\r\n <\/h2>\r\n\r\n <p class=\"why-aaghaz-description\">\r\n Join thousands of students from Aaghaz AI who are transforming\r\n their careers with cutting-edge AI education\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =====================================\r\n FEATURE CARDS\r\n ====================================== -->\r\n\r\n <div class=\"why-aaghaz-grid\">\r\n\r\n\r\n <!-- CARD 1 -->\r\n\r\n <article class=\"why-aaghaz-card\">\r\n\r\n <div class=\"why-aaghaz-icon\">\r\n\r\n <!-- Graduation Cap -->\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <path d=\"M3 9.5 12 5l9 4.5-9 4.5-9-4.5Z\"><\/path>\r\n\r\n <path d=\"M6 11.5V16c2.5 2 9.5 2 12 0v-4.5\"><\/path>\r\n\r\n <path d=\"M21 10v6\"><\/path>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"why-aaghaz-card-title\">\r\n Expert Instructors\r\n <\/h3>\r\n\r\n\r\n <p class=\"why-aaghaz-card-text\">\r\n Learn from industry professionals with real-world AI\r\n experience and proven track records\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- CARD 2 -->\r\n\r\n <article class=\"why-aaghaz-card\">\r\n\r\n <div class=\"why-aaghaz-icon\">\r\n\r\n <!-- Rocket -->\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <path d=\"M14 4c2.5-2 5.5-2 6-2 .5 3-.5 6-2.5 8L13 14l-3-3 3.5-4.5C14 5.5 14 4 14 4Z\"><\/path>\r\n\r\n <path d=\"m10 11-4 1-3 3 5 1\"><\/path>\r\n\r\n <path d=\"m13 14-1 4-3 3-1-5\"><\/path>\r\n\r\n <path d=\"M8 16 5 19\"><\/path>\r\n\r\n <circle cx=\"16.5\" cy=\"7.5\" r=\"1.2\"><\/circle>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"why-aaghaz-card-title\">\r\n Hands-on Projects\r\n <\/h3>\r\n\r\n\r\n <p class=\"why-aaghaz-card-text\">\r\n Build real AI applications and create a portfolio that\r\n impresses employers\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- CARD 3 -->\r\n\r\n <article class=\"why-aaghaz-card\">\r\n\r\n <div class=\"why-aaghaz-icon\">\r\n\r\n <!-- Users -->\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\r\n\r\n <path d=\"M3 20c0-3.2 2.5-5 6-5s6 1.8 6 5\"><\/path>\r\n\r\n <path d=\"M16 5.5c2.2.2 3.5 1.5 3.5 3.5 0 1.6-1 2.8-2.5 3.3\"><\/path>\r\n\r\n <path d=\"M17 15c2.5.5 4 2.2 4 5\"><\/path>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"why-aaghaz-card-title\">\r\n Global Community\r\n <\/h3>\r\n\r\n\r\n <p class=\"why-aaghaz-card-text\">\r\n Connect with fellow learners and mentors from around\r\n the world\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- CARD 4 -->\r\n\r\n <article class=\"why-aaghaz-card\">\r\n\r\n <div class=\"why-aaghaz-icon\">\r\n\r\n <!-- Location -->\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n aria-hidden=\"true\"\r\n >\r\n\r\n <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"><\/path>\r\n\r\n <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"why-aaghaz-card-title\">\r\n Flexible Learning\r\n <\/h3>\r\n\r\n\r\n <p class=\"why-aaghaz-card-text\">\r\n Study from Aaghaz AI at your own pace with 24\/7 access\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\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>\n\t\t<div class=\"elementor-element elementor-element-c89d671 e-con-full e-flex e-con e-parent\" data-id=\"c89d671\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0bdfc4 elementor-widget elementor-widget-html\" data-id=\"d0bdfc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Members Testimonials - Video Section<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n*{\r\n box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n margin:0;\r\n background:#000;\r\n color:#fff;\r\n font-family:\"Inter\",sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n MEMBERS VIDEO TESTIMONIALS SECTION\r\n========================================= *\/\r\n\r\n.members-video-section{\r\n position:relative;\r\n width:100%;\r\n padding:48px 24px 85px;\r\n background:#000;\r\n overflow:hidden;\r\n}\r\n\r\n\/* subtle green glow at bottom *\/\r\n.members-video-section::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n bottom:-180px;\r\n height:300px;\r\n pointer-events:none;\r\n background:radial-gradient(\r\n ellipse at center,\r\n rgba(70,255,0,.20) 0%,\r\n rgba(0,90,0,.10) 35%,\r\n rgba(0,0,0,0) 72%\r\n );\r\n}\r\n\r\n\/* =========================================\r\n HEADER\r\n========================================= *\/\r\n\r\n.members-video-header{\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n margin:0 auto 66px;\r\n text-align:center;\r\n}\r\n\r\n.members-video-title{\r\n margin:0;\r\n font-size:36px;\r\n line-height:1.2;\r\n letter-spacing:-1.5px;\r\n font-weight:800;\r\n color:#fff;\r\n}\r\n\r\n.members-video-title .green{\r\n color:#baff00;\r\n}\r\n\r\n.members-video-description{\r\n max-width:690px;\r\n margin:17px auto 0;\r\n color:#bcbcbc;\r\n font-size:17px;\r\n line-height:1.6;\r\n font-weight:400;\r\n}\r\n\r\n\/* =========================================\r\n VIDEO GRID\r\n========================================= *\/\r\n\r\n.members-video-grid{\r\n position:relative;\r\n z-index:2;\r\n width:100%;\r\n max-width:1350px;\r\n margin:0 auto;\r\n\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:32px;\r\n}\r\n\r\n\/* =========================================\r\n VIDEO CARD\r\n========================================= *\/\r\n\r\n.member-video-card{\r\n position:relative;\r\n overflow:hidden;\r\n\r\n background:#050505;\r\n border:1px solid #202020;\r\n border-radius:21px;\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n.member-video-card:hover{\r\n transform:translateY(-5px);\r\n border-color:#385600;\r\n box-shadow:0 15px 45px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* =========================================\r\n VIDEO AREA\r\n========================================= *\/\r\n\r\n.member-video-wrap{\r\n position:relative;\r\n width:100%;\r\n aspect-ratio:auto;\r\n height:310px;\r\n overflow:hidden;\r\n background:#111;\r\n}\r\n\r\n.member-video{\r\n display:block;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n background:#111;\r\n}\r\n\r\n\/* dark overlay *\/\r\n.member-video-wrap::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n background:linear-gradient(\r\n to bottom,\r\n rgba(0,0,0,.04),\r\n rgba(0,0,0,.18)\r\n );\r\n}\r\n\r\n\/* =========================================\r\n FEATURED BADGE\r\n========================================= *\/\r\n\r\n.featured-badge{\r\n position:absolute;\r\n z-index:4;\r\n top:13px;\r\n left:13px;\r\n\r\n padding:6px 13px;\r\n border-radius:999px;\r\n\r\n background:#baff00;\r\n color:#050505;\r\n\r\n font-size:11px;\r\n font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n PLAY BUTTON\r\n========================================= *\/\r\n\r\n.video-play{\r\n position:absolute;\r\n z-index:5;\r\n top:50%;\r\n left:50%;\r\n\r\n width:65px;\r\n height:65px;\r\n\r\n transform:translate(-50%,-50%);\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border:0;\r\n border-radius:50%;\r\n\r\n background:#baff00;\r\n color:#050505;\r\n\r\n cursor:pointer;\r\n\r\n box-shadow:0 8px 30px rgba(0,0,0,.30);\r\n\r\n transition:\r\n transform .25s ease,\r\n background .25s ease,\r\n box-shadow .25s ease;\r\n}\r\n\r\n.video-play:hover{\r\n transform:translate(-50%,-50%) scale(1.08);\r\n background:#c8ff45;\r\n box-shadow:0 10px 35px rgba(186,255,0,.20);\r\n}\r\n\r\n.video-play::before{\r\n content:\"\";\r\n margin-left:4px;\r\n\r\n width:0;\r\n height:0;\r\n\r\n border-top:10px solid transparent;\r\n border-bottom:10px solid transparent;\r\n border-left:15px solid #050505;\r\n}\r\n\r\n\/* hide custom play button after native video is playing *\/\r\n.member-video-wrap.is-playing .video-play{\r\n opacity:0;\r\n pointer-events:none;\r\n}\r\n\r\n\/* =========================================\r\n CARD CONTENT\r\n========================================= *\/\r\n\r\n.member-video-content{\r\n min-height:180px;\r\n padding:23px 24px 24px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,55,0,.70) 0%,\r\n rgba(0,24,0,.85) 100%\r\n );\r\n}\r\n\r\n.member-video-quote{\r\n margin:0 0 19px;\r\n\r\n color:#c8c8c8;\r\n font-size:15px;\r\n line-height:1.62;\r\n font-style:italic;\r\n font-weight:500;\r\n}\r\n\r\n.member-video-bottom{\r\n display:flex;\r\n align-items:flex-end;\r\n justify-content:space-between;\r\n gap:15px;\r\n}\r\n\r\n.member-name{\r\n margin:0 0 5px;\r\n color:#fff;\r\n font-size:15px;\r\n font-weight:800;\r\n}\r\n\r\n.member-role{\r\n margin:0;\r\n color:#bdbdbd;\r\n font-size:13px;\r\n line-height:1.4;\r\n}\r\n\r\n.watch-label{\r\n flex-shrink:0;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n\r\n color:#baff00;\r\n font-size:12px;\r\n font-weight:800;\r\n white-space:nowrap;\r\n}\r\n\r\n.watch-icon{\r\n width:15px;\r\n height:15px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border:1.5px solid #baff00;\r\n border-radius:50%;\r\n font-size:8px;\r\n}\r\n\r\n\/* =========================================\r\n RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n .members-video-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media(max-width:680px){\r\n\r\n .members-video-section{\r\n padding:40px 16px 65px;\r\n }\r\n\r\n .members-video-header{\r\n margin-bottom:42px;\r\n }\r\n\r\n .members-video-title{\r\n font-size:29px;\r\n letter-spacing:-1px;\r\n }\r\n\r\n .members-video-description{\r\n font-size:15px;\r\n }\r\n\r\n .members-video-grid{\r\n grid-template-columns:1fr;\r\n gap:22px;\r\n }\r\n\r\n .member-video-wrap{\r\n height:235px;\r\n }\r\n\r\n .member-video-content{\r\n min-height:auto;\r\n padding:20px;\r\n }\r\n\r\n .member-video-quote{\r\n font-size:14px;\r\n }\r\n}\r\n\r\n@media(max-width:420px){\r\n .members-video-title{\r\n font-size:26px;\r\n }\r\n\r\n .member-video-wrap{\r\n height:220px;\r\n }\r\n\r\n .video-play{\r\n width:58px;\r\n height:58px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!--\r\n ALL 10 VIDEO THUMBNAILS USE THE SAME FIRST THUMBNAIL IMAGE.\r\n To change the common thumbnail, change the first video's poster URL;\r\n all other video posters are automatically kept identical.\r\n-->\r\n\r\n<section class=\"members-video-section\" id=\"testimonials\">\r\n\r\n <!-- HEADER -->\r\n <div class=\"members-video-header\">\r\n\r\n <h2 class=\"members-video-title\">\r\n Our Members <span class=\"green\">Testimonials<\/span>\r\n <\/h2>\r\n\r\n <p class=\"members-video-description\">\r\n Discover how our AI Programs have impacted the careers and projects\r\n of our Members worldwide.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- 10 VIDEO CARDS -->\r\n <div class=\"members-video-grid\">\r\n\r\n\r\n <!-- VIDEO 01 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <span class=\"featured-badge\">Featured<\/span>\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fyash_partab_singh.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <!-- Replace this with your real video URL -->\r\n <source src=\"YOUR-VIDEO-01.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz is where ideas become real products. It's empowering youth\r\n to turn their skills into something meaningful, something that makes\r\n an impact.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Yash Pratap Singh<\/h3>\r\n <p class=\"member-role\">Business and Starting Up Coach, YouTube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 02 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fsobhan.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-02.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"What stands out about Aaghaz is how real and hands-on it is.\r\n You don't just learn here, you learn how to build startups,\r\n solve problems, and bring ideas to life.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Sobhan Tariq<\/h3>\r\n <p class=\"member-role\">YouTuber & Tech Enthusiast, YouTube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 03 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Fassets%2Ftestimonials%2Flalit_singh.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-03.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz is more than a school, it's a movement. It's bringing\r\n together every smart people to build the next generation of\r\n AI startups from Asia.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Lalit Singh<\/h3>\r\n <p class=\"member-role\">Instagram Influencer, Instagram<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 04 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fshahzad.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-04.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The practical approach helped me understand AI much faster and\r\n gave me the confidence to start building my own projects.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Ayesha Khan<\/h3>\r\n <p class=\"member-role\">AI Creator, Content Creator<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 05 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fabdul_rehman.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-05.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"I came with an idea and left with a real workflow. The community\r\n and hands-on projects made the biggest difference for me.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Hamza Ali<\/h3>\r\n <p class=\"member-role\">Founder & AI Builder<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 06 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fkhalil.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-06.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The lessons are clear, practical and focused on actually doing\r\n the work instead of only watching tutorials.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Sara Ahmed<\/h3>\r\n <p class=\"member-role\">Digital Creator & Entrepreneur<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 07 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fnofah.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-07.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"Aaghaz helped me turn AI from something I was curious about into\r\n something I could confidently use in my business.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Usman Raza<\/h3>\r\n <p class=\"member-role\">Business Owner & AI Learner<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 08 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonails%2Fabdul.jpg&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-08.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The projects gave me a portfolio I could actually show people.\r\n That changed the way I looked at my career.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Maham Noor<\/h3>\r\n <p class=\"member-role\">Product Designer & AI Enthusiast<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 09 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2FHBA_sc.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-09.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"The community made learning feel collaborative. Every question\r\n became an opportunity to discover something new.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Bilal Hassan<\/h3>\r\n <p class=\"member-role\">Startup Builder & Developer<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- VIDEO 10 -->\r\n <article class=\"member-video-card\">\r\n\r\n <div class=\"member-video-wrap\">\r\n\r\n <video\r\n class=\"member-video\"\r\n preload=\"metadata\"\r\n playsinline\r\n poster=\"https:\/\/www.aaghaz.ai\/_next\/image?url=%2Ftestimonials%2Fimg%2Fkashif_majeed.png&w=640&q=75&dpl=dpl_2VUMVghRPe7A3ya5oMaQcpowJYMv\"\r\n >\r\n <source src=\"YOUR-VIDEO-10.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <button class=\"video-play\" type=\"button\" aria-label=\"Play video\"><\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"member-video-content\">\r\n\r\n <p class=\"member-video-quote\">\r\n \"What Makes Aaghaz different is the hand-on experience you get. Badar Munir unterstands the industry and teaches AI in a way and prepares for real challenges, not just certifications.\"\r\n <\/p>\r\n\r\n <div class=\"member-video-bottom\">\r\n <div>\r\n <h3 class=\"member-name\">Kashif Majeed<\/h3>\r\n <p class=\"member-role\">Tech Influencer. Youtube<\/p>\r\n <\/div>\r\n\r\n <span class=\"watch-label\">\r\n Watch <span class=\"watch-icon\">\u25b6<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\/*\r\n CUSTOM VIDEO PLAY BUTTON\r\n\r\n Each card uses a normal HTML5 <video>.\r\n Replace:\r\n YOUR-VIDEO-01.mp4\r\n YOUR-VIDEO-02.mp4\r\n ...\r\n YOUR-VIDEO-10.mp4\r\n\r\n with your actual video URLs\/files.\r\n*\/\r\n\r\ndocument.querySelectorAll(\".member-video-card\").forEach((card) => {\r\n\r\n const video = card.querySelector(\".member-video\");\r\n const playButton = card.querySelector(\".video-play\");\r\n const wrap = card.querySelector(\".member-video-wrap\");\r\n\r\n playButton.addEventListener(\"click\", () => {\r\n\r\n document.querySelectorAll(\".member-video\").forEach((otherVideo) => {\r\n if(otherVideo !== video){\r\n otherVideo.pause();\r\n\r\n const otherWrap = otherVideo.closest(\".member-video-wrap\");\r\n if(otherWrap){\r\n otherWrap.classList.remove(\"is-playing\");\r\n }\r\n }\r\n });\r\n\r\n video.play();\r\n wrap.classList.add(\"is-playing\");\r\n });\r\n\r\n video.addEventListener(\"pause\", () => {\r\n wrap.classList.remove(\"is-playing\");\r\n });\r\n\r\n video.addEventListener(\"ended\", () => {\r\n wrap.classList.remove(\"is-playing\");\r\n });\r\n\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8503c52 elementor-widget elementor-widget-html\" data-id=\"8503c52\" 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>Start Your AI Journey<\/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:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\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 padding:0;\r\n background:#000;\r\n color:#fff;\r\n font-family:\"Inter\",sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CTA SECTION\r\n========================================= *\/\r\n\r\n.ai-start-section{\r\n position:relative;\r\n\r\n width:100%;\r\n min-height:70px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n text-align:center;\r\n\r\n overflow:hidden;\r\n\r\n \/* NO GREEN COLOR *\/\r\n\r\n background:\r\n linear-gradient(\r\n 110deg,\r\n #171918 0%,\r\n #222323 45%,\r\n #303030 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================\r\n NEUTRAL BACKGROUND LIGHT\r\n========================================= *\/\r\n\r\n.ai-start-section::before{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:650px;\r\n height:500px;\r\n\r\n left:-250px;\r\n bottom:-350px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(255,255,255,.025);\r\n\r\n filter:blur(100px);\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTENT\r\n========================================= *\/\r\n\r\n.ai-start-container{\r\n position:relative;\r\n z-index:2;\r\n\r\n width:100%;\r\n max-width:1050px;\r\n\r\n margin:0 auto;\r\n\r\n padding:70px 20px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n SMALL LABEL\r\n========================================= *\/\r\n\r\n.ai-start-label{\r\n margin:0 0 25px;\r\n\r\n color:#baff00;\r\n\r\n font-size:14px;\r\n\r\n line-height:1;\r\n\r\n font-weight:700;\r\n\r\n letter-spacing:.1px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n HEADING\r\n========================================= *\/\r\n\r\n.ai-start-title{\r\n margin:0;\r\n\r\n color:#fff;\r\n\r\n font-size:38px;\r\n\r\n line-height:1.18;\r\n\r\n letter-spacing:-2.5px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================\r\n DESCRIPTION\r\n========================================= *\/\r\n\r\n.ai-start-description{\r\n max-width:850px;\r\n\r\n margin:27px auto 0;\r\n\r\n color:#c8c8c8;\r\n\r\n font-size:15px;\r\n\r\n line-height:1.65;\r\n\r\n font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n BUTTON AREA\r\n========================================= *\/\r\n\r\n.ai-start-actions{\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-top:48px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTACT BUTTON\r\n========================================= *\/\r\n\r\n.ai-contact-button{\r\n\r\n min-width:0px;\r\n min-height:0px;\r\n\r\n padding:18px 40px;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:22px;\r\n\r\n border:1px solid #303030;\r\n\r\n background:rgba(15,15,15,.25);\r\n\r\n backdrop-filter:blur(8px);\r\n -webkit-backdrop-filter:blur(8px);\r\n\r\n color:#fff;\r\n\r\n text-decoration:none;\r\n\r\n font-size:17px;\r\n\r\n font-weight:700;\r\n\r\n transition:\r\n transform .3s ease,\r\n color .3s ease,\r\n background .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n CONTACT HOVER\r\n========================================= *\/\r\n\r\n.ai-contact-button:hover{\r\n\r\n transform:translateY(-5px);\r\n\r\n color:#baff00;\r\n\r\n background:rgba(186,255,0,.06);\r\n\r\n border-color:#baff00;\r\n\r\n box-shadow:\r\n 0 12px 35px rgba(186,255,0,.10),\r\n 0 0 20px rgba(186,255,0,.05);\r\n}\r\n\r\n\r\n\/* =========================================\r\n TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n .ai-start-section{\r\n min-height:520px;\r\n }\r\n\r\n .ai-start-container{\r\n padding:65px 20px;\r\n }\r\n\r\n .ai-start-title{\r\n font-size:48px;\r\n letter-spacing:-2px;\r\n }\r\n\r\n .ai-start-description{\r\n font-size:18px;\r\n }\r\n\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-start-section{\r\n min-height:500px;\r\n }\r\n\r\n .ai-start-container{\r\n padding:60px 18px;\r\n }\r\n\r\n .ai-start-label{\r\n font-size:14px;\r\n margin-bottom:20px;\r\n }\r\n\r\n .ai-start-title{\r\n font-size:36px;\r\n\r\n line-height:1.17;\r\n\r\n letter-spacing:-1.5px;\r\n }\r\n\r\n .ai-start-description{\r\n margin-top:20px;\r\n\r\n font-size:16px;\r\n\r\n line-height:1.6;\r\n }\r\n\r\n .ai-start-actions{\r\n margin-top:35px;\r\n }\r\n\r\n .ai-contact-button{\r\n\r\n width:100%;\r\n\r\n max-width:300px;\r\n\r\n min-height:62px;\r\n\r\n border-radius:18px;\r\n\r\n font-size:17px;\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:400px){\r\n\r\n .ai-start-title{\r\n font-size:32px;\r\n }\r\n\r\n .ai-start-description{\r\n font-size:15px;\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<!-- =========================================\r\n START TODAY CTA SECTION\r\n========================================= -->\r\n\r\n<section\r\n class=\"ai-start-section\"\r\n id=\"start-today\"\r\n>\r\n\r\n <div class=\"ai-start-container\">\r\n\r\n\r\n <!-- LABEL -->\r\n\r\n <p class=\"ai-start-label\">\r\n START TODAY\r\n <\/p>\r\n\r\n\r\n <!-- HEADING -->\r\n\r\n <h2 class=\"ai-start-title\">\r\n Ready to Start Your AI Journey?\r\n <\/h2>\r\n\r\n\r\n <!-- DESCRIPTION -->\r\n\r\n <p class=\"ai-start-description\">\r\n Join students from who are already building the future with AI.\r\n Start learning today and transform your career!\r\n <\/p>\r\n\r\n\r\n <!-- CONTACT BUTTON ONLY -->\r\n\r\n <div class=\"ai-start-actions\">\r\n\r\n <a\r\n href=\"#contact\"\r\n class=\"ai-contact-button\"\r\n aria-label=\"Contact Us\"\r\n >\r\n Contact Us\r\n <\/a>\r\n\r\n <\/div>\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>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI Career Switch Program AI Career Switch Program: From Non-Tech Background to AI Roles Switch to an AI Career Your…<\/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-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=91"}],"version-history":[{"count":10,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":180,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/91\/revisions\/180"}],"wp:attachment":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}