Full Stack Web Development<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<style>\r\n :root{\r\n --navy-deep:#060b1e;\r\n --navy-panel:#0a1330;\r\n --green:#8dfc3f;\r\n --yellow:#ffd400;\r\n --red:#ff2d2d;\r\n --ice:#e9f1ff;\r\n --blue-icon:#3f8bff;\r\n }\r\n *{box-sizing:border-box;}\r\n body{\r\n margin:0;\r\n font-family:'Segoe UI', Arial, sans-serif;\r\n background:#04070f;\r\n display:flex;\r\n justify-content:center;\r\n padding:40px 12px;\r\n }\r\n .card{\r\n width:1300px;\r\n max-width:100%;\r\n background:linear-gradient(180deg,#0b1638,#050b1e);\r\n border-radius:26px;\r\n padding:22px;\r\n box-shadow:0 30px 70px rgba(0,0,0,.65), inset 0 0 0 1px rgba(120,150,220,.15);\r\n }\r\n\r\n \/* ---------- VIDEO THUMB ---------- *\/\r\n .thumb{\r\n position:relative;\r\n border-radius:18px;\r\n overflow:hidden;\r\n height:560px;\r\n background:\r\n radial-gradient(circle at 74% 34%, rgba(63,139,255,.30), transparent 55%),\r\n linear-gradient(120deg,#050813 0%,#0a1230 45%,#101d46 100%);\r\n cursor:pointer;\r\n border:1px solid rgba(120,150,220,.2);\r\n }\r\n .thumb:hover .playbtn{ transform:translate(-50%,-50%) scale(1.08); }\r\n\r\n \/* ---- decorative coding-desk scene (stylized illustration, not a real photo) ---- *\/\r\n .scene{position:absolute; inset:0; overflow:hidden;}\r\n\r\n .monitor{\r\n position:absolute;\r\n background:#0b3d91;\r\n border:3px solid #1c4fb0;\r\n border-radius:6px;\r\n box-shadow:0 0 26px rgba(63,139,255,.55);\r\n opacity:.9;\r\n }\r\n .monitor::before{\r\n content:'';\r\n position:absolute; inset:8px;\r\n background:repeating-linear-gradient(\r\n 0deg, rgba(120,255,180,.55) 0 4px, transparent 4px 12px\r\n );\r\n opacity:.55;\r\n }\r\n .m1{width:190px;height:120px; top:60px; right:70px;}\r\n .m2{width:150px;height:98px; top:170px; right:270px;}\r\n .m3{width:160px;height:104px; top:56px; right:280px;}\r\n\r\n .desk{\r\n position:absolute; left:0; right:0; bottom:0; height:26px;\r\n background:linear-gradient(180deg, #1a2340, #0a0f22);\r\n }\r\n\r\n .coder{\r\n position:absolute;\r\n right:60px; bottom:0;\r\n width:430px; height:500px;\r\n }\r\n .coder .head{\r\n position:absolute; left:150px; top:30px;\r\n width:130px;height:140px;border-radius:50% 50% 46% 46%;\r\n background:#3c2a1e;\r\n }\r\n .coder .glasses{\r\n position:absolute; left:172px; top:78px;\r\n width:88px; height:26px;\r\n border:3px solid #ddd;\r\n border-radius:8px;\r\n opacity:.85;\r\n }\r\n .coder .hoodie{\r\n position:absolute; left:60px; top:150px;\r\n width:320px;height:350px;border-radius:120px 120px 0 0;\r\n background:linear-gradient(160deg,#171d33,#04060c);\r\n }\r\n .coder .arm-l{\r\n position:absolute; left:110px; top:330px;\r\n width:150px;height:60px;border-radius:30px;\r\n background:linear-gradient(160deg,#171d33,#04060c);\r\n transform:rotate(-8deg);\r\n }\r\n .coder .arm-r{\r\n position:absolute; right:60px; top:330px;\r\n width:150px;height:60px;border-radius:30px;\r\n background:linear-gradient(200deg,#171d33,#04060c);\r\n transform:rotate(8deg);\r\n }\r\n .laptop-base{\r\n position:absolute; left:120px; top:388px;\r\n width:250px;height:26px;\r\n background:#141c33;\r\n border-radius:4px;\r\n }\r\n .laptop-screen-glow{\r\n position:absolute; left:150px; top:352px;\r\n width:190px;height:40px;\r\n background:linear-gradient(90deg, rgba(141,252,63,.55), rgba(63,139,255,.55));\r\n filter:blur(10px);\r\n opacity:.75;\r\n }\r\n\r\n .text-stack{\r\n position:absolute;\r\n left:56px; top:66px;\r\n z-index:3;\r\n line-height:.95;\r\n font-weight:800;\r\n letter-spacing:.5px;\r\n }\r\n .l1{color:var(--green); font-size:44px; text-shadow:0 0 16px rgba(141,252,63,.5);}\r\n .l2{color:#fff; font-size:92px; margin:6px 0; text-shadow:0 4px 14px rgba(0,0,0,.6);}\r\n .l3{color:var(--yellow); font-size:44px; text-shadow:0 0 16px rgba(255,212,0,.4);}\r\n\r\n .playbtn{\r\n position:absolute; left:50%; top:52%;\r\n transform:translate(-50%,-50%);\r\n width:110px;height:110px;border-radius:50%;\r\n background:rgba(10,15,35,.55);\r\n border:4px solid #fff;\r\n display:flex;align-items:center;justify-content:center;\r\n transition:transform .2s ease;\r\n z-index:4;\r\n }\r\n .playbtn svg{width:38px;height:38px;fill:#fff;margin-left:6px;}\r\n\r\n .controls{\r\n position:absolute; left:0; right:0; bottom:0;\r\n padding:16px 26px 20px;\r\n z-index:4;\r\n background:linear-gradient(180deg, transparent, rgba(0,0,0,.55));\r\n }\r\n .progress{\r\n height:5px;width:100%;border-radius:5px;\r\n background:rgba(255,255,255,.35);\r\n margin-bottom:16px;\r\n position:relative;\r\n }\r\n .progress::before{\r\n content:'';position:absolute;left:0;top:0;bottom:0;\r\n width:78%;background:var(--red);border-radius:5px;\r\n }\r\n .progress::after{\r\n content:'';position:absolute;left:78%;top:50%;\r\n width:16px;height:16px;border-radius:50%;\r\n background:var(--red);transform:translate(-50%,-50%);\r\n }\r\n .ctrl-row{display:flex;align-items:center;justify-content:space-between;}\r\n .ctrl-left,.ctrl-right{display:flex;align-items:center;gap:22px;}\r\n .ctrl-row svg{width:26px;height:26px;fill:#fff;}\r\n\r\n \/* ---------- FEATURE ICONS ROW ---------- *\/\r\n .features{\r\n display:flex;\r\n justify-content:space-between;\r\n padding:34px 20px 12px;\r\n gap:10px;\r\n }\r\n .feat{\r\n flex:1;\r\n text-align:center;\r\n color:var(--ice);\r\n font-size:19px;\r\n font-weight:600;\r\n line-height:1.3;\r\n }\r\n .feat .hi{font-family:'Noto Sans Devanagari','Segoe UI',sans-serif;}\r\n .icon-circle{\r\n width:82px;height:82px;\r\n margin:0 auto 16px;\r\n border-radius:50%;\r\n background:radial-gradient(circle at 30% 25%, #16244e, #08102a);\r\n border:1.5px solid rgba(120,150,220,.4);\r\n display:flex;align-items:center;justify-content:center;\r\n box-shadow:0 0 22px rgba(63,139,255,.28);\r\n }\r\n .icon-circle svg{width:38px;height:38px;}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"card\">\r\n\r\n <div class=\"thumb\" onclick=\"window.open('https:\/\/www.youtube.com\/results?search_query=full+stack+web+development+course','_blank')\">\r\n <div class=\"scene\">\r\n <div class=\"monitor m3\"><\/div>\r\n <div class=\"monitor m2\"><\/div>\r\n <div class=\"monitor m1\"><\/div>\r\n <div class=\"coder\">\r\n <div class=\"head\"><\/div>\r\n <div class=\"glasses\"><\/div>\r\n <div class=\"hoodie\"><\/div>\r\n <div class=\"arm-l\"><\/div>\r\n <div class=\"arm-r\"><\/div>\r\n <div class=\"laptop-screen-glow\"><\/div>\r\n <div class=\"laptop-base\"><\/div>\r\n <\/div>\r\n <div class=\"desk\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"text-stack\">\r\n <div class=\"l1\">FULL STACK<\/div>\r\n <div class=\"l2\">WEB<\/div>\r\n <div class=\"l3\">DEVELOPMENT<\/div>\r\n <\/div>\r\n\r\n <div class=\"playbtn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n <\/div>\r\n\r\n <div class=\"controls\">\r\n <div class=\"progress\"><\/div>\r\n <div class=\"ctrl-row\">\r\n <div class=\"ctrl-left\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 10v4h4l5 5V5L7 10H3zm13.5 2A4.5 4.5 0 0 0 15 8.5v7A4.5 4.5 0 0 0 16.5 12z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"ctrl-right\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.14 12.94a7.14 7.14 0 0 0 .06-.94 7.14 7.14 0 0 0-.06-.94l2.03-1.58a.5.5 0 0 0 .12-.64l-1.92-3.32a.5.5 0 0 0-.6-.22l-2.39.96a7.3 7.3 0 0 0-1.62-.94l-.36-2.54a.5.5 0 0 0-.5-.42h-3.84a.5.5 0 0 0-.5.42l-.36 2.54c-.59.24-1.13.56-1.62.94l-2.39-.96a.5.5 0 0 0-.6.22L2.71 8.84a.5.5 0 0 0 .12.64l2.03 1.58a7.14 7.14 0 0 0 0 1.88L2.83 14.5a.5.5 0 0 0-.12.64l1.92 3.32c.13.22.39.3.6.22l2.39-.96c.49.38 1.03.7 1.62.94l.36 2.54c.05.24.26.42.5.42h3.84c.24 0 .45-.18.5-.42l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .6-.22l1.92-3.32a.5.5 0 0 0-.12-.64l-2.03-1.56zM12 15.5A3.5 3.5 0 1 1 12 8.5a3.5 3.5 0 0 1 0 7z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"features\">\r\n <div class=\"feat\">\r\n <div class=\"icon-circle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4fa8ff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"8 6 2 12 8 18\"\/><polyline points=\"16 6 22 12 16 18\"\/>\r\n <\/svg>\r\n <\/div>\r\n Zero se<br>Advance Level<br><span class=\"hi\">\u0924\u0915 \u0938\u0940\u0916\u0947\u0902<\/span>\r\n <\/div>\r\n <div class=\"feat\">\r\n <div class=\"icon-circle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4fa8ff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/>\r\n <\/svg>\r\n <\/div>\r\n High Paying<br>Career<br>Opportunities\r\n <\/div>\r\n <div class=\"feat\">\r\n <div class=\"icon-circle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4fa8ff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9 8h5a2 2 0 1 1 0 4H9m0 0h6m-6 0v4m0-4V6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"hi\">Freelancing \u0938\u0947<br>\u0915\u092e\u093e\u090f<\/span><br>\u20b920K - \u20b91L+\r\n <\/div>\r\n <div class=\"feat\">\r\n <div class=\"icon-circle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4fa8ff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"8\" r=\"5\"\/><path d=\"M8.5 13 7 22l5-3 5 3-1.5-9\"\/>\r\n <\/svg>\r\n <\/div>\r\n Certificate<br>& 100% Practical<br>Training\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e3d475 e-con-full e-flex e-con e-parent\" data-id=\"6e3d475\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74bbf8d elementor-widget elementor-widget-html\" data-id=\"74bbf8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&family=Noto+Sans+Devanagari:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n .rk-why-wrap, .rk-why-wrap *{ box-sizing:border-box; }\r\n\r\n .rk-why-wrap{\r\n --rk-ink:#151a24;\r\n --rk-muted:#6a7186;\r\n --rk-navy:#0e1a45;\r\n --rk-navy-2:#132157;\r\n --rk-gold:#ffcf3f;\r\n --rk-gold-2:#ffb800;\r\n --rk-purple:#6d3fd6;\r\n\r\n font-family:'Poppins',sans-serif;\r\n width:100%;\r\n background:\r\n radial-gradient(circle at 8% 4%, rgba(109,63,214,0.07), transparent 40%),\r\n radial-gradient(circle at 96% 10%, rgba(255,184,0,0.08), transparent 42%),\r\n linear-gradient(160deg,#f7f8fc 0%, #f1f3fa 60%, #f8f9ff 100%);\r\n padding:48px 4vw;\r\n margin:0;\r\n }\r\n\r\n .rk-why-wrap .rk-devanagari{ font-family:'Noto Sans Devanagari','Poppins',sans-serif; }\r\n\r\n .rk-why-wrap .rk-section{\r\n position:relative;\r\n width:100%;\r\n max-width:1080px;\r\n margin:0 auto;\r\n background:#ffffff;\r\n border-radius:26px;\r\n box-shadow:0 30px 90px rgba(20,30,60,0.14), 0 0 0 1px rgba(20,30,60,0.05);\r\n padding:44px 5vw 40px;\r\n overflow:hidden;\r\n }\r\n\r\n .rk-why-wrap .rk-section::before{\r\n content:\"\";\r\n position:absolute;\r\n top:-130px; left:-130px;\r\n width:300px;height:300px;\r\n border-radius:50%;\r\n background:radial-gradient(circle, rgba(109,63,214,0.10), transparent 70%);\r\n pointer-events:none;\r\n }\r\n .rk-why-wrap .rk-section::after{\r\n content:\"\";\r\n position:absolute;\r\n bottom:-150px; right:-150px;\r\n width:320px;height:320px;\r\n border-radius:50%;\r\n background:radial-gradient(circle, rgba(255,184,0,0.10), transparent 70%);\r\n pointer-events:none;\r\n }\r\n\r\n \/* ---------- HEADING ---------- *\/\r\n .rk-why-wrap .rk-heading{\r\n position:relative;\r\n text-align:center;\r\n font-size:clamp(24px,3vw,32px);\r\n font-weight:800;\r\n color:var(--rk-ink);\r\n letter-spacing:0.2px;\r\n margin-bottom:8px;\r\n z-index:2;\r\n }\r\n .rk-why-wrap .rk-heading .rk-accent{\r\n background:linear-gradient(95deg,var(--rk-purple),#3b5bff);\r\n -webkit-background-clip:text;\r\n background-clip:text;\r\n color:transparent;\r\n }\r\n\r\n .rk-why-wrap .rk-heading-line{\r\n display:block;\r\n width:64px;height:4px;\r\n border-radius:4px;\r\n background:linear-gradient(90deg,var(--rk-gold),var(--rk-purple));\r\n margin:14px auto 34px;\r\n z-index:2;\r\n position:relative;\r\n }\r\n\r\n \/* ---------- FEATURE GRID ---------- *\/\r\n .rk-why-wrap .rk-grid{\r\n position:relative;\r\n z-index:2;\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:14px;\r\n margin-bottom:34px;\r\n }\r\n\r\n .rk-why-wrap .rk-card{\r\n background:#ffffff;\r\n border:1px solid rgba(20,30,60,0.08);\r\n border-radius:16px;\r\n padding:22px 12px 18px;\r\n text-align:center;\r\n box-shadow:0 10px 24px rgba(20,30,60,0.06);\r\n transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;\r\n }\r\n .rk-why-wrap .rk-card:hover{\r\n transform:translateY(-5px);\r\n box-shadow:0 18px 34px rgba(20,30,60,0.12);\r\n border-color:rgba(20,30,60,0.14);\r\n }\r\n\r\n .rk-why-wrap .rk-icon-circle{\r\n width:54px;height:54px;\r\n margin:0 auto 14px;\r\n border-radius:16px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:21px;\r\n color:#fff;\r\n box-shadow:0 8px 18px rgba(0,0,0,0.14);\r\n }\r\n .rk-why-wrap .rk-card.rk-c1 .rk-icon-circle{ background:linear-gradient(145deg,#3b6bff,#2144c9); }\r\n .rk-why-wrap .rk-card.rk-c2 .rk-icon-circle{ background:linear-gradient(145deg,#2fb35a,#1c8f45); }\r\n .rk-why-wrap .rk-card.rk-c3 .rk-icon-circle{ background:linear-gradient(145deg,#8a4be8,#6725c4); }\r\n .rk-why-wrap .rk-card.rk-c4 .rk-icon-circle{ background:linear-gradient(145deg,#ff7a3d,#f2551c); }\r\n .rk-why-wrap .rk-card.rk-c5 .rk-icon-circle{ background:linear-gradient(145deg,#ff4d6d,#e01f43); }\r\n .rk-why-wrap .rk-card.rk-c6 .rk-icon-circle{ background:linear-gradient(145deg,#17b8a6,#0c9186); }\r\n\r\n .rk-why-wrap .rk-card-title{\r\n font-weight:800;\r\n font-size:14px;\r\n color:var(--rk-ink);\r\n margin-bottom:6px;\r\n letter-spacing:0.1px;\r\n }\r\n\r\n .rk-why-wrap .rk-card-sub{\r\n font-size:11px;\r\n line-height:1.55;\r\n color:var(--rk-muted);\r\n font-weight:500;\r\n }\r\n\r\n \/* ---------- BOTTOM QUOTE BANNER ---------- *\/\r\n .rk-why-wrap .rk-quote-banner{\r\n position:relative;\r\n z-index:2;\r\n background:linear-gradient(120deg, var(--rk-navy) 0%, var(--rk-navy-2) 100%);\r\n border-radius:16px;\r\n padding:20px 24px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:14px;\r\n box-shadow:0 16px 36px rgba(14,26,69,0.30);\r\n text-align:center;\r\n }\r\n .rk-why-wrap .rk-quote-banner .rk-star{\r\n flex:0 0 auto;\r\n width:34px;height:34px;\r\n border-radius:50%;\r\n background:linear-gradient(145deg,var(--rk-gold),var(--rk-gold-2));\r\n color:#241900;\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:14px;\r\n box-shadow:0 0 0 6px rgba(255,207,63,0.14);\r\n }\r\n .rk-why-wrap .rk-quote-text{\r\n font-size:14.5px;\r\n font-weight:600;\r\n color:#eef1ff;\r\n line-height:1.75;\r\n }\r\n .rk-why-wrap .rk-quote-text b{\r\n color:var(--rk-gold);\r\n font-weight:800;\r\n }\r\n\r\n \/* ---------- RESPONSIVE ---------- *\/\r\n @media (max-width:900px){\r\n .rk-why-wrap .rk-grid{ grid-template-columns:repeat(3, 1fr); }\r\n }\r\n @media (max-width:560px){\r\n .rk-why-wrap .rk-section{ padding:32px 22px 28px; border-radius:20px; }\r\n .rk-why-wrap .rk-grid{ grid-template-columns:repeat(2, 1fr); gap:12px; }\r\n .rk-why-wrap .rk-heading{ font-size:22px; }\r\n .rk-why-wrap .rk-quote-banner{ flex-direction:column; padding:20px; gap:10px; }\r\n .rk-why-wrap .rk-card{ padding:18px 10px 14px; }\r\n }\r\n<\/style>\r\n\r\n<div class=\"rk-why-wrap\">\r\n <div class=\"rk-section\">\r\n\r\n \r\n <div class=\"rk-heading\">Why <span class=\"rk-accent\">Web Development?<\/span><\/div>\r\n <span class=\"rk-heading-line\"><\/span>\r\n\r\n \r\n <div class=\"rk-grid\">\r\n\r\n <div class=\"rk-card rk-c1\">\r\n <div class=\"rk-icon-circle\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n <div class=\"rk-card-title\">High Demand<\/div>\r\n <div class=\"rk-card-sub rk-devanagari\">IT Industry \u092e\u0947\u0902 \u092c\u0922\u093c\u0924\u0940 \u092e\u093e\u0902\u0917<\/div>\r\n <\/div>\r\n\r\n <div class=\"rk-card rk-c2\">\r\n <div class=\"rk-icon-circle\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\r\n <div class=\"rk-card-title\">Freelancing<\/div>\r\n <div class=\"rk-card-sub rk-devanagari\">\u0918\u0930 \u092c\u0948\u0920\u0947 \u092b\u094d\u0930\u0940\u0932\u093e\u0902\u0938 \u0915\u093e\u092e \u0915\u0930\u0947\u0902<\/div>\r\n <\/div>\r\n\r\n <div class=\"rk-card rk-c3\">\r\n <div class=\"rk-icon-circle\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\r\n <div class=\"rk-card-title\">Remote Jobs<\/div>\r\n <div class=\"rk-card-sub rk-devanagari\">Remote Job \u0915\u0947 \u092c\u0947\u0939\u0924\u0930\u0940\u0928 \u0905\u0935\u0938\u0930<\/div>\r\n <\/div>\r\n\r\n <div class=\"rk-card rk-c4\">\r\n <div class=\"rk-icon-circle\"><i class=\"fa-solid fa-code\"><\/i><\/div>\r\n <div class=\"rk-card-title\">Build Your Own<\/div>\r\n <div class=\"rk-card-sub rk-devanagari\">\u0905\u092a\u0928\u0940 Website \/ Business \u092c\u0928\u093e\u090f\u0902<\/div>\r\n <\/div>\r\n\r\n <div class=\"rk-card rk-c5\">\r\n <div class=\"rk-icon-circle\"><i class=\"fa-solid fa-indian-rupee-sign\"><\/i><\/div>\r\n <div class=\"rk-card-title\">Earn More<\/div>\r\n <div class=\"rk-card-sub rk-devanagari\">Skills \u092c\u0922\u093c\u093e\u0913 \u0914\u0930 Income \u092c\u0922\u093c\u093e\u0913<\/div>\r\n <\/div>\r\n\r\n <div class=\"rk-card rk-c6\">\r\n <div class=\"rk-icon-circle\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n <div class=\"rk-card-title\">Lifetime Skill<\/div>\r\n <div class=\"rk-card-sub rk-devanagari\">\u090f\u0915 \u092c\u093e\u0930 \u0938\u0940\u0916\u094b, \u091c\u093f\u0902\u0926\u0917\u0940 \u092d\u0930 \u0915\u093e\u092e \u0906\u090f<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"rk-quote-banner\">\r\n <div class=\"rk-star\"><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <div class=\"rk-quote-text rk-devanagari\">\r\n Web Development \u090f\u0915 \u0910\u0938\u0940 <b>Skill<\/b> \u0939\u0948 \u091c\u094b \u0906\u092a\u0915\u094b <b>Digital World<\/b> \u092e\u0947\u0902 \u0939\u092e\u0947\u0936\u093e \u0906\u0917\u0947 \u0930\u0916\u0947\u0917\u0940\u0964\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c3b9de e-flex e-con-boxed e-con e-parent\" data-id=\"2c3b9de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17cb762 elementor-widget elementor-widget-html\" data-id=\"17cb762\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Course Highlights Section<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700&family=Noto+Sans+Devanagari:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n :root {\r\n --primary-green: #2E7D32;\r\n --text-dark: #222222;\r\n --text-light: #555555;\r\n --bg-card: #ffffff;\r\n --shadow: 0 15px 35px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.04);\r\n --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', 'Noto Sans Devanagari', sans-serif;\r\n background-color: #f4f6f9;\r\n width: 100vw;\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 0;\r\n padding: 20px;\r\n }\r\n\r\n \/* --- MAIN CONTAINER --- *\/\r\n .highlights-container {\r\n background-color: var(--bg-card);\r\n width: 100%;\r\n max-width: 1100px;\r\n border-radius: 20px;\r\n box-shadow: var(--shadow);\r\n padding: 45px 40px;\r\n overflow: hidden;\r\n margin: auto;\r\n }\r\n\r\n \/* --- HEADER SECTION (Centered Alignment) --- *\/\r\n .header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 35px;\r\n border-bottom: 2px solid #eaeaea;\r\n padding-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .title-group {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .title-hindi {\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n line-height: 1.2;\r\n font-family: 'Noto Sans Devanagari', sans-serif;\r\n }\r\n\r\n .title-english {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: var(--primary-green);\r\n margin-top: 4px;\r\n }\r\n\r\n \/* --- GRID LAYOUT (5 Columns) --- *\/\r\n .grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 25px 15px;\r\n justify-content: center;\r\n align-items: stretch;\r\n }\r\n\r\n \/* --- GRID ITEM (CARD) --- *\/\r\n .grid-item {\r\n text-decoration: none;\r\n color: inherit;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 18px 10px;\r\n transition: var(--transition);\r\n border-radius: 14px;\r\n background-color: #ffffff;\r\n border: 1px solid transparent;\r\n text-align: center;\r\n }\r\n\r\n .grid-item:hover {\r\n background-color: #fafbfc;\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n border-color: #eeeeee;\r\n }\r\n\r\n .icon-container {\r\n height: 65px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 12px;\r\n width: 100%;\r\n }\r\n\r\n \/* High-Definition Vector\/SVG Icon Styling *\/\r\n .svg-icon {\r\n width: 55px;\r\n height: 55px;\r\n object-fit: contain;\r\n transition: var(--transition);\r\n }\r\n\r\n .grid-item:hover .svg-icon {\r\n transform: scale(1.08);\r\n }\r\n\r\n .label {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--text-light);\r\n text-align: center;\r\n line-height: 1.3;\r\n width: 100%;\r\n }\r\n\r\n .grid-item:hover .label {\r\n color: var(--text-dark);\r\n }\r\n\r\n \/* Three-dot item special styling *\/\r\n .dots-item:hover {\r\n background-color: transparent;\r\n transform: none;\r\n box-shadow: none;\r\n border-color: transparent;\r\n cursor: default;\r\n }\r\n\r\n .three-dots {\r\n font-size: 36px;\r\n color: #888888;\r\n letter-spacing: 4px;\r\n margin-top: -10px;\r\n }\r\n\r\n \/* --- RESPONSIVENESS --- *\/\r\n @media (max-width: 1024px) {\r\n .grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .highlights-container {\r\n padding: 20px;\r\n }\r\n .title-hindi {\r\n font-size: 22px;\r\n }\r\n .grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px 10px;\r\n }\r\n .grid-item:last-child {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"highlights-container\">\r\n \r\n \r\n <div class=\"header\">\r\n <div class=\"title-group\">\r\n <div class=\"title-hindi\">\u0906\u092a \u0915\u094d\u092f\u093e \u0938\u0940\u0916\u0947\u0902\u0917\u0947?<\/div>\r\n <div class=\"title-english\">(Course Highlights)<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid\">\r\n \r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/html5\/html5-original.svg\" alt=\"HTML\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">HTML<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/css3\/css3-original.svg\" alt=\"CSS\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">CSS<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/javascript\/javascript-original.svg\" alt=\"JavaScript\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">JavaScript<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/react\/react-original.svg\" alt=\"React.js\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">React.js<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/nodejs\/nodejs-original.svg\" alt=\"Node.js\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">Node.js<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/express\/express-original.svg\" alt=\"Express.js\" class=\"svg-icon\" style=\"filter: brightness(0.2);\">\r\n <\/div>\r\n <span class=\"label\">Express.js<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/mongodb\/mongodb-original.svg\" alt=\"MongoDB\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">MongoDB<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/mysql\/mysql-original.svg\" alt=\"SQL \/ Database\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">SQL \/ Database<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent:cloud-flow-20-regular.svg?color=%23005fb8\" alt=\"API Integration\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">API Integration<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/github\/github-original.svg\" alt=\"Git & GitHub\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">Git & GitHub<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/api.iconify.design\/heroicons:lock-closed-20-solid.svg?color=%23334155\" alt=\"Authentication\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">Authentication<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent:cloud-arrow-up-24-regular.svg?color=%230078d4\" alt=\"Deployment & Hosting\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">Deployment<br>& Hosting<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent:bot-24-regular.svg?color=%2300a4ef\" alt=\"AI Tools for Web Dev\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">AI Tools for<br>Web Dev<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/tailwindcss\/tailwindcss-original.svg\" alt=\"Tailwind CSS\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">Tailwind CSS<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"#\" class=\"grid-item\">\r\n <div class=\"icon-container\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/typescript\/typescript-original.svg\" alt=\"TypeScript\" class=\"svg-icon\">\r\n <\/div>\r\n <span class=\"label\">TypeScript<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fb25ea e-con-full e-flex e-con e-parent\" data-id=\"0fb25ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab02441 elementor-widget elementor-widget-html\" data-id=\"ab02441\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&family=Noto+Sans+Devanagari:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n .wta-outer, .wta-outer *{ box-sizing:border-box; margin:0; padding:0; }\r\n\r\n .wta-outer{\r\n font-family:'Poppins', 'Noto Sans Devanagari', sans-serif;\r\n background-color:#eef2f7;\r\n width:100%;\r\n min-height:100vh;\r\n \/* FIX: centering lives here, not on <body>, so it always\r\n works regardless of what the CMS\/theme does with body *\/\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n padding:20px;\r\n }\r\n\r\n .wta-outer .webinar-card {\r\n background-color: #ffffff;\r\n width: 100%;\r\n max-width: 1300px;\r\n border-radius: 24px;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);\r\n padding: 40px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n \/* FIX: fallback centering \u2014 keeps the card centered even if\r\n the flex parent above ever gets overridden by theme CSS *\/\r\n margin: 0 auto;\r\n }\r\n\r\n .wta-outer .header-wrapper {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n margin-bottom: 40px;\r\n justify-content: center;\r\n }\r\n\r\n .wta-outer .badge-number {\r\n background-color: #581c87;\r\n color: #ffffff;\r\n font-size: 24px;\r\n font-weight: 700;\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n margin-right: 18px;\r\n flex-shrink: 0;\r\n box-shadow: 0 4px 10px rgba(88, 28, 135, 0.25);\r\n }\r\n\r\n .wta-outer .header-title {\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: #111827;\r\n font-family: 'Noto Sans Devanagari', sans-serif;\r\n }\r\n\r\n .wta-outer .header-title .webinar-text { color: #16a34a; font-weight: 800; }\r\n\r\n .wta-outer .audience-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n width: 100%;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .wta-outer .grid-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n padding: 24px;\r\n background: #f9fafb;\r\n border-radius: 18px;\r\n transition: transform 0.25s ease, background 0.25s ease;\r\n border: 1px solid #f3f4f6;\r\n }\r\n\r\n .wta-outer .grid-item:hover { transform: translateY(-5px); background: #f0fdf4; border-color: #dcfce7; }\r\n\r\n .wta-outer .avatar-box { width: 70px; height: 70px; margin-bottom: 12px; }\r\n .wta-outer .avatar-box img { width: 100%; height: 100%; object-fit: contain; }\r\n\r\n .wta-outer .item-label {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #1f2937;\r\n line-height: 1.4;\r\n }\r\n\r\n .wta-outer .sub-text { display: block; font-size: 13px; color: #4b5563; font-weight: 600; margin-top: 4px; }\r\n\r\n .wta-outer .footer-cta {\r\n background-color: #581c87;\r\n color: #ffffff;\r\n width: 100%;\r\n padding: 16px 20px;\r\n border-radius: 14px;\r\n text-align: center;\r\n font-size: 18px;\r\n font-weight: 700;\r\n box-shadow: 0 6px 15px rgba(88, 28, 135, 0.2);\r\n }\r\n\r\n .wta-outer .highlight-coding { color: #fbbf24; }\r\n\r\n @media (max-width: 900px) {\r\n .wta-outer .audience-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 600px) {\r\n .wta-outer .audience-grid { grid-template-columns: 1fr; }\r\n .wta-outer .header-title { font-size: 24px; }\r\n .wta-outer .webinar-card { padding: 20px; }\r\n }\r\n<\/style>\r\n\r\n<div class=\"wta-outer\">\r\n <div class=\"webinar-card\">\r\n <div class=\"header-wrapper\">\r\n <div class=><\/div>\r\n <h2 class=\"header-title\">\r\n \u092f\u0947 <span class=\"webinar-text\">Webinar<\/span> \u0906\u092a\u0915\u0947 \u0932\u093f\u090f \u0939\u0948 \u0905\u0917\u0930 \u0906\u092a...\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"audience-grid\">\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:boy.svg\" alt=\"Students\"><\/div>\r\n <div class=\"item-label\">12th Pass Students<\/div>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:woman-student.svg\" alt=\"College\"><\/div>\r\n <div class=\"item-label\">College Students<\/div>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:nerd-face.svg\" alt=\"Beginners\"><\/div>\r\n <div class=\"item-label\">Beginners<span class=\"sub-text\">(Zero \u0938\u0947 \u0936\u0941\u0930\u0942 \u0915\u0930\u0947\u0902)<\/span><\/div>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:man-technologist.svg\" alt=\"Job\"><\/div>\r\n <div class=\"item-label\">Job Seekers<\/div>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:woman-technologist.svg\" alt=\"Freelance\"><\/div>\r\n <div class=\"item-label\">Freelancers<\/div>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:bank.svg\" alt=\"Business\"><\/div>\r\n <div class=\"item-label\">Business Owners<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-cta\">\r\n \u0915\u094b\u0908 \u092d\u0940 \u092a\u0939\u0932\u0947 \u0915\u0940 <span class=\"highlight-coding\">Coding Knowledge<\/span> \u091c\u0930\u0942\u0930\u0940 \u0928\u0939\u0940!\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49bd6c4 e-con-full e-flex e-con e-parent\" data-id=\"49bd6c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-530b88d elementor-widget elementor-widget-html\" data-id=\"530b88d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Director Message Section<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Noto+Sans+Devanagari:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <style>\r\n .dm-wrap {\r\n --dm-primary: #151a24;\r\n --dm-accent: #2fb344;\r\n --dm-box-bg: #0e1a45;\r\n font-family: 'Poppins', sans-serif;\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .dm-section {\r\n background: #fff;\r\n border-radius: 24px;\r\n padding: 40px;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .dm-header {\r\n text-align: center;\r\n margin-bottom: 10px; \/* Reduced space below heading *\/\r\n }\r\n\r\n .dm-title {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--dm-primary);\r\n }\r\n .dm-title span { color: var(--dm-accent); }\r\n\r\n .dm-content-flex {\r\n display: flex;\r\n gap: 40px;\r\n align-items: flex-start;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .dm-img-box {\r\n flex: 0 0 260px;\r\n text-align: center;\r\n }\r\n\r\n .dm-img-box img {\r\n width: 100%;\r\n aspect-ratio: 267 \/ 386;\r\n object-fit: cover;\r\n border-radius: 20px;\r\n border: 4px solid #f0f0f0;\r\n display: block;\r\n }\r\n\r\n .dm-name {\r\n display: block;\r\n margin-top: 12px;\r\n font-weight: 700;\r\n color: var(--dm-primary);\r\n font-size: 18px;\r\n }\r\n\r\n .dm-role {\r\n display: block;\r\n font-size: 14px;\r\n color: var(--dm-accent);\r\n font-weight: 600;\r\n margin-top: 2px;\r\n }\r\n\r\n .dm-text {\r\n font-family: 'Noto Sans Devanagari', sans-serif;\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: #444;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .dm-features {\r\n background: var(--dm-box-bg);\r\n color: #fff;\r\n padding: 25px;\r\n border-radius: 16px;\r\n list-style: none;\r\n margin: 0;\r\n }\r\n\r\n .dm-features li {\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-weight: 500;\r\n }\r\n\r\n .dm-features li:last-child { margin-bottom: 0; }\r\n .dm-features i { color: var(--dm-accent); }\r\n\r\n @media (max-width: 768px) {\r\n .dm-content-flex { justify-content: flex-start; text-align: left; }\r\n .dm-img-box { text-align: center; margin: 0 auto; }\r\n }\r\n\r\n \/* FIX: full width edge-to-edge on mobile \u2014 no outer margin\/padding,\r\n square corners so the card touches both screen edges *\/\r\n @media (max-width: 600px) {\r\n .dm-wrap {\r\n max-width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n .dm-section {\r\n border-radius: 0;\r\n padding: 24px 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"dm-wrap\">\r\n <div class=\"dm-section\">\r\n <div class=\"dm-header\">\r\n <div class=\"dm-title\">Director \u0915\u093e <span>Message<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"dm-content-flex\">\r\n <div class=\"dm-img-box\">\r\n <img decoding=\"async\" src=\"http:\/\/fullstackweb.rikantainstitute.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-01-at-1.32.26-PM.jpeg\" alt=\"Director\">\r\n <span class=\"dm-name\">Dr. Saurabh Bhardwaj<\/span>\r\n <span class=\"dm-role\">Director, Rikanta Institute<\/span>\r\n <\/div>\r\n\r\n <div class=\"dm-details\" style=\"flex: 1;\">\r\n <p class=\"dm-text\">\r\n \u0928\u092e\u0938\u094d\u0915\u093e\u0930 \u092e\u0948\u0902 \u0921\u0949. \u0938\u094c\u0930\u092d \u092d\u093e\u0930\u0926\u094d\u0935\u093e\u091c, Rikanta Institute \u0915\u093e Director, \u0906\u092a\u0915\u094b \u0907\u0938 Free Webinar \u092e\u0947\u0902 \u0926\u093f\u0932 \u0938\u0947 \u0906\u092e\u0902\u0924\u094d\u0930\u093f\u0924 \u0915\u0930\u0924\u093e \u0939\u0942\u0901\u0964 \u0939\u092e\u093e\u0930\u093e \u0909\u0926\u094d\u0926\u0947\u0936\u094d\u092f \u0939\u0948 Bihar & Jharkhand \u0915\u0947 \u092f\u0941\u0935\u093e\u0913\u0902 \u0915\u094b Best Digital Skills \u0926\u0947\u0915\u0930 \u0909\u0928\u094d\u0939\u0947\u0902 \u0906\u0924\u094d\u092e\u0928\u093f\u0930\u094d\u092d\u0930 \u092c\u0928\u093e\u0928\u093e\u0964 \u0906\u0907\u090f, \u0905\u092a\u0928\u0947 \u0938\u092a\u0928\u094b\u0902 \u0915\u094b \u0928\u0908 \u0909\u0921\u093c\u093e\u0928 \u0926\u0947\u0902!\r\n <\/p>\r\n <ul class=\"dm-features\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> MCA Registered | DPIIT Recognized Startup<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> NSDC Partner Institute<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> 1000+ Students Trained<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Practical Learning + Live Projects<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> Placement & Freelancing Support<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e78eb6 e-con-full e-flex e-con e-parent\" data-id=\"6e78eb6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b381a2f elementor-widget elementor-widget-html\" data-id=\"b381a2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Free Webinar Details<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Noto+Sans+Devanagari:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <style>\r\n .wd-wrap {\r\n --wd-primary: #151a24;\r\n --wd-accent: #2fb344;\r\n --wd-red: #e63946;\r\n --wd-gold: #ffb800;\r\n font-family: 'Poppins', sans-serif;\r\n max-width: 1100px; \r\n margin: 60px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .wd-section {\r\n background: #fff;\r\n border-radius: 32px;\r\n padding: 50px; \r\n box-shadow: 0 20px 50px rgba(0,0,0,0.08);\r\n border: 1px solid #f8f8f8;\r\n }\r\n\r\n .wd-header {\r\n text-align: center;\r\n font-size: 32px;\r\n font-weight: 800;\r\n color: var(--wd-primary);\r\n margin-bottom: 40px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .wd-section {\r\n background: #fff;\r\n border-radius: 24px;\r\n padding: 30px; \/* Adjusted padding *\/\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\r\n border: 1px solid #f0f0f0;\r\n }\r\n\r\n .wd-header {\r\n text-align: center;\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--wd-primary);\r\n margin-bottom: 25px;\r\n }\r\n\r\n .wd-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n margin-bottom: 40px;\r\n text-align: center;\r\n }\r\n\r\n .wd-item {\r\n padding: 25px 15px;\r\n border: 1px solid #f0f0f0;\r\n border-radius: 20px;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .wd-item:hover {\r\n transform: translateY(-5px);\r\n border-color: var(--wd-accent);\r\n }\r\n\r\n .wd-item {\r\n padding: 15px;\r\n border: 1px solid #eee;\r\n border-radius: 12px;\r\n }\r\n\r\n .wd-icon {\r\n font-size: 24px;\r\n color: #2196f3;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .wd-label {\r\n font-family: 'Noto Sans Devanagari', sans-serif;\r\n display: block;\r\n font-weight: 600;\r\n color: #555;\r\n font-size: 13px;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .wd-value {\r\n font-family: 'Noto Sans Devanagari', sans-serif;\r\n font-weight: 700;\r\n color: var(--wd-primary);\r\n font-size: 14px;\r\n }\r\n\r\n .wd-btn {\r\n display: flex;\r\n align-items: center;\r\n border-radius: 16px;\r\n background: var(--wd-gold);\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n overflow: hidden;\r\n box-shadow: 0 10px 20px rgba(255, 184, 0, 0.2);\r\n }\r\n\r\n .wd-btn:hover { \r\n transform: translateY(-4px);\r\n box-shadow: 0 15px 30px rgba(255, 184, 0, 0.3);\r\n }\r\n\r\n .wd-btn:hover { transform: translateY(-2px); }\r\n\r\n .wd-btn-left {\r\n background: var(--wd-red);\r\n color: #fff;\r\n padding: 15px 20px;\r\n font-weight: 800;\r\n font-size: 14px;\r\n text-transform: uppercase;\r\n white-space: nowrap; \/* Forces one row *\/\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .wd-btn-right {\r\n flex: 1;\r\n padding: 15px 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: #111;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .wd-grid { grid-template-columns: repeat(2, 1fr); }\r\n .wd-wrap { margin: 30px auto; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .wd-grid { grid-template-columns: 1fr; }\r\n .wd-section { padding: 25px; }\r\n .wd-btn { flex-direction: column; }\r\n .wd-btn-left { width: 100%; justify-content: center; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wd-wrap\">\r\n <div class=\"wd-section\">\r\n <div class=\"wd-header\">FREE WEBINAR DETAILS<\/div>\r\n\r\n <div class=\"wd-grid\">\r\n <div class=\"wd-item\">\r\n <div class=\"wd-icon\"><i class=\"fa-regular fa-calendar-days\"><\/i><\/div>\r\n <span class=\"wd-label\">\u0926\u093f\u0928\u093e\u0902\u0915<\/span>\r\n <div class=\"wd-value\">27 \u092e\u0908 2025<\/div>\r\n <\/div>\r\n <div class=\"wd-item\">\r\n <div class=\"wd-icon\" style=\"color: #9c27b0;\"><i class=\"fa-regular fa-clock\"><\/i><\/div>\r\n <span class=\"wd-label\">\u0938\u092e\u092f<\/span>\r\n <div class=\"wd-value\">\u0936\u093e\u092e 07:00 \u092c\u091c\u0947<\/div>\r\n <\/div>\r\n <div class=\"wd-item\">\r\n <div class=\"wd-icon\" style=\"color: #2fb344;\"><i class=\"fa-solid fa-wifi\"><\/i><\/div>\r\n <span class=\"wd-label\">\u092e\u093e\u0927\u094d\u092f\u092e<\/span>\r\n <div class=\"wd-value\">Online (Live)<\/div>\r\n <\/div>\r\n <div class=\"wd-item\">\r\n <div class=\"wd-icon\" style=\"color: #ff5722;\"><i class=\"fa-solid fa-ticket\"><\/i><\/div>\r\n <span class=\"wd-label\">\u092b\u0940\u0938<\/span>\r\n <div class=\"wd-value\">100% FREE<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"wd-btn\">\r\n <div class=\"wd-btn-left\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n LIMITED SEATS ONLY!\r\n <\/div>\r\n <div class=\"wd-btn-right\">\r\n <span>\u0905\u092d\u0940 \u0930\u091c\u093f\u0938\u094d\u091f\u0930 \u0915\u0930\u0947\u0902<\/span>\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c089a39 e-con-full e-flex e-con e-parent\" data-id=\"c089a39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ec3445 elementor-widget elementor-widget-html\" data-id=\"8ec3445\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&family=Noto+Sans+Devanagari:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n .wta-outer, .wta-outer *{ box-sizing:border-box; margin:0; padding:0; }\r\n\r\n .wta-outer{\r\n font-family:'Poppins', 'Noto Sans Devanagari', sans-serif;\r\n background-color:#eef2f7;\r\n width:100%;\r\n min-height:100vh;\r\n \/* centering lives here, not on <body>, so it always\r\n works regardless of what the CMS\/theme does with body *\/\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n padding:20px;\r\n }\r\n\r\n .wta-outer .webinar-card {\r\n background-color: #ffffff;\r\n width: 100%;\r\n max-width: 1300px;\r\n border-radius: 24px;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);\r\n padding: 40px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n \/* fallback centering \u2014 keeps the card centered even if\r\n the flex parent above ever gets overridden by theme CSS *\/\r\n margin: 0 auto;\r\n }\r\n\r\n .wta-outer .header-wrapper {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n margin-bottom: 40px;\r\n \/* FIX: heading centered at the top *\/\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n .wta-outer .badge-number {\r\n background-color: #581c87;\r\n color: #ffffff;\r\n font-size: 24px;\r\n font-weight: 700;\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n margin-right: 18px;\r\n flex-shrink: 0;\r\n box-shadow: 0 4px 10px rgba(88, 28, 135, 0.25);\r\n }\r\n\r\n .wta-outer .header-title {\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: #111827;\r\n font-family: 'Noto Sans Devanagari', sans-serif;\r\n \/* FIX: explicit center alignment for the heading text *\/\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n .wta-outer .header-title .webinar-text { color: #16a34a; font-weight: 800; }\r\n\r\n .wta-outer .audience-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n width: 100%;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .wta-outer .grid-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n padding: 24px;\r\n background: #f9fafb;\r\n border-radius: 18px;\r\n transition: transform 0.25s ease, background 0.25s ease;\r\n border: 1px solid #f3f4f6;\r\n }\r\n\r\n .wta-outer .grid-item:hover { transform: translateY(-5px); background: #f0fdf4; border-color: #dcfce7; }\r\n\r\n .wta-outer .avatar-box { width: 70px; height: 70px; margin-bottom: 12px; }\r\n .wta-outer .avatar-box img { width: 100%; height: 100%; object-fit: contain; }\r\n\r\n .wta-outer .item-label {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: #1f2937;\r\n line-height: 1.4;\r\n }\r\n\r\n .wta-outer .sub-text { display: block; font-size: 13px; color: #4b5563; font-weight: 600; margin-top: 4px; }\r\n\r\n .wta-outer .footer-cta {\r\n background-color: #581c87;\r\n color: #ffffff;\r\n width: 100%;\r\n padding: 16px 20px;\r\n border-radius: 14px;\r\n text-align: center;\r\n font-size: 18px;\r\n font-weight: 700;\r\n box-shadow: 0 6px 15px rgba(88, 28, 135, 0.2);\r\n }\r\n\r\n .wta-outer .highlight-coding { color: #fbbf24; }\r\n\r\n @media (max-width: 900px) {\r\n .wta-outer .audience-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 600px) {\r\n .wta-outer .audience-grid { grid-template-columns: 1fr; }\r\n .wta-outer .header-title { font-size: 24px; }\r\n .wta-outer .webinar-card { padding: 20px; }\r\n }\r\n<\/style>\r\n\r\n<div class=\"wta-outer\">\r\n <div class=\"webinar-card\">\r\n <div class=\"header-wrapper\">\r\n <div class=><\/div>\r\n <h2 class=\"header-title\">\r\n \u092f\u0947 <span class=\"webinar-text\">Webinar<\/span> \u0906\u092a\u0915\u0947 \u0932\u093f\u090f \u0939\u0948 \u0905\u0917\u0930 \u0906\u092a...\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"audience-grid\">\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:boy.svg\" alt=\"Students\"><\/div>\r\n <div class=\"item-label\">12th Pass Students<\/div>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:woman-student.svg\" alt=\"College\"><\/div>\r\n <div class=\"item-label\">College Students<\/div>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:nerd-face.svg\" alt=\"Beginners\"><\/div>\r\n <div class=\"item-label\">Beginners<span class=\"sub-text\">(Zero \u0938\u0947 \u0936\u0941\u0930\u0942 \u0915\u0930\u0947\u0902)<\/span><\/div>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:man-technologist.svg\" alt=\"Job\"><\/div>\r\n <div class=\"item-label\">Job Seekers<\/div>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:woman-technologist.svg\" alt=\"Freelance\"><\/div>\r\n <div class=\"item-label\">Freelancers<\/div>\r\n <\/div>\r\n <div class=\"grid-item\">\r\n <div class=\"avatar-box\"><img decoding=\"async\" src=\"https:\/\/api.iconify.design\/fluent-emoji-flat:bank.svg\" alt=\"Business\"><\/div>\r\n <div class=\"item-label\">Business Owners<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-cta\">\r\n \u0915\u094b\u0908 \u092d\u0940 \u092a\u0939\u0932\u0947 \u0915\u0940 <span class=\"highlight-coding\">Coding Knowledge<\/span> \u091c\u0930\u0942\u0930\u0940 \u0928\u0939\u0940!\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9bf6ee0 e-con-full e-flex e-con e-parent\" data-id=\"9bf6ee0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50fce83 elementor-widget elementor-widget-html\" data-id=\"50fce83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>FAQ Section<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --faq-primary: #151a24;\r\n --faq-accent: #2fb344;\r\n --faq-bg: #f8fafc;\r\n }\r\n \r\n .faq-wrap {\r\n font-family: 'Poppins', sans-serif;\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 0 20px;\r\n background-color: var(--faq-bg);\r\n }\r\n\r\n .faq-section {\r\n background: #fff;\r\n border-radius: 24px;\r\n padding: 40px;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.05);\r\n border: 1px solid #edf2f7;\r\n }\r\n\r\n .faq-header {\r\n text-align: center;\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--faq-primary);\r\n margin-bottom: 40px;\r\n font-family: 'Noto Sans Devanagari', sans-serif;\r\n }\r\n\r\n .faq-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .faq-item {\r\n padding: 20px 25px;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: var(--faq-accent);\r\n background: #fdfdfd;\r\n }\r\n\r\n .faq-question {\r\n font-family: 'Noto Sans Devanagari', sans-serif;\r\n font-weight: 600;\r\n color: #2d3748;\r\n font-size: 16px;\r\n }\r\n\r\n .faq-icon {\r\n color: var(--faq-accent);\r\n font-size: 14px;\r\n }\r\n\r\n .faq-contact {\r\n margin-top: 40px;\r\n background: var(--faq-primary);\r\n color: #fff;\r\n padding: 30px;\r\n border-radius: 16px;\r\n text-align: center;\r\n }\r\n\r\n .faq-contact-text {\r\n font-family: 'Noto Sans Devanagari', sans-serif;\r\n font-size: 18px;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n }\r\n\r\n .faq-whatsapp {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #fff;\r\n text-decoration: none;\r\n }\r\n\r\n .faq-whatsapp i {\r\n color: #25d366;\r\n font-size: 32px;\r\n }\r\n\r\n \/* FIX: wider on mobile \u2014 only 10px left\/right space *\/\r\n @media (max-width: 600px) {\r\n .faq-wrap { padding: 0 10px; }\r\n .faq-section { padding: 40px 10px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"faq-wrap\">\r\n <div class=\"faq-section\">\r\n <div class=\"faq-header\">FAQ (\u0905\u0915\u094d\u0938\u0930 \u092a\u0942\u091b\u0947 \u091c\u093e\u0928\u0947 \u0935\u093e\u0932\u0947 \u0938\u0935\u093e\u0932)<\/div>\r\n \r\n <div class=\"faq-list\">\r\n <div class=\"faq-item\">\r\n <span class=\"faq-question\">\u0915\u094d\u092f\u093e Coding \u092a\u0939\u0932\u0947 \u0938\u0947 \u0906\u0928\u093e \u091c\u0930\u0942\u0930\u0940 \u0939\u0948?<\/span>\r\n <i class=\"fa-regular fa-circle-dot faq-icon\"><\/i>\r\n <\/div>\r\n \r\n <div class=\"faq-answer\" style=\"display:none; padding: 0 20px 20px; color: #666; font-size: 14px;\">\r\n \u0928\u0939\u0940\u0902, \u092c\u093f\u0932\u094d\u0915\u0941\u0932 \u0928\u0939\u0940\u0902! \u092f\u0939 \u0935\u0947\u092c\u093f\u0928\u093e\u0930 \u092a\u0942\u0930\u0940 \u0924\u0930\u0939 \u0938\u0947 Beginners \u0915\u0947 \u0932\u093f\u090f \u0939\u0948\u0964 \u0939\u092e \u0936\u0942\u0928\u094d\u092f (Zero) \u0938\u0947 \u0936\u0941\u0930\u0941\u0906\u0924 \u0915\u0930\u0947\u0902\u0917\u0947\u0964\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <span class=\"faq-question\">\u0915\u094d\u092f\u093e Beginner \u0907\u0938 Webinar \u092e\u0947\u0902 \u091c\u0941\u0921\u093c \u0938\u0915\u0924\u0947 \u0939\u0948?<\/span>\r\n <i class=\"fa-regular fa-circle-dot faq-icon\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"display:none; padding: 0 20px 20px; color: #666; font-size: 14px;\">\r\n \u091c\u0940 \u0939\u093e\u0901, \u092f\u0939 \u0935\u0947\u092c\u093f\u0928\u093e\u0930 \u0935\u093f\u0936\u0947\u0937 \u0930\u0942\u092a \u0938\u0947 \u0909\u0928 \u0932\u094b\u0917\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u0939\u0948 \u091c\u094b \u0905\u092d\u0940 \u0936\u0941\u0930\u0941\u0906\u0924 \u0915\u0930 \u0930\u0939\u0947 \u0939\u0948\u0902 \u0914\u0930 \u0921\u093f\u091c\u093f\u091f\u0932 \u0938\u094d\u0915\u093f\u0932\u094d\u0938 \u0938\u0940\u0916\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902\u0964\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <span class=\"faq-question\">\u0915\u094d\u092f\u093e Webinar \u092c\u093f\u0932\u094d\u0915\u0941\u0932 FREE \u0939\u0948?<\/span>\r\n <i class=\"fa-regular fa-circle-dot faq-icon\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"display:none; padding: 0 20px 20px; color: #666; font-size: 14px;\">\r\n \u091c\u0940 \u0939\u093e\u0901, \u092f\u0939 \u0935\u0947\u092c\u093f\u0928\u093e\u0930 \u092a\u0942\u0930\u0940 \u0924\u0930\u0939 \u0938\u0947 \u092b\u094d\u0930\u0940 \u0939\u0948\u0964 \u0906\u092a\u0915\u094b \u0907\u0938\u0915\u0947 \u0932\u093f\u090f \u0915\u094b\u0908 \u0936\u0941\u0932\u094d\u0915 \u0928\u0939\u0940\u0902 \u0926\u0947\u0928\u093e \u0939\u0948\u0964\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <span class=\"faq-question\">Course Online \u0939\u0948 \u092f\u093e Offline?<\/span>\r\n <i class=\"fa-regular fa-circle-dot faq-icon\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"display:none; padding: 0 20px 20px; color: #666; font-size: 14px;\">\r\n \u092f\u0939 \u0915\u094b\u0930\u094d\u0938 \u092a\u0942\u0930\u0940 \u0924\u0930\u0939 \u0938\u0947 Online (Live) \u0939\u0948, \u091c\u093f\u0938\u0947 \u0906\u092a \u0918\u0930 \u092c\u0948\u0920\u0947 \u0905\u092a\u0928\u0947 \u092e\u094b\u092c\u093e\u0907\u0932 \u092f\u093e \u0932\u0948\u092a\u091f\u0949\u092a \u0938\u0947 \u0905\u091f\u0947\u0902\u0921 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <span class=\"faq-question\">Course \u0915\u0940 Duration \u0915\u093f\u0924\u0928\u0940 \u0939\u094b\u0917\u0940?<\/span>\r\n <i class=\"fa-regular fa-circle-dot faq-icon\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"display:none; padding: 0 20px 20px; color: #666; font-size: 14px;\">\r\n \u0915\u094b\u0930\u094d\u0938 \u0915\u0940 \u092a\u0942\u0930\u0940 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u0914\u0930 \u0905\u0935\u0927\u093f (Duration) \u0935\u0947\u092c\u093f\u0928\u093e\u0930 \u0915\u0947 \u0926\u094c\u0930\u093e\u0928 \u0935\u093f\u0938\u094d\u0924\u093e\u0930 \u0938\u0947 \u092c\u0924\u093e\u0908 \u091c\u093e\u090f\u0917\u0940\u0964\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <span class=\"faq-question\">Webinar Join \u0915\u0930\u0928\u0947 \u0915\u0947 \u092c\u093e\u0926 \u0906\u0917\u0947 \u0915\u094d\u092f\u093e \u0939\u094b\u0917\u093e?<\/span>\r\n <i class=\"fa-regular fa-circle-dot faq-icon\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\" style=\"display:none; padding: 0 20px 20px; color: #666; font-size: 14px;\">\r\n \u0935\u0947\u092c\u093f\u0928\u093e\u0930 \u0915\u0947 \u092c\u093e\u0926 \u0906\u092a\u0915\u094b \u0939\u092e\u093e\u0930\u0947 \u092e\u0947\u0902\u091f\u0930\u094d\u0938 \u0926\u094d\u0935\u093e\u0930\u093e \u0917\u093e\u0907\u0921\u0947\u0902\u0938, \u0932\u093e\u0907\u0935 \u092a\u094d\u0930\u094b\u091c\u0947\u0915\u094d\u091f\u094d\u0938 \u0914\u0930 \u0915\u0930\u093f\u092f\u0930 \u0938\u092a\u094b\u0930\u094d\u091f \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u0926\u0940 \u091c\u093e\u090f\u0917\u0940\u0964\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n item.addEventListener('click', () => {\r\n const answer = item.nextElementSibling;\r\n answer.style.display = answer.style.display === 'block' ? 'none' : 'block';\r\n });\r\n });\r\n <\/script>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c7ca88 e-con-full e-flex e-con e-parent\" data-id=\"6c7ca88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce09c3a elementor-widget elementor-widget-image\" data-id=\"ce09c3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1913\" height=\"822\" src=\"https:\/\/fullstackweb.rikantainstitute.com\/wp-content\/uploads\/2026\/07\/5528a65e-4779-44cf-a2ae-b3eddc8186a1-2.png\" class=\"attachment-full size-full wp-image-148\" alt=\"\" srcset=\"https:\/\/fullstackweb.rikantainstitute.com\/wp-content\/uploads\/2026\/07\/5528a65e-4779-44cf-a2ae-b3eddc8186a1-2.png 1913w, https:\/\/fullstackweb.rikantainstitute.com\/wp-content\/uploads\/2026\/07\/5528a65e-4779-44cf-a2ae-b3eddc8186a1-2-300x129.png 300w, https:\/\/fullstackweb.rikantainstitute.com\/wp-content\/uploads\/2026\/07\/5528a65e-4779-44cf-a2ae-b3eddc8186a1-2-1024x440.png 1024w, https:\/\/fullstackweb.rikantainstitute.com\/wp-content\/uploads\/2026\/07\/5528a65e-4779-44cf-a2ae-b3eddc8186a1-2-768x330.png 768w, https:\/\/fullstackweb.rikantainstitute.com\/wp-content\/uploads\/2026\/07\/5528a65e-4779-44cf-a2ae-b3eddc8186a1-2-1536x660.png 1536w\" sizes=\"(max-width: 1913px) 100vw, 1913px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Full Stack Web Development FULL STACK WEB DEVELOPMENT Zero seAdvance Level\u0924\u0915 \u0938\u0940\u0916\u0947\u0902 High PayingCareerOpportunities Freelancing \u0938\u0947\u0915\u092e\u093e\u090f\u20b920K – \u20b91L+ Certificate& 100% PracticalTraining Why Web Development? High Demand IT Industry \u092e\u0947\u0902 \u092c\u0922\u093c\u0924\u0940 \u092e\u093e\u0902\u0917 Freelancing \u0918\u0930 \u092c\u0948\u0920\u0947 \u092b\u094d\u0930\u0940\u0932\u093e\u0902\u0938 \u0915\u093e\u092e \u0915\u0930\u0947\u0902 Remote Jobs Remote Job \u0915\u0947 \u092c\u0947\u0939\u0924\u0930\u0940\u0928 \u0905\u0935\u0938\u0930 Build Your Own \u0905\u092a\u0928\u0940 Website \/ Business \u092c\u0928\u093e\u090f\u0902 Earn More Skills […]<\/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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fullstackweb.rikantainstitute.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fullstackweb.rikantainstitute.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fullstackweb.rikantainstitute.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fullstackweb.rikantainstitute.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fullstackweb.rikantainstitute.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":280,"href":"https:\/\/fullstackweb.rikantainstitute.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/fullstackweb.rikantainstitute.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/353"}],"wp:attachment":[{"href":"https:\/\/fullstackweb.rikantainstitute.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}