{"id":8,"date":"2026-09-24T09:28:29","date_gmt":"2026-09-24T09:28:29","guid":{"rendered":"https:\/\/c.texofts.com\/?page_id=8"},"modified":"2026-09-24T12:38:22","modified_gmt":"2026-09-24T12:38:22","slug":"home","status":"publish","type":"page","link":"https:\/\/c.texofts.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb4605 e-con-full e-flex e-con e-parent\" data-id=\"2cb4605\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d12759b elementor-widget elementor-widget-html\" data-id=\"d12759b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     AI STARTUP HERO SECTION\r\n     LEFT SIDE UNCHANGED\r\n     RIGHT IMAGE AREA = 50%\r\n     3D CONTINUOUS IMAGE ANIMATION\r\n========================================================= -->\r\n\r\n<div id=\"ai-startup-hero\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL\r\n========================================================= *\/\r\n\r\n#ai-startup-hero,\r\n#ai-startup-hero *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#ai-startup-hero{\r\n\r\n  --black:#000000;\r\n  --black-2:#020403;\r\n  --black-3:#050806;\r\n\r\n  --green:#00a914;\r\n  --green-dark:#006b0d;\r\n  --green-soft:#008d12;\r\n\r\n  width:100%;\r\n  min-height:820px;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#050806;\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  padding:32px 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN LAYOUT\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-hero-inner{\r\n\r\n  width:100%;\r\n\r\n  min-height:756px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:43% 50%;\r\n\r\n  justify-content:space-between;\r\n\r\n  align-items:center;\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT SIDE\r\n   UNCHANGED\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-hero-content{\r\n\r\n  position:relative;\r\n\r\n  z-index:10;\r\n\r\n  padding:\r\n    70px\r\n    35px\r\n    70px\r\n    7vw;\r\n}\r\n\r\n\r\n#ai-startup-hero .ai-hero-title{\r\n\r\n  margin:0 0 28px 0;\r\n\r\n  padding:0;\r\n\r\n  max-width:620px;\r\n\r\n  color:#fff;\r\n\r\n  font-size:\r\n    clamp(\r\n      42px,\r\n      4.15vw,\r\n      68px\r\n    );\r\n\r\n  line-height:1.04;\r\n\r\n  font-weight:500;\r\n\r\n  letter-spacing:-2.2px;\r\n}\r\n\r\n\r\n#ai-startup-hero .ai-hero-description{\r\n\r\n  margin:0 0 34px 0;\r\n\r\n  padding:0;\r\n\r\n  max-width:610px;\r\n\r\n  color:\r\n    rgba(255,255,255,.72);\r\n\r\n  font-size:20px;\r\n\r\n  line-height:1.48;\r\n\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-hero-button{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  min-width:325px;\r\n\r\n  height:64px;\r\n\r\n  padding:\r\n    0 34px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#fff;\r\n\r\n  color:#050505;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:18px;\r\n\r\n  font-weight:500;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.9);\r\n\r\n  cursor:pointer;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    background .3s ease;\r\n}\r\n\r\n\r\n#ai-startup-hero .ai-hero-button:hover{\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  background:#f8fff8;\r\n\r\n  box-shadow:\r\n    0 14px 35px rgba(0,0,0,.5),\r\n    0 0 25px rgba(0,169,20,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE GALLERY\r\n   50% WIDTH\r\n   80PX LEFT CORNERS\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-gallery{\r\n\r\n  width:100%;\r\n\r\n  height:720px;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:center;\r\n\r\n  gap:28px;\r\n\r\n  position:relative;\r\n\r\n  padding:\r\n    10px\r\n    0\r\n    10px\r\n    0;\r\n\r\n  \/*\r\n     IMPORTANT:\r\n     This clips the complete right image column,\r\n     so the 80px corner radius stays clean.\r\n  *\/\r\n\r\n  border-radius:\r\n    80px\r\n    0\r\n    0\r\n    80px;\r\n\r\n  overflow:hidden;\r\n\r\n  isolation:isolate;\r\n\r\n  z-index:3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT COLUMN INNER EDGE\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-gallery::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  border-radius:\r\n    80px\r\n    0\r\n    0\r\n    80px;\r\n\r\n  pointer-events:none;\r\n\r\n  z-index:10;\r\n\r\n  box-shadow:\r\n    inset 0 0 0 1px\r\n    rgba(255,255,255,.025);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROW\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-marquee-row{\r\n\r\n  width:100%;\r\n\r\n  height:190px;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  \/*\r\n     Prevent hover card from breaking gallery radius.\r\n  *\/\r\n\r\n  border-radius:inherit;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-marquee-track{\r\n\r\n  display:flex;\r\n\r\n  align-items:stretch;\r\n\r\n  width:max-content;\r\n\r\n  height:100%;\r\n\r\n  gap:28px;\r\n\r\n  will-change:transform;\r\n\r\n  transform:translate3d(0,0,0);\r\n\r\n  \/*\r\n     Important for smooth 3D animation\r\n  *\/\r\n\r\n  backface-visibility:hidden;\r\n\r\n  perspective:1200px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE CARD\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-image-card{\r\n\r\n  flex:\r\n    0 0 430px;\r\n\r\n  width:430px;\r\n\r\n  height:190px;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:22px;\r\n\r\n  background:#050505;\r\n\r\n  cursor:pointer;\r\n\r\n  box-shadow:\r\n    0 12px 35px rgba(0,0,0,.45),\r\n    inset 0 0 0 1px\r\n    rgba(255,255,255,.05);\r\n\r\n  transform:\r\n    translate3d(0,0,0)\r\n    scale(1);\r\n\r\n  transform-style:preserve-3d;\r\n\r\n  transition:\r\n    transform .55s cubic-bezier(.2,.8,.2,1),\r\n    box-shadow .4s ease;\r\n\r\n  will-change:transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-image-card 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:cover;\r\n\r\n  transform:\r\n    translate3d(0,0,0)\r\n    scale(1.01);\r\n\r\n  filter:\r\n    brightness(.70)\r\n    saturate(.82);\r\n\r\n  transition:\r\n    transform .8s cubic-bezier(.2,.8,.2,1),\r\n    filter .5s ease;\r\n\r\n  will-change:transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE GREEN OVERLAY\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-image-card::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  pointer-events:none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to top,\r\n      rgba(0,60,5,.94) 0%,\r\n      rgba(0,55,5,.58) 27%,\r\n      rgba(0,0,0,.05) 72%\r\n    );\r\n\r\n  opacity:1;\r\n\r\n  transition:\r\n    opacity .5s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER 3D EFFECT\r\n========================================================= *\/\r\n\r\n#ai-startup-hero .ai-image-card:hover{\r\n\r\n  z-index:50;\r\n\r\n  transform:\r\n    translate3d(0,-5px,35px)\r\n    scale(1.035);\r\n\r\n  box-shadow:\r\n    0 28px 65px rgba(0,0,0,.72),\r\n    0 0 38px rgba(0,169,20,.20);\r\n}\r\n\r\n\r\n#ai-startup-hero .ai-image-card:hover img{\r\n\r\n  transform:\r\n    translate3d(0,0,20px)\r\n    scale(1.14);\r\n\r\n  filter:\r\n    brightness(.94)\r\n    saturate(1.08);\r\n}\r\n\r\n\r\n#ai-startup-hero .ai-image-card:hover::after{\r\n\r\n  opacity:.48;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP ROW\r\n   RIGHT -> LEFT\r\n========================================================= *\/\r\n\r\n#ai-startup-hero\r\n.ai-row-top\r\n.ai-marquee-track{\r\n\r\n  animation:\r\n    aiSlideLeft\r\n    24s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MIDDLE ROW\r\n   LEFT -> RIGHT\r\n========================================================= *\/\r\n\r\n#ai-startup-hero\r\n.ai-row-middle\r\n.ai-marquee-track{\r\n\r\n  animation:\r\n    aiSlideRight\r\n    27s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM ROW\r\n   RIGHT -> LEFT\r\n========================================================= *\/\r\n\r\n#ai-startup-hero\r\n.ai-row-bottom\r\n.ai-marquee-track{\r\n\r\n  animation:\r\n    aiSlideLeft\r\n    22s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTINUOUS LEFT ANIMATION\r\n\r\n   3 original cards + exact duplicate set\r\n   = seamless loop\r\n========================================================= *\/\r\n\r\n@keyframes aiSlideLeft{\r\n\r\n  0%{\r\n\r\n    transform:\r\n      translate3d(0,0,0);\r\n  }\r\n\r\n  100%{\r\n\r\n    transform:\r\n      translate3d(\r\n        calc(-50% - 14px),\r\n        0,\r\n        0\r\n      );\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTINUOUS RIGHT ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes aiSlideRight{\r\n\r\n  0%{\r\n\r\n    transform:\r\n      translate3d(\r\n        calc(-50% - 14px),\r\n        0,\r\n        0\r\n      );\r\n  }\r\n\r\n  100%{\r\n\r\n    transform:\r\n      translate3d(0,0,0);\r\n  }\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  #ai-startup-hero{\r\n\r\n    min-height:760px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-inner{\r\n\r\n    grid-template-columns:\r\n      42% 50%;\r\n\r\n    justify-content:space-between;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-content{\r\n\r\n    padding-left:45px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-title{\r\n\r\n    font-size:52px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-description{\r\n\r\n    font-size:18px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-gallery{\r\n\r\n    height:640px;\r\n\r\n    gap:22px;\r\n\r\n    border-radius:\r\n      80px\r\n      0\r\n      0\r\n      80px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-marquee-row{\r\n\r\n    height:165px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-image-card{\r\n\r\n    flex-basis:360px;\r\n\r\n    width:360px;\r\n\r\n    height:165px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-marquee-track{\r\n\r\n    gap:22px;\r\n  }\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-startup-hero{\r\n\r\n    min-height:auto;\r\n\r\n    padding:\r\n      45px 0\r\n      45px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-inner{\r\n\r\n    display:block;\r\n\r\n    min-height:auto;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-content{\r\n\r\n    padding:\r\n      25px\r\n      25px\r\n      45px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-title{\r\n\r\n    font-size:43px;\r\n\r\n    line-height:1.05;\r\n\r\n    letter-spacing:-1.5px;\r\n\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-description{\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.5;\r\n\r\n    margin-bottom:27px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-button{\r\n\r\n    min-width:270px;\r\n\r\n    height:57px;\r\n\r\n    font-size:16px;\r\n\r\n    border-radius:15px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-gallery{\r\n\r\n    width:100%;\r\n\r\n    height:510px;\r\n\r\n    gap:15px;\r\n\r\n    padding:0;\r\n\r\n    border-radius:\r\n      50px\r\n      0\r\n      0\r\n      50px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-gallery::before{\r\n\r\n    border-radius:\r\n      50px\r\n      0\r\n      0\r\n      50px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-marquee-row{\r\n\r\n    height:155px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-marquee-track{\r\n\r\n    gap:15px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-image-card{\r\n\r\n    flex-basis:300px;\r\n\r\n    width:300px;\r\n\r\n    height:155px;\r\n\r\n    border-radius:18px;\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  #ai-startup-hero{\r\n\r\n    padding-top:35px;\r\n\r\n    padding-bottom:35px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-content{\r\n\r\n    padding-left:18px;\r\n\r\n    padding-right:18px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-title{\r\n\r\n    font-size:36px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-description{\r\n\r\n    font-size:15px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-hero-button{\r\n\r\n    width:100%;\r\n\r\n    min-width:0;\r\n  }\r\n\r\n  #ai-startup-hero .ai-gallery{\r\n\r\n    height:420px;\r\n\r\n    gap:12px;\r\n\r\n    border-radius:\r\n      35px\r\n      0\r\n      0\r\n      35px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-gallery::before{\r\n\r\n    border-radius:\r\n      35px\r\n      0\r\n      0\r\n      35px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-marquee-row{\r\n\r\n    height:130px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-marquee-track{\r\n\r\n    gap:12px;\r\n  }\r\n\r\n  #ai-startup-hero .ai-image-card{\r\n\r\n    flex-basis:245px;\r\n\r\n    width:245px;\r\n\r\n    height:130px;\r\n\r\n    border-radius:15px;\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-startup-hero\r\n  .ai-marquee-track{\r\n\r\n    animation:none !important;\r\n\r\n    transform:\r\n      translate3d(0,0,0) !important;\r\n  }\r\n\r\n  #ai-startup-hero\r\n  .ai-image-card img{\r\n\r\n    transition:none;\r\n  }\r\n\r\n  #ai-startup-hero\r\n  .ai-image-card{\r\n\r\n    transition:none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =======================================================\r\n     MAIN CONTENT\r\n======================================================= -->\r\n\r\n<div class=\"ai-hero-inner\">\r\n\r\n\r\n  <!-- =====================================================\r\n       LEFT SIDE\r\n  ===================================================== -->\r\n\r\n  <div class=\"ai-hero-content\">\r\n\r\n    <h1 class=\"ai-hero-title\">\r\n      Asia\u2019s First AI<br>\r\n      Startup Institute\r\n    <\/h1>\r\n\r\n    <p class=\"ai-hero-description\">\r\n      Learn how to use AI in real life and start a company\r\n      people actually want.\r\n    <\/p>\r\n\r\n    <a\r\n      href=\"#ai-programs\"\r\n      class=\"ai-hero-button\"\r\n    >\r\n      EXPLORE AI PROGRAMS\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       RIGHT SIDE IMAGE GALLERY\r\n  ===================================================== -->\r\n\r\n  <div class=\"ai-gallery\">\r\n\r\n\r\n    <!-- ===================================================\r\n         TOP ROW\r\n         RIGHT -> LEFT\r\n    =================================================== -->\r\n\r\n    <div class=\"ai-marquee-row ai-row-top\">\r\n\r\n      <div class=\"ai-marquee-track\">\r\n\r\n\r\n        <!-- ORIGINAL 3 -->\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-3.avif\"\r\n            alt=\"AI startup\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image.avif\"\r\n            alt=\"Artificial intelligence\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-2.avif\"\r\n            alt=\"Technology startup\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- EXACT DUPLICATE -->\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-3.avif\"\r\n            alt=\"AI startup\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image.avif\"\r\n            alt=\"Artificial intelligence\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-2.avif\"\r\n            alt=\"Technology startup\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         MIDDLE ROW\r\n         LEFT -> RIGHT\r\n    =================================================== -->\r\n\r\n    <div class=\"ai-marquee-row ai-row-middle\">\r\n\r\n      <div class=\"ai-marquee-track\">\r\n\r\n\r\n        <!-- ORIGINAL 3 -->\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-3.avif\"\r\n            alt=\"Startup team\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-2.avif\"\r\n            alt=\"Business team\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image.avif\"\r\n            alt=\"Entrepreneurs\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- EXACT DUPLICATE -->\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-3.avif\"\r\n            alt=\"Startup team\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-2.avif\"\r\n            alt=\"Business team\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image.avif\"\r\n            alt=\"Entrepreneurs\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         BOTTOM ROW\r\n         RIGHT -> LEFT\r\n    =================================================== -->\r\n\r\n    <div class=\"ai-marquee-row ai-row-bottom\">\r\n\r\n      <div class=\"ai-marquee-track\">\r\n\r\n\r\n        <!-- ORIGINAL 3 -->\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-3.avif\"\r\n            alt=\"Technology\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image.avif\"\r\n            alt=\"Startup workspace\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-2.avif\"\r\n            alt=\"Startup founders\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- EXACT DUPLICATE -->\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-3.avif\"\r\n            alt=\"Technology\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image.avif\"\r\n            alt=\"Startup workspace\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ai-image-card\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/c.texofts.com\/wp-content\/uploads\/2026\/09\/image-2.avif\"\r\n            alt=\"Startup founders\"\r\n          >\r\n\r\n        <\/div>\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<!-- =======================================================\r\n     FIXED WEBSITE-WIDE GREEN GLOW\r\n======================================================= -->\r\n\r\n<div id=\"ai-startup-hero-fixed-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n<style>\r\n#ai-startup-hero-fixed-glow{\r\n  position:fixed !important;\r\n  left:0 !important;\r\n  bottom:0 !important;\r\n  width:80vw !important;\r\n  height:520px !important;\r\n  border-radius:0 100% 0 0 !important;\r\n  background:radial-gradient(ellipse at 12% 100%,rgba(0,169,20,.66) 0%,rgba(0,120,14,.47) 25%,rgba(0,70,8,.25) 48%,rgba(0,35,5,.09) 67%,transparent 82%) !important;\r\n  filter:blur(25px) !important;\r\n  opacity:.78 !important;\r\n  pointer-events:none !important;\r\n  z-index:9997 !important;\r\n  transform:none !important;\r\n  margin:0 !important;\r\n}\r\n@media(max-width:800px){#ai-startup-hero-fixed-glow{width:80vw !important;height:400px !important;}}\r\n@media(max-width:480px){#ai-startup-hero-fixed-glow{width:80vw !important;height:320px !important;}}\r\n<\/style>\r\n\r\n\r\n<!-- =======================================================\r\n     HOVER PAUSE + 3D POINTER EFFECT\r\n======================================================= -->\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  const section =\r\n    document.getElementById(\r\n      \"ai-startup-hero\"\r\n    );\r\n\r\n  if(!section) return;\r\n\r\n\r\n  const rows =\r\n    section.querySelectorAll(\r\n      \".ai-marquee-row\"\r\n    );\r\n\r\n\r\n  rows.forEach(function(row){\r\n\r\n    const track =\r\n      row.querySelector(\r\n        \".ai-marquee-track\"\r\n      );\r\n\r\n    const cards =\r\n      row.querySelectorAll(\r\n        \".ai-image-card\"\r\n      );\r\n\r\n\r\n    if(!track) return;\r\n\r\n\r\n    cards.forEach(function(card){\r\n\r\n      \/* ================================================\r\n         HOVER PAUSE\r\n      ================================================= *\/\r\n\r\n      card.addEventListener(\r\n        \"mouseenter\",\r\n        function(){\r\n\r\n          track.style.animationPlayState =\r\n            \"paused\";\r\n\r\n        }\r\n      );\r\n\r\n\r\n      card.addEventListener(\r\n        \"mouseleave\",\r\n        function(){\r\n\r\n          track.style.animationPlayState =\r\n            \"running\";\r\n\r\n          card.style.transform =\r\n            \"translate3d(0,-5px,35px) scale(1.035)\";\r\n\r\n        }\r\n      );\r\n\r\n\r\n      \/* ================================================\r\n         3D MOUSE MOVEMENT\r\n      ================================================= *\/\r\n\r\n      card.addEventListener(\r\n        \"mousemove\",\r\n        function(event){\r\n\r\n          const rect =\r\n            card.getBoundingClientRect();\r\n\r\n          const x =\r\n            event.clientX -\r\n            rect.left;\r\n\r\n          const y =\r\n            event.clientY -\r\n            rect.top;\r\n\r\n          const centerX =\r\n            rect.width \/ 2;\r\n\r\n          const centerY =\r\n            rect.height \/ 2;\r\n\r\n          const rotateY =\r\n            ((x - centerX) \/\r\n            centerX) * 4;\r\n\r\n          const rotateX =\r\n            ((centerY - y) \/\r\n            centerY) * 4;\r\n\r\n\r\n          card.style.transform =\r\n            \"perspective(900px) \" +\r\n            \"rotateX(\" +\r\n            rotateX +\r\n            \"deg) \" +\r\n            \"rotateY(\" +\r\n            rotateY +\r\n            \"deg) \" +\r\n            \"translate3d(0,-5px,35px) \" +\r\n            \"scale(1.035)\";\r\n\r\n        }\r\n      );\r\n\r\n\r\n      card.addEventListener(\r\n        \"mouseleave\",\r\n        function(){\r\n\r\n          card.style.transform =\r\n            \"translate3d(0,0,0) scale(1)\";\r\n\r\n        }\r\n      );\r\n\r\n    });\r\n\r\n  });\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8839e37 elementor-widget elementor-widget-html\" data-id=\"8839e37\" 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\r\n========================================================= *\/\r\n\r\n*{\r\n  box-sizing:border-box;\r\n}\r\n\r\nhtml,\r\nbody{\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\nbody{\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n  background:#000;\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\r\n  position:relative;\r\n\r\n  padding:\r\n    35px\r\n    18px\r\n    70px;\r\n\r\n  background:#000;\r\n\r\n  overflow:hidden;\r\n\r\n  \/*\r\n    IMPORTANT:\r\n    NO BOTTOM SHADOW\r\n    NO GREEN FADE\r\n  *\/\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.ai-programs-title{\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:#ffffff;\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========================================================= *\/\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  grid-template-columns:\r\n    repeat(2,minmax(0,1fr));\r\n\r\n  gap:40px;\r\n\r\n  align-items:start;\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  \/*\r\n    3D SETUP\r\n  *\/\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   TOP 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\/* LOCK ICON *\/\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\/* LOGO IMAGE *\/\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 ANIMATION\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========================================================= *\/\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    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  .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    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    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    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    font-size:12px;\r\n\r\n    left:10px;\r\n    bottom:10px;\r\n  }\r\n\r\n  .ai-program-details{\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    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    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    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       PROGRAM CARDS\r\n  ====================================================== -->\r\n\r\n  <div class=\"ai-programs-grid\">\r\n\r\n\r\n    <!-- ===================================================\r\n         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      <!-- IMAGE -->\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        <!-- META -->\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      <!-- DETAILS -->\r\n\r\n      <div class=\"ai-program-details\">\r\n\r\n        <!-- LOGO -->\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        <!-- TEXT -->\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        <!-- ARROW -->\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    <!-- ===================================================\r\n         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      <!-- IMAGE -->\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        <!-- UPCOMING -->\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        <!-- META -->\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      <!-- DETAILS -->\r\n\r\n      <div class=\"ai-program-details\">\r\n\r\n        <!-- LOGO -->\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        <!-- TEXT -->\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        <!-- ARROW -->\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  <\/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-6ecf05a elementor-widget elementor-widget-html\" data-id=\"6ecf05a\" 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 16px 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 &amp; 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-178201d elementor-widget elementor-widget-html\" data-id=\"178201d\" 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>Member Testimonials<\/title>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n#member-testimonials,\r\n#member-testimonials *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n#member-testimonials{\r\n  width:100%;\r\n  margin:0;\r\n  padding:70px 20px 65px;\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  background:#000;\r\n  color:#fff;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-heading{\r\n  margin:0;\r\n\r\n  text-align:center;\r\n\r\n  color:#fff;\r\n\r\n  font-size:clamp(28px,3vw,42px);\r\n  line-height:1.1;\r\n  font-weight:700;\r\n\r\n  letter-spacing:-1.2px;\r\n}\r\n\r\n#member-testimonials .testimonial-heading span{\r\n  color:#9cff00;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-description{\r\n  width:100%;\r\n  max-width:720px;\r\n\r\n  margin:15px auto 45px;\r\n\r\n  text-align:center;\r\n\r\n  color:#b8b8b8;\r\n\r\n  font-size:14px;\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAROUSEL\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-carousel{\r\n  width:100%;\r\n  max-width:1550px;\r\n\r\n  margin:0 auto;\r\n\r\n  position:relative;\r\n\r\n  perspective:1800px;\r\n\r\n  \/*\r\n    No arrow space needed now.\r\n  *\/\r\n  padding:0;\r\n\r\n  cursor:grab;\r\n\r\n  user-select:none;\r\n  -webkit-user-select:none;\r\n\r\n  touch-action:pan-y;\r\n}\r\n\r\n\r\n#member-testimonials .testimonial-carousel.is-dragging{\r\n  cursor:grabbing;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEWPORT\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-viewport{\r\n  width:100%;\r\n\r\n  position:relative;\r\n\r\n  overflow:visible;\r\n\r\n  perspective:1800px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-track{\r\n\r\n  width:100%;\r\n  min-height:475px;\r\n\r\n  position:relative;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  transform-style:preserve-3d;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-card{\r\n\r\n  width:calc((100% - 64px) \/ 5);\r\n\r\n  max-width:280px;\r\n  min-width:205px;\r\n\r\n  height:450px;\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  background:#0c0c0c;\r\n\r\n  border:1px solid rgba(156,255,0,.12);\r\n\r\n  border-radius:8px;\r\n\r\n  overflow:hidden;\r\n\r\n  opacity:0;\r\n\r\n  visibility:hidden;\r\n\r\n  transform-style:preserve-3d;\r\n\r\n  \/*\r\n    Smooth 3D movement\r\n  *\/\r\n  transition:\r\n    transform .72s cubic-bezier(.2,.8,.2,1),\r\n    opacity .55s ease,\r\n    filter .55s ease,\r\n    box-shadow .55s ease,\r\n    border-color .4s ease;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3D POSITIONS\r\n========================================================= *\/\r\n\r\n#member-testimonials\r\n.testimonial-card[data-position=\"-2\"]{\r\n\r\n  opacity:.38;\r\n  visibility:visible;\r\n\r\n  transform:\r\n    translate(-210%,-50%)\r\n    translateZ(-170px)\r\n    rotateY(25deg)\r\n    scale(.78);\r\n\r\n  filter:brightness(.55);\r\n}\r\n\r\n\r\n#member-testimonials\r\n.testimonial-card[data-position=\"-1\"]{\r\n\r\n  opacity:.78;\r\n  visibility:visible;\r\n\r\n  transform:\r\n    translate(-108%,-50%)\r\n    translateZ(-55px)\r\n    rotateY(13deg)\r\n    scale(.90);\r\n\r\n  filter:brightness(.78);\r\n}\r\n\r\n\r\n#member-testimonials\r\n.testimonial-card[data-position=\"0\"]{\r\n\r\n  opacity:1;\r\n  visibility:visible;\r\n\r\n  transform:\r\n    translate(-50%,-50%)\r\n    translateZ(100px)\r\n    rotateY(0deg)\r\n    scale(1);\r\n\r\n  z-index:10;\r\n\r\n  filter:brightness(1);\r\n\r\n  border-color:\r\n    rgba(156,255,0,.25);\r\n\r\n  box-shadow:\r\n    0 25px 55px rgba(0,0,0,.65);\r\n}\r\n\r\n\r\n#member-testimonials\r\n.testimonial-card[data-position=\"1\"]{\r\n\r\n  opacity:.78;\r\n  visibility:visible;\r\n\r\n  transform:\r\n    translate(8%,-50%)\r\n    translateZ(-55px)\r\n    rotateY(-13deg)\r\n    scale(.90);\r\n\r\n  filter:brightness(.78);\r\n}\r\n\r\n\r\n#member-testimonials\r\n.testimonial-card[data-position=\"2\"]{\r\n\r\n  opacity:.38;\r\n  visibility:visible;\r\n\r\n  transform:\r\n    translate(110%,-50%)\r\n    translateZ(-170px)\r\n    rotateY(-25deg)\r\n    scale(.78);\r\n\r\n  filter:brightness(.55);\r\n}\r\n\r\n\r\n#member-testimonials\r\n.testimonial-card[data-position=\"hidden-left\"]{\r\n\r\n  opacity:0;\r\n  visibility:hidden;\r\n\r\n  transform:\r\n    translate(-310%,-50%)\r\n    translateZ(-350px)\r\n    rotateY(45deg)\r\n    scale(.5);\r\n}\r\n\r\n\r\n#member-testimonials\r\n.testimonial-card[data-position=\"hidden-right\"]{\r\n\r\n  opacity:0;\r\n  visibility:hidden;\r\n\r\n  transform:\r\n    translate(210%,-50%)\r\n    translateZ(-350px)\r\n    rotateY(-45deg)\r\n    scale(.5);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER CARD HOVER\r\n========================================================= *\/\r\n\r\n#member-testimonials\r\n.testimonial-card[data-position=\"0\"]:hover{\r\n\r\n  transform:\r\n    translate(-50%,-50%)\r\n    translateZ(125px)\r\n    rotateX(2deg)\r\n    scale(1.025);\r\n\r\n  border-color:\r\n    rgba(156,255,0,.55);\r\n\r\n  box-shadow:\r\n    0 30px 70px rgba(0,0,0,.75),\r\n    0 0 30px rgba(156,255,0,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MEDIA\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-media{\r\n\r\n  width:100%;\r\n  height:305px;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#151515;\r\n}\r\n\r\n\r\n#member-testimonials .testimonial-media 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  object-position:center;\r\n\r\n  transition:\r\n    transform .65s cubic-bezier(.2,.8,.2,1),\r\n    filter .5s ease;\r\n}\r\n\r\n\r\n#member-testimonials\r\n.testimonial-card:hover\r\n.testimonial-media img{\r\n\r\n  transform:scale(1.07);\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   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-media::after{\r\n\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      to bottom,\r\n      transparent 45%,\r\n      rgba(0,0,0,.45)\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY BUTTON\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-play{\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:48px;\r\n  height:48px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#9cff00;\r\n\r\n  color:#000;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  z-index:5;\r\n\r\n  cursor:pointer;\r\n\r\n  box-shadow:\r\n    0 0 0 7px rgba(156,255,0,.10),\r\n    0 8px 25px rgba(0,0,0,.45);\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    width .35s ease,\r\n    height .35s ease;\r\n}\r\n\r\n\r\n#member-testimonials .testimonial-play::before{\r\n\r\n  content:\"\";\r\n\r\n  width:0;\r\n  height:0;\r\n\r\n  margin-left:3px;\r\n\r\n  border-top:7px solid transparent;\r\n  border-bottom:7px solid transparent;\r\n  border-left:11px solid #000;\r\n}\r\n\r\n\r\n#member-testimonials\r\n.testimonial-card:hover\r\n.testimonial-play{\r\n\r\n  width:55px;\r\n  height:55px;\r\n\r\n  transform:\r\n    translate(-50%,-50%)\r\n    scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD INFORMATION\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-info{\r\n\r\n  width:100%;\r\n  min-height:145px;\r\n\r\n  padding:13px 12px 12px;\r\n\r\n  background:#070707;\r\n\r\n  position:relative;\r\n\r\n  z-index:4;\r\n}\r\n\r\n\r\n#member-testimonials .testimonial-name{\r\n\r\n  margin:0 0 4px;\r\n\r\n  color:#fff;\r\n\r\n  font-size:12px;\r\n  font-weight:700;\r\n\r\n  line-height:1.25;\r\n}\r\n\r\n\r\n#member-testimonials .testimonial-role{\r\n\r\n  margin:0 0 9px;\r\n\r\n  color:#9cff00;\r\n\r\n  font-size:9px;\r\n  font-weight:600;\r\n}\r\n\r\n\r\n#member-testimonials .testimonial-text{\r\n\r\n  margin:0;\r\n\r\n  color:#c5c5c5;\r\n\r\n  font-size:9px;\r\n  line-height:1.45;\r\n\r\n  display:-webkit-box;\r\n\r\n  -webkit-line-clamp:4;\r\n  -webkit-box-orient:vertical;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLATFORM ICON\r\n========================================================= *\/\r\n\r\n#member-testimonials .testimonial-platform{\r\n\r\n  position:absolute;\r\n\r\n  right:10px;\r\n  bottom:10px;\r\n\r\n  width:25px;\r\n  height:25px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:6px;\r\n\r\n  background:#fff;\r\n\r\n  overflow:hidden;\r\n\r\n  text-decoration:none;\r\n\r\n  z-index:20;\r\n\r\n  cursor:pointer;\r\n\r\n  pointer-events:auto;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n\r\n#member-testimonials\r\n.testimonial-platform:hover{\r\n\r\n  transform:\r\n    scale(1.15)\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 5px 15px rgba(0,0,0,.4);\r\n}\r\n\r\n\r\n#member-testimonials\r\n.testimonial-platform img{\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  object-fit:contain;\r\n\r\n  display:block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW ALL\r\n========================================================= *\/\r\n\r\n#member-testimonials .view-all-wrapper{\r\n\r\n  width:100%;\r\n\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n}\r\n\r\n\r\n#member-testimonials .view-all-testimonials{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  min-width:210px;\r\n  min-height:52px;\r\n\r\n  margin:45px auto 0;\r\n\r\n  padding:0 28px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(156,255,0,.35);\r\n\r\n  border-radius:30px;\r\n\r\n  background:#111;\r\n\r\n  color:#9cff00;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:14px;\r\n  font-weight:700;\r\n\r\n  transition:\r\n    background .35s ease,\r\n    color .35s ease,\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n\r\n#member-testimonials\r\n.view-all-testimonials:hover{\r\n\r\n  background:#9cff00;\r\n\r\n  color:#000;\r\n\r\n  transform:translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 12px 30px\r\n    rgba(156,255,0,.15);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO POPUP\r\n========================================================= *\/\r\n\r\n#testimonial-video-modal{\r\n\r\n  position:fixed;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:none;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  padding:20px;\r\n\r\n  background:rgba(0,0,0,.88);\r\n\r\n  backdrop-filter:blur(12px);\r\n  -webkit-backdrop-filter:blur(12px);\r\n\r\n  z-index:999999;\r\n}\r\n\r\n\r\n#testimonial-video-modal.active{\r\n  display:flex;\r\n}\r\n\r\n\r\n#testimonial-video-modal\r\n.video-modal-box{\r\n\r\n  width:100%;\r\n  max-width:850px;\r\n  max-height:90vh;\r\n\r\n  position:relative;\r\n\r\n  padding:8px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(156,255,0,.25);\r\n\r\n  border-radius:18px;\r\n\r\n  background:#080808;\r\n\r\n  box-shadow:\r\n    0 30px 100px rgba(0,0,0,.8);\r\n}\r\n\r\n\r\n#testimonial-video-modal video{\r\n\r\n  width:100%;\r\n  max-height:82vh;\r\n\r\n  display:block;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#000;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSE BUTTON\r\n========================================================= *\/\r\n\r\n#testimonial-video-modal .video-close{\r\n\r\n  position:absolute;\r\n\r\n  top:-18px;\r\n  right:-18px;\r\n\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.2);\r\n\r\n  border-radius:50%;\r\n\r\n  background:#111;\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:25px;\r\n\r\n  cursor:pointer;\r\n\r\n  z-index:20;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    color .3s ease;\r\n}\r\n\r\n\r\n#testimonial-video-modal\r\n.video-close:hover{\r\n\r\n  background:#9cff00;\r\n\r\n  color:#000;\r\n\r\n  transform:rotate(90deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOADING\r\n========================================================= *\/\r\n\r\n#testimonial-video-modal .video-loading{\r\n\r\n  position:absolute;\r\n\r\n  inset:8px;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#050505;\r\n\r\n  z-index:10;\r\n}\r\n\r\n\r\n#testimonial-video-modal .loading-spinner{\r\n\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border:\r\n    3px solid\r\n    rgba(156,255,0,.18);\r\n\r\n  border-top-color:#9cff00;\r\n\r\n  border-radius:50%;\r\n\r\n  animation:\r\n    testimonialSpin .8s linear infinite;\r\n}\r\n\r\n\r\n#testimonial-video-modal .loading-text{\r\n\r\n  margin-top:15px;\r\n\r\n  color:#aaa;\r\n\r\n  font-size:12px;\r\n}\r\n\r\n\r\n@keyframes testimonialSpin{\r\n\r\n  to{\r\n    transform:rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  #member-testimonials\r\n  .testimonial-card{\r\n\r\n    width:29%;\r\n\r\n    min-width:190px;\r\n  }\r\n\r\n  #member-testimonials\r\n  .testimonial-card[data-position=\"-2\"],\r\n  #member-testimonials\r\n  .testimonial-card[data-position=\"2\"]{\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n  }\r\n\r\n  #member-testimonials\r\n  .testimonial-card[data-position=\"-1\"]{\r\n\r\n    transform:\r\n      translate(-105%,-50%)\r\n      translateZ(-50px)\r\n      rotateY(12deg)\r\n      scale(.88);\r\n  }\r\n\r\n  #member-testimonials\r\n  .testimonial-card[data-position=\"1\"]{\r\n\r\n    transform:\r\n      translate(5%,-50%)\r\n      translateZ(-50px)\r\n      rotateY(-12deg)\r\n      scale(.88);\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  #member-testimonials{\r\n\r\n    padding:\r\n      55px\r\n      10px\r\n      55px;\r\n  }\r\n\r\n\r\n  #member-testimonials\r\n  .testimonial-description{\r\n\r\n    margin-bottom:25px;\r\n\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #member-testimonials\r\n  .testimonial-track{\r\n\r\n    min-height:470px;\r\n  }\r\n\r\n\r\n  #member-testimonials\r\n  .testimonial-card{\r\n\r\n    width:min(78vw,290px);\r\n\r\n    min-width:0;\r\n\r\n    height:450px;\r\n  }\r\n\r\n\r\n  #member-testimonials\r\n  .testimonial-card[data-position=\"-2\"],\r\n  #member-testimonials\r\n  .testimonial-card[data-position=\"2\"]{\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n  }\r\n\r\n\r\n  #member-testimonials\r\n  .testimonial-card[data-position=\"-1\"]{\r\n\r\n    opacity:.25;\r\n\r\n    transform:\r\n      translate(-82%,-50%)\r\n      translateZ(-100px)\r\n      rotateY(20deg)\r\n      scale(.78);\r\n  }\r\n\r\n\r\n  #member-testimonials\r\n  .testimonial-card[data-position=\"0\"]{\r\n\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateZ(60px)\r\n      scale(1);\r\n  }\r\n\r\n\r\n  #member-testimonials\r\n  .testimonial-card[data-position=\"1\"]{\r\n\r\n    opacity:.25;\r\n\r\n    transform:\r\n      translate(-18%,-50%)\r\n      translateZ(-100px)\r\n      rotateY(-20deg)\r\n      scale(.78);\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  #member-testimonials\r\n  .testimonial-card{\r\n\r\n    width:min(82vw,280px);\r\n\r\n    height:440px;\r\n  }\r\n\r\n\r\n  #member-testimonials\r\n  .testimonial-media{\r\n\r\n    height:295px;\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 id=\"member-testimonials\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADING\r\n  ====================================================== -->\r\n\r\n  <h2 class=\"testimonial-heading\">\r\n    What <span>Our Member Say<\/span>\r\n  <\/h2>\r\n\r\n\r\n  <p class=\"testimonial-description\">\r\n    Hear from our Members about how our AI Programs helped them\r\n    create, grow and transform their businesses.\r\n  <\/p>\r\n\r\n\r\n  <!-- =====================================================\r\n       DRAG CAROUSEL\r\n       NO LEFT \/ RIGHT ARROWS\r\n  ====================================================== -->\r\n\r\n  <div\r\n    class=\"testimonial-carousel\"\r\n    id=\"testimonialCarousel\"\r\n  >\r\n\r\n    <div class=\"testimonial-viewport\">\r\n\r\n      <div\r\n        class=\"testimonial-track\"\r\n        id=\"testimonialTrack\"\r\n      >\r\n\r\n\r\n        <!-- =================================================\r\n             VIDEO 1\r\n        ================================================== -->\r\n\r\n        <article\r\n          class=\"testimonial-card\"\r\n          data-index=\"0\"\r\n        >\r\n\r\n          <div class=\"testimonial-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"YOUR-VIDEO-1-THUMBNAIL-URL\"\r\n              alt=\"Member testimonial 1\"\r\n            >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"testimonial-play\"\r\n              data-video=\"YOUR-VIDEO-1-MP4-URL\"\r\n              aria-label=\"Play video\"\r\n            ><\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"testimonial-info\">\r\n\r\n            <h3 class=\"testimonial-name\">\r\n              Yash Pratap Singh\r\n            <\/h3>\r\n\r\n            <p class=\"testimonial-role\">\r\n              Business and Starting Up Coach\r\n            <\/p>\r\n\r\n            <p class=\"testimonial-text\">\r\n              Aaghaz is where ideas become real products. It\u2019s empowering\r\n              youth to turn their skills into something meaningful,\r\n              something that makes an impact.\r\n            <\/p>\r\n\r\n            <a\r\n              href=\"YOUR-VIDEO-1-APP-LINK\"\r\n              class=\"testimonial-platform\"\r\n              target=\"_self\"\r\n            >\r\n\r\n              <img decoding=\"async\"\r\n                src=\"YOUR-VIDEO-1-APP-ICON-URL\"\r\n                alt=\"Platform\"\r\n              >\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             VIDEO 2\r\n        ================================================== -->\r\n\r\n        <article\r\n          class=\"testimonial-card\"\r\n          data-index=\"1\"\r\n        >\r\n\r\n          <div class=\"testimonial-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"YOUR-VIDEO-2-THUMBNAIL-URL\"\r\n              alt=\"Member testimonial 2\"\r\n            >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"testimonial-play\"\r\n              data-video=\"YOUR-VIDEO-2-MP4-URL\"\r\n              aria-label=\"Play video\"\r\n            ><\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"testimonial-info\">\r\n\r\n            <h3 class=\"testimonial-name\">\r\n              Sobhan Tariq\r\n            <\/h3>\r\n\r\n            <p class=\"testimonial-role\">\r\n              Youtuber &amp; Tech Enthusiast\r\n            <\/p>\r\n\r\n            <p class=\"testimonial-text\">\r\n              What stands out about Aaghaz is how real and hands-on it is.\r\n              You don\u2019t just learn AI here, you learn how to build startups,\r\n              solve problems, and bring ideas to life.\r\n            <\/p>\r\n\r\n            <a\r\n              href=\"YOUR-VIDEO-2-APP-LINK\"\r\n              class=\"testimonial-platform\"\r\n              target=\"_self\"\r\n            >\r\n\r\n              <img decoding=\"async\"\r\n                src=\"YOUR-VIDEO-2-APP-ICON-URL\"\r\n                alt=\"Platform\"\r\n              >\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             VIDEO 3\r\n        ================================================== -->\r\n\r\n        <article\r\n          class=\"testimonial-card\"\r\n          data-index=\"2\"\r\n        >\r\n\r\n          <div class=\"testimonial-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"YOUR-VIDEO-3-THUMBNAIL-URL\"\r\n              alt=\"Member testimonial 3\"\r\n            >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"testimonial-play\"\r\n              data-video=\"YOUR-VIDEO-3-MP4-URL\"\r\n              aria-label=\"Play video\"\r\n            ><\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"testimonial-info\">\r\n\r\n            <h3 class=\"testimonial-name\">\r\n              Lalit Singh\r\n            <\/h3>\r\n\r\n            <p class=\"testimonial-role\">\r\n              Instagram Influencer\r\n            <\/p>\r\n\r\n            <p class=\"testimonial-text\">\r\n              Aaghaz is more than a school, it\u2019s a movement. It\u2019s 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            <a\r\n              href=\"YOUR-VIDEO-3-APP-LINK\"\r\n              class=\"testimonial-platform\"\r\n              target=\"_self\"\r\n            >\r\n\r\n              <img decoding=\"async\"\r\n                src=\"YOUR-VIDEO-3-APP-ICON-URL\"\r\n                alt=\"Platform\"\r\n              >\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             VIDEO 4\r\n        ================================================== -->\r\n\r\n        <article\r\n          class=\"testimonial-card\"\r\n          data-index=\"3\"\r\n        >\r\n\r\n          <div class=\"testimonial-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"YOUR-VIDEO-4-THUMBNAIL-URL\"\r\n              alt=\"Member testimonial 4\"\r\n            >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"testimonial-play\"\r\n              data-video=\"YOUR-VIDEO-4-MP4-URL\"\r\n              aria-label=\"Play video\"\r\n            ><\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"testimonial-info\">\r\n\r\n            <h3 class=\"testimonial-name\">\r\n              Shahzad Khan\r\n            <\/h3>\r\n\r\n            <p class=\"testimonial-role\">\r\n              No#1 Copy Writer\r\n            <\/p>\r\n\r\n            <p class=\"testimonial-text\">\r\n              Having worked with Badr Munir, I can say his work in AI and\r\n              startups stands out. Aaghaz is not just another education\r\n              initiative, it\u2019s a serious attempt to bridge the gap between\r\n              industry needs and practical AI skills.\r\n            <\/p>\r\n\r\n            <a\r\n              href=\"YOUR-VIDEO-4-APP-LINK\"\r\n              class=\"testimonial-platform\"\r\n              target=\"_self\"\r\n            >\r\n\r\n              <img decoding=\"async\"\r\n                src=\"YOUR-VIDEO-4-APP-ICON-URL\"\r\n                alt=\"Platform\"\r\n              >\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             VIDEO 5\r\n        ================================================== -->\r\n\r\n        <article\r\n          class=\"testimonial-card\"\r\n          data-index=\"4\"\r\n        >\r\n\r\n          <div class=\"testimonial-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"YOUR-VIDEO-5-THUMBNAIL-URL\"\r\n              alt=\"Member testimonial 5\"\r\n            >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"testimonial-play\"\r\n              data-video=\"YOUR-VIDEO-5-MP4-URL\"\r\n              aria-label=\"Play video\"\r\n            ><\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"testimonial-info\">\r\n\r\n            <h3 class=\"testimonial-name\">\r\n              Abdul Rehman\r\n            <\/h3>\r\n\r\n            <p class=\"testimonial-role\">\r\n              Creative Director\r\n            <\/p>\r\n\r\n            <p class=\"testimonial-text\">\r\n              Badr Munir helped me convert more leads as a Creative Director.\r\n              The hands-on projects and mentorship were invaluable.\r\n            <\/p>\r\n\r\n            <a\r\n              href=\"YOUR-VIDEO-5-APP-LINK\"\r\n              class=\"testimonial-platform\"\r\n              target=\"_self\"\r\n            >\r\n\r\n              <img decoding=\"async\"\r\n                src=\"YOUR-VIDEO-5-APP-ICON-URL\"\r\n                alt=\"Platform\"\r\n              >\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             VIDEO 6\r\n        ================================================== -->\r\n\r\n        <article\r\n          class=\"testimonial-card\"\r\n          data-index=\"5\"\r\n        >\r\n\r\n          <div class=\"testimonial-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"YOUR-VIDEO-6-THUMBNAIL-URL\"\r\n              alt=\"Member testimonial 6\"\r\n            >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"testimonial-play\"\r\n              data-video=\"YOUR-VIDEO-6-MP4-URL\"\r\n              aria-label=\"Play video\"\r\n            ><\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"testimonial-info\">\r\n\r\n            <h3 class=\"testimonial-name\">\r\n              M Haroon Khalil\r\n            <\/h3>\r\n\r\n            <p class=\"testimonial-role\">\r\n              Entrepreneur\r\n            <\/p>\r\n\r\n            <p class=\"testimonial-text\">\r\n              Join Badr Munir\u2019s program \u2014 practical, focused, and results-\r\n              driven. Highly recommended for founders and creators.\r\n            <\/p>\r\n\r\n            <a\r\n              href=\"YOUR-VIDEO-6-APP-LINK\"\r\n              class=\"testimonial-platform\"\r\n              target=\"_self\"\r\n            >\r\n\r\n              <img decoding=\"async\"\r\n                src=\"YOUR-VIDEO-6-APP-ICON-URL\"\r\n                alt=\"Platform\"\r\n              >\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             VIDEO 7\r\n        ================================================== -->\r\n\r\n        <article\r\n          class=\"testimonial-card\"\r\n          data-index=\"6\"\r\n        >\r\n\r\n          <div class=\"testimonial-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"YOUR-VIDEO-7-THUMBNAIL-URL\"\r\n              alt=\"Member testimonial 7\"\r\n            >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"testimonial-play\"\r\n              data-video=\"YOUR-VIDEO-7-MP4-URL\"\r\n              aria-label=\"Play video\"\r\n            ><\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"testimonial-info\">\r\n\r\n            <h3 class=\"testimonial-name\">\r\n              Nadia Alam\r\n            <\/h3>\r\n\r\n            <p class=\"testimonial-role\">\r\n              AI Student\r\n            <\/p>\r\n\r\n            <p class=\"testimonial-text\">\r\n              The lessons helped me become more confident using\r\n              AI tools for everyday tasks and projects.\r\n            <\/p>\r\n\r\n            <a\r\n              href=\"YOUR-VIDEO-7-APP-LINK\"\r\n              class=\"testimonial-platform\"\r\n              target=\"_self\"\r\n            >\r\n\r\n              <img decoding=\"async\"\r\n                src=\"YOUR-VIDEO-7-APP-ICON-URL\"\r\n                alt=\"Platform\"\r\n              >\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             VIDEO 8\r\n        ================================================== -->\r\n\r\n        <article\r\n          class=\"testimonial-card\"\r\n          data-index=\"7\"\r\n        >\r\n\r\n          <div class=\"testimonial-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"YOUR-VIDEO-8-THUMBNAIL-URL\"\r\n              alt=\"Member testimonial 8\"\r\n            >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"testimonial-play\"\r\n              data-video=\"YOUR-VIDEO-8-MP4-URL\"\r\n              aria-label=\"Play video\"\r\n            ><\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"testimonial-info\">\r\n\r\n            <h3 class=\"testimonial-name\">\r\n              Abdul Moeez\r\n            <\/h3>\r\n\r\n            <p class=\"testimonial-role\">\r\n              Founder\r\n            <\/p>\r\n\r\n            <p class=\"testimonial-text\">\r\n              I discovered practical AI workflows that helped\r\n              me improve the way I approach my business.\r\n            <\/p>\r\n\r\n            <a\r\n              href=\"YOUR-VIDEO-8-APP-LINK\"\r\n              class=\"testimonial-platform\"\r\n              target=\"_self\"\r\n            >\r\n\r\n              <img decoding=\"async\"\r\n                src=\"YOUR-VIDEO-8-APP-ICON-URL\"\r\n                alt=\"Platform\"\r\n              >\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             VIDEO 9\r\n        ================================================== -->\r\n\r\n        <article\r\n          class=\"testimonial-card\"\r\n          data-index=\"8\"\r\n        >\r\n\r\n          <div class=\"testimonial-media\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"YOUR-VIDEO-9-THUMBNAIL-URL\"\r\n              alt=\"Member testimonial 9\"\r\n            >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"testimonial-play\"\r\n              data-video=\"YOUR-VIDEO-9-MP4-URL\"\r\n              aria-label=\"Play video\"\r\n            ><\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"testimonial-info\">\r\n\r\n            <h3 class=\"testimonial-name\">\r\n              Hafiz Rauf\r\n            <\/h3>\r\n\r\n            <p class=\"testimonial-role\">\r\n              Business Member\r\n            <\/p>\r\n\r\n            <p class=\"testimonial-text\">\r\n              The AI program showed me how to turn ideas into\r\n              useful systems and improve my daily workflow.\r\n            <\/p>\r\n\r\n            <a\r\n              href=\"YOUR-VIDEO-9-APP-LINK\"\r\n              class=\"testimonial-platform\"\r\n              target=\"_self\"\r\n            >\r\n\r\n              <img decoding=\"async\"\r\n                src=\"YOUR-VIDEO-9-APP-ICON-URL\"\r\n                alt=\"Platform\"\r\n              >\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       VIEW ALL\r\n  ====================================================== -->\r\n\r\n  <div class=\"view-all-wrapper\">\r\n\r\n    <a\r\n      href=\"\/testimonials\/\"\r\n      target=\"_self\"\r\n      class=\"view-all-testimonials\"\r\n    >\r\n      View All Testimonials\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     VIDEO POPUP\r\n======================================================= -->\r\n\r\n<div\r\n  id=\"testimonial-video-modal\"\r\n  aria-hidden=\"true\"\r\n>\r\n\r\n  <div class=\"video-modal-box\">\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"video-close\"\r\n      id=\"testimonialVideoClose\"\r\n      aria-label=\"Close video\"\r\n    >\r\n      \u00d7\r\n    <\/button>\r\n\r\n\r\n    <div\r\n      class=\"video-loading\"\r\n      id=\"testimonialVideoLoading\"\r\n    >\r\n\r\n      <div class=\"loading-spinner\"><\/div>\r\n\r\n      <div class=\"loading-text\">\r\n        Loading video...\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <video\r\n      id=\"testimonialVideo\"\r\n      controls\r\n      playsinline\r\n      preload=\"metadata\"\r\n    ><\/video>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   3D CAROUSEL + MOUSE DRAG + TOUCH SWIPE\r\n========================================================= *\/\r\n\r\n(function(){\r\n\r\n  const carousel =\r\n    document.getElementById(\r\n      'testimonialCarousel'\r\n    );\r\n\r\n  const cards =\r\n    Array.from(\r\n      document.querySelectorAll(\r\n        '#member-testimonials .testimonial-card'\r\n      )\r\n    );\r\n\r\n  if(!carousel || !cards.length){\r\n    return;\r\n  }\r\n\r\n\r\n  let currentIndex = 0;\r\n\r\n  let isDragging = false;\r\n\r\n  let startX = 0;\r\n\r\n  let currentX = 0;\r\n\r\n  let dragDistance = 0;\r\n\r\n  let dragMoved = false;\r\n\r\n  let autoTimer;\r\n\r\n\r\n  \/* =======================================================\r\n     UPDATE CARDS\r\n  ======================================================= *\/\r\n\r\n  function updateCarousel(){\r\n\r\n    const total =\r\n      cards.length;\r\n\r\n\r\n    cards.forEach(\r\n      function(card,index){\r\n\r\n        let difference =\r\n          index - currentIndex;\r\n\r\n\r\n        if(difference > total \/ 2){\r\n\r\n          difference -= total;\r\n\r\n        }\r\n\r\n\r\n        if(difference < -total \/ 2){\r\n\r\n          difference += total;\r\n\r\n        }\r\n\r\n\r\n        if(difference === -2){\r\n\r\n          card.dataset.position =\r\n            \"-2\";\r\n\r\n        }\r\n\r\n        else if(difference === -1){\r\n\r\n          card.dataset.position =\r\n            \"-1\";\r\n\r\n        }\r\n\r\n        else if(difference === 0){\r\n\r\n          card.dataset.position =\r\n            \"0\";\r\n\r\n        }\r\n\r\n        else if(difference === 1){\r\n\r\n          card.dataset.position =\r\n            \"1\";\r\n\r\n        }\r\n\r\n        else if(difference === 2){\r\n\r\n          card.dataset.position =\r\n            \"2\";\r\n\r\n        }\r\n\r\n        else if(difference < -2){\r\n\r\n          card.dataset.position =\r\n            \"hidden-left\";\r\n\r\n        }\r\n\r\n        else{\r\n\r\n          card.dataset.position =\r\n            \"hidden-right\";\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     NEXT\r\n  ======================================================= *\/\r\n\r\n  function nextSlide(){\r\n\r\n    currentIndex++;\r\n\r\n    if(currentIndex >= cards.length){\r\n\r\n      currentIndex = 0;\r\n\r\n    }\r\n\r\n    updateCarousel();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     PREVIOUS\r\n  ======================================================= *\/\r\n\r\n  function previousSlide(){\r\n\r\n    currentIndex--;\r\n\r\n    if(currentIndex < 0){\r\n\r\n      currentIndex =\r\n        cards.length - 1;\r\n\r\n    }\r\n\r\n    updateCarousel();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     AUTO SLIDE\r\n  ======================================================= *\/\r\n\r\n  function startAuto(){\r\n\r\n    clearInterval(\r\n      autoTimer\r\n    );\r\n\r\n    autoTimer =\r\n      setInterval(\r\n        nextSlide,\r\n        6000\r\n      );\r\n\r\n  }\r\n\r\n\r\n  function stopAuto(){\r\n\r\n    clearInterval(\r\n      autoTimer\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     MOUSE DOWN\r\n  ======================================================= *\/\r\n\r\n  carousel.addEventListener(\r\n    'mousedown',\r\n    function(event){\r\n\r\n      \/*\r\n        Don't start drag when clicking\r\n        buttons or platform links.\r\n      *\/\r\n\r\n      if(\r\n        event.target.closest(\r\n          '.testimonial-play'\r\n        ) ||\r\n        event.target.closest(\r\n          '.testimonial-platform'\r\n        )\r\n      ){\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      isDragging = true;\r\n\r\n      dragMoved = false;\r\n\r\n      startX =\r\n        event.clientX;\r\n\r\n      currentX =\r\n        event.clientX;\r\n\r\n      dragDistance = 0;\r\n\r\n\r\n      carousel.classList.add(\r\n        'is-dragging'\r\n      );\r\n\r\n\r\n      stopAuto();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     MOUSE MOVE\r\n  ======================================================= *\/\r\n\r\n  window.addEventListener(\r\n    'mousemove',\r\n    function(event){\r\n\r\n      if(!isDragging){\r\n        return;\r\n      }\r\n\r\n\r\n      currentX =\r\n        event.clientX;\r\n\r\n\r\n      dragDistance =\r\n        currentX - startX;\r\n\r\n\r\n      if(\r\n        Math.abs(dragDistance) > 8\r\n      ){\r\n\r\n        dragMoved = true;\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     MOUSE UP\r\n  ======================================================= *\/\r\n\r\n  window.addEventListener(\r\n    'mouseup',\r\n    function(){\r\n\r\n      if(!isDragging){\r\n        return;\r\n      }\r\n\r\n\r\n      isDragging = false;\r\n\r\n\r\n      carousel.classList.remove(\r\n        'is-dragging'\r\n      );\r\n\r\n\r\n      const threshold =\r\n        Math.max(\r\n          45,\r\n          carousel.offsetWidth * .06\r\n        );\r\n\r\n\r\n      if(\r\n        dragDistance < -threshold\r\n      ){\r\n\r\n        nextSlide();\r\n\r\n      }\r\n\r\n      else if(\r\n        dragDistance > threshold\r\n      ){\r\n\r\n        previousSlide();\r\n\r\n      }\r\n\r\n\r\n      startAuto();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     TOUCH START\r\n  ======================================================= *\/\r\n\r\n  carousel.addEventListener(\r\n    'touchstart',\r\n    function(event){\r\n\r\n      if(\r\n        event.target.closest(\r\n          '.testimonial-play'\r\n        ) ||\r\n        event.target.closest(\r\n          '.testimonial-platform'\r\n        )\r\n      ){\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      startX =\r\n        event.touches[0].clientX;\r\n\r\n      currentX =\r\n        startX;\r\n\r\n      dragDistance = 0;\r\n\r\n      dragMoved = false;\r\n\r\n      isDragging = true;\r\n\r\n      stopAuto();\r\n\r\n    },\r\n    {\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     TOUCH MOVE\r\n  ======================================================= *\/\r\n\r\n  carousel.addEventListener(\r\n    'touchmove',\r\n    function(event){\r\n\r\n      if(!isDragging){\r\n        return;\r\n      }\r\n\r\n\r\n      currentX =\r\n        event.touches[0].clientX;\r\n\r\n\r\n      dragDistance =\r\n        currentX - startX;\r\n\r\n\r\n      if(\r\n        Math.abs(dragDistance) > 8\r\n      ){\r\n\r\n        dragMoved = true;\r\n\r\n      }\r\n\r\n    },\r\n    {\r\n      passive:true\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     TOUCH END\r\n  ======================================================= *\/\r\n\r\n  carousel.addEventListener(\r\n    'touchend',\r\n    function(){\r\n\r\n      if(!isDragging){\r\n        return;\r\n      }\r\n\r\n\r\n      isDragging = false;\r\n\r\n\r\n      const threshold =\r\n        Math.max(\r\n          35,\r\n          carousel.offsetWidth * .08\r\n        );\r\n\r\n\r\n      if(\r\n        dragDistance < -threshold\r\n      ){\r\n\r\n        nextSlide();\r\n\r\n      }\r\n\r\n      else if(\r\n        dragDistance > threshold\r\n      ){\r\n\r\n        previousSlide();\r\n\r\n      }\r\n\r\n\r\n      startAuto();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     PREVENT ACCIDENTAL CARD CLICK AFTER DRAG\r\n  ======================================================= *\/\r\n\r\n  carousel.addEventListener(\r\n    'click',\r\n    function(event){\r\n\r\n      if(dragMoved){\r\n\r\n        event.preventDefault();\r\n\r\n        event.stopPropagation();\r\n\r\n        dragMoved = false;\r\n\r\n      }\r\n\r\n    },\r\n    true\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     PAUSE AUTO WHEN MOUSE IS OVER SECTION\r\n  ======================================================= *\/\r\n\r\n  carousel.addEventListener(\r\n    'mouseenter',\r\n    function(){\r\n\r\n      if(!isDragging){\r\n\r\n        stopAuto();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  carousel.addEventListener(\r\n    'mouseleave',\r\n    function(){\r\n\r\n      if(!isDragging){\r\n\r\n        startAuto();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     INITIAL\r\n  ======================================================= *\/\r\n\r\n  updateCarousel();\r\n\r\n  startAuto();\r\n\r\n})();\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO POPUP\r\n========================================================= *\/\r\n\r\n(function(){\r\n\r\n  const modal =\r\n    document.getElementById(\r\n      'testimonial-video-modal'\r\n    );\r\n\r\n  const video =\r\n    document.getElementById(\r\n      'testimonialVideo'\r\n    );\r\n\r\n  const loading =\r\n    document.getElementById(\r\n      'testimonialVideoLoading'\r\n    );\r\n\r\n  const closeButton =\r\n    document.getElementById(\r\n      'testimonialVideoClose'\r\n    );\r\n\r\n  const playButtons =\r\n    document.querySelectorAll(\r\n      '#member-testimonials .testimonial-play'\r\n    );\r\n\r\n  let loadingTimer;\r\n\r\n\r\n  \/* =======================================================\r\n     OPEN VIDEO\r\n  ======================================================= *\/\r\n\r\n  function openVideo(videoURL){\r\n\r\n    if(!videoURL){\r\n      return;\r\n    }\r\n\r\n\r\n    video.pause();\r\n\r\n    video.removeAttribute(\r\n      'src'\r\n    );\r\n\r\n    video.load();\r\n\r\n\r\n    modal.classList.add(\r\n      'active'\r\n    );\r\n\r\n\r\n    modal.setAttribute(\r\n      'aria-hidden',\r\n      'false'\r\n    );\r\n\r\n\r\n    loading.style.display =\r\n      'flex';\r\n\r\n\r\n    video.src =\r\n      videoURL;\r\n\r\n    video.load();\r\n\r\n\r\n    clearTimeout(\r\n      loadingTimer\r\n    );\r\n\r\n\r\n    \/*\r\n      2 SECOND LOADING\r\n    *\/\r\n\r\n    loadingTimer =\r\n      setTimeout(\r\n        function(){\r\n\r\n          loading.style.display =\r\n            'none';\r\n\r\n\r\n          video.muted = true;\r\n\r\n          video.play().catch(\r\n            function(){}\r\n          );\r\n\r\n        },\r\n        2000\r\n      );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     CLOSE VIDEO\r\n  ======================================================= *\/\r\n\r\n  function closeVideo(){\r\n\r\n    clearTimeout(\r\n      loadingTimer\r\n    );\r\n\r\n\r\n    video.pause();\r\n\r\n    video.removeAttribute(\r\n      'src'\r\n    );\r\n\r\n    video.load();\r\n\r\n\r\n    loading.style.display =\r\n      'flex';\r\n\r\n\r\n    modal.classList.remove(\r\n      'active'\r\n    );\r\n\r\n\r\n    modal.setAttribute(\r\n      'aria-hidden',\r\n      'true'\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     PLAY BUTTONS\r\n  ======================================================= *\/\r\n\r\n  playButtons.forEach(\r\n    function(button){\r\n\r\n      button.addEventListener(\r\n        'click',\r\n        function(event){\r\n\r\n          event.preventDefault();\r\n\r\n          event.stopPropagation();\r\n\r\n\r\n          const videoURL =\r\n            button.getAttribute(\r\n              'data-video'\r\n            );\r\n\r\n\r\n          openVideo(\r\n            videoURL\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     CLOSE\r\n  ======================================================= *\/\r\n\r\n  closeButton.addEventListener(\r\n    'click',\r\n    closeVideo\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     CLICK OUTSIDE VIDEO\r\n  ======================================================= *\/\r\n\r\n  modal.addEventListener(\r\n    'click',\r\n    function(event){\r\n\r\n      if(\r\n        event.target === modal\r\n      ){\r\n\r\n        closeVideo();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     ESC KEY\r\n  ======================================================= *\/\r\n\r\n  document.addEventListener(\r\n    'keydown',\r\n    function(event){\r\n\r\n      if(\r\n        event.key === 'Escape' &&\r\n        modal.classList.contains(\r\n          'active'\r\n        )\r\n      ){\r\n\r\n        closeVideo();\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>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Asia\u2019s First AI Startup Institute Learn how to use AI in real life and start a company people actually want&#8230;.<\/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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/8","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=8"}],"version-history":[{"count":19,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/c.texofts.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/c.texofts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}