Digital Marketing Institute<\/title>\r\n\r\n<link\r\nrel=\"preconnect\"\r\nhref=\"https:\/\/fonts.googleapis.com\"\r\n>\r\n\r\n<link\r\nrel=\"preconnect\"\r\nhref=\"https:\/\/fonts.gstatic.com\"\r\ncrossorigin\r\n>\r\n\r\n<link\r\nhref=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Slab:wght@400;500;600;700&display=swap\"\r\nrel=\"stylesheet\"\r\n>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n PREMIUM DIGITAL MARKETING SECTION\r\n BLUE + YELLOW BRAND SYSTEM\r\n TRANSPARENT BACKGROUND\r\n MAX WIDTH = 1100PX\r\n========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n RESET\r\n========================================================= *\/\r\n\r\n.dmi-banner,\r\n.dmi-banner *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-banner img{\r\n max-width:100%;\r\n}\r\n\r\n.dmi-banner a{\r\n text-decoration:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROOT\r\n========================================================= *\/\r\n\r\n.dmi-banner{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#081A45;\r\n --blue-mid:#315CC4;\r\n --blue-soft:#EAF0FF;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n --gold-soft:#FFF5D6;\r\n\r\n --text:#17233D;\r\n --muted:#56657B;\r\n --white:#FFFFFF;\r\n\r\n width:100%;\r\n\r\n margin:0;\r\n\r\n padding:0;\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n isolation:isolate;\r\n\r\n color:var(--text);\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n \/*\r\n IMPORTANT:\r\n Transparent background\r\n *\/\r\n\r\n background:transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP BRAND LINE\r\n========================================================= *\/\r\n\r\n.dmi-banner::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n left:50%;\r\n\r\n width:min(1100px,90%);\r\n\r\n height:3px;\r\n\r\n transform:translateX(-50%);\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n transparent,\r\n var(--blue),\r\n var(--gold),\r\n var(--blue),\r\n transparent\r\n );\r\n\r\n opacity:.75;\r\n\r\n z-index:20;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.dmi-banner::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:600px;\r\n height:600px;\r\n\r\n right:-360px;\r\n top:220px;\r\n\r\n border-radius:50%;\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.07);\r\n\r\n box-shadow:\r\n 0 0 0 70px rgba(26,58,143,.018),\r\n 0 0 0 140px rgba(253,185,19,.014);\r\n\r\n pointer-events:none;\r\n\r\n z-index:-1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTENT WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-wrap{\r\n\r\n width:1100px;\r\n\r\n max-width:calc(100% - 30px);\r\n\r\n margin-left:auto;\r\n margin-right:auto;\r\n\r\n padding-top:76px;\r\n\r\n padding-bottom:64px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-hero{\r\n\r\n width:100%;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BADGE\r\n========================================================= *\/\r\n\r\n.dmi-badge{\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 gap:10px;\r\n\r\n padding:10px 17px;\r\n\r\n margin-bottom:20px;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n rgba(255,255,255,.78);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.13);\r\n\r\n box-shadow:\r\n 0 12px 30px rgba(26,58,143,.07);\r\n\r\n color:var(--blue);\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.8px;\r\n\r\n text-transform:uppercase;\r\n\r\n backdrop-filter:blur(8px);\r\n\r\n -webkit-backdrop-filter:blur(8px);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n.dmi-badge:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 17px 35px rgba(26,58,143,.11);\r\n}\r\n\r\n\r\n.dmi-badge-dot{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(253,185,19,.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n BLUE + YELLOW DUAL COLOR\r\n========================================================= *\/\r\n\r\n.dmi-title{\r\n\r\n width:100%;\r\n\r\n max-width:900px;\r\n\r\n margin:0;\r\n\r\n font-family:\r\n \"Times New Roman\",\r\n Georgia,\r\n serif;\r\n\r\n font-size:66px;\r\n\r\n line-height:1.07;\r\n\r\n letter-spacing:-1.8px;\r\n\r\n font-weight:700;\r\n\r\n color:var(--blue);\r\n\r\n text-align:center;\r\n\r\n text-wrap:balance;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HIGHLIGHTED YELLOW TEXT\r\n========================================================= *\/\r\n\r\n.dmi-highlight{\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n\r\n color:var(--gold);\r\n\r\n white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n YELLOW UNDERLINE\r\n========================================================= *\/\r\n\r\n.dmi-highlight::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n bottom:-6px;\r\n\r\n width:100%;\r\n\r\n height:5px;\r\n\r\n border-radius:20px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-15deg);\r\n\r\n box-shadow:\r\n 0 3px 10px rgba(253,185,19,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-description{\r\n\r\n width:100%;\r\n\r\n max-width:780px;\r\n\r\n margin:23px auto 0;\r\n\r\n font-family:\r\n \"Roboto Slab\",\r\n Georgia,\r\n serif;\r\n\r\n font-size:16px;\r\n\r\n line-height:1.75;\r\n\r\n font-weight:500;\r\n\r\n color:var(--blue);\r\n\r\n text-align:center;\r\n\r\n text-wrap:balance;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUICK VALUE STRIP\r\n========================================================= *\/\r\n\r\n.dmi-value-strip{\r\n\r\n width:100%;\r\n\r\n max-width:900px;\r\n\r\n display:flex;\r\n\r\n justify-content:center;\r\n\r\n align-items:stretch;\r\n\r\n gap:10px;\r\n\r\n margin:27px auto 0;\r\n}\r\n\r\n\r\n.dmi-value-item{\r\n\r\n flex:1;\r\n\r\n min-width:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:9px;\r\n\r\n padding:12px 14px;\r\n\r\n border-radius:12px;\r\n\r\n background:\r\n rgba(255,255,255,.70);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.09);\r\n\r\n box-shadow:\r\n 0 8px 25px rgba(26,58,143,.045);\r\n\r\n color:var(--blue);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.35;\r\n\r\n font-weight:800;\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease,\r\n border-color .25s ease;\r\n}\r\n\r\n\r\n.dmi-value-item:hover{\r\n\r\n transform:\r\n translateY(-4px);\r\n\r\n border-color:\r\n rgba(26,58,143,.18);\r\n\r\n box-shadow:\r\n 0 15px 32px rgba(26,58,143,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SVG ICON BOX\r\n========================================================= *\/\r\n\r\n.dmi-value-icon{\r\n\r\n width:28px;\r\n height:28px;\r\n\r\n flex:0 0 28px;\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:8px;\r\n\r\n background:\r\n var(--gold-soft);\r\n\r\n color:\r\n var(--blue);\r\n\r\n font-size:0;\r\n\r\n border:\r\n 1px solid rgba(253,185,19,.25);\r\n}\r\n\r\n\r\n.dmi-value-icon svg{\r\n\r\n width:14px;\r\n height:14px;\r\n\r\n stroke:\r\n var(--blue);\r\n\r\n stroke-width:2.4;\r\n\r\n fill:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE GALLERY\r\n========================================================= *\/\r\n\r\n.dmi-gallery{\r\n\r\n width:100%;\r\n\r\n max-width:920px;\r\n\r\n min-height:525px;\r\n\r\n margin:40px auto 0;\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\r\n\r\n\/* =========================================================\r\n DOT PATTERN\r\n========================================================= *\/\r\n\r\n.dmi-dots{\r\n\r\n position:absolute;\r\n\r\n left:90px;\r\n top:20px;\r\n\r\n width:100px;\r\n height:100px;\r\n\r\n background-image:\r\n radial-gradient(\r\n var(--gold) 1.5px,\r\n transparent 1.5px\r\n );\r\n\r\n background-size:12px 12px;\r\n\r\n opacity:.50;\r\n\r\n z-index:1;\r\n\r\n animation:\r\n dotsFloat 5s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes dotsFloat{\r\n\r\n 0%,100%{\r\n transform:translateY(0);\r\n }\r\n\r\n 50%{\r\n transform:translateY(-8px);\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN IMAGE\r\n========================================================= *\/\r\n\r\n.dmi-main-photo{\r\n\r\n width:370px;\r\n\r\n height:455px;\r\n\r\n position:relative;\r\n\r\n z-index:3;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:30px;\r\n\r\n border:\r\n 7px solid #FFFFFF;\r\n\r\n background:#DCE5F8;\r\n\r\n box-shadow:\r\n 0 35px 80px rgba(20,45,100,.22);\r\n\r\n transition:\r\n transform .45s ease,\r\n box-shadow .45s ease;\r\n}\r\n\r\n\r\n.dmi-main-photo:hover{\r\n\r\n transform:\r\n translateY(-8px);\r\n\r\n box-shadow:\r\n 0 45px 95px rgba(20,45,100,.28);\r\n}\r\n\r\n\r\n.dmi-main-photo img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n transition:\r\n transform .7s ease;\r\n}\r\n\r\n\r\n.dmi-main-photo:hover img{\r\n\r\n transform:\r\n scale(1.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.dmi-main-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n to top,\r\n rgba(5,20,58,.92),\r\n rgba(5,20,58,.04) 65%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-image-content{\r\n\r\n position:absolute;\r\n\r\n left:23px;\r\n right:23px;\r\n bottom:23px;\r\n\r\n text-align:left;\r\n}\r\n\r\n\r\n.dmi-image-content small{\r\n\r\n display:block;\r\n\r\n margin-bottom:7px;\r\n\r\n color:var(--gold-light);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.2px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-image-content strong{\r\n\r\n display:block;\r\n\r\n color:#FFFFFF;\r\n\r\n font-family:\r\n \"Times New Roman\",\r\n Georgia,\r\n serif;\r\n\r\n font-size:22px;\r\n\r\n line-height:1.18;\r\n\r\n font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUPPORTING IMAGE ONE\r\n========================================================= *\/\r\n\r\n.dmi-image-one{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n width:155px;\r\n height:145px;\r\n\r\n left:110px;\r\n top:12px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n border:5px solid #FFFFFF;\r\n\r\n box-shadow:\r\n 0 20px 45px rgba(20,45,100,.18);\r\n\r\n transform:rotate(-5deg);\r\n\r\n transition:\r\n transform .35s ease;\r\n}\r\n\r\n\r\n.dmi-image-one:hover{\r\n\r\n transform:\r\n rotate(-1deg)\r\n translateY(-6px);\r\n}\r\n\r\n\r\n.dmi-image-one img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n object-fit:cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUPPORTING IMAGE TWO\r\n========================================================= *\/\r\n\r\n.dmi-image-two{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n width:165px;\r\n height:150px;\r\n\r\n right:110px;\r\n bottom:4px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n border:5px solid #FFFFFF;\r\n\r\n box-shadow:\r\n 0 20px 45px rgba(20,45,100,.18);\r\n\r\n transform:rotate(5deg);\r\n\r\n transition:\r\n transform .35s ease;\r\n}\r\n\r\n\r\n.dmi-image-two:hover{\r\n\r\n transform:\r\n rotate(1deg)\r\n translateY(-6px);\r\n}\r\n\r\n\r\n.dmi-image-two img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n object-fit:cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.dmi-image-label{\r\n\r\n position:absolute;\r\n\r\n z-index:8;\r\n\r\n right:100px;\r\n\r\n top:92px;\r\n\r\n padding:10px 14px;\r\n\r\n border-radius:10px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.5px;\r\n\r\n text-transform:uppercase;\r\n\r\n box-shadow:\r\n 0 12px 30px rgba(253,185,19,.30);\r\n\r\n transform:rotate(4deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING CARD\r\n========================================================= *\/\r\n\r\n.dmi-floating-card{\r\n\r\n position:absolute;\r\n\r\n z-index:10;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n padding:12px 14px;\r\n\r\n border-radius:14px;\r\n\r\n background:\r\n rgba(255,255,255,.93);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.98);\r\n\r\n box-shadow:\r\n 0 20px 45px rgba(20,45,100,.16);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n transition:\r\n transform .3s ease;\r\n}\r\n\r\n\r\n.dmi-floating-card:hover{\r\n\r\n transform:\r\n translateY(-5px);\r\n}\r\n\r\n\r\n.dmi-card-one{\r\n\r\n top:18px;\r\n\r\n right:95px;\r\n}\r\n\r\n\r\n.dmi-card-two{\r\n\r\n bottom:7px;\r\n\r\n left:95px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING ICON\r\n========================================================= *\/\r\n\r\n.dmi-floating-icon{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n flex:0 0 36px;\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:10px;\r\n\r\n background:\r\n var(--gold-soft);\r\n\r\n color:\r\n var(--blue);\r\n\r\n border:\r\n 1px solid rgba(253,185,19,.22);\r\n}\r\n\r\n\r\n.dmi-floating-icon svg{\r\n\r\n width:17px;\r\n height:17px;\r\n\r\n stroke:\r\n var(--blue);\r\n\r\n fill:none;\r\n\r\n stroke-width:2.2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING TEXT\r\n========================================================= *\/\r\n\r\n.dmi-floating-text{\r\n\r\n text-align:left;\r\n}\r\n\r\n\r\n.dmi-floating-text small{\r\n\r\n display:block;\r\n\r\n color:#8A96A8;\r\n\r\n font-size:10px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.5px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-floating-text strong{\r\n\r\n display:block;\r\n\r\n margin-top:3px;\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:13px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE INFORMATION\r\n========================================================= *\/\r\n\r\n.dmi-course-info{\r\n\r\n width:100%;\r\n\r\n max-width:820px;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n margin:33px auto 0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:18px;\r\n\r\n background:\r\n rgba(255,255,255,.72);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.10);\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(26,58,143,.07);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n -webkit-backdrop-filter:blur(10px);\r\n}\r\n\r\n\r\n.dmi-info-box{\r\n\r\n padding:19px 16px;\r\n\r\n border-right:\r\n 1px solid rgba(26,58,143,.08);\r\n\r\n transition:\r\n background .25s ease,\r\n transform .25s ease;\r\n}\r\n\r\n\r\n.dmi-info-box:hover{\r\n\r\n background:#FFFFFF;\r\n\r\n transform:\r\n translateY(-2px);\r\n}\r\n\r\n\r\n.dmi-info-box:last-child{\r\n\r\n border-right:0;\r\n}\r\n\r\n\r\n.dmi-info-box small{\r\n\r\n display:block;\r\n\r\n margin-bottom:7px;\r\n\r\n color:var(--gold);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.6px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-info-box strong{\r\n\r\n display:block;\r\n\r\n color:var(--blue);\r\n\r\n font-size:15px;\r\n\r\n line-height:1.4;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LEARNING SECTION\r\n========================================================= *\/\r\n\r\n.dmi-learning{\r\n\r\n width:100%;\r\n\r\n max-width:820px;\r\n\r\n margin:29px auto 0;\r\n}\r\n\r\n\r\n.dmi-section-label{\r\n\r\n margin-bottom:13px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.2px;\r\n\r\n text-transform:uppercase;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.dmi-learning-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:10px;\r\n}\r\n\r\n\r\n.dmi-learning-item{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n min-height:49px;\r\n\r\n padding:11px 13px;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(255,255,255,.55);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.08);\r\n\r\n color:var(--blue);\r\n\r\n font-size:13px;\r\n\r\n line-height:1.4;\r\n\r\n font-weight:800;\r\n\r\n text-align:left;\r\n\r\n transition:\r\n transform .25s ease,\r\n background .25s ease,\r\n box-shadow .25s ease;\r\n}\r\n\r\n\r\n.dmi-learning-item:hover{\r\n\r\n transform:\r\n translateY(-3px);\r\n\r\n background:#FFFFFF;\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(26,58,143,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CHECK ICON\r\n========================================================= *\/\r\n\r\n.dmi-check{\r\n\r\n width:25px;\r\n height:25px;\r\n\r\n flex:0 0 25px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:7px;\r\n\r\n background:\r\n var(--gold-soft);\r\n\r\n border:\r\n 1px solid rgba(253,185,19,.20);\r\n}\r\n\r\n\r\n.dmi-check svg{\r\n\r\n width:13px;\r\n height:13px;\r\n\r\n stroke:\r\n var(--blue);\r\n\r\n fill:none;\r\n\r\n stroke-width:3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CAREER PATHS\r\n========================================================= *\/\r\n\r\n.dmi-career{\r\n\r\n width:100%;\r\n\r\n max-width:820px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:12px;\r\n\r\n margin:21px auto 0;\r\n\r\n padding:13px 15px;\r\n\r\n border-radius:14px;\r\n\r\n background:\r\n rgba(255,255,255,.40);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.07);\r\n}\r\n\r\n\r\n.dmi-career-title{\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.8px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-career-list{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n justify-content:center;\r\n\r\n gap:7px;\r\n}\r\n\r\n\r\n.dmi-career-list span{\r\n\r\n padding:7px 10px;\r\n\r\n border-radius:8px;\r\n\r\n background:\r\n rgba(255,255,255,.75);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.06);\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n\r\n transition:\r\n transform .2s ease,\r\n background .2s ease;\r\n}\r\n\r\n\r\n.dmi-career-list span:hover{\r\n\r\n transform:\r\n translateY(-2px);\r\n\r\n background:#FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-actions{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:12px;\r\n\r\n margin-top:28px;\r\n}\r\n\r\n\r\n.dmi-btn{\r\n\r\n min-height:52px;\r\n\r\n padding:0 26px;\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 gap:9px;\r\n\r\n border-radius:11px;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:900;\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PRIMARY BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-primary{\r\n\r\n color:#FFFFFF !important;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--blue),\r\n #2D58BC\r\n );\r\n\r\n box-shadow:\r\n 0 14px 32px rgba(26,58,143,.24);\r\n}\r\n\r\n\r\n.dmi-primary:hover{\r\n\r\n color:#FFFFFF !important;\r\n\r\n transform:\r\n translateY(-3px);\r\n\r\n box-shadow:\r\n 0 20px 42px rgba(26,58,143,.30);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SECONDARY BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-secondary{\r\n\r\n color:var(--blue) !important;\r\n\r\n background:#FFFFFF;\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.15);\r\n}\r\n\r\n\r\n.dmi-secondary:hover{\r\n\r\n color:var(--blue) !important;\r\n\r\n transform:\r\n translateY(-3px);\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(26,58,143,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUTTON ARROW\r\n========================================================= *\/\r\n\r\n.dmi-primary span{\r\n\r\n color:var(--gold);\r\n\r\n font-size:17px;\r\n\r\n line-height:1;\r\n\r\n transition:\r\n transform .25s ease;\r\n}\r\n\r\n\r\n.dmi-primary:hover span{\r\n\r\n transform:\r\n translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:950px){\r\n\r\n .dmi-wrap{\r\n\r\n width:calc(100% - 30px);\r\n\r\n max-width:900px;\r\n\r\n padding-top:60px;\r\n\r\n padding-bottom:50px;\r\n }\r\n\r\n\r\n .dmi-title{\r\n\r\n font-size:54px;\r\n\r\n letter-spacing:-1.2px;\r\n }\r\n\r\n\r\n .dmi-description{\r\n\r\n font-size:16px;\r\n }\r\n\r\n\r\n .dmi-value-strip{\r\n\r\n max-width:760px;\r\n }\r\n\r\n\r\n .dmi-gallery{\r\n\r\n min-height:480px;\r\n\r\n max-width:850px;\r\n\r\n margin-top:35px;\r\n }\r\n\r\n\r\n .dmi-main-photo{\r\n\r\n width:325px;\r\n\r\n height:405px;\r\n }\r\n\r\n\r\n .dmi-image-one{\r\n\r\n width:130px;\r\n height:120px;\r\n\r\n left:55px;\r\n }\r\n\r\n\r\n .dmi-image-two{\r\n\r\n width:140px;\r\n height:130px;\r\n\r\n right:55px;\r\n }\r\n\r\n\r\n .dmi-image-label{\r\n\r\n right:48px;\r\n }\r\n\r\n\r\n .dmi-card-one{\r\n\r\n right:45px;\r\n }\r\n\r\n\r\n .dmi-card-two{\r\n\r\n left:45px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:760px){\r\n\r\n .dmi-wrap{\r\n\r\n width:calc(100% - 28px);\r\n\r\n max-width:700px;\r\n\r\n padding-top:48px;\r\n\r\n padding-bottom:40px;\r\n }\r\n\r\n\r\n .dmi-title{\r\n\r\n font-size:44px;\r\n\r\n line-height:1.10;\r\n\r\n letter-spacing:-.8px;\r\n }\r\n\r\n\r\n .dmi-highlight::after{\r\n\r\n bottom:-4px;\r\n\r\n height:4px;\r\n }\r\n\r\n\r\n .dmi-description{\r\n\r\n font-size:15px;\r\n\r\n line-height:1.7;\r\n }\r\n\r\n\r\n .dmi-value-strip{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n\r\n max-width:600px;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-value-item{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .dmi-gallery{\r\n\r\n min-height:440px;\r\n\r\n margin-top:32px;\r\n }\r\n\r\n\r\n .dmi-main-photo{\r\n\r\n width:300px;\r\n\r\n height:370px;\r\n }\r\n\r\n\r\n .dmi-image-one{\r\n\r\n width:105px;\r\n\r\n height:100px;\r\n\r\n left:4px;\r\n\r\n top:18px;\r\n }\r\n\r\n\r\n .dmi-image-two{\r\n\r\n width:115px;\r\n\r\n height:105px;\r\n\r\n right:4px;\r\n\r\n bottom:10px;\r\n }\r\n\r\n\r\n .dmi-image-label{\r\n\r\n right:4px;\r\n\r\n top:70px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .dmi-card-one{\r\n\r\n right:4px;\r\n\r\n top:10px;\r\n }\r\n\r\n\r\n .dmi-card-two{\r\n\r\n left:4px;\r\n\r\n bottom:5px;\r\n }\r\n\r\n\r\n .dmi-floating-card{\r\n\r\n padding:9px 10px;\r\n }\r\n\r\n\r\n .dmi-floating-icon{\r\n\r\n width:30px;\r\n\r\n height:30px;\r\n\r\n flex-basis:30px;\r\n }\r\n\r\n\r\n .dmi-floating-text small,\r\n .dmi-floating-text strong{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-course-info{\r\n\r\n grid-template-columns:1fr;\r\n\r\n max-width:600px;\r\n }\r\n\r\n\r\n .dmi-info-box{\r\n\r\n border-right:0;\r\n\r\n border-bottom:\r\n 1px solid rgba(26,58,143,.08);\r\n }\r\n\r\n\r\n .dmi-info-box:last-child{\r\n\r\n border-bottom:0;\r\n }\r\n\r\n\r\n .dmi-learning{\r\n\r\n max-width:600px;\r\n }\r\n\r\n\r\n .dmi-learning-grid{\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n }\r\n\r\n\r\n .dmi-career{\r\n\r\n max-width:600px;\r\n\r\n flex-direction:column;\r\n\r\n text-align:center;\r\n }\r\n\r\n\r\n .dmi-actions{\r\n\r\n flex-direction:row;\r\n\r\n flex-wrap:wrap;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:520px){\r\n\r\n .dmi-wrap{\r\n\r\n width:calc(100% - 22px);\r\n\r\n padding-top:40px;\r\n\r\n padding-bottom:32px;\r\n }\r\n\r\n\r\n .dmi-badge{\r\n\r\n font-size:10px;\r\n\r\n padding:9px 12px;\r\n\r\n letter-spacing:.5px;\r\n }\r\n\r\n\r\n .dmi-title{\r\n\r\n font-size:37px;\r\n\r\n line-height:1.10;\r\n }\r\n\r\n\r\n .dmi-description{\r\n\r\n font-size:14px;\r\n\r\n line-height:1.7;\r\n }\r\n\r\n\r\n .dmi-value-strip{\r\n\r\n grid-template-columns:1fr;\r\n\r\n max-width:420px;\r\n }\r\n\r\n\r\n .dmi-value-item{\r\n\r\n padding:10px 12px;\r\n }\r\n\r\n\r\n .dmi-gallery{\r\n\r\n min-height:390px;\r\n\r\n margin-top:29px;\r\n }\r\n\r\n\r\n .dmi-main-photo{\r\n\r\n width:270px;\r\n\r\n height:335px;\r\n\r\n border-width:6px;\r\n }\r\n\r\n\r\n .dmi-image-one{\r\n\r\n width:88px;\r\n\r\n height:84px;\r\n\r\n left:0;\r\n\r\n top:18px;\r\n\r\n border-width:4px;\r\n }\r\n\r\n\r\n .dmi-image-two{\r\n\r\n width:98px;\r\n\r\n height:92px;\r\n\r\n right:0;\r\n\r\n bottom:8px;\r\n\r\n border-width:4px;\r\n }\r\n\r\n\r\n .dmi-image-label{\r\n\r\n top:65px;\r\n\r\n right:0;\r\n\r\n padding:7px 9px;\r\n\r\n font-size:8px;\r\n }\r\n\r\n\r\n .dmi-card-one{\r\n\r\n right:0;\r\n\r\n top:5px;\r\n }\r\n\r\n\r\n .dmi-card-two{\r\n\r\n left:0;\r\n\r\n bottom:2px;\r\n }\r\n\r\n\r\n .dmi-floating-card{\r\n\r\n gap:6px;\r\n\r\n padding:7px 8px;\r\n }\r\n\r\n\r\n .dmi-floating-icon{\r\n\r\n width:27px;\r\n\r\n height:27px;\r\n\r\n flex-basis:27px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-floating-text small,\r\n .dmi-floating-text strong{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .dmi-learning-grid{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-career-list span{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-actions{\r\n\r\n flex-direction:column;\r\n\r\n width:100%;\r\n }\r\n\r\n\r\n .dmi-btn{\r\n\r\n width:100%;\r\n\r\n min-height:50px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media (max-width:360px){\r\n\r\n .dmi-title{\r\n\r\n font-size:32px;\r\n }\r\n\r\n\r\n .dmi-description{\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dmi-gallery{\r\n\r\n min-height:355px;\r\n }\r\n\r\n\r\n .dmi-main-photo{\r\n\r\n width:245px;\r\n\r\n height:305px;\r\n }\r\n\r\n\r\n .dmi-image-one{\r\n\r\n width:78px;\r\n\r\n height:75px;\r\n }\r\n\r\n\r\n .dmi-image-two{\r\n\r\n width:86px;\r\n\r\n height:80px;\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 .dmi-banner *,\r\n .dmi-banner *::before,\r\n .dmi-banner *::after{\r\n\r\n animation:none !important;\r\n\r\n transition:none !important;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section\r\nclass=\"dmi-banner\"\r\naria-label=\"Premium Digital Marketing Institute\"\r\n>\r\n\r\n\r\n<div class=\"dmi-wrap\">\r\n\r\n\r\n<div class=\"dmi-hero\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-badge\">\r\n\r\n<span class=\"dmi-badge-dot\"><\/span>\r\n\r\nPremium Digital Marketing Institute\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<h1 class=\"dmi-title\">\r\n\r\nLearn Digital Marketing.\r\n\r\n<span class=\"dmi-highlight\">\r\nBuild Your Future.\r\n<\/span>\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n<p class=\"dmi-description\">\r\n\r\nMaster modern digital marketing through practical\r\ntraining, live projects and AI-powered tools.\r\nBuild the skills you need to grow brands, generate\r\nleads and create real career opportunities.\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-value-strip\">\r\n\r\n\r\n<div class=\"dmi-value-item\">\r\n\r\n<span class=\"dmi-value-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nPractical Training\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-value-item\">\r\n\r\n<span class=\"dmi-value-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M12 6v6l4 2\"><\/path>\r\n<circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nLive Projects\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-value-item\">\r\n\r\n<span class=\"dmi-value-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M12 3v18\"><\/path>\r\n<path d=\"M3 12h18\"><\/path>\r\n<path d=\"M5.6 5.6l12.8 12.8\"><\/path>\r\n<path d=\"M18.4 5.6L5.6 18.4\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nAI-Powered Learning\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-value-item\">\r\n\r\n<span class=\"dmi-value-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 19L19 5\"><\/path>\r\n<path d=\"M10 5h9v9\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nCareer Focused\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-gallery\">\r\n\r\n\r\n<div\r\nclass=\"dmi-dots\"\r\naria-hidden=\"true\"\r\n><\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-image-one\">\r\n\r\n<img\r\nsrc=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=500&q=85\"\r\nalt=\"Digital marketing students working together\"\r\nloading=\"lazy\"\r\n>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-main-photo\">\r\n\r\n<img\r\nsrc=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=85\"\r\nalt=\"Digital marketing institute classroom\"\r\nloading=\"lazy\"\r\n>\r\n\r\n\r\n<div\r\nclass=\"dmi-main-overlay\"\r\naria-hidden=\"true\"\r\n><\/div>\r\n\r\n\r\n<div class=\"dmi-image-content\">\r\n\r\n<small>\r\nLearn \u2022 Practice \u2022 Grow\r\n<\/small>\r\n\r\n<strong>\r\nTurn Your Skills Into Real Opportunities.\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-image-two\">\r\n\r\n<img\r\nsrc=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=500&q=85\"\r\nalt=\"Digital marketing team collaborating\"\r\nloading=\"lazy\"\r\n>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-image-label\">\r\n\r\nFuture-Ready Skills\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-floating-card dmi-card-one\">\r\n\r\n\r\n<div class=\"dmi-floating-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8L12 3z\"><\/path>\r\n<\/svg>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-floating-text\">\r\n\r\n<small>\r\nLEARN\r\n<\/small>\r\n\r\n<strong>\r\nAI + Marketing\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-floating-card dmi-card-two\">\r\n\r\n\r\n<div class=\"dmi-floating-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-floating-text\">\r\n\r\n<small>\r\nEXPERIENCE\r\n<\/small>\r\n\r\n<strong>\r\nLive Projects\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-course-info\">\r\n\r\n\r\n<div class=\"dmi-info-box\">\r\n\r\n<small>\r\nTraining\r\n<\/small>\r\n\r\n<strong>\r\nPractical + Live\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-info-box\">\r\n\r\n<small>\r\nLearning Mode\r\n<\/small>\r\n\r\n<strong>\r\nOnline + Classroom\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-info-box\">\r\n\r\n<small>\r\nLearning Focus\r\n<\/small>\r\n\r\n<strong>\r\nCareer + Business\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-learning\">\r\n\r\n\r\n<div class=\"dmi-section-label\">\r\n\r\nWhat You Will Learn\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-grid\">\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nDigital Marketing\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nSEO & Content\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nGoogle Ads\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nMeta Ads\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nSocial Media\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nAI Marketing Tools\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-career\">\r\n\r\n\r\n<div class=\"dmi-career-title\">\r\n\r\nCareer Paths\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-career-list\">\r\n\r\n\r\n<span>\r\nDigital Marketer\r\n<\/span>\r\n\r\n\r\n<span>\r\nSEO Specialist\r\n<\/span>\r\n\r\n\r\n<span>\r\nGoogle Ads Specialist\r\n<\/span>\r\n\r\n\r\n<span>\r\nSocial Media Manager\r\n<\/span>\r\n\r\n\r\n<span>\r\nFreelancer\r\n<\/span>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-actions\">\r\n\r\n\r\n<a\r\nhref=\"#enroll\"\r\nclass=\"dmi-btn dmi-primary\"\r\n>\r\n\r\nStart Learning\r\n\r\n<span>\r\n\u2192\r\n<\/span>\r\n\r\n<\/a>\r\n\r\n\r\n<a\r\nhref=\"#demo\"\r\nclass=\"dmi-btn dmi-secondary\"\r\n>\r\n\r\nBook Free Demo\r\n\r\n<\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-00d909e ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"00d909e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-af5101d\" data-id=\"af5101d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf088c9 elementor-widget elementor-widget-html\" data-id=\"bf088c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section id=\"dm-about-v2\" aria-labelledby=\"dm-about-title\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n VARIABLES\r\n========================================================= *\/\r\n\r\n#dm-about-v2{\r\n\r\n --blue:#29437C;\r\n --blue-dark:#00001E;\r\n --blue-soft:#3D5D98;\r\n\r\n --yellow:#FFB606;\r\n --yellow-light:#FFC83D;\r\n\r\n --text:#29437C;\r\n --muted:rgba(41,67,124,.72);\r\n --muted-2:rgba(41,67,124,.58);\r\n\r\n --white:rgba(255,255,255,.72);\r\n\r\n --border:rgba(41,67,124,.12);\r\n\r\n --shadow:\r\n 0 12px 35px rgba(41,67,124,.09);\r\n\r\n --shadow-hover:\r\n 0 24px 55px rgba(41,67,124,.16);\r\n\r\n --width:1100px;\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n max-width:100%;\r\n\r\n padding:\r\n 65px 20px 70px;\r\n\r\n margin:0;\r\n\r\n background:transparent;\r\n\r\n color:var(--text);\r\n\r\n font-family:\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Roboto,\r\n Arial,\r\n sans-serif;\r\n\r\n line-height:1.5;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESET\r\n========================================================= *\/\r\n\r\n#dm-about-v2 *,\r\n#dm-about-v2 *::before,\r\n#dm-about-v2 *::after{\r\n\r\n box-sizing:border-box;\r\n}\r\n\r\n#dm-about-v2 h1,\r\n#dm-about-v2 h2,\r\n#dm-about-v2 h3,\r\n#dm-about-v2 h4,\r\n#dm-about-v2 p{\r\n\r\n margin-top:0;\r\n}\r\n\r\n#dm-about-v2 img{\r\n\r\n max-width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DECORATIVE BACKGROUND GLOWS\r\n========================================================= *\/\r\n\r\n#dm-about-v2::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:420px;\r\n height:420px;\r\n\r\n left:-250px;\r\n top:80px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(41,67,124,.09) 0%,\r\n rgba(41,67,124,.035) 42%,\r\n transparent 72%\r\n );\r\n\r\n pointer-events:none;\r\n\r\n animation:\r\n dm-about-glow-one 12s ease-in-out infinite;\r\n}\r\n\r\n\r\n#dm-about-v2::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:380px;\r\n height:380px;\r\n\r\n right:-230px;\r\n bottom:30px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(255,182,6,.10) 0%,\r\n rgba(255,182,6,.035) 45%,\r\n transparent 72%\r\n );\r\n\r\n pointer-events:none;\r\n\r\n animation:\r\n dm-about-glow-two 15s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes dm-about-glow-one{\r\n\r\n 0%,\r\n 100%{\r\n transform:translate(0,0) scale(1);\r\n }\r\n\r\n 50%{\r\n transform:translate(25px,-20px) scale(1.08);\r\n }\r\n}\r\n\r\n\r\n@keyframes dm-about-glow-two{\r\n\r\n 0%,\r\n 100%{\r\n transform:translate(0,0) scale(1);\r\n }\r\n\r\n 50%{\r\n transform:translate(-20px,20px) scale(1.06);\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTAINER\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-container{\r\n\r\n width:100%;\r\n\r\n max-width:var(--width);\r\n\r\n margin:0 auto;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SECTION HEADER\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-header{\r\n\r\n text-align:center;\r\n\r\n max-width:820px;\r\n\r\n margin:\r\n 0 auto 48px;\r\n\r\n animation:\r\n dm-about-fade .7s ease both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BADGE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-badge{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:\r\n 8px 15px;\r\n\r\n margin-bottom:16px;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.14);\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n rgba(255,255,255,.48);\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n\r\n font-weight:750;\r\n\r\n letter-spacing:.03em;\r\n\r\n box-shadow:\r\n 0 6px 20px\r\n rgba(41,67,124,.05);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n -webkit-backdrop-filter:blur(10px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SVG BASE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 svg{\r\n\r\n display:block;\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BADGE ICON\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .badge-icon{\r\n\r\n width:15px;\r\n height:15px;\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-header h2{\r\n\r\n margin:\r\n 0 0 15px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:\r\n clamp(36px,5vw,55px);\r\n\r\n line-height:1.08;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-.035em;\r\n}\r\n\r\n\r\n\/* HIGHLIGHTED TEXT *\/\r\n\r\n#dm-about-v2 .dm-about-header h2 span{\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER DESCRIPTION\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-header p{\r\n\r\n max-width:720px;\r\n\r\n margin:0 auto;\r\n\r\n color:var(--muted);\r\n\r\n font-size:16px;\r\n\r\n line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY AREA\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-story{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:50px;\r\n\r\n align-items:center;\r\n\r\n margin-bottom:42px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE SIDE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-image-area{\r\n\r\n position:relative;\r\n\r\n min-height:445px;\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:1200px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN IMAGE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-main-image{\r\n\r\n position:relative;\r\n\r\n width:90%;\r\n\r\n height:410px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:28px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.12);\r\n\r\n box-shadow:\r\n 0 25px 60px\r\n rgba(41,67,124,.15);\r\n\r\n transform:\r\n rotate(-2deg);\r\n\r\n transition:\r\n transform .55s\r\n cubic-bezier(.23,1,.32,1),\r\n box-shadow .55s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-main-image:hover{\r\n\r\n transform:\r\n rotate(0deg)\r\n translateY(-8px)\r\n scale(1.015);\r\n\r\n box-shadow:\r\n 0 35px 75px\r\n rgba(41,67,124,.21);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-main-image img{\r\n\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 transition:\r\n transform .8s\r\n cubic-bezier(.23,1,.32,1);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-main-image:hover img{\r\n\r\n transform:scale(1.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-main-image::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 180deg,\r\n transparent 40%,\r\n rgba(0,0,30,.38) 100%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n YELLOW IMAGE DECORATION\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .image-decoration{\r\n\r\n position:absolute;\r\n\r\n width:115px;\r\n height:115px;\r\n\r\n right:0;\r\n top:4px;\r\n\r\n border-radius:\r\n 0 28px 0 100%;\r\n\r\n background:var(--yellow);\r\n\r\n opacity:.88;\r\n\r\n z-index:-1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE FLOATING CARDS\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .image-floating-card{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n padding:\r\n 11px 14px;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.12);\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n rgba(255,255,255,.92);\r\n\r\n box-shadow:\r\n 0 15px 35px\r\n rgba(41,67,124,.14);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n\r\n animation:\r\n dm-floating 5s ease-in-out infinite;\r\n}\r\n\r\n\r\n#dm-about-v2 .image-floating-card.card-left{\r\n\r\n left:-3px;\r\n\r\n bottom:42px;\r\n}\r\n\r\n\r\n#dm-about-v2 .image-floating-card.card-right{\r\n\r\n right:-3px;\r\n\r\n top:58px;\r\n\r\n animation-delay:-2.2s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING ICON\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .floating-icon{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(255,182,6,.15);\r\n\r\n color:var(--blue);\r\n}\r\n\r\n\r\n#dm-about-v2 .floating-icon svg{\r\n\r\n width:18px;\r\n height:18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING TEXT\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .floating-card-number{\r\n\r\n color:var(--blue);\r\n\r\n font-size:13px;\r\n\r\n font-weight:800;\r\n\r\n line-height:1.2;\r\n}\r\n\r\n\r\n#dm-about-v2 .floating-card-label{\r\n\r\n margin-top:3px;\r\n\r\n color:var(--muted-2);\r\n\r\n font-size:9px;\r\n\r\n line-height:1.3;\r\n}\r\n\r\n\r\n@keyframes dm-floating{\r\n\r\n 0%,\r\n 100%{\r\n transform:translateY(0);\r\n }\r\n\r\n 50%{\r\n transform:translateY(-9px);\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY CONTENT\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-story-content{\r\n\r\n padding:5px 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY LABEL\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .story-label{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n margin-bottom:12px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.05em;\r\n}\r\n\r\n\r\n#dm-about-v2 .story-label svg{\r\n\r\n width:15px;\r\n height:15px;\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY HEADING\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-story-content h3{\r\n\r\n margin:\r\n 0 0 16px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:31px;\r\n\r\n line-height:1.15;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-.025em;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-story-content h3 span{\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY PARAGRAPH\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-story-content p{\r\n\r\n margin:\r\n 0 0 13px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:13px;\r\n\r\n line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY HIGHLIGHTS\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .story-highlights{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:9px;\r\n\r\n margin-top:20px;\r\n}\r\n\r\n\r\n#dm-about-v2 .story-highlight{\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 10px 11px;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.10);\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(255,255,255,.38);\r\n\r\n transition:\r\n transform .3s ease,\r\n background .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .story-highlight:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n background:\r\n rgba(255,255,255,.65);\r\n\r\n border-color:\r\n rgba(255,182,6,.30);\r\n}\r\n\r\n\r\n#dm-about-v2 .story-highlight svg{\r\n\r\n width:14px;\r\n height:14px;\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n#dm-about-v2 .story-highlight span{\r\n\r\n color:var(--blue);\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STATS\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-stats{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(4,1fr);\r\n\r\n gap:11px;\r\n\r\n margin-bottom:48px;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-stat{\r\n\r\n position:relative;\r\n\r\n padding:\r\n 17px 12px;\r\n\r\n text-align:center;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.11);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n rgba(255,255,255,.40);\r\n\r\n backdrop-filter:blur(11px);\r\n\r\n -webkit-backdrop-filter:blur(11px);\r\n\r\n box-shadow:var(--shadow);\r\n\r\n transition:\r\n transform .35s ease,\r\n background .35s ease,\r\n border-color .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-stat:hover{\r\n\r\n transform:translateY(-7px);\r\n\r\n background:\r\n rgba(255,255,255,.68);\r\n\r\n border-color:\r\n rgba(255,182,6,.32);\r\n\r\n box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\r\n#dm-about-v2 .stat-icon{\r\n\r\n width:37px;\r\n height:37px;\r\n\r\n margin:\r\n 0 auto 8px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:10px;\r\n\r\n background:\r\n rgba(255,182,6,.13);\r\n\r\n color:var(--blue);\r\n}\r\n\r\n\r\n#dm-about-v2 .stat-icon svg{\r\n\r\n width:17px;\r\n height:17px;\r\n}\r\n\r\n\r\n#dm-about-v2 .stat-number{\r\n\r\n color:var(--blue);\r\n\r\n font-size:22px;\r\n\r\n line-height:1.15;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n#dm-about-v2 .stat-label{\r\n\r\n margin-top:4px;\r\n\r\n color:var(--muted-2);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:650;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SECTION SUB HEADINGS\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .sub-heading{\r\n\r\n margin:\r\n 0 auto 23px;\r\n\r\n text-align:center;\r\n\r\n color:var(--blue);\r\n\r\n font-size:27px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-.02em;\r\n}\r\n\r\n\r\n#dm-about-v2 .sub-heading span{\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MISSION \/ VISION \/ APPROACH\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-section{\r\n\r\n margin-bottom:48px;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV CARD\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-card{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n padding:\r\n 0 0 25px;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.11);\r\n\r\n border-radius:19px;\r\n\r\n background:\r\n rgba(255,255,255,.40);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n box-shadow:var(--shadow);\r\n\r\n transition:\r\n transform .4s\r\n cubic-bezier(.23,1,.32,1),\r\n background .35s ease,\r\n border-color .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-card::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n top:0;\r\n\r\n width:100%;\r\n height:3px;\r\n\r\n background:var(--yellow);\r\n\r\n transform:scaleX(0);\r\n\r\n transform-origin:left;\r\n\r\n transition:\r\n transform .4s ease;\r\n\r\n z-index:5;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-card:hover{\r\n\r\n transform:\r\n translateY(-9px);\r\n\r\n background:\r\n rgba(255,255,255,.68);\r\n\r\n border-color:\r\n rgba(255,182,6,.30);\r\n\r\n box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-card:hover::before{\r\n\r\n transform:scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV IMAGE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-image{\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n\r\n height:185px;\r\n\r\n overflow:hidden;\r\n\r\n background:#ffffff;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-image img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n transition:\r\n transform .7s\r\n cubic-bezier(.23,1,.32,1);\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-card:hover .mvv-image img{\r\n\r\n transform:scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-image::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 180deg,\r\n rgba(0,0,30,.02) 20%,\r\n rgba(0,0,30,.34) 100%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE BADGE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-image-badge{\r\n\r\n position:absolute;\r\n\r\n left:14px;\r\n bottom:13px;\r\n\r\n z-index:2;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n padding:\r\n 6px 10px;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n rgba(255,255,255,.90);\r\n\r\n color:var(--blue);\r\n\r\n font-size:9px;\r\n\r\n font-weight:800;\r\n\r\n box-shadow:\r\n 0 7px 20px\r\n rgba(0,0,30,.12);\r\n\r\n backdrop-filter:blur(8px);\r\n\r\n -webkit-backdrop-filter:blur(8px);\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-image-badge span{\r\n\r\n width:6px;\r\n height:6px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--yellow);\r\n\r\n box-shadow:\r\n 0 0 0 4px\r\n rgba(255,182,6,.15);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV CONTENT\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-content{\r\n\r\n padding:\r\n 22px 23px 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV ICON\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-icon{\r\n\r\n width:48px;\r\n height:48px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:14px;\r\n\r\n border-radius:13px;\r\n\r\n background:\r\n rgba(255,182,6,.13);\r\n\r\n color:var(--blue);\r\n\r\n transition:\r\n transform .35s ease,\r\n background .35s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-icon svg{\r\n\r\n width:21px;\r\n height:21px;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-card:hover .mvv-icon{\r\n\r\n transform:\r\n scale(1.08)\r\n rotate(-5deg);\r\n\r\n background:\r\n rgba(255,182,6,.21);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV TITLE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-card h3{\r\n\r\n margin:\r\n 0 0 8px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:17px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV DESCRIPTION\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-card p{\r\n\r\n margin:0;\r\n\r\n color:var(--muted);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n VALUES\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .values-section{\r\n\r\n margin-bottom:45px;\r\n}\r\n\r\n\r\n#dm-about-v2 .values-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(4,1fr);\r\n\r\n gap:11px;\r\n}\r\n\r\n\r\n#dm-about-v2 .value-card{\r\n\r\n padding:\r\n 20px 13px;\r\n\r\n text-align:center;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.10);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n rgba(255,255,255,.36);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n -webkit-backdrop-filter:blur(10px);\r\n\r\n box-shadow:var(--shadow);\r\n\r\n transition:\r\n transform .35s ease,\r\n background .35s ease,\r\n border-color .35s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .value-card:hover{\r\n\r\n transform:translateY(-7px);\r\n\r\n background:\r\n rgba(255,255,255,.65);\r\n\r\n border-color:\r\n rgba(255,182,6,.30);\r\n}\r\n\r\n\r\n#dm-about-v2 .value-icon{\r\n\r\n width:40px;\r\n height:40px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin:\r\n 0 auto 10px;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(255,182,6,.12);\r\n\r\n color:var(--blue);\r\n}\r\n\r\n\r\n#dm-about-v2 .value-icon svg{\r\n\r\n width:17px;\r\n height:17px;\r\n}\r\n\r\n\r\n#dm-about-v2 .value-card h4{\r\n\r\n margin:\r\n 0 0 5px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n#dm-about-v2 .value-card p{\r\n\r\n margin:0;\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-cta{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n padding:\r\n 31px 24px;\r\n\r\n text-align:center;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.13);\r\n\r\n border-radius:21px;\r\n\r\n background:\r\n rgba(255,255,255,.43);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n\r\n box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-cta::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:220px;\r\n height:220px;\r\n\r\n right:-90px;\r\n top:-140px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(255,182,6,.16),\r\n transparent 70%\r\n );\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-cta-content{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-cta h3{\r\n\r\n margin:\r\n 0 0 8px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:27px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-cta h3 span{\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-cta p{\r\n\r\n max-width:620px;\r\n\r\n margin:\r\n 0 auto 20px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA BUTTONS\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-cta-buttons{\r\n\r\n display:flex;\r\n\r\n justify-content:center;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n flex-wrap:wrap;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-btn{\r\n\r\n min-height:42px;\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 gap:8px;\r\n\r\n padding:\r\n 10px 20px;\r\n\r\n border-radius:50px;\r\n\r\n text-decoration:none;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\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#dm-about-v2 .dm-btn svg{\r\n\r\n width:14px;\r\n height:14px;\r\n\r\n transition:\r\n transform .3s ease;\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n#dm-about-v2 .dm-btn-primary{\r\n\r\n background:var(--yellow);\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n box-shadow:\r\n 0 9px 24px\r\n rgba(255,182,6,.25);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-btn-primary:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n background:var(--yellow);\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n box-shadow:\r\n 0 14px 32px\r\n rgba(255,182,6,.34);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-btn-primary:hover svg{\r\n\r\n transform:translateX(4px);\r\n}\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n#dm-about-v2 .dm-btn-secondary{\r\n\r\n background:\r\n rgba(41,67,124,.045);\r\n\r\n color:var(--blue) !important;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.16);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-btn-secondary:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n background:\r\n rgba(41,67,124,.08);\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes dm-about-fade{\r\n\r\n from{\r\n\r\n opacity:0;\r\n\r\n transform:\r\n translateY(20px);\r\n }\r\n\r\n to{\r\n\r\n opacity:1;\r\n\r\n transform:\r\n translateY(0);\r\n }\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 #dm-about-v2{\r\n\r\n padding:\r\n 55px 20px\r\n 60px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-about-story{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:30px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-about-image-area{\r\n\r\n min-height:410px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-main-image{\r\n\r\n width:84%;\r\n\r\n height:370px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-stats{\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-grid{\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-card:last-child{\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n\r\n max-width:\r\n calc(50% - 7.5px);\r\n\r\n width:100%;\r\n\r\n margin:0 auto;\r\n }\r\n\r\n\r\n #dm-about-v2 .values-grid{\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\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 #dm-about-v2{\r\n\r\n padding:\r\n 48px 15px\r\n 55px;\r\n }\r\n\r\n\r\n \/* HEADER *\/\r\n\r\n #dm-about-v2 .dm-about-header{\r\n\r\n margin-bottom:35px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-about-header h2{\r\n\r\n font-size:33px;\r\n\r\n line-height:1.1;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-about-header p{\r\n\r\n font-size:13px;\r\n\r\n line-height:1.65;\r\n }\r\n\r\n\r\n \/* IMAGE *\/\r\n\r\n #dm-about-v2 .dm-about-image-area{\r\n\r\n min-height:345px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-main-image{\r\n\r\n width:88%;\r\n\r\n height:315px;\r\n\r\n border-radius:22px;\r\n }\r\n\r\n\r\n #dm-about-v2 .image-floating-card{\r\n\r\n padding:\r\n 9px 10px;\r\n\r\n gap:7px;\r\n\r\n border-radius:12px;\r\n }\r\n\r\n\r\n #dm-about-v2 .floating-icon{\r\n\r\n width:30px;\r\n height:30px;\r\n\r\n border-radius:8px;\r\n }\r\n\r\n\r\n #dm-about-v2 .floating-icon svg{\r\n\r\n width:14px;\r\n height:14px;\r\n }\r\n\r\n\r\n #dm-about-v2 .floating-card-number{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n #dm-about-v2 .floating-card-label{\r\n\r\n font-size:8px;\r\n }\r\n\r\n\r\n #dm-about-v2 .image-floating-card.card-left{\r\n\r\n left:0;\r\n\r\n bottom:22px;\r\n }\r\n\r\n\r\n #dm-about-v2 .image-floating-card.card-right{\r\n\r\n right:0;\r\n\r\n top:25px;\r\n }\r\n\r\n\r\n \/* STORY *\/\r\n\r\n #dm-about-v2 .dm-story-content h3{\r\n\r\n font-size:26px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-story-content p{\r\n\r\n font-size:11px;\r\n\r\n line-height:1.7;\r\n }\r\n\r\n\r\n #dm-about-v2 .story-highlights{\r\n\r\n gap:7px;\r\n }\r\n\r\n\r\n #dm-about-v2 .story-highlight{\r\n\r\n padding:\r\n 9px;\r\n }\r\n\r\n\r\n #dm-about-v2 .story-highlight span{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n \/* STATS *\/\r\n\r\n #dm-about-v2 .dm-stats{\r\n\r\n gap:8px;\r\n\r\n margin-bottom:38px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-stat{\r\n\r\n padding:\r\n 14px 9px;\r\n }\r\n\r\n\r\n #dm-about-v2 .stat-number{\r\n\r\n font-size:19px;\r\n }\r\n\r\n\r\n #dm-about-v2 .stat-label{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n \/* MVV *\/\r\n\r\n #dm-about-v2 .mvv-section{\r\n\r\n margin-bottom:38px;\r\n }\r\n\r\n\r\n #dm-about-v2 .sub-heading{\r\n\r\n font-size:23px;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:12px;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-card:last-child{\r\n\r\n grid-column:auto;\r\n\r\n max-width:none;\r\n\r\n margin:0;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-image{\r\n\r\n height:175px;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-content{\r\n\r\n padding:\r\n 19px 18px 0;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-icon{\r\n\r\n width:43px;\r\n height:43px;\r\n\r\n margin-bottom:12px;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-card h3{\r\n\r\n font-size:16px;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-card p{\r\n\r\n font-size:10px;\r\n\r\n line-height:1.65;\r\n }\r\n\r\n\r\n \/* VALUES *\/\r\n\r\n #dm-about-v2 .values-section{\r\n\r\n margin-bottom:38px;\r\n }\r\n\r\n\r\n #dm-about-v2 .values-grid{\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n #dm-about-v2 .value-card{\r\n\r\n padding:\r\n 17px 9px;\r\n }\r\n\r\n\r\n #dm-about-v2 .value-card h4{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n #dm-about-v2 .value-card p{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n #dm-about-v2 .dm-cta{\r\n\r\n padding:\r\n 27px 16px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-cta h3{\r\n\r\n font-size:22px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-cta p{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-cta-buttons{\r\n\r\n flex-direction:column;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-btn{\r\n\r\n width:100%;\r\n\r\n max-width:260px;\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 #dm-about-v2 *,\r\n #dm-about-v2 *::before,\r\n #dm-about-v2 *::after{\r\n\r\n animation:none !important;\r\n\r\n transition:none !important;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"dm-about-container\">\r\n\r\n\r\n \r\n\r\n <header class=\"dm-about-header\">\r\n\r\n <div class=\"dm-about-badge\">\r\n\r\n <svg\r\n class=\"badge-icon\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M3 21h18\"\/>\r\n <path d=\"M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16\"\/>\r\n <path d=\"M9 7h1\"\/>\r\n <path d=\"M14 7h1\"\/>\r\n <path d=\"M9 11h1\"\/>\r\n <path d=\"M14 11h1\"\/>\r\n <path d=\"M9 15h1\"\/>\r\n <path d=\"M14 15h1\"\/>\r\n <\/svg>\r\n\r\n About Our Institute\r\n\r\n <\/div>\r\n\r\n\r\n <h2 id=\"dm-about-title\">\r\n\r\n Empowering the Next Generation\r\n <span>of Digital Marketers<\/span>\r\n\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n We combine industry expertise, practical training,\r\n AI-powered tools and real-world projects to help learners\r\n build job-ready digital marketing skills and successful careers.\r\n\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"dm-about-story\">\r\n\r\n\r\n \r\n\r\n <div class=\"dm-about-image-area\">\r\n\r\n <div class=\"image-decoration\"><\/div>\r\n\r\n\r\n <div class=\"dm-main-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1200&q=85\"\r\n alt=\"Digital marketing students working together\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"image-floating-card card-left\">\r\n\r\n <div class=\"floating-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <div class=\"floating-card-number\">\r\n 12,000+\r\n <\/div>\r\n\r\n <div class=\"floating-card-label\">\r\n Students Trained\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"image-floating-card card-right\">\r\n\r\n <div class=\"floating-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <rect\r\n x=\"3\"\r\n y=\"4\"\r\n width=\"18\"\r\n height=\"13\"\r\n rx=\"2\"\r\n \/>\r\n <path d=\"M2 21h20\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <div class=\"floating-card-number\">\r\n 100% Practical\r\n <\/div>\r\n\r\n <div class=\"floating-card-label\">\r\n Learning Approach\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"dm-story-content\">\r\n\r\n\r\n <div class=\"story-label\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/>\r\n <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.16-6 11a22.35 22.35 0 0 1-4 2z\"\/>\r\n <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/>\r\n <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/>\r\n <\/svg>\r\n\r\n OUR STORY\r\n\r\n <\/div>\r\n\r\n\r\n <h3>\r\n\r\n Learn Skills.\r\n <span>Build Confidence.<\/span>\r\n Create Your Future.\r\n\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n We started with a simple belief \u2014 digital marketing\r\n cannot be mastered through theory alone. Learners need\r\n practical skills, real campaigns, modern tools and\r\n guidance from people who understand the industry.\r\n\r\n <\/p>\r\n\r\n\r\n <p>\r\n\r\n Our programs combine hands-on projects, AI-powered\r\n workflows, industry strategies and continuous mentorship\r\n to create a learning experience that goes beyond the\r\n traditional classroom.\r\n\r\n <\/p>\r\n\r\n\r\n <p>\r\n\r\n Whether you're starting your career, upgrading your\r\n skills or preparing to work with real clients, our focus\r\n remains the same: helping you become confident,\r\n capable and industry-ready.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"story-highlights\">\r\n\r\n\r\n <div class=\"story-highlight\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n <\/svg>\r\n\r\n <span>\r\n Live Projects\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"story-highlight\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n <\/svg>\r\n\r\n <span>\r\n AI Tools Training\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"story-highlight\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n <\/svg>\r\n\r\n <span>\r\n Industry Mentorship\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"story-highlight\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n <\/svg>\r\n\r\n <span>\r\n Career Guidance\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"dm-stats\">\r\n\r\n\r\n \r\n\r\n <div class=\"dm-stat\">\r\n\r\n <div class=\"stat-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat-number\">\r\n 12,000+\r\n <\/div>\r\n\r\n <div class=\"stat-label\">\r\n Students Trained\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dm-stat\">\r\n\r\n <div class=\"stat-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <rect\r\n x=\"3\"\r\n y=\"7\"\r\n width=\"18\"\r\n height=\"13\"\r\n rx=\"2\"\r\n \/>\r\n <path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/>\r\n <path d=\"M3 12h18\"\/>\r\n <path d=\"M10 12v2h4v-2\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat-number\">\r\n 94%\r\n <\/div>\r\n\r\n <div class=\"stat-label\">\r\n Placement Success\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dm-stat\">\r\n\r\n <div class=\"stat-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M3 21h18\"\/>\r\n <path d=\"M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16\"\/>\r\n <path d=\"M9 7h1\"\/>\r\n <path d=\"M14 7h1\"\/>\r\n <path d=\"M9 11h1\"\/>\r\n <path d=\"M14 11h1\"\/>\r\n <path d=\"M9 15h1\"\/>\r\n <path d=\"M14 15h1\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat-number\">\r\n 150+\r\n <\/div>\r\n\r\n <div class=\"stat-label\">\r\n Hiring Partners\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dm-stat\">\r\n\r\n <div class=\"stat-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"m12 2 2.9 5.88 6.49.94-4.7 4.58 1.11 6.47L12 16.82l-5.8 3.05 1.11-6.47-4.7-4.58 6.49-.94L12 2z\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat-number\">\r\n 4.9\/5\r\n <\/div>\r\n\r\n <div class=\"stat-label\">\r\n Student Rating\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <section class=\"mvv-section\">\r\n\r\n\r\n <h3 class=\"sub-heading\">\r\n\r\n What <span>Drives Us<\/span>\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"mvv-grid\">\r\n\r\n\r\n \r\n\r\n <article class=\"mvv-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Digital marketing team planning strategy\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"mvv-image-badge\">\r\n\r\n <span><\/span>\r\n\r\n Purpose Driven\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"mvv-content\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"1\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3>\r\n Our Mission\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n To make high-quality digital marketing education\r\n practical, accessible and focused on real career\r\n outcomes for every learner.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"mvv-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Modern digital marketing learning environment\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"mvv-image-badge\">\r\n\r\n <span><\/span>\r\n\r\n Future Focused\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"mvv-content\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3>\r\n Our Vision\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n To create a trusted learning ecosystem where\r\n aspiring marketers and professionals can grow,\r\n adapt and succeed in the AI-driven digital economy.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"mvv-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Students collaborating on digital marketing projects\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"mvv-image-badge\">\r\n\r\n <span><\/span>\r\n\r\n Learn By Doing\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"mvv-content\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M9 18h6\"\/>\r\n <path d=\"M10 22h4\"\/>\r\n <path d=\"M8.5 14.5A7 7 0 1 1 15.5 14.5c-.75.67-1.5 1.38-1.5 2.5h-4c0-1.12-.75-1.83-1.5-2.5z\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3>\r\n Our Approach\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n Learn by doing through live projects, practical\r\n campaigns, modern AI tools, industry strategies\r\n and continuous mentorship.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n \r\n\r\n <section class=\"values-section\">\r\n\r\n\r\n <h3 class=\"sub-heading\">\r\n\r\n What We <span>Stand For<\/span>\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"values-grid\">\r\n\r\n\r\n \r\n\r\n <article class=\"value-card\">\r\n\r\n <div class=\"value-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M20.8 8.6c0 5.4-8.8 10.4-8.8 10.4S3.2 14 3.2 8.6A4.6 4.6 0 0 1 12 6.1a4.6 4.6 0 0 1 8.8 2.5z\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h4>\r\n Student First\r\n <\/h4>\r\n\r\n\r\n <p>\r\n Learning and career outcomes come first.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"value-card\">\r\n\r\n <div class=\"value-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/>\r\n <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.16-6 11a22.35 22.35 0 0 1-4 2z\"\/>\r\n <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/>\r\n <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h4>\r\n Practical Learning\r\n <\/h4>\r\n\r\n\r\n <p>\r\n Skills built for real-world execution.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"value-card\">\r\n\r\n <div class=\"value-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n <path d=\"m9 12 2 2 4-4\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h4>\r\n Integrity\r\n <\/h4>\r\n\r\n\r\n <p>\r\n Honest guidance and transparent processes.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"value-card\">\r\n\r\n <div class=\"value-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M21 12a9 9 0 0 1-15.5 6.4L3 16\"\/>\r\n <path d=\"M3 21v-5h5\"\/>\r\n <path d=\"M3 12A9 9 0 0 1 18.5 5.6L21 8\"\/>\r\n <path d=\"M21 3v5h-5\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h4>\r\n Continuous Growth\r\n <\/h4>\r\n\r\n\r\n <p>\r\n Always evolving with AI and industry trends.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"dm-cta\">\r\n\r\n\r\n <div class=\"dm-cta-content\">\r\n\r\n\r\n <h3>\r\n\r\n Ready to Build Your\r\n <span>Digital Future?<\/span>\r\n\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n Explore our practical programs and take the next\r\n step toward becoming a confident, industry-ready\r\n digital marketer.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dm-cta-buttons\">\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"dm-btn dm-btn-primary\"\r\n >\r\n\r\n Explore Courses\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M5 12h14\"\/>\r\n <path d=\"m13 6 6 6-6 6\"\/>\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"#contact\"\r\n class=\"dm-btn dm-btn-secondary\"\r\n >\r\n\r\n Get in Touch\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <rect\r\n x=\"3\"\r\n y=\"5\"\r\n width=\"18\"\r\n height=\"14\"\r\n rx=\"2\"\r\n \/>\r\n\r\n <path d=\"m3 7 9 6 9-6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-13facb2 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"13facb2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0605df1\" data-id=\"0605df1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4860223 elementor-widget elementor-widget-html\" data-id=\"4860223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section id=\"itz-courses\" aria-labelledby=\"itz-courses-heading\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n STANDALONE RESET\r\n========================================================= *\/\r\n\r\n#itz-courses,\r\n#itz-courses *{\r\n box-sizing:border-box;\r\n}\r\n\r\n#itz-courses{\r\n --primary:#29437C;\r\n --primary-dark:#1D315F;\r\n --primary-soft:#EAF0FA;\r\n\r\n --accent:#FFB606;\r\n --accent-dark:#D89400;\r\n --accent-soft:#FFF4D6;\r\n\r\n --dark:#00001E;\r\n --text:#202844;\r\n --muted:#65708A;\r\n --white:#FFFFFF;\r\n\r\n --green:#16A34A;\r\n --border:rgba(41,67,124,.12);\r\n\r\n width:100%;\r\n position:relative;\r\n overflow:hidden;\r\n\r\n \/*\r\n IMPORTANT:\r\n Section background intentionally transparent.\r\n *\/\r\n background:transparent;\r\n\r\n padding:85px 20px 90px;\r\n\r\n font-family:\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Roboto,\r\n Arial,\r\n sans-serif;\r\n\r\n color:var(--dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n#itz-courses .courses-bg{\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n overflow:hidden;\r\n z-index:0;\r\n}\r\n\r\n#itz-courses .glow{\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(2px);\r\n opacity:.35;\r\n}\r\n\r\n#itz-courses .glow.one{\r\n width:320px;\r\n height:320px;\r\n left:-180px;\r\n top:100px;\r\n background:radial-gradient(\r\n circle,\r\n rgba(255,182,6,.15) 0%,\r\n rgba(255,182,6,.05) 45%,\r\n transparent 72%\r\n );\r\n}\r\n\r\n#itz-courses .glow.two{\r\n width:380px;\r\n height:380px;\r\n right:-200px;\r\n bottom:40px;\r\n background:radial-gradient(\r\n circle,\r\n rgba(41,67,124,.13) 0%,\r\n rgba(41,67,124,.04) 48%,\r\n transparent 72%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTENT WIDTH\r\n========================================================= *\/\r\n\r\n#itz-courses .courses-container{\r\n width:100%;\r\n max-width:1100px;\r\n margin:0 auto;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SECTION HEADER\r\n========================================================= *\/\r\n\r\n#itz-courses .courses-header{\r\n text-align:center;\r\n max-width:850px;\r\n margin:0 auto 48px;\r\n}\r\n\r\n#itz-courses .section-label{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n\r\n padding:8px 16px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,182,6,.12);\r\n border:1px solid rgba(255,182,6,.35);\r\n\r\n color:var(--primary);\r\n\r\n font-size:13px;\r\n line-height:1;\r\n font-weight:700;\r\n\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n\r\n margin-bottom:18px;\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(41,67,124,.06);\r\n}\r\n\r\n#itz-courses .section-label i{\r\n color:var(--accent);\r\n font-size:13px;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#itz-courses .courses-header h2{\r\n margin:0 0 15px;\r\n\r\n color:var(--primary);\r\n\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n\r\n font-size:48px;\r\n line-height:1.12;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-1.2px;\r\n}\r\n\r\n#itz-courses .courses-header h2 span{\r\n color:var(--accent);\r\n}\r\n\r\n#itz-courses .courses-header p{\r\n max-width:720px;\r\n margin:0 auto;\r\n\r\n color:var(--muted);\r\n\r\n font-size:16px;\r\n line-height:1.65;\r\n font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE GRID\r\n========================================================= *\/\r\n\r\n#itz-courses .courses-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:22px;\r\n\r\n align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE CARD\r\n========================================================= *\/\r\n\r\n#itz-courses .course-card{\r\n position:relative;\r\n\r\n display:flex;\r\n flex-direction:column;\r\n\r\n min-width:0;\r\n\r\n background:rgba(255,255,255,.94);\r\n\r\n border:1px solid rgba(41,67,124,.11);\r\n\r\n border-radius:20px;\r\n\r\n overflow:hidden;\r\n\r\n box-shadow:\r\n 0 12px 35px rgba(0,0,30,.08);\r\n\r\n transition:\r\n transform .4s cubic-bezier(.22,1,.36,1),\r\n box-shadow .4s ease,\r\n border-color .4s ease;\r\n\r\n isolation:isolate;\r\n}\r\n\r\n#itz-courses .course-card:hover{\r\n transform:translateY(-9px);\r\n\r\n border-color:rgba(255,182,6,.45);\r\n\r\n box-shadow:\r\n 0 22px 55px rgba(41,67,124,.16);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD IMAGE\r\n========================================================= *\/\r\n\r\n#itz-courses .course-image{\r\n position:relative;\r\n\r\n height:185px;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #29437C,\r\n #17284F\r\n );\r\n}\r\n\r\n#itz-courses .course-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 transition:\r\n transform .65s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#itz-courses .course-card:hover .course-image img{\r\n transform:scale(1.07);\r\n}\r\n\r\n\r\n\/* Image overlay *\/\r\n\r\n#itz-courses .course-image::after{\r\n content:\"\";\r\n\r\n position:absolute;\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n to top,\r\n rgba(0,0,30,.55),\r\n rgba(0,0,30,.02) 65%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE BADGE\r\n========================================================= *\/\r\n\r\n#itz-courses .image-badge{\r\n position:absolute;\r\n\r\n top:14px;\r\n left:14px;\r\n\r\n z-index:3;\r\n\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n\r\n padding:7px 11px;\r\n\r\n border-radius:30px;\r\n\r\n background:rgba(255,255,255,.94);\r\n\r\n color:var(--primary);\r\n\r\n font-size:11px;\r\n font-weight:800;\r\n\r\n letter-spacing:.03em;\r\n\r\n box-shadow:\r\n 0 7px 20px rgba(0,0,0,.12);\r\n}\r\n\r\n#itz-courses .image-badge i{\r\n color:var(--accent);\r\n}\r\n\r\n\r\n\/* Image number *\/\r\n\r\n#itz-courses .course-number{\r\n position:absolute;\r\n\r\n right:15px;\r\n bottom:14px;\r\n\r\n z-index:3;\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--accent);\r\n\r\n color:var(--dark);\r\n\r\n font-size:12px;\r\n font-weight:900;\r\n\r\n box-shadow:\r\n 0 8px 22px rgba(0,0,0,.2);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n========================================================= *\/\r\n\r\n#itz-courses .course-content{\r\n padding:21px 21px 20px;\r\n\r\n display:flex;\r\n flex-direction:column;\r\n\r\n flex:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BADGES\r\n========================================================= *\/\r\n\r\n#itz-courses .course-badges{\r\n display:flex;\r\n flex-wrap:wrap;\r\n\r\n gap:7px;\r\n\r\n margin-bottom:12px;\r\n}\r\n\r\n#itz-courses .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n\r\n min-height:24px;\r\n\r\n padding:5px 9px;\r\n\r\n border-radius:30px;\r\n\r\n font-size:10px;\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.04em;\r\n}\r\n\r\n#itz-courses .badge-popular{\r\n color:var(--primary);\r\n background:#E9EFF9;\r\n}\r\n\r\n#itz-courses .badge-ai{\r\n color:#147D71;\r\n background:#E1F7F2;\r\n}\r\n\r\n#itz-courses .badge-demand{\r\n color:#A85E00;\r\n background:#FFF0D5;\r\n}\r\n\r\n#itz-courses .badge-cert{\r\n color:#16803A;\r\n background:#EAF8EE;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE TITLE\r\n========================================================= *\/\r\n\r\n#itz-courses .course-title{\r\n margin:0 0 9px;\r\n\r\n color:var(--dark);\r\n\r\n font-size:20px;\r\n line-height:1.28;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-.35px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE DESCRIPTION\r\n========================================================= *\/\r\n\r\n#itz-courses .course-description{\r\n margin:0 0 17px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:13px;\r\n line-height:1.6;\r\n\r\n font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n META INFORMATION\r\n========================================================= *\/\r\n\r\n#itz-courses .course-meta{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:8px;\r\n\r\n padding:12px;\r\n\r\n margin-bottom:17px;\r\n\r\n background:#F7F9FC;\r\n\r\n border:1px solid rgba(41,67,124,.07);\r\n\r\n border-radius:13px;\r\n}\r\n\r\n#itz-courses .meta-item{\r\n display:flex;\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n min-width:0;\r\n\r\n color:#5B6478;\r\n\r\n font-size:11px;\r\n line-height:1.35;\r\n}\r\n\r\n#itz-courses .meta-item i{\r\n flex:0 0 17px;\r\n\r\n width:17px;\r\n\r\n text-align:center;\r\n\r\n color:var(--primary);\r\n\r\n font-size:12px;\r\n}\r\n\r\n#itz-courses .meta-item strong{\r\n color:var(--dark);\r\n font-weight:750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CURRICULUM\r\n========================================================= *\/\r\n\r\n#itz-courses .curriculum{\r\n margin-bottom:18px;\r\n}\r\n\r\n#itz-courses .curriculum-heading{\r\n display:flex;\r\n align-items:center;\r\n gap:7px;\r\n\r\n margin-bottom:10px;\r\n\r\n color:var(--primary);\r\n\r\n font-size:11px;\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n#itz-courses .curriculum-heading::after{\r\n content:\"\";\r\n\r\n height:1px;\r\n\r\n flex:1;\r\n\r\n background:rgba(41,67,124,.10);\r\n}\r\n\r\n#itz-courses .curriculum-list{\r\n list-style:none;\r\n\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\n#itz-courses .curriculum-list li{\r\n display:flex;\r\n align-items:flex-start;\r\n\r\n gap:8px;\r\n\r\n margin-bottom:8px;\r\n\r\n color:#3D4558;\r\n\r\n font-size:12px;\r\n line-height:1.4;\r\n}\r\n\r\n#itz-courses .curriculum-list li i{\r\n flex:0 0 15px;\r\n\r\n width:15px;\r\n\r\n height:15px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-top:1px;\r\n\r\n border-radius:50%;\r\n\r\n background:#EAF8EE;\r\n\r\n color:var(--green);\r\n\r\n font-size:8px;\r\n}\r\n\r\n#itz-courses .curriculum-list li.more{\r\n color:var(--primary);\r\n\r\n font-weight:700;\r\n\r\n margin-top:3px;\r\n}\r\n\r\n#itz-courses .curriculum-list li.more i{\r\n background:var(--accent-soft);\r\n color:var(--accent-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD FOOTER\r\n========================================================= *\/\r\n\r\n#itz-courses .course-footer{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n\r\n gap:10px;\r\n\r\n margin-top:auto;\r\n\r\n padding-top:15px;\r\n\r\n border-top:1px solid rgba(41,67,124,.09);\r\n}\r\n\r\n#itz-courses .enrolled{\r\n display:flex;\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n color:#687187;\r\n\r\n font-size:10px;\r\n line-height:1.3;\r\n\r\n white-space:nowrap;\r\n}\r\n\r\n#itz-courses .enrolled i{\r\n color:var(--primary);\r\n font-size:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE BUTTON\r\n========================================================= *\/\r\n\r\n#itz-courses .course-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n gap:7px;\r\n\r\n min-height:36px;\r\n\r\n padding:9px 13px;\r\n\r\n border-radius:30px;\r\n\r\n background:var(--accent);\r\n\r\n color:var(--dark) !important;\r\n\r\n font-size:11px;\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n text-decoration:none !important;\r\n\r\n box-shadow:\r\n 0 6px 16px rgba(255,182,6,.25);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n#itz-courses .course-btn:hover,\r\n#itz-courses .course-btn:focus{\r\n background:var(--accent) !important;\r\n color:var(--dark) !important;\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 10px 22px rgba(255,182,6,.35);\r\n}\r\n\r\n#itz-courses .course-btn i{\r\n font-size:9px;\r\n\r\n transition:transform .25s ease;\r\n}\r\n\r\n#itz-courses .course-btn:hover i{\r\n transform:translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM FEATURE STRIP\r\n========================================================= *\/\r\n\r\n#itz-courses .course-features{\r\n display:flex;\r\n flex-wrap:wrap;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n gap:10px;\r\n\r\n margin-top:34px;\r\n}\r\n\r\n#itz-courses .feature-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n padding:9px 14px;\r\n\r\n border-radius:40px;\r\n\r\n background:rgba(255,255,255,.70);\r\n\r\n border:1px solid rgba(41,67,124,.11);\r\n\r\n color:var(--primary);\r\n\r\n font-size:11px;\r\n line-height:1;\r\n\r\n font-weight:700;\r\n\r\n box-shadow:\r\n 0 5px 16px rgba(0,0,30,.04);\r\n\r\n transition:\r\n transform .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n#itz-courses .feature-pill i{\r\n color:var(--accent);\r\n font-size:11px;\r\n}\r\n\r\n#itz-courses .feature-pill:hover{\r\n transform:translateY(-3px);\r\n\r\n background:rgba(255,255,255,.95);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM CTA\r\n========================================================= *\/\r\n\r\n#itz-courses .courses-cta{\r\n text-align:center;\r\n\r\n margin-top:35px;\r\n}\r\n\r\n#itz-courses .courses-cta p{\r\n margin:0 0 17px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:13px;\r\n line-height:1.5;\r\n}\r\n\r\n#itz-courses .cta-buttons{\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:10px;\r\n}\r\n\r\n#itz-courses .main-cta,\r\n#itz-courses .secondary-cta{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n gap:8px;\r\n\r\n min-height:43px;\r\n\r\n padding:12px 20px;\r\n\r\n border-radius:40px;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:11px;\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n#itz-courses .main-cta{\r\n background:var(--accent);\r\n color:var(--dark) !important;\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(255,182,6,.25);\r\n}\r\n\r\n#itz-courses .main-cta:hover{\r\n background:var(--accent) !important;\r\n color:var(--dark) !important;\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(255,182,6,.35);\r\n}\r\n\r\n#itz-courses .secondary-cta{\r\n background:var(--primary);\r\n color:#FFFFFF !important;\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(41,67,124,.20);\r\n}\r\n\r\n#itz-courses .secondary-cta:hover{\r\n background:var(--primary) !important;\r\n color:#FFFFFF !important;\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(41,67,124,.28);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes itzCourseFadeUp{\r\n\r\n 0%{\r\n opacity:0;\r\n transform:translateY(25px);\r\n }\r\n\r\n 100%{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n#itz-courses .courses-header{\r\n animation:\r\n itzCourseFadeUp .7s ease both;\r\n}\r\n\r\n#itz-courses .course-card:nth-child(1){\r\n animation:\r\n itzCourseFadeUp .7s .12s ease both;\r\n}\r\n\r\n#itz-courses .course-card:nth-child(2){\r\n animation:\r\n itzCourseFadeUp .7s .22s ease both;\r\n}\r\n\r\n#itz-courses .course-card:nth-child(3){\r\n animation:\r\n itzCourseFadeUp .7s .32s ease both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:980px){\r\n\r\n #itz-courses{\r\n padding:75px 20px 80px;\r\n }\r\n\r\n #itz-courses .courses-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n #itz-courses .course-card:nth-child(3){\r\n grid-column:1 \/ -1;\r\n\r\n max-width:520px;\r\n\r\n width:100%;\r\n\r\n margin:0 auto;\r\n }\r\n\r\n #itz-courses .courses-header h2{\r\n font-size:42px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:680px){\r\n\r\n #itz-courses{\r\n padding:65px 15px 70px;\r\n }\r\n\r\n #itz-courses .courses-header{\r\n margin-bottom:35px;\r\n }\r\n\r\n #itz-courses .section-label{\r\n font-size:11px;\r\n\r\n padding:8px 13px;\r\n\r\n margin-bottom:15px;\r\n }\r\n\r\n #itz-courses .courses-header h2{\r\n font-size:34px;\r\n\r\n line-height:1.16;\r\n\r\n letter-spacing:-.7px;\r\n }\r\n\r\n #itz-courses .courses-header p{\r\n font-size:14px;\r\n line-height:1.6;\r\n }\r\n\r\n #itz-courses .courses-grid{\r\n grid-template-columns:1fr;\r\n\r\n max-width:430px;\r\n\r\n margin:0 auto;\r\n }\r\n\r\n #itz-courses .course-card:nth-child(3){\r\n grid-column:auto;\r\n max-width:none;\r\n }\r\n\r\n #itz-courses .course-image{\r\n height:190px;\r\n }\r\n\r\n #itz-courses .course-title{\r\n font-size:19px;\r\n }\r\n\r\n #itz-courses .course-description{\r\n font-size:13px;\r\n }\r\n\r\n #itz-courses .course-footer{\r\n align-items:center;\r\n }\r\n\r\n #itz-courses .course-features{\r\n margin-top:28px;\r\n }\r\n\r\n #itz-courses .feature-pill{\r\n font-size:10px;\r\n }\r\n\r\n #itz-courses .courses-cta{\r\n margin-top:28px;\r\n }\r\n\r\n #itz-courses .cta-buttons{\r\n flex-direction:column;\r\n\r\n width:100%;\r\n }\r\n\r\n #itz-courses .main-cta,\r\n #itz-courses .secondary-cta{\r\n width:100%;\r\n max-width:280px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:400px){\r\n\r\n #itz-courses{\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n #itz-courses .courses-header h2{\r\n font-size:30px;\r\n }\r\n\r\n #itz-courses .course-content{\r\n padding:18px;\r\n }\r\n\r\n #itz-courses .course-image{\r\n height:175px;\r\n }\r\n\r\n #itz-courses .course-meta{\r\n gap:7px;\r\n padding:10px;\r\n }\r\n\r\n #itz-courses .meta-item{\r\n font-size:10px;\r\n }\r\n\r\n #itz-courses .enrolled{\r\n font-size:9px;\r\n }\r\n\r\n #itz-courses .course-btn{\r\n padding:9px 11px;\r\n font-size:10px;\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 #itz-courses *,\r\n #itz-courses *::before,\r\n #itz-courses *::after{\r\n animation:none !important;\r\n transition:none !important;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"courses-bg\" aria-hidden=\"true\">\r\n\r\n <div class=\"glow one\"><\/div>\r\n <div class=\"glow two\"><\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"courses-container\">\r\n\r\n\r\n \r\n\r\n <header class=\"courses-header\">\r\n\r\n <div class=\"section-label\">\r\n\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n\r\n Our Courses\r\n\r\n <\/div>\r\n\r\n\r\n <h2 id=\"itz-courses-heading\">\r\n\r\n Learn. Practice.\r\n <span>Get Hired.<\/span>\r\n\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Industry-focused digital marketing programs designed\r\n with live projects, AI tools, practical training,\r\n mentorship and career support.\r\n\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"courses-grid\">\r\n\r\n\r\n \r\n\r\n <article class=\"course-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"course-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1557838923-2985c318be48?auto=format&fit=crop&w=1000&q=85\"\r\n alt=\"Digital marketing strategy and analytics\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"image-badge\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n Most Popular\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"course-number\">\r\n 01\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-content\">\r\n\r\n\r\n <div class=\"course-badges\">\r\n\r\n <span class=\"badge badge-popular\">\r\n MOST POPULAR\r\n <\/span>\r\n\r\n <span class=\"badge badge-cert\">\r\n CERTIFICATE\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"course-title\">\r\n\r\n Professional Digital Marketing\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"course-description\">\r\n\r\n Complete end-to-end digital marketing\r\n training covering SEO, Google Ads, Meta Ads,\r\n analytics, content marketing and AI tools.\r\n\r\n <\/p>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-meta\">\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n\r\n <span>\r\n <strong>6<\/strong> Months\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n\r\n <span>\r\n <strong>48<\/strong> Modules\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-signal\"><\/i>\r\n\r\n <span>\r\n Beginner \u2192 Advanced\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n <span>\r\n Online + Offline\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"curriculum\">\r\n\r\n <div class=\"curriculum-heading\">\r\n\r\n What You'll Learn\r\n\r\n <\/div>\r\n\r\n\r\n <ul class=\"curriculum-list\">\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n SEO, Google Ads & Meta Ads\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n AI Tools & Marketing Automation\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n 8+ Live Client Projects\r\n\r\n <\/li>\r\n\r\n\r\n <li class=\"more\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n View full curriculum\r\n\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-footer\">\r\n\r\n <div class=\"enrolled\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 3,200+ enrolled\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"course-btn\"\r\n >\r\n\r\n View Course\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"course-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"course-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=1000&q=85\"\r\n alt=\"Artificial intelligence and digital marketing\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"image-badge\">\r\n\r\n <i class=\"fa-solid fa-robot\"><\/i>\r\n\r\n AI Focused\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"course-number\">\r\n 02\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-content\">\r\n\r\n\r\n <div class=\"course-badges\">\r\n\r\n <span class=\"badge badge-ai\">\r\n AI FOCUSED\r\n <\/span>\r\n\r\n <span class=\"badge badge-cert\">\r\n CERTIFICATE\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"course-title\">\r\n\r\n AI-Powered Digital Marketing\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"course-description\">\r\n\r\n Learn how modern marketers use Generative AI,\r\n prompt engineering, content systems and\r\n automation to increase productivity.\r\n\r\n <\/p>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-meta\">\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n\r\n <span>\r\n <strong>4<\/strong> Months\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n\r\n <span>\r\n <strong>32<\/strong> Modules\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-signal\"><\/i>\r\n\r\n <span>\r\n Intermediate\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n <span>\r\n Fully Online\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"curriculum\">\r\n\r\n <div class=\"curriculum-heading\">\r\n\r\n What You'll Learn\r\n\r\n <\/div>\r\n\r\n\r\n <ul class=\"curriculum-list\">\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Generative AI for Marketing\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Prompt Engineering\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Marketing Automation\r\n\r\n <\/li>\r\n\r\n\r\n <li class=\"more\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n View full curriculum\r\n\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-footer\">\r\n\r\n <div class=\"enrolled\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 1,850+ enrolled\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"course-btn\"\r\n >\r\n\r\n View Course\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"course-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"course-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1000&q=85\"\r\n alt=\"Performance marketing analytics dashboard\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"image-badge\">\r\n\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n\r\n High Demand\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"course-number\">\r\n 03\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-content\">\r\n\r\n\r\n <div class=\"course-badges\">\r\n\r\n <span class=\"badge badge-demand\">\r\n HIGH DEMAND\r\n <\/span>\r\n\r\n <span class=\"badge badge-cert\">\r\n CERTIFICATE\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"course-title\">\r\n\r\n Performance Marketing Mastery\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"course-description\">\r\n\r\n Master paid advertising, media buying,\r\n funnel building, campaign optimization and\r\n conversion rate optimization.\r\n\r\n <\/p>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-meta\">\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n\r\n <span>\r\n <strong>5<\/strong> Months\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n\r\n <span>\r\n <strong>40<\/strong> Modules\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-signal\"><\/i>\r\n\r\n <span>\r\n Intermediate \u2192 Advanced\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n <span>\r\n Online + Offline\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"curriculum\">\r\n\r\n <div class=\"curriculum-heading\">\r\n\r\n What You'll Learn\r\n\r\n <\/div>\r\n\r\n\r\n <ul class=\"curriculum-list\">\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Advanced Google & Meta Ads\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Funnel Building & CRO\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Live Budget Campaigns\r\n\r\n <\/li>\r\n\r\n\r\n <li class=\"more\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n View full curriculum\r\n\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-footer\">\r\n\r\n <div class=\"enrolled\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 2,100+ enrolled\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"course-btn\"\r\n >\r\n\r\n View Course\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-features\">\r\n\r\n\r\n <div class=\"feature-pill\">\r\n\r\n <i class=\"fa-solid fa-chalkboard-user\"><\/i>\r\n\r\n Live Mentorship\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"feature-pill\">\r\n\r\n <i class=\"fa-solid fa-briefcase\"><\/i>\r\n\r\n Live Projects\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"feature-pill\">\r\n\r\n <i class=\"fa-solid fa-robot\"><\/i>\r\n\r\n AI Tools Training\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"feature-pill\">\r\n\r\n <i class=\"fa-solid fa-certificate\"><\/i>\r\n\r\n Industry Certificate\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"feature-pill\">\r\n\r\n <i class=\"fa-solid fa-user-tie\"><\/i>\r\n\r\n Career Support\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"courses-cta\">\r\n\r\n <p>\r\n\r\n Not sure which course is right for you?\r\n Get free career guidance from our counselors.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"cta-buttons\">\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"main-cta\"\r\n >\r\n\r\n Explore All Courses\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n\r\n <a\r\n href=\"#counselor\"\r\n class=\"secondary-cta\"\r\n >\r\n\r\n Talk to Counselor\r\n\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-14e9310 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"14e9310\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-04a4f55\" data-id=\"04a4f55\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a837ec elementor-widget elementor-widget-html\" data-id=\"3a837ec\" 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>Tools & Platforms We Work With<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n DMI TOOLS SECTION\r\n PREMIUM \u2022 READABLE \u2022 STANDALONE \u2022 RESPONSIVE\r\n========================================================= *\/\r\n\r\n.dmi-tools-section,\r\n.dmi-tools-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-tools-section{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-soft:#3158B7;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n\r\n --text:#172A55;\r\n --muted:#66738A;\r\n\r\n --line:rgba(26,58,143,.12);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n color:var(--text);\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-tools-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-tools-header{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 390px;\r\n\r\n align-items:end;\r\n\r\n gap:55px;\r\n\r\n padding-bottom:28px;\r\n\r\n margin-bottom:26px;\r\n}\r\n\r\n\r\n.dmi-tools-header::after{\r\n\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:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-tools-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:90px;\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-tools-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:13px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.6px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-tools-eyebrow i{\r\n\r\n width:30px;\r\n height:2px;\r\n\r\n display:block;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n.dmi-tools-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:42px !important;\r\n\r\n line-height:1.12 !important;\r\n\r\n letter-spacing:-1.5px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-tools-heading span{\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n\r\n.dmi-tools-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:2px;\r\n right:2px;\r\n bottom:-7px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-15deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-tools-intro{\r\n\r\n width:100%;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n\r\n letter-spacing:.05px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HIGHLIGHT PANEL\r\n========================================================= *\/\r\n\r\n.dmi-tools-highlight{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr auto;\r\n\r\n align-items:center;\r\n\r\n gap:25px;\r\n\r\n padding:20px 22px;\r\n\r\n margin-bottom:23px;\r\n\r\n border:1px solid rgba(26,58,143,.13);\r\n\r\n border-radius:18px;\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n rgba(26,58,143,.045),\r\n rgba(253,185,19,.075)\r\n );\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.dmi-tools-highlight::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:180px;\r\n height:180px;\r\n\r\n right:-70px;\r\n top:-100px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.10);\r\n\r\n filter:blur(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HIGHLIGHT LEFT\r\n========================================================= *\/\r\n\r\n.dmi-highlight-left{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:14px;\r\n}\r\n\r\n\r\n.dmi-highlight-icon{\r\n\r\n width:44px;\r\n height:44px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:12px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.11),\r\n rgba(253,185,19,.16)\r\n );\r\n\r\n border:1px solid rgba(26,58,143,.08);\r\n\r\n color:var(--blue);\r\n\r\n font-size:19px;\r\n\r\n box-shadow:\r\n 0 7px 18px rgba(26,58,143,.06);\r\n}\r\n\r\n\r\n.dmi-highlight-title{\r\n\r\n margin:0 0 5px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-highlight-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.55 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PLATFORM COUNT\r\n========================================================= *\/\r\n\r\n.dmi-tools-count{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n padding:11px 15px;\r\n\r\n border-radius:50px;\r\n\r\n background:#fff;\r\n\r\n border:1px solid rgba(253,185,19,.28);\r\n\r\n color:#745600;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:.65px;\r\n\r\n text-transform:uppercase;\r\n\r\n white-space:nowrap;\r\n\r\n box-shadow:\r\n 0 7px 20px rgba(20,45,100,.05);\r\n}\r\n\r\n\r\n.dmi-tools-count::before{\r\n\r\n content:\"\";\r\n\r\n width:7px;\r\n height:7px;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(253,185,19,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SHOWCASE HEADING\r\n========================================================= *\/\r\n\r\n.dmi-tools-showcase-heading{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:center;\r\n\r\n gap:15px;\r\n\r\n margin:0 0 14px !important;\r\n}\r\n\r\n\r\n.dmi-showcase-title{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-showcase-title::before{\r\n\r\n content:\"\";\r\n\r\n width:4px;\r\n height:20px;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n.dmi-showcase-note{\r\n\r\n color:var(--muted);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.4;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SLIDER VIEWPORT\r\n========================================================= *\/\r\n\r\n.dmi-tools-slider{\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n\r\n overflow:hidden;\r\n\r\n padding:5px 0 8px;\r\n\r\n mask-image:\r\n linear-gradient(\r\n 90deg,\r\n transparent 0,\r\n #000 5%,\r\n #000 95%,\r\n transparent 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROW\r\n========================================================= *\/\r\n\r\n.dmi-tools-row{\r\n\r\n display:flex;\r\n\r\n width:max-content;\r\n\r\n gap:12px;\r\n\r\n margin-bottom:12px;\r\n\r\n will-change:transform;\r\n}\r\n\r\n\r\n.dmi-tools-row-one{\r\n\r\n animation:\r\n dmiToolsMoveRTL 34s linear infinite;\r\n}\r\n\r\n\r\n.dmi-tools-row-two{\r\n\r\n animation:\r\n dmiToolsMoveLTR 37s linear infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOOL CARD\r\n========================================================= *\/\r\n\r\n.dmi-tool-card{\r\n\r\n position:relative;\r\n\r\n width:190px;\r\n height:94px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:13px;\r\n\r\n padding:14px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:17px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.70),\r\n rgba(255,255,255,.35)\r\n );\r\n\r\n box-shadow:\r\n 0 7px 22px rgba(20,45,100,.035);\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.dmi-tool-card::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:55px;\r\n height:55px;\r\n\r\n right:-20px;\r\n top:-20px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.07);\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-tool-card:hover{\r\n\r\n transform:translateY(-5px);\r\n\r\n border-color:rgba(26,58,143,.25);\r\n\r\n box-shadow:\r\n 0 17px 35px rgba(20,45,100,.10);\r\n}\r\n\r\n\r\n.dmi-tool-card:hover::after{\r\n\r\n transform:scale(1.4);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOOL LOGO\r\n========================================================= *\/\r\n\r\n.dmi-tool-logo{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n width:50px;\r\n height:50px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:13px;\r\n\r\n background:#fff;\r\n\r\n border:1px solid rgba(26,58,143,.08);\r\n\r\n box-shadow:\r\n 0 6px 16px rgba(20,45,100,.07);\r\n}\r\n\r\n\r\n.dmi-tool-logo img{\r\n\r\n width:31px;\r\n height:31px;\r\n\r\n display:block;\r\n\r\n object-fit:contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOOL CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-tool-content{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n min-width:0;\r\n}\r\n\r\n\r\n.dmi-tool-name{\r\n\r\n margin:0 0 5px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n white-space:nowrap;\r\n\r\n overflow:hidden;\r\n\r\n text-overflow:ellipsis;\r\n}\r\n\r\n\r\n.dmi-tool-type{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.4 !important;\r\n\r\n font-weight:700 !important;\r\n\r\n letter-spacing:.35px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CATEGORY GRID\r\n========================================================= *\/\r\n\r\n.dmi-tools-categories{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(4,1fr);\r\n\r\n gap:11px;\r\n\r\n margin-top:18px;\r\n}\r\n\r\n\r\n.dmi-tools-category{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n min-height:76px;\r\n\r\n padding:13px 14px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:15px;\r\n\r\n background:rgba(255,255,255,.25);\r\n\r\n overflow:hidden;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-tools-category:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n border-color:rgba(26,58,143,.20);\r\n\r\n box-shadow:\r\n 0 12px 27px rgba(20,45,100,.07);\r\n}\r\n\r\n\r\n.dmi-category-symbol{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:10px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.09),\r\n rgba(253,185,19,.13)\r\n );\r\n\r\n color:var(--blue);\r\n\r\n font-size:15px;\r\n}\r\n\r\n\r\n.dmi-category-info{\r\n\r\n min-width:0;\r\n}\r\n\r\n\r\n.dmi-category-info strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:var(--blue-dark);\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.dmi-category-info span{\r\n\r\n display:block;\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.4;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-tools-cta{\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:space-between;\r\n\r\n gap:25px;\r\n\r\n margin-top:18px;\r\n\r\n padding:22px 23px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid rgba(26,58,143,.12);\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n rgba(26,58,143,.055),\r\n rgba(253,185,19,.09)\r\n );\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.dmi-tools-cta::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:140px;\r\n height:140px;\r\n\r\n right:-50px;\r\n bottom:-80px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.12);\r\n}\r\n\r\n\r\n.dmi-tools-cta-content{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n.dmi-tools-cta-title{\r\n\r\n margin:0 0 6px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-tools-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.6 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-tools-button{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n flex-shrink:0;\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 gap:8px;\r\n\r\n padding:13px 20px;\r\n\r\n min-width:150px;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n box-shadow:\r\n 0 8px 18px rgba(26,58,143,.16);\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-tools-button:hover{\r\n\r\n background:var(--blue-dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(26,58,143,.22);\r\n\r\n color:#fff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes dmiToolsMoveRTL{\r\n\r\n 0%{\r\n transform:translateX(0);\r\n }\r\n\r\n 100%{\r\n transform:translateX(-50%);\r\n }\r\n}\r\n\r\n\r\n@keyframes dmiToolsMoveLTR{\r\n\r\n 0%{\r\n transform:translateX(-50%);\r\n }\r\n\r\n 100%{\r\n transform:translateX(0);\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-tools-wrap{\r\n\r\n padding:65px 0 !important;\r\n }\r\n\r\n\r\n .dmi-tools-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:17px;\r\n\r\n align-items:start;\r\n }\r\n\r\n\r\n .dmi-tools-intro{\r\n\r\n max-width:700px;\r\n }\r\n\r\n\r\n .dmi-tools-categories{\r\n\r\n grid-template-columns:repeat(2,1fr);\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 .dmi-tools-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:600px !important;\r\n\r\n padding:50px 0 !important;\r\n }\r\n\r\n\r\n .dmi-tools-header{\r\n\r\n text-align:center;\r\n\r\n align-items:center;\r\n\r\n gap:16px;\r\n\r\n padding-bottom:23px;\r\n }\r\n\r\n\r\n .dmi-tools-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:70px;\r\n }\r\n\r\n\r\n .dmi-tools-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:11px !important;\r\n\r\n letter-spacing:1.4px !important;\r\n }\r\n\r\n\r\n .dmi-tools-heading{\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.15 !important;\r\n\r\n letter-spacing:-1px !important;\r\n }\r\n\r\n\r\n .dmi-tools-intro{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* HIGHLIGHT *\/\r\n\r\n .dmi-tools-highlight{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:14px;\r\n\r\n padding:17px;\r\n }\r\n\r\n\r\n .dmi-highlight-icon{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n font-size:18px;\r\n }\r\n\r\n\r\n .dmi-highlight-title{\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.35 !important;\r\n }\r\n\r\n\r\n .dmi-highlight-text{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-tools-count{\r\n\r\n justify-self:start;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n \/* SHOWCASE *\/\r\n\r\n .dmi-tools-showcase-heading{\r\n\r\n align-items:flex-start;\r\n\r\n flex-direction:column;\r\n\r\n gap:7px;\r\n }\r\n\r\n\r\n .dmi-showcase-title{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-showcase-note{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n \/* TOOL CARDS *\/\r\n\r\n .dmi-tool-card{\r\n\r\n width:180px;\r\n\r\n height:90px;\r\n\r\n padding:12px;\r\n }\r\n\r\n\r\n .dmi-tool-logo{\r\n\r\n width:45px;\r\n height:45px;\r\n }\r\n\r\n\r\n .dmi-tool-logo img{\r\n\r\n width:28px;\r\n height:28px;\r\n }\r\n\r\n\r\n .dmi-tool-name{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-tool-type{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n \/* CATEGORIES *\/\r\n\r\n .dmi-tools-categories{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n\r\n margin-top:16px;\r\n }\r\n\r\n\r\n .dmi-tools-category{\r\n\r\n min-height:72px;\r\n\r\n padding:11px;\r\n }\r\n\r\n\r\n .dmi-category-symbol{\r\n\r\n width:33px;\r\n height:33px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .dmi-category-info strong{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .dmi-category-info span{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n .dmi-tools-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:15px;\r\n\r\n padding:19px;\r\n }\r\n\r\n\r\n .dmi-tools-cta-title{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-tools-cta-text{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-tools-button{\r\n\r\n width:100%;\r\n\r\n min-width:0;\r\n\r\n padding:13px 16px;\r\n\r\n font-size:11px !important;\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 .dmi-tools-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n }\r\n\r\n\r\n .dmi-tools-heading{\r\n\r\n font-size:29px !important;\r\n }\r\n\r\n\r\n .dmi-tools-intro{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n .dmi-tools-categories{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-tool-card{\r\n\r\n width:170px;\r\n\r\n height:87px;\r\n }\r\n\r\n\r\n .dmi-tool-logo{\r\n\r\n width:43px;\r\n height:43px;\r\n }\r\n\r\n\r\n .dmi-tool-name{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n\r\n .dmi-tool-type{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-tools-heading{\r\n\r\n font-size:27px !important;\r\n }\r\n\r\n\r\n .dmi-tools-intro{\r\n\r\n font-size:11.5px !important;\r\n }\r\n\r\n\r\n .dmi-tool-card{\r\n\r\n width:160px;\r\n\r\n height:84px;\r\n }\r\n\r\n\r\n .dmi-tools-highlight{\r\n\r\n padding:14px;\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<section class=\"dmi-tools-section\">\r\n\r\n<div class=\"dmi-tools-wrap\">\r\n\r\n\r\n\r\n\r\n<header class=\"dmi-tools-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-tools-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Industry Ready Training\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-tools-heading\">\r\n\r\n Tools & Platforms\r\n\r\n <span>We Work With<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-tools-intro\">\r\n\r\n Learn with the same platforms used by modern\r\n digital marketing teams. Build practical\r\n experience across advertising, SEO, analytics,\r\n content, automation and AI-powered workflows.\r\n\r\n <\/p>\r\n\r\n<\/header>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-highlight\">\r\n\r\n\r\n <div class=\"dmi-highlight-left\">\r\n\r\n <div class=\"dmi-highlight-icon\">\r\n\r\n \u2726\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-highlight-title\">\r\n\r\n Learn Through Real Industry Platforms\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-highlight-text\">\r\n\r\n Practice with tools used for campaigns,\r\n analytics, SEO, social media, design,\r\n automation and AI.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tools-count\">\r\n\r\n 18+ Platforms\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-showcase-heading\">\r\n\r\n <h3 class=\"dmi-showcase-title\">\r\n\r\n Explore The Tools\r\n\r\n <\/h3>\r\n\r\n\r\n <span class=\"dmi-showcase-note\">\r\n\r\n Learn \u2022 Practice \u2022 Create \u2022 Analyse\r\n\r\n <\/span>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-slider\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-row dmi-tools-row-one\">\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/googleads\"\r\n alt=\"Google Ads\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Google Ads\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Paid Advertising\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/meta\"\r\n alt=\"Meta Ads\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Meta Ads\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Social Advertising\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/googleanalytics\"\r\n alt=\"Google Analytics\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Analytics\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Data & Tracking\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/googlesearchconsole\"\r\n alt=\"Google Search Console\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Search Console\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n SEO\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/semrush\"\r\n alt=\"Semrush\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Semrush\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n SEO Research\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/canva\"\r\n alt=\"Canva\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Canva\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Design\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/wordpress\"\r\n alt=\"WordPress\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n WordPress\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Web Platform\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/mailchimp\"\r\n alt=\"Mailchimp\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Mailchimp\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Email Marketing\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googleads\" alt=\"Google Ads\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Google Ads<\/h3>\r\n <p class=\"dmi-tool-type\">Paid Advertising<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/meta\" alt=\"Meta Ads\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Meta Ads<\/h3>\r\n <p class=\"dmi-tool-type\">Social Advertising<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googleanalytics\" alt=\"Google Analytics\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Analytics<\/h3>\r\n <p class=\"dmi-tool-type\">Data & Tracking<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlesearchconsole\" alt=\"Search Console\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Search Console<\/h3>\r\n <p class=\"dmi-tool-type\">SEO<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/semrush\" alt=\"Semrush\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Semrush<\/h3>\r\n <p class=\"dmi-tool-type\">SEO Research<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/canva\" alt=\"Canva\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Canva<\/h3>\r\n <p class=\"dmi-tool-type\">Design<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/wordpress\" alt=\"WordPress\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">WordPress<\/h3>\r\n <p class=\"dmi-tool-type\">Web Platform<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/mailchimp\" alt=\"Mailchimp\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Mailchimp<\/h3>\r\n <p class=\"dmi-tool-type\">Email Marketing<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-row dmi-tools-row-two\">\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hubspot\" alt=\"HubSpot\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">HubSpot<\/h3>\r\n <p class=\"dmi-tool-type\">CRM & Marketing<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hootsuite\" alt=\"Hootsuite\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Hootsuite<\/h3>\r\n <p class=\"dmi-tool-type\">Social Media<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/buffer\" alt=\"Buffer\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Buffer<\/h3>\r\n <p class=\"dmi-tool-type\">Social Media<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/ahrefs\" alt=\"Ahrefs\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Ahrefs<\/h3>\r\n <p class=\"dmi-tool-type\">SEO Research<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/shopify\" alt=\"Shopify\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Shopify<\/h3>\r\n <p class=\"dmi-tool-type\">E-Commerce<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/openai\" alt=\"AI Tools\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">AI Tools<\/h3>\r\n <p class=\"dmi-tool-type\">Generative AI<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googletagmanager\" alt=\"Google Tag Manager\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Tag Manager<\/h3>\r\n <p class=\"dmi-tool-type\">Tracking<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/google\" alt=\"Google Business\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Google Business<\/h3>\r\n <p class=\"dmi-tool-type\">Local Marketing<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hubspot\" alt=\"HubSpot\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">HubSpot<\/h3>\r\n <p class=\"dmi-tool-type\">CRM & Marketing<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hootsuite\" alt=\"Hootsuite\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Hootsuite<\/h3>\r\n <p class=\"dmi-tool-type\">Social Media<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/buffer\" alt=\"Buffer\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Buffer<\/h3>\r\n <p class=\"dmi-tool-type\">Social Media<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/ahrefs\" alt=\"Ahrefs\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Ahrefs<\/h3>\r\n <p class=\"dmi-tool-type\">SEO Research<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/shopify\" alt=\"Shopify\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Shopify<\/h3>\r\n <p class=\"dmi-tool-type\">E-Commerce<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/openai\" alt=\"AI Tools\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">AI Tools<\/h3>\r\n <p class=\"dmi-tool-type\">Generative AI<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googletagmanager\" alt=\"Google Tag Manager\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Tag Manager<\/h3>\r\n <p class=\"dmi-tool-type\">Tracking<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/google\" alt=\"Google Business\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Google Business<\/h3>\r\n <p class=\"dmi-tool-type\">Local Marketing<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-categories\">\r\n\r\n\r\n <div class=\"dmi-tools-category\">\r\n\r\n <div class=\"dmi-category-symbol\">\r\n \u25c8\r\n <\/div>\r\n\r\n <div class=\"dmi-category-info\">\r\n\r\n <strong>\r\n Advertising\r\n <\/strong>\r\n\r\n <span>\r\n Google & Meta Ads\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tools-category\">\r\n\r\n <div class=\"dmi-category-symbol\">\r\n \u25c9\r\n <\/div>\r\n\r\n <div class=\"dmi-category-info\">\r\n\r\n <strong>\r\n SEO & Analytics\r\n <\/strong>\r\n\r\n <span>\r\n Search, Data & Research\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tools-category\">\r\n\r\n <div class=\"dmi-category-symbol\">\r\n \u2726\r\n <\/div>\r\n\r\n <div class=\"dmi-category-info\">\r\n\r\n <strong>\r\n Content & Design\r\n <\/strong>\r\n\r\n <span>\r\n Creative & Social Content\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tools-category\">\r\n\r\n <div class=\"dmi-category-symbol\">\r\n \u26a1\r\n <\/div>\r\n\r\n <div class=\"dmi-category-info\">\r\n\r\n <strong>\r\n AI & Automation\r\n <\/strong>\r\n\r\n <span>\r\n Modern Marketing Workflows\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-cta\">\r\n\r\n\r\n <div class=\"dmi-tools-cta-content\">\r\n\r\n <h3 class=\"dmi-tools-cta-title\">\r\n Master The Tools. Build Real Skills.\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-tools-cta-text\">\r\n\r\n Don't just learn digital marketing theory.\r\n Practice with platforms used by today's\r\n marketing professionals.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"dmi-tools-button\"\r\n >\r\n\r\n Explore Courses \u2192\r\n\r\n <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9d4b07a ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9d4b07a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec67f0b\" data-id=\"ec67f0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9fc9a8e elementor-widget elementor-widget-html\" data-id=\"9fc9a8e\" 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 Alumni | Digital Marketing Institute<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n OUR ALUMNI \u2014 PREMIUM SUCCESS WALL\r\n FULLY STANDALONE\r\n IMPROVED TYPOGRAPHY & READABILITY\r\n========================================================= *\/\r\n\r\n.dmi-alumni-unique,\r\n.dmi-alumni-unique *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-alumni-unique{\r\n\r\n --blue:#1A3A8F;\r\n --dark:#10275F;\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n --text:#17233D;\r\n --muted:#5F6C80;\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n color:var(--text);\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTAINER\r\n========================================================= *\/\r\n\r\n.dmi-alumni-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:75px 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP HEADER\r\n========================================================= *\/\r\n\r\n.dmi-alumni-top{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:flex-end;\r\n\r\n gap:50px;\r\n\r\n padding-bottom:27px;\r\n\r\n margin-bottom:28px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-alumni-top::after{\r\n\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:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-alumni-top::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:80px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LABEL\r\n========================================================= *\/\r\n\r\n.dmi-alumni-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:14px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.7px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-alumni-eyebrow i{\r\n\r\n display:block;\r\n\r\n width:32px;\r\n\r\n height:2px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n.dmi-alumni-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:44px !important;\r\n\r\n line-height:1.08 !important;\r\n\r\n letter-spacing:-1.6px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-alumni-heading span{\r\n\r\n color:var(--blue) !important;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-alumni-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:-5px;\r\n\r\n height:5px;\r\n\r\n background:var(--gold);\r\n\r\n border-radius:50px;\r\n\r\n transform:skewX(-15deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-alumni-description{\r\n\r\n width:410px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN SUCCESS WALL\r\n========================================================= *\/\r\n\r\n.dmi-alumni-wall{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:180px 1fr 280px;\r\n\r\n gap:16px;\r\n\r\n min-height:500px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LEFT \u2014 JOURNEY\r\n========================================================= *\/\r\n\r\n.dmi-alumni-journey{\r\n\r\n position:relative;\r\n\r\n padding:8px 5px 8px 17px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:space-between;\r\n}\r\n\r\n\r\n.dmi-alumni-journey::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:18px;\r\n\r\n bottom:18px;\r\n\r\n left:5px;\r\n\r\n width:1px;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n var(--gold) 0%,\r\n var(--blue) 50%,\r\n rgba(26,58,143,.08) 100%\r\n );\r\n}\r\n\r\n\r\n.dmi-journey-item{\r\n\r\n position:relative;\r\n\r\n padding-left:18px;\r\n\r\n margin:0;\r\n\r\n min-height:70px;\r\n}\r\n\r\n\r\n.dmi-journey-dot{\r\n\r\n position:absolute;\r\n\r\n left:-17px;\r\n\r\n top:3px;\r\n\r\n width:10px;\r\n\r\n height:10px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(253,185,19,.12);\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n\r\n.dmi-journey-item:hover .dmi-journey-dot{\r\n\r\n transform:scale(1.35);\r\n\r\n background:var(--blue);\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(26,58,143,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n JOURNEY NUMBER\r\n========================================================= *\/\r\n\r\n.dmi-journey-number{\r\n\r\n display:block;\r\n\r\n margin-bottom:6px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:900 !important;\r\n\r\n letter-spacing:.8px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n JOURNEY TITLE\r\n========================================================= *\/\r\n\r\n.dmi-journey-title{\r\n\r\n margin:0 0 5px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.15 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n JOURNEY DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-journey-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.5 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CENTER FEATURE\r\n========================================================= *\/\r\n\r\n.dmi-alumni-main-card{\r\n\r\n position:relative;\r\n\r\n min-height:500px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:27px;\r\n\r\n background:var(--dark);\r\n\r\n box-shadow:\r\n 0 25px 70px rgba(16,39,95,.18);\r\n\r\n isolation:isolate;\r\n}\r\n\r\n\r\n.dmi-alumni-main-image{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:-2;\r\n}\r\n\r\n\r\n.dmi-alumni-main-image img{\r\n\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 transition:transform .8s ease;\r\n}\r\n\r\n\r\n.dmi-alumni-main-card:hover\r\n.dmi-alumni-main-image img{\r\n\r\n transform:scale(1.05);\r\n}\r\n\r\n\r\n.dmi-alumni-main-card::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:-1;\r\n\r\n background:\r\n linear-gradient(\r\n 0deg,\r\n rgba(5,22,60,.98) 3%,\r\n rgba(5,22,60,.78) 45%,\r\n rgba(5,22,60,.08) 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURE LABEL\r\n========================================================= *\/\r\n\r\n.dmi-alumni-feature-label{\r\n\r\n position:absolute;\r\n\r\n top:19px;\r\n\r\n left:19px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:9px 13px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,255,255,.95);\r\n\r\n color:var(--dark) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:900 !important;\r\n\r\n letter-spacing:.7px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-alumni-feature-label::before{\r\n\r\n content:\"\";\r\n\r\n width:6px;\r\n\r\n height:6px;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURE CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-alumni-main-content{\r\n\r\n position:absolute;\r\n\r\n left:28px;\r\n\r\n right:28px;\r\n\r\n bottom:27px;\r\n}\r\n\r\n\r\n.dmi-alumni-main-role{\r\n\r\n margin-bottom:9px !important;\r\n\r\n color:var(--gold-light) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.2px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-alumni-main-title{\r\n\r\n margin:0 0 10px !important;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.08 !important;\r\n\r\n letter-spacing:-.5px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-alumni-main-text{\r\n\r\n max-width:470px;\r\n\r\n margin:0 !important;\r\n\r\n color:rgba(255,255,255,.84) !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURE INFO\r\n========================================================= *\/\r\n\r\n.dmi-alumni-feature-info{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:7px;\r\n\r\n margin-top:16px;\r\n}\r\n\r\n\r\n.dmi-feature-pill{\r\n\r\n padding:7px 10px;\r\n\r\n border-radius:6px;\r\n\r\n border:1px solid rgba(255,255,255,.16);\r\n\r\n background:rgba(255,255,255,.08);\r\n\r\n color:rgba(255,255,255,.94) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:.2px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT SIDE\r\n========================================================= *\/\r\n\r\n.dmi-alumni-side{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUCCESS CARD\r\n========================================================= *\/\r\n\r\n.dmi-success-card{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:82px 1fr;\r\n\r\n min-height:115px;\r\n\r\n overflow:hidden;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:17px;\r\n\r\n background:rgba(255,255,255,.24);\r\n\r\n transition:\r\n\r\n transform .3s ease,\r\n\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.dmi-success-card:hover{\r\n\r\n transform:translateX(-4px);\r\n\r\n box-shadow:\r\n 0 15px 35px rgba(20,45,100,.10);\r\n}\r\n\r\n\r\n.dmi-success-image{\r\n\r\n height:100%;\r\n}\r\n\r\n\r\n.dmi-success-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:cover;\r\n}\r\n\r\n\r\n.dmi-success-content{\r\n\r\n padding:13px 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUCCESS ROLE\r\n========================================================= *\/\r\n\r\n.dmi-success-role{\r\n\r\n display:block;\r\n\r\n margin-bottom:6px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:900 !important;\r\n\r\n letter-spacing:.6px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUCCESS NAME\r\n========================================================= *\/\r\n\r\n.dmi-success-name{\r\n\r\n margin:0 0 6px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.15 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUCCESS DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-success-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.5 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT HIGHLIGHT\r\n========================================================= *\/\r\n\r\n.dmi-alumni-highlight{\r\n\r\n flex:1;\r\n\r\n position:relative;\r\n\r\n padding:21px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:18px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--blue),\r\n var(--dark)\r\n );\r\n\r\n color:#fff;\r\n}\r\n\r\n\r\n.dmi-alumni-highlight::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:110px;\r\n\r\n height:110px;\r\n\r\n right:-45px;\r\n\r\n top:-45px;\r\n\r\n border:1px solid rgba(255,255,255,.14);\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n.dmi-highlight-small{\r\n\r\n position:relative;\r\n\r\n color:var(--gold-light) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-highlight-number{\r\n\r\n position:relative;\r\n\r\n margin:10px 0 5px !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:40px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-highlight-number span{\r\n\r\n color:var(--gold);\r\n}\r\n\r\n\r\n.dmi-highlight-title{\r\n\r\n position:relative;\r\n\r\n margin:0 0 9px !important;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:17px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-highlight-text{\r\n\r\n position:relative;\r\n\r\n max-width:210px;\r\n\r\n margin:0 !important;\r\n\r\n color:rgba(255,255,255,.78) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.6 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM STATS\r\n========================================================= *\/\r\n\r\n.dmi-alumni-bottom{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(4,1fr);\r\n\r\n margin-top:17px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n overflow:hidden;\r\n\r\n background:rgba(255,255,255,.20);\r\n}\r\n\r\n\r\n.dmi-bottom-stat{\r\n\r\n position:relative;\r\n\r\n padding:19px;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.dmi-bottom-stat:not(:last-child)::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:18px;\r\n\r\n bottom:18px;\r\n\r\n right:0;\r\n\r\n width:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-bottom-stat strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:6px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:24px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-bottom-stat strong span{\r\n\r\n color:var(--gold);\r\n}\r\n\r\n\r\n.dmi-bottom-stat small{\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:700 !important;\r\n\r\n letter-spacing:.6px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-alumni-cta{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:center;\r\n\r\n gap:20px;\r\n\r\n margin-top:17px;\r\n\r\n padding:19px 21px;\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(26,58,143,.05),\r\n rgba(253,185,19,.07)\r\n );\r\n\r\n border:1px solid var(--line);\r\n}\r\n\r\n\r\n.dmi-alumni-cta-title{\r\n\r\n margin:0 0 6px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:17px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-alumni-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.55 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n.dmi-alumni-cta-button{\r\n\r\n flex-shrink:0;\r\n\r\n padding:12px 18px;\r\n\r\n border-radius:8px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n\r\n.dmi-alumni-cta-button:hover{\r\n\r\n background:var(--dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n color:#fff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-alumni-wrap{\r\n\r\n padding:58px 0 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-top{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:16px;\r\n }\r\n\r\n\r\n .dmi-alumni-description{\r\n\r\n width:100%;\r\n\r\n max-width:650px;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-wall{\r\n\r\n grid-template-columns:150px 1fr;\r\n }\r\n\r\n\r\n .dmi-alumni-side{\r\n\r\n grid-column:1 \/ -1;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-alumni-highlight{\r\n\r\n min-height:125px;\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 .dmi-alumni-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:600px !important;\r\n\r\n padding:48px 0 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-top{\r\n\r\n text-align:center;\r\n\r\n align-items:center;\r\n\r\n padding-bottom:23px;\r\n }\r\n\r\n\r\n .dmi-alumni-top::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:65px;\r\n }\r\n\r\n\r\n .dmi-alumni-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-heading{\r\n\r\n font-size:34px !important;\r\n\r\n line-height:1.08 !important;\r\n\r\n letter-spacing:-1.1px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-description{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n JOURNEY\r\n ===================================================== *\/\r\n\r\n .dmi-alumni-wall{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:14px;\r\n }\r\n\r\n\r\n .dmi-alumni-journey{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:10px;\r\n\r\n padding:0;\r\n }\r\n\r\n\r\n .dmi-alumni-journey::before{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .dmi-journey-item{\r\n\r\n min-height:115px;\r\n\r\n padding:14px 10px 12px 20px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:13px;\r\n\r\n background:rgba(255,255,255,.20);\r\n }\r\n\r\n\r\n .dmi-journey-dot{\r\n\r\n left:8px;\r\n\r\n top:16px;\r\n\r\n width:8px;\r\n\r\n height:8px;\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(253,185,19,.12);\r\n }\r\n\r\n\r\n .dmi-journey-number{\r\n\r\n margin-bottom:6px !important;\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n .dmi-journey-title{\r\n\r\n font-size:14px !important;\r\n\r\n margin-bottom:6px !important;\r\n }\r\n\r\n\r\n .dmi-journey-text{\r\n\r\n font-size:10.5px !important;\r\n\r\n line-height:1.5 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n FEATURE\r\n ===================================================== *\/\r\n\r\n .dmi-alumni-main-card{\r\n\r\n min-height:500px;\r\n\r\n border-radius:21px;\r\n }\r\n\r\n\r\n .dmi-alumni-feature-label{\r\n\r\n font-size:9px !important;\r\n\r\n padding:8px 11px;\r\n }\r\n\r\n\r\n .dmi-alumni-main-content{\r\n\r\n left:21px;\r\n\r\n right:20px;\r\n\r\n bottom:21px;\r\n }\r\n\r\n\r\n .dmi-alumni-main-role{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-title{\r\n\r\n font-size:27px !important;\r\n\r\n line-height:1.07 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-text{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n .dmi-feature-pill{\r\n\r\n font-size:9px !important;\r\n\r\n padding:6px 8px;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n RIGHT SIDE\r\n ===================================================== *\/\r\n\r\n .dmi-alumni-side{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:10px;\r\n }\r\n\r\n\r\n .dmi-success-card{\r\n\r\n display:block;\r\n\r\n min-height:230px;\r\n }\r\n\r\n\r\n .dmi-success-image{\r\n\r\n height:105px;\r\n }\r\n\r\n\r\n .dmi-success-content{\r\n\r\n padding:12px;\r\n }\r\n\r\n\r\n .dmi-success-role{\r\n\r\n font-size:9px !important;\r\n\r\n margin-bottom:6px !important;\r\n }\r\n\r\n\r\n .dmi-success-name{\r\n\r\n font-size:14px !important;\r\n\r\n margin-bottom:6px !important;\r\n }\r\n\r\n\r\n .dmi-success-text{\r\n\r\n font-size:10.5px !important;\r\n\r\n line-height:1.5 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-highlight{\r\n\r\n grid-column:1 \/ -1;\r\n\r\n min-height:165px;\r\n\r\n padding:20px;\r\n }\r\n\r\n\r\n .dmi-highlight-small{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n .dmi-highlight-number{\r\n\r\n font-size:36px !important;\r\n }\r\n\r\n\r\n .dmi-highlight-title{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-highlight-text{\r\n\r\n font-size:10.5px !important;\r\n\r\n line-height:1.55 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n STATS\r\n ===================================================== *\/\r\n\r\n .dmi-alumni-bottom{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-bottom-stat{\r\n\r\n padding:16px 8px;\r\n }\r\n\r\n\r\n .dmi-bottom-stat strong{\r\n\r\n font-size:21px !important;\r\n }\r\n\r\n\r\n .dmi-bottom-stat small{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n CTA\r\n ===================================================== *\/\r\n\r\n .dmi-alumni-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:13px;\r\n }\r\n\r\n\r\n .dmi-alumni-cta-title{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-cta-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.55 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-cta-button{\r\n\r\n width:100%;\r\n\r\n text-align:center;\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n .dmi-alumni-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n }\r\n\r\n\r\n .dmi-alumni-heading{\r\n\r\n font-size:30px !important;\r\n\r\n line-height:1.08 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-description{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-card{\r\n\r\n min-height:525px;\r\n }\r\n\r\n\r\n .dmi-alumni-main-title{\r\n\r\n font-size:25px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-text{\r\n\r\n font-size:11.5px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-side{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-success-card{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:90px 1fr;\r\n\r\n min-height:130px;\r\n }\r\n\r\n\r\n .dmi-success-image{\r\n\r\n height:100%;\r\n }\r\n\r\n\r\n .dmi-success-content{\r\n\r\n padding:12px;\r\n }\r\n\r\n\r\n .dmi-success-name{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n\r\n .dmi-success-text{\r\n\r\n font-size:10.5px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-bottom{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-bottom-stat strong{\r\n\r\n font-size:20px !important;\r\n }\r\n\r\n\r\n .dmi-bottom-stat small{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:360px){\r\n\r\n .dmi-alumni-heading{\r\n\r\n font-size:28px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-description{\r\n\r\n font-size:11.5px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-card{\r\n\r\n min-height:540px;\r\n }\r\n\r\n\r\n .dmi-alumni-main-title{\r\n\r\n font-size:23px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-text{\r\n\r\n font-size:10.5px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-journey-title{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n\r\n .dmi-journey-text{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-success-name{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-success-text{\r\n\r\n font-size:10px !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<section class=\"dmi-alumni-unique\">\r\n\r\n<div class=\"dmi-alumni-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-top\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-alumni-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Our Alumni\r\n\r\n <\/div>\r\n\r\n\r\n <h1 class=\"dmi-alumni-heading\">\r\n\r\n Where Learning Becomes\r\n <span>Success.<\/span>\r\n\r\n <\/h1>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-alumni-description\">\r\n\r\n Meet the learners who transformed digital skills\r\n into practical experience. Our alumni continue\r\n their journey across jobs, freelancing, business,\r\n social media, performance marketing and more.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-wall\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-journey\">\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 01 \/ DISCOVER\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Discover\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Understand digital marketing,\r\n AI and today's digital ecosystem.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 02 \/ LEARN\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Learn\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Build strong foundations through\r\n structured practical learning.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 03 \/ PRACTICE\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Practice\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Work on campaigns, assignments\r\n and real-world marketing tasks.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 04 \/ BUILD\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Build\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Create projects and develop a\r\n portfolio of practical work.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 05 \/ GROW\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Grow\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Improve your confidence, skills\r\n and professional capabilities.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 06 \/ ACHIEVE\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Achieve\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Move toward jobs, freelancing,\r\n business and new opportunities.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<article class=\"dmi-alumni-main-card\">\r\n\r\n\r\n <div class=\"dmi-alumni-main-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1200&q=90\"\r\n alt=\"Digital Marketing Alumni\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-alumni-feature-label\">\r\n\r\n Featured Alumni\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-alumni-main-content\">\r\n\r\n\r\n <div class=\"dmi-alumni-main-role\">\r\n\r\n Digital Marketing Professional\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-alumni-main-title\">\r\n\r\n Skills That Go\r\n Beyond The Classroom.\r\n\r\n <\/h2>\r\n\r\n\r\n <p class=\"dmi-alumni-main-text\">\r\n\r\n From understanding customer behaviour to creating\r\n campaigns and analysing performance, our learners\r\n experience the practical side of digital marketing.\r\n This approach helps them become more confident\r\n digital professionals.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-alumni-feature-info\">\r\n\r\n <span class=\"dmi-feature-pill\">\r\n Digital Marketing\r\n <\/span>\r\n\r\n <span class=\"dmi-feature-pill\">\r\n SEO\r\n <\/span>\r\n\r\n <span class=\"dmi-feature-pill\">\r\n Meta Ads\r\n <\/span>\r\n\r\n <span class=\"dmi-feature-pill\">\r\n Google Ads\r\n <\/span>\r\n\r\n <span class=\"dmi-feature-pill\">\r\n AI Tools\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-side\">\r\n\r\n\r\n \r\n\r\n <article class=\"dmi-success-card\">\r\n\r\n <div class=\"dmi-success-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1531123897727-8f129e1688ce?auto=format&fit=crop&w=500&q=90\"\r\n alt=\"Social Media Alumni\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-success-content\">\r\n\r\n <span class=\"dmi-success-role\">\r\n Social Media\r\n <\/span>\r\n\r\n <h3 class=\"dmi-success-name\">\r\n Content & Branding\r\n <\/h3>\r\n\r\n <p class=\"dmi-success-text\">\r\n Creating social strategies and\r\n content for modern brands.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"dmi-success-card\">\r\n\r\n <div class=\"dmi-success-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=500&q=90\"\r\n alt=\"Performance Marketing Alumni\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-success-content\">\r\n\r\n <span class=\"dmi-success-role\">\r\n Performance Marketing\r\n <\/span>\r\n\r\n <h3 class=\"dmi-success-name\">\r\n Paid Advertising\r\n <\/h3>\r\n\r\n <p class=\"dmi-success-text\">\r\n Working with lead generation,\r\n campaigns and paid media.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"dmi-success-card\">\r\n\r\n <div class=\"dmi-success-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=500&q=90\"\r\n alt=\"SEO Alumni\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-success-content\">\r\n\r\n <span class=\"dmi-success-role\">\r\n SEO & Analytics\r\n <\/span>\r\n\r\n <h3 class=\"dmi-success-name\">\r\n Search Growth\r\n <\/h3>\r\n\r\n <p class=\"dmi-success-text\">\r\n Applying SEO and analytics to\r\n improve organic visibility.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-alumni-highlight\">\r\n\r\n <div class=\"dmi-highlight-small\">\r\n Alumni Network\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-highlight-number\">\r\n 500<span>+<\/span>\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-highlight-title\">\r\n Learners & Growing\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-highlight-text\">\r\n A growing community of learners developing\r\n digital skills and exploring new opportunities.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-bottom\">\r\n\r\n\r\n <div class=\"dmi-bottom-stat\">\r\n\r\n <strong>\r\n 500<span>+<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Learners\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-bottom-stat\">\r\n\r\n <strong>\r\n 20<span>+<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Skill Areas\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-bottom-stat\">\r\n\r\n <strong>\r\n 100<span>%<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Practical\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-bottom-stat\">\r\n\r\n <strong>\r\n 1<span>:1<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Support\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-cta\">\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-alumni-cta-title\">\r\n Your Success Story Starts Here.\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-alumni-cta-text\">\r\n Learn practical digital marketing skills and\r\n build the confidence to create your own path.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"dmi-alumni-cta-button\"\r\n >\r\n Explore Courses \u2192\r\n <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-106c111 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"106c111\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3202222\" data-id=\"3202222\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ed7fecd elementor-widget elementor-widget-html\" data-id=\"ed7fecd\" 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>Companies Where Our Students Are Placed<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n PREMIUM STUDENT PLACEMENT SECTION\r\n FULLY STANDALONE\r\n========================================================= *\/\r\n\r\n.dmi-placement-section,\r\n.dmi-placement-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-placement-section{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-soft:#EEF3FF;\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n\r\n --text:#17233D;\r\n --muted:#69758A;\r\n\r\n --border:rgba(26,58,143,.12);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-placement-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-placement-header{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 350px;\r\n\r\n align-items:end;\r\n\r\n gap:55px;\r\n\r\n padding-bottom:30px;\r\n\r\n margin-bottom:28px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-placement-header::after{\r\n\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:1px;\r\n\r\n background:var(--border);\r\n}\r\n\r\n\r\n.dmi-placement-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:95px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-placement-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:13px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:2px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-placement-eyebrow i{\r\n\r\n width:32px;\r\n\r\n height:2px;\r\n\r\n display:block;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADING\r\n========================================================= *\/\r\n\r\n.dmi-placement-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:42px !important;\r\n\r\n line-height:1.08 !important;\r\n\r\n letter-spacing:-1.6px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-placement-heading span{\r\n\r\n position:relative;\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n\r\n.dmi-placement-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n right:0;\r\n\r\n bottom:-6px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-15deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-placement-intro{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN SHOWCASE\r\n========================================================= *\/\r\n\r\n.dmi-placement-showcase{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:340px 1fr;\r\n\r\n gap:18px;\r\n\r\n align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LEFT CAREER CARD\r\n========================================================= *\/\r\n\r\n.dmi-placement-story{\r\n\r\n position:relative;\r\n\r\n min-height:490px;\r\n\r\n padding:31px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:25px;\r\n\r\n color:#fff;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 90% 8%,\r\n rgba(253,185,19,.22),\r\n transparent 28%\r\n ),\r\n linear-gradient(\r\n 145deg,\r\n #10275F 0%,\r\n #1A3A8F 100%\r\n );\r\n\r\n box-shadow:\r\n 0 24px 60px rgba(16,39,95,.17);\r\n}\r\n\r\n\r\n\/* decorative circles *\/\r\n\r\n.dmi-placement-story::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:230px;\r\n\r\n height:230px;\r\n\r\n right:-125px;\r\n\r\n top:-125px;\r\n\r\n border:1px solid rgba(255,255,255,.13);\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n.dmi-placement-story::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:150px;\r\n\r\n height:150px;\r\n\r\n left:-95px;\r\n\r\n bottom:-85px;\r\n\r\n border:1px solid rgba(253,185,19,.20);\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY TOP\r\n========================================================= *\/\r\n\r\n.dmi-story-top{\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:space-between;\r\n\r\n gap:15px;\r\n\r\n margin-bottom:42px;\r\n}\r\n\r\n\r\n.dmi-story-label{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:8px 12px;\r\n\r\n border:1px solid rgba(255,255,255,.14);\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,255,255,.07);\r\n\r\n color:var(--gold-light) !important;\r\n\r\n font-size:10px !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-story-label::before{\r\n\r\n content:\"\";\r\n\r\n width:6px;\r\n\r\n height:6px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY NUMBER\r\n========================================================= *\/\r\n\r\n.dmi-story-number{\r\n\r\n color:rgba(255,255,255,.14) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:45px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-story-title{\r\n\r\n position:relative;\r\n\r\n margin:0 0 17px !important;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:31px !important;\r\n\r\n line-height:1.12 !important;\r\n\r\n letter-spacing:-.8px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-story-title span{\r\n\r\n color:var(--gold-light);\r\n}\r\n\r\n\r\n.dmi-story-text{\r\n\r\n position:relative;\r\n\r\n margin:0 !important;\r\n\r\n max-width:275px;\r\n\r\n color:rgba(255,255,255,.72) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY BOTTOM\r\n========================================================= *\/\r\n\r\n.dmi-story-bottom{\r\n\r\n position:absolute;\r\n\r\n left:31px;\r\n\r\n right:31px;\r\n\r\n bottom:29px;\r\n}\r\n\r\n\r\n.dmi-story-divider{\r\n\r\n height:1px;\r\n\r\n margin-bottom:17px;\r\n\r\n background:rgba(255,255,255,.12);\r\n}\r\n\r\n\r\n.dmi-story-mini-title{\r\n\r\n margin:0 0 12px !important;\r\n\r\n color:rgba(255,255,255,.55) !important;\r\n\r\n font-size:10px !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.2px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-story-stats{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n\r\n gap:8px;\r\n}\r\n\r\n\r\n.dmi-story-stat{\r\n\r\n padding:12px;\r\n\r\n border:1px solid rgba(255,255,255,.11);\r\n\r\n border-radius:11px;\r\n\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n\r\n.dmi-story-stat strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px !important;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:21px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-story-stat strong span{\r\n\r\n color:var(--gold);\r\n}\r\n\r\n\r\n.dmi-story-stat small{\r\n\r\n color:rgba(255,255,255,.55) !important;\r\n\r\n font-size:9px !important;\r\n\r\n font-weight:700 !important;\r\n\r\n letter-spacing:.4px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT COMPANY AREA\r\n========================================================= *\/\r\n\r\n.dmi-company-area{\r\n\r\n padding:23px;\r\n\r\n border:1px solid var(--border);\r\n\r\n border-radius:25px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.45),\r\n rgba(255,255,255,.16)\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPANY AREA HEADER\r\n========================================================= *\/\r\n\r\n.dmi-company-area-head{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:center;\r\n\r\n gap:20px;\r\n\r\n margin-bottom:18px;\r\n}\r\n\r\n\r\n.dmi-company-area-title{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-company-area-text{\r\n\r\n margin:4px 0 0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.5 !important;\r\n}\r\n\r\n\r\n.dmi-company-count{\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n padding:7px 10px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--blue-soft);\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:9px !important;\r\n\r\n font-weight:800 !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-company-count i{\r\n\r\n width:6px;\r\n\r\n height:6px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPANY GRID\r\n========================================================= *\/\r\n\r\n.dmi-company-wall{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(3,1fr);\r\n\r\n gap:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPANY CARD\r\n========================================================= *\/\r\n\r\n.dmi-company-card{\r\n\r\n position:relative;\r\n\r\n min-height:130px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n flex-direction:column;\r\n\r\n gap:9px;\r\n\r\n padding:18px 12px;\r\n\r\n overflow:hidden;\r\n\r\n border:1px solid var(--border);\r\n\r\n border-radius:16px;\r\n\r\n background:rgba(255,255,255,.55);\r\n\r\n transition:\r\n\r\n transform .3s ease,\r\n\r\n box-shadow .3s ease,\r\n\r\n border-color .3s ease,\r\n\r\n background .3s ease;\r\n}\r\n\r\n\r\n.dmi-company-card::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:60px;\r\n\r\n height:60px;\r\n\r\n right:-35px;\r\n\r\n bottom:-35px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.08);\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-company-card:hover{\r\n\r\n transform:translateY(-5px);\r\n\r\n border-color:rgba(26,58,143,.22);\r\n\r\n background:#fff;\r\n\r\n box-shadow:\r\n 0 18px 38px rgba(20,45,100,.10);\r\n}\r\n\r\n\r\n.dmi-company-card:hover::after{\r\n\r\n transform:scale(2);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPANY LOGO\r\n========================================================= *\/\r\n\r\n.dmi-company-icon{\r\n\r\n width:55px;\r\n\r\n height:55px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n padding:8px;\r\n\r\n border-radius:14px;\r\n\r\n background:#fff;\r\n\r\n border:1px solid rgba(26,58,143,.08);\r\n\r\n box-shadow:\r\n 0 8px 22px rgba(20,45,100,.07);\r\n\r\n overflow:hidden;\r\n\r\n z-index:1;\r\n}\r\n\r\n\r\n.dmi-company-icon img{\r\n\r\n display:block;\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n max-width:100%;\r\n\r\n max-height:100%;\r\n\r\n object-fit:contain;\r\n\r\n transition:transform .3s ease;\r\n}\r\n\r\n\r\n.dmi-company-card:hover\r\n.dmi-company-icon img{\r\n\r\n transform:scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPANY NAME\r\n========================================================= *\/\r\n\r\n.dmi-company-name{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.15 !important;\r\n\r\n text-align:center;\r\n\r\n font-weight:800 !important;\r\n\r\n z-index:1;\r\n}\r\n\r\n\r\n.dmi-company-type{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:9px !important;\r\n\r\n font-weight:600 !important;\r\n\r\n letter-spacing:.5px !important;\r\n\r\n text-transform:uppercase;\r\n\r\n text-align:center;\r\n\r\n z-index:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURED COMPANY\r\n========================================================= *\/\r\n\r\n.dmi-company-card.featured{\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(26,58,143,.06),\r\n rgba(253,185,19,.09)\r\n );\r\n\r\n border-color:rgba(253,185,19,.25);\r\n}\r\n\r\n\r\n.dmi-company-card.featured::before{\r\n\r\n content:\"PLACED\";\r\n\r\n position:absolute;\r\n\r\n top:8px;\r\n\r\n right:8px;\r\n\r\n padding:4px 6px;\r\n\r\n border-radius:5px;\r\n\r\n background:rgba(253,185,19,.15);\r\n\r\n color:#816000;\r\n\r\n font-size:7px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CAREER CATEGORIES\r\n========================================================= *\/\r\n\r\n.dmi-placement-categories{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(4,1fr);\r\n\r\n gap:10px;\r\n\r\n margin-top:16px;\r\n}\r\n\r\n\r\n.dmi-placement-category{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n padding:14px;\r\n\r\n border:1px solid var(--border);\r\n\r\n border-radius:14px;\r\n\r\n background:rgba(255,255,255,.30);\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n\r\n.dmi-placement-category:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n background:rgba(255,255,255,.55);\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(20,45,100,.07);\r\n}\r\n\r\n\r\n.dmi-category-icon{\r\n\r\n flex-shrink:0;\r\n\r\n width:34px;\r\n\r\n height:34px;\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:10px;\r\n\r\n background:var(--blue-soft);\r\n\r\n color:var(--blue);\r\n\r\n font-size:14px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.dmi-category-content strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-category-content span{\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:9px !important;\r\n\r\n line-height:1.35 !important;\r\n\r\n font-weight:600 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-placement-cta{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:25px;\r\n\r\n margin-top:17px;\r\n\r\n padding:20px 23px;\r\n\r\n border:1px solid var(--border);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(26,58,143,.045),\r\n rgba(253,185,19,.075)\r\n );\r\n}\r\n\r\n\r\n.dmi-placement-cta-title{\r\n\r\n margin:0 0 5px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-placement-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.55 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n.dmi-placement-button{\r\n\r\n flex-shrink:0;\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 gap:7px;\r\n\r\n padding:12px 19px;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:10px !important;\r\n\r\n font-weight:800 !important;\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n\r\n.dmi-placement-button:hover{\r\n\r\n background:var(--blue-dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n color:#fff !important;\r\n\r\n box-shadow:\r\n 0 10px 22px rgba(26,58,143,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-placement-wrap{\r\n\r\n padding:60px 0 !important;\r\n }\r\n\r\n\r\n .dmi-placement-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:15px;\r\n\r\n align-items:start;\r\n }\r\n\r\n\r\n .dmi-placement-intro{\r\n\r\n max-width:650px;\r\n }\r\n\r\n\r\n .dmi-placement-showcase{\r\n\r\n grid-template-columns:280px 1fr;\r\n }\r\n\r\n\r\n .dmi-company-wall{\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n\r\n .dmi-placement-categories{\r\n\r\n grid-template-columns:repeat(2,1fr);\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 .dmi-placement-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:600px !important;\r\n\r\n padding:48px 0 !important;\r\n }\r\n\r\n\r\n .dmi-placement-header{\r\n\r\n text-align:center;\r\n\r\n justify-items:center;\r\n\r\n gap:14px;\r\n\r\n padding-bottom:24px;\r\n }\r\n\r\n\r\n .dmi-placement-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:65px;\r\n }\r\n\r\n\r\n .dmi-placement-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-placement-heading{\r\n\r\n font-size:34px !important;\r\n\r\n line-height:1.1 !important;\r\n\r\n letter-spacing:-1.1px !important;\r\n }\r\n\r\n\r\n .dmi-placement-intro{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* SHOWCASE *\/\r\n\r\n .dmi-placement-showcase{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:14px;\r\n }\r\n\r\n\r\n \/* STORY *\/\r\n\r\n .dmi-placement-story{\r\n\r\n min-height:420px;\r\n\r\n padding:24px;\r\n\r\n border-radius:21px;\r\n }\r\n\r\n\r\n .dmi-story-top{\r\n\r\n margin-bottom:35px;\r\n }\r\n\r\n\r\n .dmi-story-number{\r\n\r\n font-size:38px !important;\r\n }\r\n\r\n\r\n .dmi-story-title{\r\n\r\n font-size:28px !important;\r\n }\r\n\r\n\r\n .dmi-story-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n .dmi-story-bottom{\r\n\r\n left:24px;\r\n\r\n right:24px;\r\n\r\n bottom:23px;\r\n }\r\n\r\n\r\n \/* COMPANY AREA *\/\r\n\r\n .dmi-company-area{\r\n\r\n padding:16px;\r\n\r\n border-radius:21px;\r\n }\r\n\r\n\r\n .dmi-company-area-head{\r\n\r\n align-items:flex-start;\r\n\r\n margin-bottom:15px;\r\n }\r\n\r\n\r\n .dmi-company-area-title{\r\n\r\n font-size:17px !important;\r\n }\r\n\r\n\r\n .dmi-company-area-text{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-company-count{\r\n\r\n font-size:8px !important;\r\n\r\n padding:6px 8px;\r\n }\r\n\r\n\r\n .dmi-company-wall{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-company-card{\r\n\r\n min-height:125px;\r\n\r\n padding:15px 8px;\r\n }\r\n\r\n\r\n .dmi-company-icon{\r\n\r\n width:48px;\r\n\r\n height:48px;\r\n }\r\n\r\n\r\n .dmi-company-name{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n\r\n .dmi-company-type{\r\n\r\n font-size:8px !important;\r\n }\r\n\r\n\r\n \/* CATEGORIES *\/\r\n\r\n .dmi-placement-categories{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-placement-category{\r\n\r\n padding:12px 10px;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-category-icon{\r\n\r\n width:30px;\r\n\r\n height:30px;\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .dmi-category-content strong{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-category-content span{\r\n\r\n font-size:8px !important;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n .dmi-placement-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:14px;\r\n\r\n padding:18px;\r\n }\r\n\r\n\r\n .dmi-placement-cta-title{\r\n\r\n font-size:15px !important;\r\n }\r\n\r\n\r\n .dmi-placement-cta-text{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-placement-button{\r\n\r\n width:100%;\r\n\r\n font-size:10px !important;\r\n\r\n text-align:center;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:450px){\r\n\r\n .dmi-placement-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n }\r\n\r\n\r\n .dmi-placement-heading{\r\n\r\n font-size:30px !important;\r\n }\r\n\r\n\r\n .dmi-placement-story{\r\n\r\n min-height:430px;\r\n }\r\n\r\n\r\n .dmi-story-title{\r\n\r\n font-size:26px !important;\r\n }\r\n\r\n\r\n .dmi-story-text{\r\n\r\n font-size:10.5px !important;\r\n }\r\n\r\n\r\n .dmi-story-stat strong{\r\n\r\n font-size:19px !important;\r\n }\r\n\r\n\r\n .dmi-company-area-head{\r\n\r\n flex-direction:column;\r\n\r\n gap:9px;\r\n }\r\n\r\n\r\n .dmi-company-count{\r\n\r\n align-self:flex-start;\r\n }\r\n\r\n\r\n .dmi-placement-categories{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-placement-heading{\r\n\r\n font-size:27px !important;\r\n }\r\n\r\n\r\n .dmi-company-wall{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-placement-story{\r\n\r\n min-height:455px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"dmi-placement-section\">\r\n\r\n<div class=\"dmi-placement-wrap\">\r\n\r\n\r\n\r\n\r\n<header class=\"dmi-placement-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-placement-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Career Connect\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-placement-heading\">\r\n\r\n Companies Where Our\r\n <span>Students Are Placed<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-placement-intro\">\r\n\r\n Our learners are developing practical skills for\r\n digital marketing, social media, performance\r\n marketing, SEO, content, e-commerce and other\r\n fast-growing digital career opportunities.\r\n\r\n <\/p>\r\n\r\n<\/header>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-placement-showcase\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-placement-story\">\r\n\r\n\r\n <div class=\"dmi-story-top\">\r\n\r\n <div class=\"dmi-story-label\">\r\n\r\n Student Success\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-story-number\">\r\n\r\n 01\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-story-title\">\r\n\r\n Learn Skills.\r\n <br>\r\n\r\n <span>Build Careers.<\/span>\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-story-text\">\r\n\r\n Our practical approach helps students understand\r\n how digital marketing works in the real world.\r\n From campaigns and content to SEO, paid\r\n advertising and analytics, learners build skills\r\n that can be applied across different industries.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-story-bottom\">\r\n\r\n <div class=\"dmi-story-divider\"><\/div>\r\n\r\n\r\n <p class=\"dmi-story-mini-title\">\r\n Learning Impact\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-story-stats\">\r\n\r\n\r\n <div class=\"dmi-story-stat\">\r\n\r\n <strong>\r\n 500<span>+<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Learners\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-story-stat\">\r\n\r\n <strong>\r\n 20<span>+<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Skill Areas\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-story-stat\">\r\n\r\n <strong>\r\n 10<span>+<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Career Roles\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-story-stat\">\r\n\r\n <strong>\r\n 100<span>%<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Practical\r\n <\/small>\r\n\r\n <\/div>\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\r\n<div class=\"dmi-company-area\">\r\n\r\n\r\n <div class=\"dmi-company-area-head\">\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-company-area-title\">\r\n Where Skills Create Opportunities\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-area-text\">\r\n Students explore opportunities across\r\n leading digital and technology environments.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-company-count\">\r\n\r\n <i><\/i>\r\n\r\n Industry Network\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-company-wall\">\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card featured\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=TCS\"\r\n alt=\"TCS Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n TCS\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n IT & Technology\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card featured\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=WIPRO\"\r\n alt=\"Wipro Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Wipro\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Technology\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=INFOSYS\"\r\n alt=\"Infosys Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Infosys\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n IT Services\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=ACCENTURE\"\r\n alt=\"Accenture Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Accenture\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Consulting\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card featured\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=DELOITTE\"\r\n alt=\"Deloitte Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Deloitte\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Consulting\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=PUBLICIS\"\r\n alt=\"Publicis Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Publicis\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Advertising\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=HAVAS\"\r\n alt=\"Havas Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Havas\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Marketing\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card featured\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=MINDSHARE\"\r\n alt=\"Mindshare Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Mindshare\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Media & Marketing\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=GROUPM\"\r\n alt=\"GroupM Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n GroupM\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Media\r\n <\/p>\r\n\r\n <\/div>\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\r\n<div class=\"dmi-placement-categories\">\r\n\r\n\r\n <div class=\"dmi-placement-category\">\r\n\r\n <div class=\"dmi-category-icon\">\r\n \u25c6\r\n <\/div>\r\n\r\n <div class=\"dmi-category-content\">\r\n\r\n <strong>\r\n Digital Marketing\r\n <\/strong>\r\n\r\n <span>\r\n Campaigns & Strategy\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-placement-category\">\r\n\r\n <div class=\"dmi-category-icon\">\r\n \u25c9\r\n <\/div>\r\n\r\n <div class=\"dmi-category-content\">\r\n\r\n <strong>\r\n Performance Marketing\r\n <\/strong>\r\n\r\n <span>\r\n Paid Ads & Lead Generation\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-placement-category\">\r\n\r\n <div class=\"dmi-category-icon\">\r\n \u25ce\r\n <\/div>\r\n\r\n <div class=\"dmi-category-content\">\r\n\r\n <strong>\r\n SEO & Analytics\r\n <\/strong>\r\n\r\n <span>\r\n Search & Data\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-placement-category\">\r\n\r\n <div class=\"dmi-category-icon\">\r\n \u2726\r\n <\/div>\r\n\r\n <div class=\"dmi-category-content\">\r\n\r\n <strong>\r\n Social Media\r\n <\/strong>\r\n\r\n <span>\r\n Content & Community\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-placement-cta\">\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-placement-cta-title\">\r\n\r\n Build Skills That Companies Value.\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-placement-cta-text\">\r\n\r\n Start learning practical digital marketing\r\n skills and take your first step toward a\r\n digital career.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"dmi-placement-button\"\r\n >\r\n\r\n Explore Courses \u2192\r\n\r\n <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4147d79 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4147d79\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-34e9195\" data-id=\"34e9195\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc969e5 elementor-widget elementor-widget-html\" data-id=\"bc969e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Why Students Prefer Digital Marketing<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n WHY STUDENTS PREFER DIGITAL MARKETING\r\n PREMIUM \u2022 READABLE \u2022 RESPONSIVE\r\n FULLY STANDALONE\r\n========================================================= *\/\r\n\r\n.dmi-why-section,\r\n.dmi-why-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-why-section{\r\n\r\n --blue:#1A3A8F;\r\n --dark:#10275F;\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n --muted:#657187;\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n color:var(--dark);\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-why-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:75px 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-why-header{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:flex-end;\r\n\r\n gap:55px;\r\n\r\n padding-bottom:29px;\r\n\r\n margin-bottom:32px;\r\n}\r\n\r\n\r\n.dmi-why-header::after{\r\n\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:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-why-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:88px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-why-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:14px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.7px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-why-eyebrow i{\r\n\r\n display:block;\r\n\r\n width:31px;\r\n\r\n height:2px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n.dmi-why-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:44px !important;\r\n\r\n line-height:1.10 !important;\r\n\r\n letter-spacing:-1.6px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-why-heading span{\r\n\r\n position:relative;\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n\r\n.dmi-why-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:-5px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-15deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-why-intro{\r\n\r\n width:410px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n\r\n letter-spacing:.05px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP INFORMATION AREA\r\n========================================================= *\/\r\n\r\n.dmi-why-top{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:420px 1fr;\r\n\r\n gap:18px;\r\n\r\n align-items:stretch;\r\n\r\n margin-bottom:22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURE IMAGE\r\n========================================================= *\/\r\n\r\n.dmi-why-image-feature{\r\n\r\n position:relative;\r\n\r\n min-height:350px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:24px;\r\n\r\n background:#10275F;\r\n\r\n box-shadow:\r\n 0 22px 55px rgba(16,39,95,.14);\r\n}\r\n\r\n\r\n.dmi-why-image-feature img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n min-height:350px;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n transition:transform .6s ease;\r\n}\r\n\r\n\r\n.dmi-why-image-feature:hover img{\r\n\r\n transform:scale(1.05);\r\n}\r\n\r\n\r\n.dmi-why-image-feature::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 180deg,\r\n rgba(16,39,95,.02) 10%,\r\n rgba(16,39,95,.92) 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-image-content{\r\n\r\n position:absolute;\r\n\r\n z-index:3;\r\n\r\n left:25px;\r\n right:25px;\r\n\r\n bottom:25px;\r\n}\r\n\r\n\r\n.dmi-image-badge{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:8px 12px;\r\n\r\n margin-bottom:14px;\r\n\r\n border:1px solid rgba(255,255,255,.16);\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,255,255,.10);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n color:var(--gold-light);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-image-badge::before{\r\n\r\n content:\"\";\r\n\r\n width:7px;\r\n height:7px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n.dmi-image-title{\r\n\r\n margin:0 0 9px !important;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:29px !important;\r\n\r\n line-height:1.12 !important;\r\n\r\n letter-spacing:-.6px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-image-title span{\r\n\r\n color:var(--gold-light);\r\n}\r\n\r\n\r\n.dmi-image-text{\r\n\r\n margin:0 !important;\r\n\r\n max-width:365px;\r\n\r\n color:rgba(255,255,255,.82) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INFORMATION GRID\r\n========================================================= *\/\r\n\r\n.dmi-why-info{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INFO CARD\r\n========================================================= *\/\r\n\r\n.dmi-info-card{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n min-height:170px;\r\n\r\n padding:20px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:18px;\r\n\r\n background:rgba(255,255,255,.20);\r\n\r\n transition:\r\n transform .3s ease,\r\n background .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.dmi-info-card:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n background:rgba(255,255,255,.34);\r\n\r\n border-color:rgba(26,58,143,.22);\r\n\r\n box-shadow:\r\n 0 15px 35px rgba(20,45,100,.09);\r\n}\r\n\r\n\r\n.dmi-info-card-number{\r\n\r\n position:absolute;\r\n\r\n top:10px;\r\n right:13px;\r\n\r\n color:rgba(26,58,143,.07);\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:36px;\r\n\r\n line-height:1;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.dmi-info-icon{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:13px;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.08),\r\n rgba(253,185,19,.12)\r\n );\r\n\r\n border:1px solid rgba(26,58,143,.08);\r\n\r\n color:var(--blue);\r\n\r\n font-size:16px;\r\n\r\n font-weight:700;\r\n}\r\n\r\n\r\n.dmi-info-title{\r\n\r\n margin:0 0 8px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-info-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MINI IMAGE STRIP\r\n========================================================= *\/\r\n\r\n.dmi-why-images{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:10px;\r\n\r\n margin-top:10px;\r\n}\r\n\r\n\r\n.dmi-mini-image{\r\n\r\n position:relative;\r\n\r\n height:105px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:14px;\r\n\r\n border:1px solid var(--line);\r\n\r\n background:#eee;\r\n}\r\n\r\n\r\n.dmi-mini-image img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n transition:.5s ease;\r\n}\r\n\r\n\r\n.dmi-mini-image:hover img{\r\n\r\n transform:scale(1.06);\r\n}\r\n\r\n\r\n.dmi-mini-image::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 180deg,\r\n transparent 20%,\r\n rgba(16,39,95,.78)\r\n );\r\n}\r\n\r\n\r\n.dmi-mini-label{\r\n\r\n position:absolute;\r\n\r\n z-index:2;\r\n\r\n left:12px;\r\n bottom:10px;\r\n\r\n color:#fff;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:11px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REASONS TITLE\r\n========================================================= *\/\r\n\r\n.dmi-reasons-title{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n margin:0 0 16px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:20px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-reasons-title::before{\r\n\r\n content:\"\";\r\n\r\n width:4px;\r\n height:22px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REASONS GRID\r\n========================================================= *\/\r\n\r\n.dmi-reasons-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(3,1fr);\r\n\r\n gap:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REASON CARD\r\n========================================================= *\/\r\n\r\n.dmi-reason-card{\r\n\r\n position:relative;\r\n\r\n min-height:145px;\r\n\r\n padding:20px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n background:rgba(255,255,255,.18);\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.dmi-reason-card:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n border-color:rgba(26,58,143,.23);\r\n\r\n box-shadow:\r\n 0 14px 32px rgba(20,45,100,.08);\r\n}\r\n\r\n\r\n.dmi-reason-icon{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:12px;\r\n\r\n border-radius:9px;\r\n\r\n background:rgba(26,58,143,.08);\r\n\r\n color:var(--blue);\r\n\r\n font-size:14px;\r\n\r\n font-weight:700;\r\n}\r\n\r\n\r\n.dmi-reason-title{\r\n\r\n margin:0 0 7px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-reason-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPARISON\r\n========================================================= *\/\r\n\r\n.dmi-comparison{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:11px;\r\n\r\n margin-top:18px;\r\n}\r\n\r\n\r\n.dmi-comparison-card{\r\n\r\n position:relative;\r\n\r\n padding:21px;\r\n\r\n border-radius:16px;\r\n\r\n border:1px solid var(--line);\r\n\r\n background:rgba(255,255,255,.16);\r\n}\r\n\r\n\r\n.dmi-comparison-card.highlight{\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.06),\r\n rgba(253,185,19,.08)\r\n );\r\n\r\n border-color:rgba(253,185,19,.22);\r\n}\r\n\r\n\r\n.dmi-comparison-label{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:10px;\r\n}\r\n\r\n\r\n.dmi-comparison-label i{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n display:block;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n font-style:normal;\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n.dmi-comparison-label strong{\r\n\r\n color:var(--dark);\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:14px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.dmi-comparison-card p{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-why-cta{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:25px;\r\n\r\n margin-top:18px;\r\n\r\n padding:21px 23px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(26,58,143,.04),\r\n rgba(253,185,19,.07)\r\n );\r\n}\r\n\r\n\r\n.dmi-why-cta-title{\r\n\r\n margin:0 0 6px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-why-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.6 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n.dmi-why-button{\r\n\r\n flex-shrink:0;\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 padding:13px 20px;\r\n\r\n border-radius:8px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n\r\n.dmi-why-button:hover{\r\n\r\n background:var(--dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n color:#fff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-why-wrap{\r\n\r\n padding:60px 0 !important;\r\n }\r\n\r\n\r\n .dmi-why-header{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:17px;\r\n }\r\n\r\n\r\n .dmi-why-intro{\r\n\r\n width:100%;\r\n\r\n max-width:700px;\r\n\r\n font-size:15px !important;\r\n }\r\n\r\n\r\n .dmi-why-top{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-why-info{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-why-images{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .dmi-reasons-grid{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-reason-text{\r\n\r\n font-size:12px !important;\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 .dmi-why-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:600px !important;\r\n\r\n padding:48px 0 !important;\r\n }\r\n\r\n\r\n .dmi-why-header{\r\n\r\n text-align:center;\r\n\r\n align-items:center;\r\n\r\n gap:15px;\r\n\r\n padding-bottom:24px;\r\n }\r\n\r\n\r\n .dmi-why-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:65px;\r\n }\r\n\r\n\r\n .dmi-why-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n\r\n letter-spacing:1.5px !important;\r\n }\r\n\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.10 !important;\r\n\r\n letter-spacing:-1px !important;\r\n }\r\n\r\n\r\n .dmi-why-intro{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n TOP\r\n ===================================================== *\/\r\n\r\n .dmi-why-top{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:12px;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n FEATURE\r\n ===================================================== *\/\r\n\r\n .dmi-why-image-feature{\r\n\r\n min-height:350px;\r\n\r\n border-radius:21px;\r\n }\r\n\r\n\r\n .dmi-why-image-feature img{\r\n\r\n min-height:350px;\r\n }\r\n\r\n\r\n .dmi-image-content{\r\n\r\n left:21px;\r\n\r\n right:21px;\r\n\r\n bottom:22px;\r\n }\r\n\r\n\r\n .dmi-image-badge{\r\n\r\n font-size:9px;\r\n\r\n padding:8px 11px;\r\n\r\n margin-bottom:12px;\r\n }\r\n\r\n\r\n .dmi-image-title{\r\n\r\n font-size:25px !important;\r\n\r\n line-height:1.12 !important;\r\n }\r\n\r\n\r\n .dmi-image-text{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n INFO\r\n ===================================================== *\/\r\n\r\n .dmi-why-info{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n }\r\n\r\n\r\n .dmi-info-card{\r\n\r\n min-height:160px;\r\n\r\n padding:17px;\r\n }\r\n\r\n\r\n .dmi-info-icon{\r\n\r\n width:40px;\r\n height:40px;\r\n\r\n margin-bottom:11px;\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n .dmi-info-title{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.3 !important;\r\n }\r\n\r\n\r\n .dmi-info-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n REASONS\r\n ===================================================== *\/\r\n\r\n .dmi-reasons-title{\r\n\r\n font-size:17px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n margin-bottom:14px !important;\r\n }\r\n\r\n\r\n .dmi-reasons-grid{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n }\r\n\r\n\r\n .dmi-reason-card{\r\n\r\n min-height:145px;\r\n\r\n padding:16px;\r\n }\r\n\r\n\r\n .dmi-reason-icon{\r\n\r\n width:34px;\r\n height:34px;\r\n\r\n margin-bottom:10px;\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dmi-reason-title{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.3 !important;\r\n }\r\n\r\n\r\n .dmi-reason-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n COMPARISON\r\n ===================================================== *\/\r\n\r\n .dmi-comparison{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:9px;\r\n\r\n margin-top:15px;\r\n }\r\n\r\n\r\n .dmi-comparison-card{\r\n\r\n padding:18px;\r\n }\r\n\r\n\r\n .dmi-comparison-label strong{\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dmi-comparison-card p{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n CTA\r\n ===================================================== *\/\r\n\r\n .dmi-why-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:14px;\r\n\r\n padding:19px;\r\n }\r\n\r\n\r\n .dmi-why-cta-title{\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.3 !important;\r\n }\r\n\r\n\r\n .dmi-why-cta-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-why-button{\r\n\r\n width:100%;\r\n\r\n text-align:center;\r\n\r\n font-size:11px !important;\r\n\r\n padding:13px 18px;\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 .dmi-why-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n\r\n padding:44px 0 !important;\r\n }\r\n\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:29px !important;\r\n\r\n line-height:1.12 !important;\r\n }\r\n\r\n\r\n .dmi-why-intro{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* INFO *\/\r\n\r\n .dmi-why-info{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-info-card{\r\n\r\n min-height:auto;\r\n\r\n padding:18px;\r\n }\r\n\r\n\r\n .dmi-info-title{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n\r\n .dmi-info-text{\r\n\r\n font-size:11.5px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* FEATURE *\/\r\n\r\n .dmi-why-image-feature{\r\n\r\n min-height:370px;\r\n }\r\n\r\n\r\n .dmi-why-image-feature img{\r\n\r\n min-height:370px;\r\n }\r\n\r\n\r\n .dmi-image-title{\r\n\r\n font-size:24px !important;\r\n }\r\n\r\n\r\n .dmi-image-text{\r\n\r\n font-size:11.5px !important;\r\n }\r\n\r\n\r\n \/* REASONS *\/\r\n\r\n .dmi-reasons-grid{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-reason-card{\r\n\r\n min-height:auto;\r\n\r\n padding:18px;\r\n }\r\n\r\n\r\n .dmi-reason-title{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-reason-text{\r\n\r\n font-size:11.5px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* MINI IMAGES *\/\r\n\r\n .dmi-why-images{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:7px;\r\n }\r\n\r\n\r\n .dmi-mini-label{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n \/* COMPARISON *\/\r\n\r\n .dmi-comparison-card p{\r\n\r\n font-size:11.5px !important;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:27px !important;\r\n }\r\n\r\n\r\n .dmi-why-intro{\r\n\r\n font-size:11.5px !important;\r\n }\r\n\r\n\r\n .dmi-why-images{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .dmi-image-title{\r\n\r\n font-size:22px !important;\r\n }\r\n\r\n\r\n .dmi-image-text{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-reason-title{\r\n\r\n font-size:12.5px !important;\r\n }\r\n\r\n\r\n .dmi-reason-text{\r\n\r\n font-size:11px !important;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n<section class=\"dmi-why-section\">\r\n\r\n<div class=\"dmi-why-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-why-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Future Ready Career\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-why-heading\">\r\n\r\n Why Students Prefer\r\n <span>Digital Marketing<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-why-intro\">\r\n\r\n A traditional degree can provide an academic\r\n foundation, but today's students also want\r\n practical skills, real projects and flexible\r\n career opportunities in the fast-growing\r\n digital economy.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-top\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-image-feature\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.digitaldiscovery.institute\/images\/kanpur-img1.webp\"\r\n alt=\"Students learning digital marketing\"\r\n >\r\n\r\n\r\n <div class=\"dmi-image-content\">\r\n\r\n <div class=\"dmi-image-badge\">\r\n\r\n Practical Learning\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-image-title\">\r\n\r\n Learn Skills.\r\n <br>\r\n\r\n <span>Create Opportunities.<\/span>\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-image-text\">\r\n\r\n Digital marketing combines creativity,\r\n technology, communication and analytics \u2014\r\n giving students multiple ways to build\r\n a modern career.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div>\r\n\r\n<div class=\"dmi-why-info\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-info-card\">\r\n\r\n <div class=\"dmi-info-card-number\">\r\n 01\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-info-icon\">\r\n \u26a1\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-info-title\">\r\n Faster Skill Development\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-info-text\">\r\n\r\n Students can focus on practical marketing\r\n skills instead of relying only on academic\r\n theory.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-info-card\">\r\n\r\n <div class=\"dmi-info-card-number\">\r\n 02\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-info-icon\">\r\n \u25c8\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-info-title\">\r\n Multiple Career Paths\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-info-text\">\r\n\r\n SEO, social media, paid advertising,\r\n content, analytics and e-commerce open\r\n different career directions.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-info-card\">\r\n\r\n <div class=\"dmi-info-card-number\">\r\n 03\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-info-icon\">\r\n \u20b9\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-info-title\">\r\n Earning Potential\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-info-text\">\r\n\r\n Digital skills can support opportunities\r\n through jobs, freelancing, consulting or\r\n your own business.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-info-card\">\r\n\r\n <div class=\"dmi-info-card-number\">\r\n 04\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-info-icon\">\r\n \u2197\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-info-title\">\r\n Industry Demand\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-info-text\">\r\n\r\n Businesses need professionals who can\r\n attract audiences, generate leads and\r\n grow brands online.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-images\">\r\n\r\n\r\n<div class=\"dmi-mini-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/elysiumacademy.org\/wp-content\/uploads\/2025\/11\/Digital-Marketing-Course-Institute.jpeg\"\r\n alt=\"Digital marketing classroom\"\r\n >\r\n\r\n\r\n <div class=\"dmi-mini-label\">\r\n Learn With Projects\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-mini-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/user-images.rightblogger.com\/ai\/4bb1b7d4-3069-40dc-8c87-717b40f5653a\/young-marketer-woman-analytics-laptop-office-d27c97bb.jpg\"\r\n alt=\"Digital marketing analytics\"\r\n >\r\n\r\n\r\n <div class=\"dmi-mini-label\">\r\n Work With Data\r\n <\/div>\r\n\r\n<\/div>\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\r\n<h3 class=\"dmi-reasons-title\">\r\n\r\n What Makes Digital Marketing Different?\r\n\r\n<\/h3>\r\n\r\n\r\n<div class=\"dmi-reasons-grid\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u25c9\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n Practical Skills\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Learn how websites, campaigns, social\r\n platforms, ads and analytics actually work.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u2726\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n AI Integration\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Modern marketers can use AI tools to\r\n research, create, analyse and optimise.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u2197\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n Flexible Careers\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Choose from agency jobs, brand roles,\r\n freelancing, consulting or entrepreneurship.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u25c6\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n Portfolio Building\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Campaigns, websites, content and projects\r\n can become proof of your skills.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u25c7\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n Business Exposure\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Understand how brands attract customers,\r\n generate leads and grow online.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u2605\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n Future Ready\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Build a combination of marketing,\r\n technology, creativity and analytical skills.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-comparison\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-comparison-card\">\r\n\r\n <div class=\"dmi-comparison-label\">\r\n\r\n <i><\/i>\r\n\r\n <strong>\r\n Traditional Degree\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <p>\r\n\r\n Provides structured academic knowledge and\r\n a recognised educational qualification, but\r\n students may need additional practical\r\n experience to demonstrate specific skills.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-comparison-card highlight\">\r\n\r\n <div class=\"dmi-comparison-label\">\r\n\r\n <i><\/i>\r\n\r\n <strong>\r\n Digital Marketing Skills\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <p>\r\n\r\n Focuses on practical execution across\r\n channels such as SEO, social media, paid\r\n advertising, content and analytics \u2014 skills\r\n that can complement a student's education.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-cta\">\r\n\r\n\r\n<div>\r\n\r\n <h3 class=\"dmi-why-cta-title\">\r\n\r\n Don't Just Study. Build a Skill.\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-why-cta-text\">\r\n\r\n Add practical digital skills to your education\r\n and prepare yourself for the changing world\r\n of work.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<a\r\n href=\"#courses\"\r\n class=\"dmi-why-button\"\r\n>\r\n\r\n Explore Courses \u2192\r\n\r\n<\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dc4ebd8 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dc4ebd8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4990e0b\" data-id=\"4990e0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2e9d9a7 elementor-widget elementor-widget-html\" data-id=\"2e9d9a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Why Students Choose Us<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n WHY STUDENTS CHOOSE US\r\n PREMIUM \u2022 READABLE \u2022 RESPONSIVE\r\n========================================================= *\/\r\n\r\n.dmi-why-section,\r\n.dmi-why-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-why-section{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-soft:#EEF3FF;\r\n\r\n --gold:#FDB913;\r\n --gold-soft:#FFF6D9;\r\n\r\n --text:#172B4D;\r\n --muted:#5F6D82;\r\n\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n margin:0 !important;\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-why-wrap{\r\n\r\n width:1100px !important;\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:75px 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-why-header{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n align-items:flex-end;\r\n\r\n justify-content:space-between;\r\n\r\n gap:55px;\r\n\r\n padding-bottom:30px;\r\n\r\n margin-bottom:32px;\r\n}\r\n\r\n.dmi-why-header::after{\r\n\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:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n.dmi-why-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:90px;\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-why-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:13px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.7px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.dmi-why-eyebrow i{\r\n\r\n width:32px;\r\n height:2px;\r\n\r\n display:block;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n.dmi-why-heading{\r\n\r\n max-width:680px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:42px !important;\r\n\r\n line-height:1.13 !important;\r\n\r\n letter-spacing:-1.5px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n.dmi-why-heading span{\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n.dmi-why-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:-7px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-15deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-why-intro{\r\n\r\n width:405px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN LAYOUT\r\n========================================================= *\/\r\n\r\n.dmi-why-main{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:360px 1fr;\r\n\r\n gap:22px;\r\n\r\n align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE PANEL\r\n========================================================= *\/\r\n\r\n.dmi-why-visual{\r\n\r\n position:relative;\r\n\r\n min-height:650px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:25px;\r\n\r\n background:#E9EDF4;\r\n\r\n box-shadow:\r\n 0 25px 60px rgba(16,39,95,.14);\r\n}\r\n\r\n.dmi-why-main-image{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n min-height:650px;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n transition:transform .7s ease;\r\n}\r\n\r\n.dmi-why-visual:hover .dmi-why-main-image{\r\n\r\n transform:scale(1.045);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.dmi-why-image-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(16,39,95,.03) 20%,\r\n rgba(16,39,95,.20) 45%,\r\n rgba(16,39,95,.94) 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE BADGE\r\n========================================================= *\/\r\n\r\n.dmi-why-image-badge{\r\n\r\n position:absolute;\r\n\r\n top:18px;\r\n left:18px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:9px 13px;\r\n\r\n border:1px solid rgba(255,255,255,.24);\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(16,39,95,.65);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n color:#fff !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.dmi-why-image-badge i{\r\n\r\n width:6px;\r\n height:6px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(253,185,19,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE FLOAT CARD\r\n========================================================= *\/\r\n\r\n.dmi-why-image-card{\r\n\r\n position:absolute;\r\n\r\n left:18px;\r\n right:18px;\r\n bottom:18px;\r\n\r\n padding:20px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid rgba(255,255,255,.20);\r\n\r\n background:rgba(16,39,95,.80);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE CARD TOP\r\n========================================================= *\/\r\n\r\n.dmi-why-image-card-top{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n\r\n margin-bottom:14px;\r\n}\r\n\r\n.dmi-why-image-card-icon{\r\n\r\n width:43px;\r\n height:43px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:12px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:17px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n.dmi-why-image-card strong{\r\n\r\n display:block;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n.dmi-why-image-card small{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:rgba(255,255,255,.72) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.4 !important;\r\n\r\n font-weight:600 !important;\r\n}\r\n\r\n.dmi-why-image-card-text{\r\n\r\n margin:0 !important;\r\n\r\n color:rgba(255,255,255,.80) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-why-content{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO BOX\r\n========================================================= *\/\r\n\r\n.dmi-why-intro-box{\r\n\r\n padding:20px 21px;\r\n\r\n border-radius:17px;\r\n\r\n border:1px solid var(--line);\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.045),\r\n rgba(253,185,19,.07)\r\n );\r\n}\r\n\r\n.dmi-why-intro-box-label{\r\n\r\n margin-bottom:8px;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:900 !important;\r\n\r\n letter-spacing:1.2px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.dmi-why-intro-box p{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--text) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:600 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFITS GRID\r\n========================================================= *\/\r\n\r\n.dmi-why-benefits{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFIT CARD\r\n========================================================= *\/\r\n\r\n.dmi-why-benefit{\r\n\r\n min-height:135px;\r\n\r\n padding:17px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:17px;\r\n\r\n background:rgba(255,255,255,.28);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n.dmi-why-benefit:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n border-color:rgba(26,58,143,.23);\r\n\r\n background:rgba(255,255,255,.45);\r\n\r\n box-shadow:\r\n 0 16px 35px rgba(16,39,95,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFIT ICON\r\n========================================================= *\/\r\n\r\n.dmi-why-benefit-icon{\r\n\r\n width:37px;\r\n height:37px;\r\n\r\n margin-bottom:11px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:10px;\r\n\r\n background:var(--blue-soft);\r\n\r\n color:var(--blue);\r\n\r\n font-size:13px;\r\n\r\n font-weight:800;\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n.dmi-why-benefit:hover .dmi-why-benefit-icon{\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFIT TITLE\r\n========================================================= *\/\r\n\r\n.dmi-why-benefit h3{\r\n\r\n margin:0 0 7px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFIT DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-why-benefit p{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SKILL BOX\r\n========================================================= *\/\r\n\r\n.dmi-skill-box{\r\n\r\n padding:19px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid var(--line);\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.035),\r\n rgba(253,185,19,.055)\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SKILL HEADER\r\n========================================================= *\/\r\n\r\n.dmi-skill-top{\r\n\r\n display:flex;\r\n\r\n align-items:flex-end;\r\n\r\n justify-content:space-between;\r\n\r\n margin-bottom:17px;\r\n}\r\n\r\n.dmi-skill-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:19px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n.dmi-skill-subtitle{\r\n\r\n max-width:520px;\r\n\r\n margin:6px 0 0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.55 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRESS GRID\r\n========================================================= *\/\r\n\r\n.dmi-progress-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:25px;\r\n}\r\n\r\n.dmi-progress-column{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRESS LABEL\r\n========================================================= *\/\r\n\r\n.dmi-progress-row{\r\n\r\n margin:0 !important;\r\n}\r\n\r\n.dmi-progress-label{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n margin-bottom:7px;\r\n}\r\n\r\n.dmi-progress-label span{\r\n\r\n color:var(--text) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:700 !important;\r\n}\r\n\r\n.dmi-progress-label strong{\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:11px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TRACK\r\n========================================================= *\/\r\n\r\n.dmi-progress-track{\r\n\r\n width:100%;\r\n\r\n height:7px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(26,58,143,.09);\r\n}\r\n\r\n.dmi-progress-fill{\r\n\r\n position:relative;\r\n\r\n height:100%;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n\r\n animation:dmiProgressLoad 1.3s ease forwards;\r\n}\r\n\r\n@keyframes dmiProgressLoad{\r\n\r\n from{\r\n width:0;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRESS VALUES\r\n========================================================= *\/\r\n\r\n.dmi-progress-92{width:92%;}\r\n.dmi-progress-88{width:88%;}\r\n.dmi-progress-95{width:95%;}\r\n.dmi-progress-90{width:90%;}\r\n.dmi-progress-91{width:91%;}\r\n.dmi-progress-94{width:94%;}\r\n.dmi-progress-89{width:89%;}\r\n.dmi-progress-93{width:93%;}\r\n\r\n\r\n\/* =========================================================\r\n SLIM CTA\r\n========================================================= *\/\r\n\r\n.dmi-progress-cta{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:15px;\r\n\r\n margin-top:17px;\r\n\r\n padding:13px 15px;\r\n\r\n border:1px solid rgba(26,58,143,.12);\r\n\r\n border-radius:12px;\r\n\r\n background:rgba(255,255,255,.3);\r\n}\r\n\r\n.dmi-progress-cta-content{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n}\r\n\r\n.dmi-progress-cta-dot{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(253,185,19,.11);\r\n}\r\n\r\n.dmi-progress-cta-content strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:3px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n.dmi-progress-cta-content p{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.45 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-progress-cta-btn{\r\n\r\n flex-shrink:0;\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 padding:10px 15px;\r\n\r\n border-radius:8px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n.dmi-progress-cta-btn:hover{\r\n\r\n background:var(--blue-dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n color:#fff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM INFORMATION\r\n========================================================= *\/\r\n\r\n.dmi-why-info{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(3,1fr);\r\n\r\n gap:11px;\r\n\r\n margin-top:18px;\r\n}\r\n\r\n.dmi-why-info-card{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n\r\n padding:16px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:14px;\r\n\r\n background:rgba(255,255,255,.2);\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n.dmi-why-info-card:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n background:rgba(255,255,255,.35);\r\n\r\n border-color:rgba(26,58,143,.22);\r\n}\r\n\r\n.dmi-why-info-icon{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--gold-soft);\r\n\r\n color:#8A6500;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n}\r\n\r\n.dmi-why-info-card strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n.dmi-why-info-card span{\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.5 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-why-wrap{\r\n\r\n padding:60px 0 !important;\r\n }\r\n\r\n .dmi-why-header{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:18px;\r\n }\r\n\r\n .dmi-why-intro{\r\n\r\n width:100%;\r\n\r\n max-width:700px;\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n .dmi-why-main{\r\n\r\n grid-template-columns:310px 1fr;\r\n\r\n gap:16px;\r\n }\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:38px !important;\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 .dmi-why-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:600px !important;\r\n\r\n padding:50px 0 !important;\r\n }\r\n\r\n .dmi-why-header{\r\n\r\n align-items:center;\r\n\r\n text-align:center;\r\n\r\n gap:15px;\r\n\r\n padding-bottom:25px;\r\n }\r\n\r\n .dmi-why-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:70px;\r\n }\r\n\r\n .dmi-why-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.15 !important;\r\n\r\n letter-spacing:-1px !important;\r\n }\r\n\r\n .dmi-why-intro{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.75 !important;\r\n }\r\n\r\n\r\n \/* MAIN *\/\r\n\r\n .dmi-why-main{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:15px;\r\n }\r\n\r\n\r\n \/* IMAGE *\/\r\n\r\n .dmi-why-visual{\r\n\r\n min-height:390px;\r\n\r\n border-radius:21px;\r\n }\r\n\r\n .dmi-why-main-image{\r\n\r\n min-height:390px;\r\n }\r\n\r\n .dmi-why-image-card{\r\n\r\n left:14px;\r\n right:14px;\r\n bottom:14px;\r\n\r\n padding:16px;\r\n }\r\n\r\n .dmi-why-image-card strong{\r\n\r\n font-size:15px !important;\r\n }\r\n\r\n .dmi-why-image-card small{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n .dmi-why-image-card-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* INTRO BOX *\/\r\n\r\n .dmi-why-intro-box{\r\n\r\n padding:17px;\r\n }\r\n\r\n .dmi-why-intro-box-label{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n .dmi-why-intro-box p{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* BENEFITS *\/\r\n\r\n .dmi-why-benefits{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n }\r\n\r\n .dmi-why-benefit{\r\n\r\n min-height:150px;\r\n\r\n padding:15px;\r\n }\r\n\r\n .dmi-why-benefit h3{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n .dmi-why-benefit p{\r\n\r\n font-size:10.5px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n \/* SKILLS *\/\r\n\r\n .dmi-skill-box{\r\n\r\n padding:17px;\r\n }\r\n\r\n .dmi-skill-heading{\r\n\r\n font-size:18px !important;\r\n }\r\n\r\n .dmi-skill-subtitle{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.55 !important;\r\n }\r\n\r\n .dmi-progress-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:13px;\r\n }\r\n\r\n .dmi-progress-label span,\r\n .dmi-progress-label strong{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n \/* INFO *\/\r\n\r\n .dmi-why-info{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:9px;\r\n }\r\n\r\n .dmi-why-info-card{\r\n\r\n padding:15px;\r\n }\r\n\r\n .dmi-why-info-card strong{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n .dmi-why-info-card span{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.5 !important;\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 .dmi-why-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n\r\n padding:45px 0 !important;\r\n }\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:29px !important;\r\n }\r\n\r\n .dmi-why-intro{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n .dmi-why-visual{\r\n\r\n min-height:350px;\r\n }\r\n\r\n .dmi-why-main-image{\r\n\r\n min-height:350px;\r\n }\r\n\r\n .dmi-why-image-card{\r\n\r\n padding:14px;\r\n }\r\n\r\n .dmi-why-image-card-icon{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n .dmi-why-image-card strong{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n .dmi-why-image-card small{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n .dmi-why-image-card-text{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n .dmi-why-benefits{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .dmi-why-benefit{\r\n\r\n min-height:auto;\r\n\r\n padding:17px;\r\n }\r\n\r\n .dmi-why-benefit h3{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n .dmi-why-benefit p{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n .dmi-progress-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:stretch;\r\n\r\n gap:11px;\r\n }\r\n\r\n .dmi-progress-cta-btn{\r\n\r\n width:100%;\r\n\r\n text-align:center;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:26px !important;\r\n }\r\n\r\n .dmi-why-eyebrow{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n .dmi-why-image-card-text{\r\n\r\n font-size:9.5px !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<section class=\"dmi-why-section\">\r\n\r\n<div class=\"dmi-why-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-why-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Why Students Choose Us\r\n\r\n <\/div>\r\n\r\n <h2 class=\"dmi-why-heading\">\r\n\r\n Learn Skills That\r\n <span>Move Careers Forward<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-why-intro\">\r\n\r\n Choosing the right institute is about more than\r\n completing a course. Students need practical\r\n exposure, modern tools, relevant skills and\r\n guidance that helps them understand how digital\r\n marketing works in the real world.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-main\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-visual\">\r\n\r\n <img decoding=\"async\"\r\n class=\"dmi-why-main-image\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1000&q=85\"\r\n alt=\"Students learning digital marketing\"\r\n >\r\n\r\n <div class=\"dmi-why-image-overlay\"><\/div>\r\n\r\n\r\n <div class=\"dmi-why-image-badge\">\r\n\r\n <i><\/i>\r\n\r\n Practical Learning\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-why-image-card\">\r\n\r\n <div class=\"dmi-why-image-card-top\">\r\n\r\n <div class=\"dmi-why-image-card-icon\">\r\n \u2605\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Beyond Classroom Learning\r\n <\/strong>\r\n\r\n <small>\r\n Learn \u2022 Practice \u2022 Create \u2022 Grow\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-why-image-card-text\">\r\n\r\n Students don't just learn concepts. They\r\n practice marketing activities, explore\r\n industry tools and build practical knowledge\r\n through project-based learning.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-content\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-intro-box\">\r\n\r\n <div class=\"dmi-why-intro-box-label\">\r\n\r\n What Makes The Experience Different?\r\n\r\n <\/div>\r\n\r\n\r\n <p>\r\n\r\n Our learning approach connects concepts with\r\n practical execution so students can understand\r\n not only <strong>what<\/strong> digital marketing is,\r\n but also <strong>how<\/strong> campaigns, content,\r\n SEO, advertising and analytics work together.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefits\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n \u25c6\r\n <\/div>\r\n\r\n <h3>\r\n Practical Learning\r\n <\/h3>\r\n\r\n <p>\r\n Learn through assignments, campaign planning,\r\n content activities and real-world marketing tasks\r\n instead of only studying theory.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n AI\r\n <\/div>\r\n\r\n <h3>\r\n AI-Powered Marketing\r\n <\/h3>\r\n\r\n <p>\r\n Explore AI tools for research, content creation,\r\n productivity, campaign ideas and modern marketing\r\n workflows.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n \u2197\r\n <\/div>\r\n\r\n <h3>\r\n Industry Tools\r\n <\/h3>\r\n\r\n <p>\r\n Get exposure to platforms used for search,\r\n advertising, analytics, social media and\r\n digital campaign management.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n \u2713\r\n <\/div>\r\n\r\n <h3>\r\n Portfolio Building\r\n <\/h3>\r\n\r\n <p>\r\n Build practical work samples that can help\r\n demonstrate your skills and understanding\r\n during your career journey.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n \u25c9\r\n <\/div>\r\n\r\n <h3>\r\n Mentor Guidance\r\n <\/h3>\r\n\r\n <p>\r\n Get structured guidance while learning concepts,\r\n completing activities and understanding how\r\n digital campaigns are planned.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n \u2726\r\n <\/div>\r\n\r\n <h3>\r\n Career Awareness\r\n <\/h3>\r\n\r\n <p>\r\n Understand different digital career paths,\r\n required skills, role expectations and the\r\n evolving digital marketing ecosystem.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-skill-box\">\r\n\r\n\r\n<div class=\"dmi-skill-top\">\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-skill-heading\">\r\n\r\n Skills You Build With Us\r\n\r\n <\/h3>\r\n\r\n <p class=\"dmi-skill-subtitle\">\r\n\r\n Practical exposure across important digital\r\n marketing and career skill areas.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-grid\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-progress-column\">\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Digital Marketing\r\n <\/span>\r\n\r\n <strong>\r\n 92%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-92\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Performance Marketing\r\n <\/span>\r\n\r\n <strong>\r\n 88%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-88\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n SEO & Analytics\r\n <\/span>\r\n\r\n <strong>\r\n 95%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-95\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Social Media & Content\r\n <\/span>\r\n\r\n <strong>\r\n 90%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-90\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-progress-column\">\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Google Ads\r\n <\/span>\r\n\r\n <strong>\r\n 91%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-91\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Meta Ads\r\n <\/span>\r\n\r\n <strong>\r\n 94%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-94\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n AI Marketing Tools\r\n <\/span>\r\n\r\n <strong>\r\n 89%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-89\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Content Strategy\r\n <\/span>\r\n\r\n <strong>\r\n 93%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-93\"><\/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<div class=\"dmi-progress-cta\">\r\n\r\n <div class=\"dmi-progress-cta-content\">\r\n\r\n <span class=\"dmi-progress-cta-dot\"><\/span>\r\n\r\n <div>\r\n\r\n <strong>\r\n Ready to Build Your Digital Career?\r\n <\/strong>\r\n\r\n <p>\r\n Learn practical skills with industry-focused training.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"dmi-progress-cta-btn\"\r\n >\r\n Explore Courses \u2192\r\n <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-info\">\r\n\r\n\r\n<div class=\"dmi-why-info-card\">\r\n\r\n <div class=\"dmi-why-info-icon\">\r\n 01\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Real-World Projects\r\n <\/strong>\r\n\r\n <span>\r\n Apply concepts through practical activities\r\n and marketing assignments.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-why-info-card\">\r\n\r\n <div class=\"dmi-why-info-icon\">\r\n 02\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Modern Curriculum\r\n <\/strong>\r\n\r\n <span>\r\n Learn digital marketing skills aligned with\r\n today's changing digital ecosystem.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-why-info-card\">\r\n\r\n <div class=\"dmi-why-info-icon\">\r\n 03\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Career-Focused Skills\r\n <\/strong>\r\n\r\n <span>\r\n Understand roles, tools, workflows and skills\r\n needed for digital career opportunities.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-65e41a1 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"65e41a1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c713762\" data-id=\"c713762\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5166c46 elementor-widget elementor-widget-html\" data-id=\"5166c46\" 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>How It Works | Learning Journey<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n HOW IT WORKS\r\n MODERN \u2022 UNIQUE \u2022 PREMIUM \u2022 RESPONSIVE\r\n========================================================= *\/\r\n\r\n.dmi-how-section,\r\n.dmi-how-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-how-section{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-light:#315CC7;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n\r\n --text:#17213B;\r\n --muted:#667085;\r\n\r\n --white:#ffffff;\r\n\r\n --line:rgba(26,58,143,.12);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n color:var(--text);\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n overflow:hidden;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BACKGROUND\r\n========================================================= *\/\r\n\r\n.dmi-how-section::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:520px;\r\n height:520px;\r\n\r\n top:-260px;\r\n left:-230px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(26,58,143,.075),\r\n transparent 68%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n.dmi-how-section::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:500px;\r\n height:500px;\r\n\r\n right:-250px;\r\n bottom:-260px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(253,185,19,.09),\r\n transparent 68%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-how-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 82px !important;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-how-header{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 390px;\r\n\r\n align-items:end;\r\n\r\n gap:60px;\r\n\r\n padding-bottom:30px;\r\n\r\n margin-bottom:34px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-how-header::after{\r\n\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:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-how-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:95px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n var(--gold),\r\n var(--gold-light)\r\n );\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-how-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:13px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.8px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-how-eyebrow i{\r\n\r\n width:34px;\r\n\r\n height:2px;\r\n\r\n display:block;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n.dmi-how-heading{\r\n\r\n max-width:680px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:43px !important;\r\n\r\n line-height:1.10 !important;\r\n\r\n letter-spacing:-1.6px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-how-heading span{\r\n\r\n color:var(--blue) !important;\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n}\r\n\r\n\r\n.dmi-how-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:-7px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-14deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-how-intro{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n JOURNEY SUMMARY\r\n========================================================= *\/\r\n\r\n.dmi-how-summary{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(4,1fr);\r\n\r\n gap:12px;\r\n\r\n margin-bottom:40px;\r\n}\r\n\r\n\r\n.dmi-how-summary-card{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n\r\n min-height:76px;\r\n\r\n padding:14px 15px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.72),\r\n rgba(255,255,255,.32)\r\n );\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(16,39,95,.035);\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n\r\n.dmi-how-summary-card::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:15px;\r\n right:15px;\r\n bottom:0;\r\n\r\n height:2px;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n transparent,\r\n var(--gold),\r\n transparent\r\n );\r\n\r\n opacity:0;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-how-summary-card:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n border-color:rgba(26,58,143,.20);\r\n\r\n background:rgba(255,255,255,.7);\r\n\r\n box-shadow:\r\n 0 16px 34px rgba(16,39,95,.09);\r\n}\r\n\r\n\r\n.dmi-how-summary-card:hover::before{\r\n\r\n opacity:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUMMARY ICON\r\n========================================================= *\/\r\n\r\n.dmi-how-summary-icon{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(26,58,143,.10),\r\n rgba(26,58,143,.04)\r\n );\r\n\r\n color:var(--blue);\r\n\r\n font-size:13px;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-how-summary-card:hover .dmi-how-summary-icon{\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n transform:rotate(-4deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUMMARY TEXT\r\n========================================================= *\/\r\n\r\n.dmi-how-summary strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-how-summary span{\r\n\r\n display:block;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.4 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n JOURNEY TITLE\r\n========================================================= *\/\r\n\r\n.dmi-how-journey-head{\r\n\r\n display:flex;\r\n\r\n align-items:flex-end;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n margin-bottom:22px;\r\n}\r\n\r\n\r\n.dmi-how-journey-label{\r\n\r\n color:var(--blue);\r\n\r\n font-size:10px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:1.5px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-how-journey-title{\r\n\r\n margin:5px 0 0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:22px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-how-journey-note{\r\n\r\n max-width:360px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.5 !important;\r\n\r\n text-align:right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TIMELINE\r\n========================================================= *\/\r\n\r\n.dmi-how-timeline{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:17px 70px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CENTER JOURNEY LINE\r\n========================================================= *\/\r\n\r\n.dmi-how-line{\r\n\r\n position:absolute;\r\n\r\n top:25px;\r\n\r\n bottom:25px;\r\n\r\n left:50%;\r\n\r\n width:2px;\r\n\r\n transform:translateX(-50%);\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n transparent,\r\n rgba(26,58,143,.18) 8%,\r\n rgba(26,58,143,.18) 92%,\r\n transparent\r\n );\r\n\r\n z-index:0;\r\n}\r\n\r\n\r\n.dmi-how-line::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n\r\n left:-1px;\r\n\r\n width:4px;\r\n\r\n height:25%;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n\r\n animation:dmiLineMove 4.5s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes dmiLineMove{\r\n\r\n 0%{\r\n top:0;\r\n height:18%;\r\n }\r\n\r\n 50%{\r\n top:42%;\r\n height:22%;\r\n }\r\n\r\n 100%{\r\n top:82%;\r\n height:18%;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STEP CARD\r\n========================================================= *\/\r\n\r\n.dmi-how-step{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n gap:16px;\r\n\r\n min-height:145px;\r\n\r\n padding:19px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:19px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.82),\r\n rgba(255,255,255,.46)\r\n );\r\n\r\n box-shadow:\r\n 0 10px 28px rgba(16,39,95,.045);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n\r\n.dmi-how-step:hover{\r\n\r\n transform:translateY(-5px);\r\n\r\n border-color:rgba(26,58,143,.22);\r\n\r\n box-shadow:\r\n 0 18px 40px rgba(16,39,95,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STEP NUMBER\r\n========================================================= *\/\r\n\r\n.dmi-how-number{\r\n\r\n width:49px;\r\n height:49px;\r\n\r\n min-width:49px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:15px;\r\n\r\n color:#fff;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:15px;\r\n\r\n font-weight:800;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n var(--blue),\r\n var(--blue-light)\r\n );\r\n\r\n box-shadow:\r\n 0 9px 20px rgba(26,58,143,.22);\r\n\r\n position:relative;\r\n\r\n transition:.35s ease;\r\n}\r\n\r\n\r\n.dmi-how-number::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:-4px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid rgba(253,185,19,.40);\r\n\r\n opacity:0;\r\n\r\n transform:scale(.85);\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-how-step:hover .dmi-how-number{\r\n\r\n transform:rotate(-4deg) scale(1.05);\r\n}\r\n\r\n\r\n.dmi-how-step:hover .dmi-how-number::before{\r\n\r\n opacity:1;\r\n\r\n transform:scale(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STEP CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-how-step-content{\r\n\r\n flex:1;\r\n\r\n min-width:0;\r\n}\r\n\r\n\r\n.dmi-how-step-top{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:8px;\r\n}\r\n\r\n\r\n.dmi-how-step-title{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-how-step-tag{\r\n\r\n flex-shrink:0;\r\n\r\n padding:5px 8px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(253,185,19,.11);\r\n\r\n border:1px solid rgba(253,185,19,.22);\r\n\r\n color:#866300 !important;\r\n\r\n font-size:8px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:.6px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-how-step-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONNECTOR DOT\r\n========================================================= *\/\r\n\r\n.dmi-how-step:nth-child(odd)::after,\r\n.dmi-how-step:nth-child(even)::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:32px;\r\n\r\n width:13px;\r\n height:13px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n border:3px solid #fff;\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(253,185,19,.14);\r\n\r\n z-index:5;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-how-step:nth-child(odd)::after{\r\n\r\n right:-43px;\r\n}\r\n\r\n\r\n.dmi-how-step:nth-child(even)::after{\r\n\r\n left:-43px;\r\n}\r\n\r\n\r\n.dmi-how-step:hover::after{\r\n\r\n transform:scale(1.3);\r\n\r\n background:var(--blue);\r\n\r\n box-shadow:\r\n 0 0 0 6px rgba(26,58,143,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-how-cta{\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:space-between;\r\n\r\n gap:20px;\r\n\r\n margin-top:32px;\r\n\r\n padding:20px 22px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid rgba(26,58,143,.13);\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n rgba(26,58,143,.055),\r\n rgba(253,185,19,.08)\r\n );\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.dmi-how-cta::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:180px;\r\n height:180px;\r\n\r\n right:-80px;\r\n top:-100px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.10);\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n.dmi-how-cta-left{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:13px;\r\n}\r\n\r\n\r\n.dmi-how-cta-icon{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:12px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:14px;\r\n\r\n box-shadow:\r\n 0 7px 18px rgba(253,185,19,.22);\r\n}\r\n\r\n\r\n.dmi-how-cta-title{\r\n\r\n margin:0 0 4px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-how-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.45 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n.dmi-how-cta-btn{\r\n\r\n position:relative;\r\n\r\n z-index:2;\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 gap:8px;\r\n\r\n flex-shrink:0;\r\n\r\n padding:11px 18px;\r\n\r\n min-height:40px;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n transition:.3s ease;\r\n\r\n box-shadow:\r\n 0 8px 18px rgba(26,58,143,.18);\r\n}\r\n\r\n\r\n.dmi-how-cta-btn:hover{\r\n\r\n background:var(--blue-dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(26,58,143,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-how-wrap{\r\n\r\n padding:65px 0 70px !important;\r\n }\r\n\r\n\r\n .dmi-how-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:17px;\r\n\r\n align-items:start;\r\n }\r\n\r\n\r\n .dmi-how-intro{\r\n\r\n max-width:700px;\r\n }\r\n\r\n\r\n .dmi-how-summary{\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n\r\n .dmi-how-timeline{\r\n\r\n gap:15px 48px;\r\n }\r\n\r\n\r\n .dmi-how-step{\r\n\r\n padding:17px;\r\n }\r\n\r\n\r\n .dmi-how-step:nth-child(odd)::after{\r\n\r\n right:-31px;\r\n }\r\n\r\n\r\n .dmi-how-step:nth-child(even)::after{\r\n\r\n left:-31px;\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 .dmi-how-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:620px !important;\r\n\r\n padding:52px 0 60px !important;\r\n }\r\n\r\n\r\n \/* HEADER *\/\r\n\r\n .dmi-how-header{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n text-align:center;\r\n\r\n gap:15px;\r\n\r\n padding-bottom:25px;\r\n\r\n margin-bottom:28px;\r\n }\r\n\r\n\r\n .dmi-how-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:70px;\r\n }\r\n\r\n\r\n .dmi-how-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-how-heading{\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.13 !important;\r\n\r\n letter-spacing:-1.1px !important;\r\n }\r\n\r\n\r\n .dmi-how-intro{\r\n\r\n max-width:550px;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* SUMMARY *\/\r\n\r\n .dmi-how-summary{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:32px;\r\n }\r\n\r\n\r\n .dmi-how-summary-card{\r\n\r\n min-height:70px;\r\n\r\n padding:11px;\r\n\r\n gap:9px;\r\n }\r\n\r\n\r\n .dmi-how-summary-icon{\r\n\r\n width:32px;\r\n height:32px;\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .dmi-how-summary strong{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-how-summary span{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n \/* JOURNEY HEADER *\/\r\n\r\n .dmi-how-journey-head{\r\n\r\n display:block;\r\n\r\n text-align:left;\r\n\r\n margin-bottom:18px;\r\n }\r\n\r\n\r\n .dmi-how-journey-title{\r\n\r\n font-size:20px !important;\r\n }\r\n\r\n\r\n .dmi-how-journey-note{\r\n\r\n max-width:100%;\r\n\r\n margin-top:5px !important;\r\n\r\n text-align:left;\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n \/* TIMELINE *\/\r\n\r\n .dmi-how-timeline{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:12px;\r\n\r\n padding-left:15px;\r\n }\r\n\r\n\r\n .dmi-how-line{\r\n\r\n left:26px;\r\n\r\n top:20px;\r\n\r\n bottom:20px;\r\n\r\n transform:none;\r\n }\r\n\r\n\r\n .dmi-how-step{\r\n\r\n width:100%;\r\n\r\n min-height:auto;\r\n\r\n margin-left:20px;\r\n\r\n padding:16px;\r\n\r\n gap:12px;\r\n\r\n border-radius:16px;\r\n }\r\n\r\n\r\n .dmi-how-number{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n min-width:42px;\r\n\r\n border-radius:12px;\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dmi-how-step-title{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n\r\n .dmi-how-step-text{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-how-step-tag{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .dmi-how-step:nth-child(odd)::after,\r\n .dmi-how-step:nth-child(even)::after{\r\n\r\n left:-21px;\r\n\r\n right:auto;\r\n\r\n top:28px;\r\n\r\n width:10px;\r\n height:10px;\r\n\r\n border-width:2px;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n .dmi-how-cta{\r\n\r\n margin-top:25px;\r\n\r\n padding:17px;\r\n\r\n align-items:stretch;\r\n\r\n flex-direction:column;\r\n\r\n gap:13px;\r\n }\r\n\r\n\r\n .dmi-how-cta-title{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-how-cta-text{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n .dmi-how-cta-btn{\r\n\r\n width:100%;\r\n\r\n min-height:42px;\r\n\r\n padding:11px;\r\n\r\n font-size:10px !important;\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 .dmi-how-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n\r\n padding:46px 0 55px !important;\r\n }\r\n\r\n\r\n .dmi-how-heading{\r\n\r\n font-size:29px !important;\r\n }\r\n\r\n\r\n .dmi-how-intro{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-how-summary{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-how-summary-card{\r\n\r\n min-height:62px;\r\n\r\n padding:10px 12px;\r\n }\r\n\r\n\r\n .dmi-how-summary strong{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-how-summary span{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n .dmi-how-journey-title{\r\n\r\n font-size:18px !important;\r\n }\r\n\r\n\r\n .dmi-how-step{\r\n\r\n margin-left:17px;\r\n\r\n padding:14px;\r\n\r\n gap:11px;\r\n }\r\n\r\n\r\n .dmi-how-number{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n min-width:38px;\r\n\r\n border-radius:11px;\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .dmi-how-step-title{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-how-step-text{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-how-line{\r\n\r\n left:21px;\r\n }\r\n\r\n\r\n .dmi-how-step:nth-child(odd)::after,\r\n .dmi-how-step:nth-child(even)::after{\r\n\r\n left:-18px;\r\n\r\n top:26px;\r\n }\r\n\r\n\r\n .dmi-how-cta-title{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-how-heading{\r\n\r\n font-size:27px !important;\r\n }\r\n\r\n\r\n .dmi-how-eyebrow{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n .dmi-how-step{\r\n\r\n margin-left:14px;\r\n }\r\n\r\n\r\n .dmi-how-line{\r\n\r\n left:18px;\r\n }\r\n\r\n\r\n .dmi-how-step:nth-child(odd)::after,\r\n .dmi-how-step:nth-child(even)::after{\r\n\r\n left:-15px;\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 .dmi-how-line::after{\r\n\r\n animation:none;\r\n }\r\n\r\n\r\n .dmi-how-step,\r\n .dmi-how-summary-card,\r\n .dmi-how-number,\r\n .dmi-how-cta-btn{\r\n\r\n transition:none;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"dmi-how-section\">\r\n\r\n<div class=\"dmi-how-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-how-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Your Learning Journey\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-how-heading\">\r\n\r\n From Learning To\r\n <span>Career Growth<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-intro\">\r\n\r\n A structured learning journey designed to take\r\n you from your first class to practical skills,\r\n projects, certifications and career guidance \u2014\r\n step by step.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-summary\">\r\n\r\n\r\n <div class=\"dmi-how-summary-card\">\r\n\r\n <div class=\"dmi-how-summary-icon\">\r\n\r\n <i class=\"fa-solid fa-user-plus\"><\/i>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>Start Easily<\/strong>\r\n\r\n <span>Simple enrollment process<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-summary-card\">\r\n\r\n <div class=\"dmi-how-summary-icon\">\r\n\r\n <i class=\"fa-solid fa-chalkboard-user\"><\/i>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>Learn Practically<\/strong>\r\n\r\n <span>Classes + real activities<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-summary-card\">\r\n\r\n <div class=\"dmi-how-summary-icon\">\r\n\r\n <i class=\"fa-solid fa-laptop-code\"><\/i>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>Build Skills<\/strong>\r\n\r\n <span>Projects + industry tools<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-summary-card\">\r\n\r\n <div class=\"dmi-how-summary-icon\">\r\n\r\n <i class=\"fa-solid fa-arrow-trend-up\"><\/i>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>Move Forward<\/strong>\r\n\r\n <span>Career-focused guidance<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-journey-head\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-how-journey-label\">\r\n Your Step-by-Step Path\r\n <\/div>\r\n\r\n <h3 class=\"dmi-how-journey-title\">\r\n Eight Steps. One Clear Direction.\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-journey-note\">\r\n\r\n Every stage is designed to help you move\r\n from learning concepts to applying them\r\n with confidence.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-timeline\">\r\n\r\n\r\n<div class=\"dmi-how-line\"><\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 01\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Enroll\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Start\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Choose your preferred course and batch,\r\n complete the admission process and take\r\n the first step toward your digital learning journey.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 02\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Orientation\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Understand\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Get introduced to your mentors, course structure,\r\n learning methodology and the skills you will\r\n develop throughout the program.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 03\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Live Classes\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Learn\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Attend structured instructor-led sessions covering\r\n digital marketing concepts, tools, strategies,\r\n AI applications and practical workflows.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 04\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Projects\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Practice\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Turn your knowledge into practical work through\r\n campaign planning, content activities, websites,\r\n SEO tasks and other real-world projects.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 05\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Certifications\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Validate\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Work toward relevant platform and course\r\n certifications that can strengthen your\r\n knowledge and professional profile.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 06\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Mock Interviews\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Prepare\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Practice common interview situations,\r\n communicate your skills confidently and\r\n understand how to present your practical work.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 07\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Career Support\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Grow\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Understand relevant career paths, improve your\r\n profile and receive guidance for opportunities\r\n related to your skills and interests.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 08\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Continuous Growth\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Beyond\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Keep improving your skills with guidance,\r\n practice and awareness of new tools,\r\n technologies and trends in digital marketing.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-cta\">\r\n\r\n\r\n <div class=\"dmi-how-cta-left\">\r\n\r\n <div class=\"dmi-how-cta-icon\">\r\n\r\n <i class=\"fa-solid fa-rocket\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-how-cta-title\">\r\n\r\n Ready To Start Your Learning Journey?\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-how-cta-text\">\r\n\r\n Explore the right course and take your first step today.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"dmi-how-cta-btn\"\r\n >\r\n\r\n Explore Courses\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-098fa3e ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"098fa3e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2fc9f15\" data-id=\"2fc9f15\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3089d45 elementor-widget elementor-widget-html\" data-id=\"3089d45\" 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>Upcoming Batches<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n UPCOMING BATCHES\r\n PREMIUM \u2022 TRANSPARENT \u2022 MODERN \u2022 RESPONSIVE\r\n========================================================= *\/\r\n\r\n.dmi-batches-section,\r\n.dmi-batches-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SECTION\r\n========================================================= *\/\r\n\r\n.dmi-batches-section{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-light:#315CC7;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFF4CC;\r\n\r\n --text:#17213B;\r\n --muted:#667085;\r\n\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n color:var(--text);\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n overflow:hidden;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-batches-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 82px !important;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-batches-header{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 390px;\r\n\r\n align-items:end;\r\n\r\n gap:55px;\r\n\r\n padding-bottom:28px;\r\n\r\n margin-bottom:34px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-batches-header::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:0;\r\n\r\n height:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-batches-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n bottom:-1px;\r\n\r\n width:90px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-batches-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:12px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.7px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-batches-eyebrow i{\r\n\r\n width:30px;\r\n height:2px;\r\n\r\n display:block;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADING\r\n========================================================= *\/\r\n\r\n.dmi-batches-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:40px !important;\r\n\r\n line-height:1.1 !important;\r\n\r\n letter-spacing:-1.5px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-batches-heading span{\r\n\r\n position:relative;\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n\r\n.dmi-batches-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:-7px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-14deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-batches-intro{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUICK INFO BAR\r\n========================================================= *\/\r\n\r\n.dmi-batches-meta{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\r\n.dmi-batches-meta-item{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:8px 13px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,255,255,.28);\r\n\r\n color:var(--text);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:700;\r\n}\r\n\r\n\r\n.dmi-batches-meta-item i{\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n.dmi-batches-meta-item strong{\r\n\r\n color:var(--blue);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BATCH GRID\r\n========================================================= *\/\r\n\r\n.dmi-batches-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:18px;\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BATCH CARD\r\n========================================================= *\/\r\n\r\n.dmi-batch-card{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n min-width:0;\r\n\r\n padding:22px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:20px;\r\n\r\n background:rgba(255,255,255,.34);\r\n\r\n box-shadow:\r\n 0 8px 26px rgba(16,39,95,.045);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n overflow:hidden;\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n\r\n.dmi-batch-card::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n top:0;\r\n bottom:0;\r\n\r\n width:4px;\r\n\r\n background:var(--blue);\r\n\r\n opacity:.18;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-batch-card:hover{\r\n\r\n transform:translateY(-5px);\r\n\r\n border-color:rgba(26,58,143,.23);\r\n\r\n background:rgba(255,255,255,.52);\r\n\r\n box-shadow:\r\n 0 18px 40px rgba(16,39,95,.09);\r\n}\r\n\r\n\r\n.dmi-batch-card:hover::before{\r\n\r\n opacity:1;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURED CARD\r\n========================================================= *\/\r\n\r\n.dmi-batch-card.featured{\r\n\r\n border-color:rgba(253,185,19,.35);\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.55),\r\n rgba(255,248,224,.35)\r\n );\r\n}\r\n\r\n\r\n.dmi-batch-card.featured::before{\r\n\r\n opacity:1;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURED LABEL\r\n========================================================= *\/\r\n\r\n.dmi-batch-featured-label{\r\n\r\n position:absolute;\r\n\r\n top:16px;\r\n right:16px;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n padding:6px 9px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:9px;\r\n\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.5px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-batch-featured-label i{\r\n\r\n font-size:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD TOP\r\n========================================================= *\/\r\n\r\n.dmi-batch-top{\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n justify-content:space-between;\r\n\r\n gap:15px;\r\n\r\n margin-bottom:18px;\r\n\r\n padding-right:5px;\r\n}\r\n\r\n\r\n.dmi-batch-top h3{\r\n\r\n margin:0 0 9px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n letter-spacing:-.3px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TAGS\r\n========================================================= *\/\r\n\r\n.dmi-batch-tags{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:6px;\r\n}\r\n\r\n\r\n.dmi-batch-tag{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n padding:5px 9px;\r\n\r\n border-radius:50px;\r\n\r\n font-size:10px;\r\n\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n border:1px solid transparent;\r\n}\r\n\r\n\r\n.dmi-batch-tag.popular{\r\n\r\n color:var(--blue);\r\n\r\n background:rgba(26,58,143,.07);\r\n\r\n border-color:rgba(26,58,143,.12);\r\n}\r\n\r\n\r\n.dmi-batch-tag.hybrid{\r\n\r\n color:#047857;\r\n\r\n background:#ECFDF5;\r\n\r\n border-color:rgba(4,120,87,.10);\r\n}\r\n\r\n\r\n.dmi-batch-tag.online{\r\n\r\n color:#0369A1;\r\n\r\n background:#E0F2FE;\r\n\r\n border-color:rgba(3,105,161,.10);\r\n}\r\n\r\n\r\n.dmi-batch-tag.offline{\r\n\r\n color:#9D174D;\r\n\r\n background:#FCE7F3;\r\n\r\n border-color:rgba(157,23,77,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DATE \/ DETAILS\r\n========================================================= *\/\r\n\r\n.dmi-batch-details{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:17px;\r\n}\r\n\r\n\r\n.dmi-batch-detail{\r\n\r\n position:relative;\r\n\r\n padding:12px 13px;\r\n\r\n border-radius:12px;\r\n\r\n border:1px solid rgba(26,58,143,.08);\r\n\r\n background:rgba(238,243,255,.52);\r\n}\r\n\r\n\r\n.dmi-batch-detail-label{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n.dmi-batch-detail-value{\r\n\r\n display:block;\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.35;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA INFO\r\n========================================================= *\/\r\n\r\n.dmi-batch-extra{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:10px 15px;\r\n\r\n margin-bottom:20px;\r\n\r\n padding-top:2px;\r\n}\r\n\r\n\r\n.dmi-batch-extra-item{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.35;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n.dmi-batch-extra-item i{\r\n\r\n color:var(--blue);\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n.dmi-batch-extra-item.seats{\r\n\r\n color:#B42318;\r\n\r\n}\r\n\r\n\r\n.dmi-batch-extra-item.seats.available{\r\n\r\n color:#15803D;\r\n}\r\n\r\n\r\n.dmi-batch-extra-item.seats i{\r\n\r\n color:currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD FOOTER\r\n========================================================= *\/\r\n\r\n.dmi-batch-footer{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:12px;\r\n\r\n margin-top:auto;\r\n\r\n padding-top:15px;\r\n\r\n border-top:1px solid var(--line);\r\n}\r\n\r\n\r\n.dmi-batch-status{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n.dmi-batch-status-dot{\r\n\r\n width:7px;\r\n height:7px;\r\n\r\n border-radius:50%;\r\n\r\n background:#16A34A;\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(22,163,74,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-batch-btn{\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 gap:8px;\r\n\r\n min-width:125px;\r\n\r\n padding:10px 15px;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n box-shadow:\r\n 0 7px 16px rgba(26,58,143,.16);\r\n\r\n transition:\r\n transform .25s ease,\r\n background .25s ease,\r\n box-shadow .25s ease;\r\n}\r\n\r\n\r\n.dmi-batch-btn:hover{\r\n\r\n background:var(--blue-dark);\r\n\r\n color:#fff !important;\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 11px 22px rgba(26,58,143,.22);\r\n}\r\n\r\n\r\n.dmi-batch-btn i{\r\n\r\n transition:transform .25s ease;\r\n}\r\n\r\n\r\n.dmi-batch-btn:hover i{\r\n\r\n transform:translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM NOTE\r\n========================================================= *\/\r\n\r\n.dmi-batches-note{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:7px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.5 !important;\r\n\r\n font-weight:500 !important;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.dmi-batches-note i{\r\n\r\n color:var(--gold);\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n.dmi-batches-note a{\r\n\r\n color:var(--blue) !important;\r\n\r\n font-weight:800 !important;\r\n\r\n text-decoration:none !important;\r\n\r\n border-bottom:1px solid rgba(26,58,143,.25);\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n\r\n.dmi-batches-note a:hover{\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n border-color:var(--blue-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-batches-wrap{\r\n\r\n padding:62px 0 68px !important;\r\n }\r\n\r\n\r\n .dmi-batches-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:16px;\r\n\r\n align-items:start;\r\n }\r\n\r\n\r\n .dmi-batches-intro{\r\n\r\n max-width:700px;\r\n }\r\n\r\n\r\n .dmi-batches-grid{\r\n\r\n gap:15px;\r\n }\r\n\r\n\r\n .dmi-batch-card{\r\n\r\n padding:19px;\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 .dmi-batches-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:620px !important;\r\n\r\n padding:50px 0 58px !important;\r\n }\r\n\r\n\r\n .dmi-batches-header{\r\n\r\n text-align:center;\r\n\r\n align-items:center;\r\n\r\n gap:14px;\r\n\r\n padding-bottom:24px;\r\n\r\n margin-bottom:26px;\r\n }\r\n\r\n\r\n .dmi-batches-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:65px;\r\n }\r\n\r\n\r\n .dmi-batches-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-batches-heading{\r\n\r\n font-size:31px !important;\r\n\r\n line-height:1.13 !important;\r\n\r\n letter-spacing:-1px !important;\r\n }\r\n\r\n\r\n .dmi-batches-intro{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* META *\/\r\n\r\n .dmi-batches-meta{\r\n\r\n gap:7px;\r\n\r\n margin-bottom:24px;\r\n }\r\n\r\n\r\n .dmi-batches-meta-item{\r\n\r\n padding:7px 10px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n \/* GRID *\/\r\n\r\n .dmi-batches-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:13px;\r\n\r\n margin-bottom:24px;\r\n }\r\n\r\n\r\n .dmi-batch-card{\r\n\r\n padding:17px;\r\n\r\n border-radius:17px;\r\n }\r\n\r\n\r\n .dmi-batch-top h3{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-batch-featured-label{\r\n\r\n position:static;\r\n\r\n margin-bottom:12px;\r\n\r\n align-self:flex-start;\r\n }\r\n\r\n\r\n .dmi-batch-details{\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-batch-detail{\r\n\r\n padding:11px;\r\n }\r\n\r\n\r\n .dmi-batch-detail-label{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .dmi-batch-detail-value{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .dmi-batch-extra{\r\n\r\n gap:8px 12px;\r\n\r\n margin-bottom:17px;\r\n }\r\n\r\n\r\n .dmi-batch-extra-item{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-batch-footer{\r\n\r\n align-items:stretch;\r\n\r\n flex-direction:column;\r\n\r\n gap:11px;\r\n }\r\n\r\n\r\n .dmi-batch-status{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-batch-btn{\r\n\r\n width:100%;\r\n\r\n padding:11px;\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-batches-note{\r\n\r\n font-size:11px !important;\r\n\r\n flex-wrap:wrap;\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 .dmi-batches-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n\r\n padding:45px 0 52px !important;\r\n }\r\n\r\n\r\n .dmi-batches-heading{\r\n\r\n font-size:28px !important;\r\n }\r\n\r\n\r\n .dmi-batches-intro{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-batches-meta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:stretch;\r\n }\r\n\r\n\r\n .dmi-batches-meta-item{\r\n\r\n justify-content:center;\r\n }\r\n\r\n\r\n .dmi-batch-card{\r\n\r\n padding:15px;\r\n\r\n border-radius:16px;\r\n }\r\n\r\n\r\n .dmi-batch-top h3{\r\n\r\n font-size:15px !important;\r\n }\r\n\r\n\r\n .dmi-batch-tags{\r\n\r\n gap:5px;\r\n }\r\n\r\n\r\n .dmi-batch-tag{\r\n\r\n font-size:9px;\r\n\r\n padding:5px 8px;\r\n }\r\n\r\n\r\n .dmi-batch-details{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-batch-detail{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:10px;\r\n }\r\n\r\n\r\n .dmi-batch-detail-label{\r\n\r\n margin:0;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .dmi-batch-detail-value{\r\n\r\n text-align:right;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-batch-extra{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n }\r\n\r\n\r\n .dmi-batches-note{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-batches-heading{\r\n\r\n font-size:26px !important;\r\n }\r\n\r\n\r\n .dmi-batch-top h3{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n\r\n .dmi-batch-detail-value{\r\n\r\n font-size:9.5px;\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 .dmi-batch-card,\r\n .dmi-batch-btn,\r\n .dmi-batch-btn i,\r\n .dmi-batches-note a{\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<section class=\"dmi-batches-section\">\r\n\r\n<div class=\"dmi-batches-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batches-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-batches-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Upcoming Learning Opportunities\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-batches-heading\">\r\n\r\n Choose Your\r\n <span>Next Batch<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-batches-intro\">\r\n\r\n Select a learning schedule that fits your routine.\r\n Explore upcoming batches, timings and learning modes\r\n before reserving your seat.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batches-meta\">\r\n\r\n <div class=\"dmi-batches-meta-item\">\r\n\r\n <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n\r\n <span>\r\n <strong>4<\/strong> Upcoming Batches\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batches-meta-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n <span>\r\n Online & Offline\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batches-meta-item\">\r\n\r\n <i class=\"fa-solid fa-clock\"><\/i>\r\n\r\n <span>\r\n Weekday & Weekend\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batches-meta-item\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n <span>\r\n Limited Seats\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batches-grid\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batch-card featured\">\r\n\r\n\r\n <div class=\"dmi-batch-featured-label\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n Most Popular\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-top\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Professional Digital Marketing\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-batch-tags\">\r\n\r\n <span class=\"dmi-batch-tag popular\">\r\n Professional\r\n <\/span>\r\n\r\n <span class=\"dmi-batch-tag hybrid\">\r\n Hybrid\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-details\">\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Start Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 18 Aug 2026\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n End Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 18 Feb 2027\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Timing\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 10:00 AM \u2013 1:00 PM\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Duration\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 6 Months\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-extra\">\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n Online + Offline\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-calendar\"><\/i>\r\n\r\n Weekday Batch\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item seats\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 12 seats left\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-footer\">\r\n\r\n <div class=\"dmi-batch-status\">\r\n\r\n <span class=\"dmi-batch-status-dot\"><\/span>\r\n\r\n Enrollment currently open\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"dmi-batch-btn\"\r\n >\r\n\r\n Enroll Now\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batch-card\">\r\n\r\n\r\n <div class=\"dmi-batch-top\">\r\n\r\n <div>\r\n\r\n <h3>\r\n AI-Powered Digital Marketing\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-batch-tags\">\r\n\r\n <span class=\"dmi-batch-tag online\">\r\n Online\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-details\">\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Start Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 25 Aug 2026\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n End Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 25 Dec 2026\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Timing\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 7:00 PM \u2013 9:00 PM\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Duration\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 4 Months\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-extra\">\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n Fully Online\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-calendar\"><\/i>\r\n\r\n Evening Batch\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item seats\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 8 seats left\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-footer\">\r\n\r\n <div class=\"dmi-batch-status\">\r\n\r\n <span class=\"dmi-batch-status-dot\"><\/span>\r\n\r\n Enrollment currently open\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"dmi-batch-btn\"\r\n >\r\n\r\n Enroll Now\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batch-card\">\r\n\r\n\r\n <div class=\"dmi-batch-top\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Performance Marketing Mastery\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-batch-tags\">\r\n\r\n <span class=\"dmi-batch-tag hybrid\">\r\n Hybrid\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-details\">\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Start Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 01 Sep 2026\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n End Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 01 Feb 2027\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Timing\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n Sat & Sun \u00b7 11 AM \u2013 2 PM\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Duration\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 5 Months\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-extra\">\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n Online + Offline\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-calendar\"><\/i>\r\n\r\n Weekend Batch\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item seats available\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 15 seats left\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-footer\">\r\n\r\n <div class=\"dmi-batch-status\">\r\n\r\n <span class=\"dmi-batch-status-dot\"><\/span>\r\n\r\n Enrollment currently open\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"dmi-batch-btn\"\r\n >\r\n\r\n Enroll Now\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batch-card\">\r\n\r\n\r\n <div class=\"dmi-batch-top\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Professional Digital Marketing\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-batch-tags\">\r\n\r\n <span class=\"dmi-batch-tag offline\">\r\n Offline\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-details\">\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Start Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 08 Sep 2026\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n End Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 08 Mar 2027\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Timing\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 2:00 PM \u2013 5:00 PM\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Duration\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 6 Months\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-extra\">\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-building\"><\/i>\r\n\r\n Classroom\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-calendar\"><\/i>\r\n\r\n Weekday Batch\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item seats available\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 18 seats left\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-footer\">\r\n\r\n <div class=\"dmi-batch-status\">\r\n\r\n <span class=\"dmi-batch-status-dot\"><\/span>\r\n\r\n Enrollment currently open\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"dmi-batch-btn\"\r\n >\r\n\r\n Enroll Now\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<p class=\"dmi-batches-note\">\r\n\r\n <i class=\"fa-solid fa-circle-info\"><\/i>\r\n\r\n Need a different timing?\r\n\r\n <a href=\"#counselor\">\r\n Talk to our counselor\r\n <\/a>\r\n\r\n for custom batch options.\r\n\r\n<\/p>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-560ee04 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"560ee04\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ceb33bf\" data-id=\"ceb33bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f1b09f2 elementor-widget elementor-widget-html\" data-id=\"f1b09f2\" 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\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Who Can Enroll<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n WHO CAN ENROLL \u2014 PREMIUM MODERN SECTION\r\n========================================================= *\/\r\n\r\n.dmi-enroll,\r\n.dmi-enroll *{\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROOT\r\n========================================================= *\/\r\n\r\n.dmi-enroll{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-light:#315CC7;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n\r\n --text:#17213B;\r\n --muted:#596780;\r\n\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n color:var(--text);\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-enroll-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 82px !important;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-enroll-header{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 430px;\r\n\r\n align-items:end;\r\n\r\n gap:55px;\r\n\r\n margin-bottom:42px;\r\n\r\n padding-bottom:27px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* Bottom line *\/\r\n\r\n.dmi-enroll-header::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:0;\r\n\r\n height:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n\/* Gold indicator *\/\r\n\r\n.dmi-enroll-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n bottom:-1px;\r\n\r\n width:90px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-enroll-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:12px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.5px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-enroll-eyebrow i{\r\n\r\n width:30px;\r\n\r\n height:2px;\r\n\r\n display:block;\r\n\r\n background:var(--gold);\r\n\r\n border-radius:50px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADING\r\n========================================================= *\/\r\n\r\n.dmi-enroll-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:42px !important;\r\n\r\n line-height:1.08 !important;\r\n\r\n letter-spacing:-1.5px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-enroll-heading span{\r\n\r\n color:var(--blue) !important;\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n}\r\n\r\n\r\n.dmi-enroll-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n right:0;\r\n\r\n bottom:-5px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-14deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-enroll-intro{\r\n\r\n margin:0 !important;\r\n\r\n max-width:430px;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP INFO STRIP\r\n========================================================= *\/\r\n\r\n.dmi-enroll-info{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n margin-bottom:27px;\r\n\r\n padding:15px 18px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n rgba(26,58,143,.045),\r\n rgba(253,185,19,.055)\r\n );\r\n}\r\n\r\n\r\n.dmi-enroll-info-left{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n}\r\n\r\n\r\n.dmi-enroll-info-icon{\r\n\r\n width:36px;\r\n\r\n height:36px;\r\n\r\n flex-shrink:0;\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:10px;\r\n\r\n background:rgba(26,58,143,.08);\r\n\r\n color:var(--blue);\r\n\r\n font-size:14px;\r\n}\r\n\r\n\r\n.dmi-enroll-info-title{\r\n\r\n margin:0 0 2px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-enroll-info-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.4 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n.dmi-enroll-info-badge{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n flex-shrink:0;\r\n\r\n padding:7px 11px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(253,185,19,.12);\r\n\r\n border:1px solid rgba(253,185,19,.25);\r\n\r\n color:#765800;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.dmi-enroll-info-badge i{\r\n\r\n color:#D79B00;\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARDS GRID\r\n========================================================= *\/\r\n\r\n.dmi-enroll-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n\r\n gap:18px;\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD\r\n========================================================= *\/\r\n\r\n.dmi-enroll-card{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:180px 1fr;\r\n\r\n min-height:215px;\r\n\r\n overflow:hidden;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:19px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.70),\r\n rgba(255,255,255,.42)\r\n );\r\n\r\n box-shadow:\r\n 0 9px 26px rgba(16,39,95,.045);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n transition:\r\n transform .35s ease,\r\n box-shadow .35s ease,\r\n border-color .35s ease;\r\n}\r\n\r\n\r\n.dmi-enroll-card:hover{\r\n\r\n transform:translateY(-6px);\r\n\r\n border-color:rgba(26,58,143,.23);\r\n\r\n box-shadow:\r\n 0 18px 38px rgba(16,39,95,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD NUMBER\r\n========================================================= *\/\r\n\r\n.dmi-enroll-number{\r\n\r\n position:absolute;\r\n\r\n top:12px;\r\n\r\n left:12px;\r\n\r\n width:31px;\r\n\r\n height:31px;\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:9px;\r\n\r\n background:rgba(255,255,255,.94);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n\r\n box-shadow:0 5px 14px rgba(16,39,95,.12);\r\n\r\n z-index:4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE\r\n========================================================= *\/\r\n\r\n.dmi-enroll-image{\r\n\r\n position:relative;\r\n\r\n height:100%;\r\n\r\n min-height:215px;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.dmi-enroll-image img{\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n display:block;\r\n\r\n transition:transform .65s cubic-bezier(.23,1,.32,1);\r\n}\r\n\r\n\r\n.dmi-enroll-card:hover .dmi-enroll-image img{\r\n\r\n transform:scale(1.08);\r\n}\r\n\r\n\r\n.dmi-enroll-image::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 90deg,\r\n transparent 35%,\r\n rgba(16,39,95,.20)\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.dmi-enroll-label{\r\n\r\n position:absolute;\r\n\r\n left:12px;\r\n\r\n bottom:12px;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n padding:6px 10px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,255,255,.94);\r\n\r\n color:var(--blue);\r\n\r\n font-size:10px;\r\n\r\n font-weight:800;\r\n\r\n box-shadow:0 5px 15px rgba(0,0,0,.12);\r\n\r\n z-index:3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-enroll-content{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n padding:23px 20px 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TITLE\r\n========================================================= *\/\r\n\r\n.dmi-enroll-card-title{\r\n\r\n margin:0 0 7px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n letter-spacing:-.3px;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-enroll-card-desc{\r\n\r\n margin:0 0 14px !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.55 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFITS\r\n========================================================= *\/\r\n\r\n.dmi-enroll-benefits{\r\n\r\n list-style:none;\r\n\r\n margin:auto 0 0 !important;\r\n\r\n padding:0 !important;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:7px;\r\n}\r\n\r\n\r\n.dmi-enroll-benefits li{\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n gap:8px;\r\n\r\n color:#33415C;\r\n\r\n font-size:13px;\r\n\r\n line-height:1.45;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n.dmi-enroll-benefits li i{\r\n\r\n width:16px;\r\n\r\n height:16px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n margin-top:1px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.15);\r\n\r\n color:#B37C00;\r\n\r\n font-size:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD ACCENT\r\n========================================================= *\/\r\n\r\n.dmi-enroll-card::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n top:22px;\r\n\r\n bottom:22px;\r\n\r\n width:3px;\r\n\r\n border-radius:0 5px 5px 0;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n\r\n opacity:.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA AREA\r\n========================================================= *\/\r\n\r\n.dmi-enroll-cta{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n padding:19px 21px;\r\n\r\n border:1px solid rgba(26,58,143,.14);\r\n\r\n border-radius:17px;\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n rgba(26,58,143,.045),\r\n rgba(253,185,19,.065)\r\n );\r\n}\r\n\r\n\r\n\/* CTA LEFT *\/\r\n\r\n.dmi-enroll-cta-left{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n}\r\n\r\n\r\n.dmi-enroll-cta-icon{\r\n\r\n width:39px;\r\n\r\n height:39px;\r\n\r\n flex-shrink:0;\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:11px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:14px;\r\n}\r\n\r\n\r\n.dmi-enroll-cta-title{\r\n\r\n margin:0 0 3px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-enroll-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.45 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WHATSAPP BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-enroll-whatsapp{\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 gap:8px;\r\n\r\n flex-shrink:0;\r\n\r\n padding:11px 18px;\r\n\r\n border-radius:10px;\r\n\r\n background:#25D366;\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:12px !important;\r\n\r\n font-weight:800 !important;\r\n\r\n box-shadow:\r\n 0 8px 18px rgba(37,211,102,.18);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.dmi-enroll-whatsapp:hover{\r\n\r\n color:#fff !important;\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(37,211,102,.27);\r\n}\r\n\r\n\r\n.dmi-enroll-whatsapp i{\r\n\r\n font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESPONSIVE \u2014 TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-enroll-wrap{\r\n\r\n padding:62px 0 68px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:14px;\r\n\r\n align-items:start;\r\n }\r\n\r\n\r\n .dmi-enroll-intro{\r\n\r\n max-width:700px;\r\n }\r\n\r\n\r\n .dmi-enroll-grid{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-enroll-card{\r\n\r\n grid-template-columns:145px 1fr;\r\n }\r\n\r\n\r\n .dmi-enroll-image{\r\n\r\n min-height:220px;\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 .dmi-enroll-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:620px !important;\r\n\r\n padding:50px 0 58px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-header{\r\n\r\n text-align:center;\r\n\r\n align-items:center;\r\n\r\n gap:13px;\r\n\r\n margin-bottom:30px;\r\n\r\n padding-bottom:23px;\r\n }\r\n\r\n\r\n .dmi-enroll-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:65px;\r\n }\r\n\r\n\r\n .dmi-enroll-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-heading{\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.1 !important;\r\n\r\n letter-spacing:-1px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-intro{\r\n\r\n max-width:560px;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* INFO *\/\r\n\r\n .dmi-enroll-info{\r\n\r\n align-items:flex-start;\r\n\r\n padding:14px;\r\n\r\n margin-bottom:22px;\r\n }\r\n\r\n\r\n .dmi-enroll-info-title{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-info-text{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-info-badge{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n \/* GRID *\/\r\n\r\n .dmi-enroll-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:14px;\r\n\r\n margin-bottom:23px;\r\n }\r\n\r\n\r\n .dmi-enroll-card{\r\n\r\n grid-template-columns:145px 1fr;\r\n\r\n min-height:205px;\r\n\r\n border-radius:16px;\r\n }\r\n\r\n\r\n .dmi-enroll-image{\r\n\r\n min-height:205px;\r\n }\r\n\r\n\r\n .dmi-enroll-content{\r\n\r\n padding:19px 16px 17px;\r\n }\r\n\r\n\r\n .dmi-enroll-card-title{\r\n\r\n font-size:17px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-card-desc{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.5 !important;\r\n }\r\n\r\n\r\n .dmi-enroll-benefits{\r\n\r\n gap:6px;\r\n }\r\n\r\n\r\n .dmi-enroll-benefits li{\r\n\r\n font-size:12px;\r\n\r\n line-height:1.4;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n .dmi-enroll-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:stretch;\r\n\r\n gap:14px;\r\n\r\n padding:16px;\r\n }\r\n\r\n\r\n .dmi-enroll-cta-title{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-cta-text{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-whatsapp{\r\n\r\n width:100%;\r\n\r\n padding:11px;\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n .dmi-enroll-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n }\r\n\r\n\r\n .dmi-enroll-heading{\r\n\r\n font-size:29px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-card{\r\n\r\n grid-template-columns:120px 1fr;\r\n\r\n min-height:190px;\r\n }\r\n\r\n\r\n .dmi-enroll-image{\r\n\r\n min-height:190px;\r\n }\r\n\r\n\r\n .dmi-enroll-content{\r\n\r\n padding:17px 14px;\r\n }\r\n\r\n\r\n .dmi-enroll-card-title{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-card-desc{\r\n\r\n font-size:12.5px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-benefits li{\r\n\r\n font-size:11.5px;\r\n\r\n gap:6px;\r\n }\r\n\r\n\r\n .dmi-enroll-label{\r\n\r\n left:9px;\r\n\r\n bottom:9px;\r\n\r\n padding:5px 8px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .dmi-enroll-number{\r\n\r\n top:9px;\r\n\r\n left:9px;\r\n\r\n width:28px;\r\n\r\n height:28px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-enroll-heading{\r\n\r\n font-size:27px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-card{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-enroll-image{\r\n\r\n height:180px;\r\n\r\n min-height:180px;\r\n }\r\n\r\n\r\n .dmi-enroll-content{\r\n\r\n padding: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 .dmi-enroll-card,\r\n .dmi-enroll-image img,\r\n .dmi-enroll-whatsapp{\r\n\r\n transition:none !important;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"dmi-enroll\">\r\n\r\n\r\n<div class=\"dmi-enroll-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-header\">\r\n\r\n\r\n <div>\r\n\r\n <div class=\"dmi-enroll-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Open For Everyone\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-enroll-heading\">\r\n\r\n Who Can\r\n <span>Enroll?<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-enroll-intro\">\r\n\r\n Whether you're starting your career, upgrading\r\n your skills or growing your business, our practical\r\n Digital Marketing program is designed to fit your goals.\r\n\r\n <\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-info\">\r\n\r\n\r\n <div class=\"dmi-enroll-info-left\">\r\n\r\n\r\n <div class=\"dmi-enroll-info-icon\">\r\n\r\n <i class=\"fa-solid fa-user-check\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-enroll-info-title\">\r\n\r\n No Technical Background Required\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-info-text\">\r\n\r\n Start from the basics and gradually build practical,\r\n job-ready digital marketing skills.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-enroll-info-badge\">\r\n\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n\r\n Beginner Friendly\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-grid\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-card\">\r\n\r\n\r\n <span class=\"dmi-enroll-number\">\r\n\r\n 01\r\n\r\n <\/span>\r\n\r\n\r\n <div class=\"dmi-enroll-image\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?w=700&h=700&fit=crop\"\r\n alt=\"Students learning together\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <span class=\"dmi-enroll-label\">\r\n\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n\r\n Students\r\n\r\n <\/span>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-enroll-content\">\r\n\r\n\r\n <h3 class=\"dmi-enroll-card-title\">\r\n\r\n Students\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-card-desc\">\r\n\r\n Build practical skills early and prepare\r\n yourself for a high-demand digital career.\r\n\r\n <\/p>\r\n\r\n\r\n <ul class=\"dmi-enroll-benefits\">\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Start earning while studying\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Build a strong portfolio\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Internship & placement support\r\n\r\n <\/li>\r\n\r\n\r\n <\/ul>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-card\">\r\n\r\n\r\n <span class=\"dmi-enroll-number\">\r\n\r\n 02\r\n\r\n <\/span>\r\n\r\n\r\n <div class=\"dmi-enroll-image\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?w=700&h=700&fit=crop\"\r\n alt=\"Working professional\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <span class=\"dmi-enroll-label\">\r\n\r\n <i class=\"fa-solid fa-briefcase\"><\/i>\r\n\r\n Professionals\r\n\r\n <\/span>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-enroll-content\">\r\n\r\n\r\n <h3 class=\"dmi-enroll-card-title\">\r\n\r\n Working Professionals\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-card-desc\">\r\n\r\n Upgrade your skills or make a career switch\r\n without putting your current job on hold.\r\n\r\n <\/p>\r\n\r\n\r\n <ul class=\"dmi-enroll-benefits\">\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Flexible online & offline batches\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Learn alongside your job\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Improve career opportunities\r\n\r\n <\/li>\r\n\r\n\r\n <\/ul>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-card\">\r\n\r\n\r\n <span class=\"dmi-enroll-number\">\r\n\r\n 03\r\n\r\n <\/span>\r\n\r\n\r\n <div class=\"dmi-enroll-image\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=700&h=700&fit=crop\"\r\n alt=\"Business owner\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <span class=\"dmi-enroll-label\">\r\n\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n\r\n Business\r\n\r\n <\/span>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-enroll-content\">\r\n\r\n\r\n <h3 class=\"dmi-enroll-card-title\">\r\n\r\n Business Owners\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-card-desc\">\r\n\r\n Learn how to use digital marketing to\r\n attract customers and grow your business.\r\n\r\n <\/p>\r\n\r\n\r\n <ul class=\"dmi-enroll-benefits\">\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Generate more leads & sales\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Reduce agency dependency\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Apply strategies to your own brand\r\n\r\n <\/li>\r\n\r\n\r\n <\/ul>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-card\">\r\n\r\n\r\n <span class=\"dmi-enroll-number\">\r\n\r\n 04\r\n\r\n <\/span>\r\n\r\n\r\n <div class=\"dmi-enroll-image\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=700&h=700&fit=crop\"\r\n alt=\"Homemaker learning digital skills\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <span class=\"dmi-enroll-label\">\r\n\r\n <i class=\"fa-solid fa-house\"><\/i>\r\n\r\n Homemakers\r\n\r\n <\/span>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-enroll-content\">\r\n\r\n\r\n <h3 class=\"dmi-enroll-card-title\">\r\n\r\n Homemakers\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-card-desc\">\r\n\r\n Learn flexible digital skills and explore\r\n freelancing or work-from-home opportunities.\r\n\r\n <\/p>\r\n\r\n\r\n <ul class=\"dmi-enroll-benefits\">\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Work from home\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Freelancing & client projects\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Supportive learning environment\r\n\r\n <\/li>\r\n\r\n\r\n <\/ul>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-cta\">\r\n\r\n\r\n <div class=\"dmi-enroll-cta-left\">\r\n\r\n\r\n <div class=\"dmi-enroll-cta-icon\">\r\n\r\n <i class=\"fa-solid fa-comments\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-enroll-cta-title\">\r\n\r\n Not Sure Which Path Is Right For You?\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-cta-text\">\r\n\r\n Talk to our counselor and find the right learning\r\n path based on your goals.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/91XXXXXXXXXX\"\r\n class=\"dmi-enroll-whatsapp\"\r\n target=\"_blank\"\r\n rel=\"noopener\"\r\n >\r\n\r\n <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n\r\n Talk To Us\r\n\r\n <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9298035 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9298035\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a831210\" data-id=\"a831210\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c870491 elementor-widget elementor-widget-html\" data-id=\"c870491\" 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>Student Reviews<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n PREMIUM STUDENT REVIEWS\r\n TRANSPARENT \u2022 1100PX \u2022 RESPONSIVE\r\n========================================================= *\/\r\n\r\n.dmi-reviews,\r\n.dmi-reviews *{\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROOT\r\n========================================================= *\/\r\n\r\n.dmi-reviews{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-light:#315CC7;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n\r\n --text:#17213B;\r\n --muted:#667085;\r\n\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n color:var(--text);\r\n\r\n overflow:hidden;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-reviews-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 82px !important;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-reviews-header{\r\n\r\n text-align:center;\r\n\r\n max-width:760px;\r\n\r\n margin:0 auto 40px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n.dmi-reviews-eyebrow{\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 gap:9px;\r\n\r\n margin-bottom:13px;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.5px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-reviews-eyebrow::before,\r\n.dmi-reviews-eyebrow::after{\r\n\r\n content:\"\";\r\n\r\n width:28px;\r\n\r\n height:2px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* HEADING *\/\r\n\r\n.dmi-reviews-heading{\r\n\r\n margin:0 0 12px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:42px !important;\r\n\r\n line-height:1.12 !important;\r\n\r\n letter-spacing:-1.4px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-reviews-heading span{\r\n\r\n color:var(--blue) !important;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-reviews-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n right:0;\r\n\r\n bottom:-5px;\r\n\r\n height:4px;\r\n\r\n background:var(--gold);\r\n\r\n border-radius:50px;\r\n\r\n transform:skewX(-14deg);\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.dmi-reviews-description{\r\n\r\n margin:0 auto !important;\r\n\r\n max-width:620px;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RATING PANEL\r\n========================================================= *\/\r\n\r\n.dmi-rating-panel{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr auto 1fr;\r\n\r\n align-items:center;\r\n\r\n gap:25px;\r\n\r\n padding:24px 28px;\r\n\r\n margin-bottom:28px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:20px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(255,255,255,.72),\r\n rgba(255,255,255,.38)\r\n );\r\n\r\n box-shadow:\r\n 0 12px 32px rgba(16,39,95,.06);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RATING LEFT\r\n========================================================= *\/\r\n\r\n.dmi-rating-main{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:18px;\r\n}\r\n\r\n\r\n.dmi-big-rating{\r\n\r\n color:var(--blue-dark);\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:48px;\r\n\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-2px;\r\n}\r\n\r\n\r\n.dmi-rating-info{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:5px;\r\n}\r\n\r\n\r\n.dmi-rating-stars{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:3px;\r\n\r\n color:#F9B800;\r\n\r\n font-size:17px;\r\n}\r\n\r\n\r\n.dmi-rating-count{\r\n\r\n color:var(--muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.4;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GOOGLE BRAND\r\n========================================================= *\/\r\n\r\n.dmi-google-brand{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:9px;\r\n\r\n color:#202124;\r\n\r\n font-size:14px;\r\n\r\n font-weight:700;\r\n\r\n white-space:nowrap;\r\n}\r\n\r\n\r\n.dmi-google-brand svg{\r\n\r\n width:25px;\r\n\r\n height:25px;\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n VERIFIED BADGE\r\n========================================================= *\/\r\n\r\n.dmi-verified{\r\n\r\n justify-self:end;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n padding:9px 14px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(26,58,143,.07);\r\n\r\n border:1px solid rgba(26,58,143,.11);\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.2px;\r\n}\r\n\r\n\r\n.dmi-verified i{\r\n\r\n font-size:12px;\r\n\r\n color:#2E7D32;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEWS GRID\r\n========================================================= *\/\r\n\r\n.dmi-reviews-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(3,1fr);\r\n\r\n gap:17px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEW CARD\r\n========================================================= *\/\r\n\r\n.dmi-review-card{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n min-height:265px;\r\n\r\n padding:21px 20px 18px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid var(--line);\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.78),\r\n rgba(255,255,255,.45)\r\n );\r\n\r\n box-shadow:\r\n 0 9px 26px rgba(16,39,95,.045);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n\r\n.dmi-review-card::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n\r\n left:20px;\r\n\r\n right:20px;\r\n\r\n height:3px;\r\n\r\n border-radius:0 0 50px 50px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n\r\n opacity:.7;\r\n}\r\n\r\n\r\n.dmi-review-card:hover{\r\n\r\n transform:translateY(-6px);\r\n\r\n border-color:rgba(26,58,143,.22);\r\n\r\n box-shadow:\r\n 0 18px 38px rgba(16,39,95,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEW HEADER\r\n========================================================= *\/\r\n\r\n.dmi-review-header{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n\r\n margin-bottom:12px;\r\n}\r\n\r\n\r\n.dmi-author-img{\r\n\r\n width:46px;\r\n\r\n height:46px;\r\n\r\n min-width:46px;\r\n\r\n border-radius:50%;\r\n\r\n object-fit:cover;\r\n\r\n border:2px solid var(--blue);\r\n\r\n padding:2px;\r\n\r\n background:#fff;\r\n}\r\n\r\n\r\n.dmi-author-meta{\r\n\r\n min-width:0;\r\n}\r\n\r\n\r\n.dmi-author-name{\r\n\r\n margin:0 0 3px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-review-time{\r\n\r\n color:var(--muted);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STARS\r\n========================================================= *\/\r\n\r\n.dmi-card-stars{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:3px;\r\n\r\n margin-bottom:11px;\r\n\r\n color:#F9B800;\r\n\r\n font-size:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEW TEXT\r\n========================================================= *\/\r\n\r\n.dmi-review-text{\r\n\r\n margin:0 0 16px !important;\r\n\r\n color:#3F4A5A !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n\r\n flex:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEW FOOTER\r\n========================================================= *\/\r\n\r\n.dmi-review-footer{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:10px;\r\n\r\n padding-top:12px;\r\n\r\n border-top:1px solid rgba(26,58,143,.09);\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n.dmi-posted{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n.dmi-posted i{\r\n\r\n color:#4285F4;\r\n\r\n font-size:12px;\r\n}\r\n\r\n\r\n.dmi-helpful{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:5px;\r\n\r\n color:var(--muted);\r\n\r\n font-weight:600;\r\n\r\n user-select:none;\r\n}\r\n\r\n\r\n.dmi-helpful i{\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TRUST STRIP\r\n========================================================= *\/\r\n\r\n.dmi-review-trust{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:10px;\r\n\r\n margin-top:25px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.5;\r\n\r\n font-weight:500;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.dmi-review-trust i{\r\n\r\n color:#2E7D32;\r\n\r\n font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-reviews-wrap{\r\n\r\n padding:65px 0 70px !important;\r\n }\r\n\r\n\r\n .dmi-rating-panel{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:18px;\r\n }\r\n\r\n\r\n .dmi-google-brand{\r\n\r\n justify-self:end;\r\n }\r\n\r\n\r\n .dmi-verified{\r\n\r\n grid-column:1 \/ -1;\r\n\r\n justify-self:center;\r\n }\r\n\r\n\r\n .dmi-reviews-grid{\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n\r\n gap:15px;\r\n }\r\n\r\n\r\n .dmi-review-card{\r\n\r\n min-height:250px;\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 .dmi-reviews-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:620px !important;\r\n\r\n padding:52px 0 60px !important;\r\n }\r\n\r\n\r\n .dmi-reviews-header{\r\n\r\n margin-bottom:28px;\r\n }\r\n\r\n\r\n .dmi-reviews-eyebrow{\r\n\r\n font-size:10px !important;\r\n\r\n letter-spacing:1.3px !important;\r\n }\r\n\r\n\r\n .dmi-reviews-heading{\r\n\r\n font-size:31px !important;\r\n\r\n line-height:1.14 !important;\r\n\r\n letter-spacing:-.9px !important;\r\n }\r\n\r\n\r\n .dmi-reviews-description{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* RATING *\/\r\n\r\n .dmi-rating-panel{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n text-align:center;\r\n\r\n padding:20px 16px;\r\n\r\n gap:15px;\r\n\r\n border-radius:17px;\r\n }\r\n\r\n\r\n .dmi-rating-main{\r\n\r\n flex-direction:column;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-big-rating{\r\n\r\n font-size:44px;\r\n }\r\n\r\n\r\n .dmi-rating-stars{\r\n\r\n justify-content:center;\r\n\r\n font-size:16px;\r\n }\r\n\r\n\r\n .dmi-rating-count{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .dmi-google-brand{\r\n\r\n justify-self:auto;\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dmi-verified{\r\n\r\n grid-column:auto;\r\n\r\n justify-self:auto;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n \/* REVIEWS *\/\r\n\r\n .dmi-reviews-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:13px;\r\n }\r\n\r\n\r\n .dmi-review-card{\r\n\r\n min-height:auto;\r\n\r\n padding:19px 17px 17px;\r\n\r\n border-radius:16px;\r\n }\r\n\r\n\r\n .dmi-author-img{\r\n\r\n width:44px;\r\n\r\n height:44px;\r\n\r\n min-width:44px;\r\n }\r\n\r\n\r\n .dmi-author-name{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n\r\n .dmi-review-time{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-card-stars{\r\n\r\n font-size:12px;\r\n\r\n margin-bottom:9px;\r\n }\r\n\r\n\r\n .dmi-review-text{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n .dmi-review-footer{\r\n\r\n font-size:9.5px;\r\n }\r\n\r\n\r\n .dmi-review-trust{\r\n\r\n font-size:11px;\r\n\r\n padding:0 8px;\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 .dmi-reviews-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n }\r\n\r\n\r\n .dmi-reviews-heading{\r\n\r\n font-size:28px !important;\r\n }\r\n\r\n\r\n .dmi-reviews-description{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n\r\n .dmi-rating-panel{\r\n\r\n padding:18px 14px;\r\n }\r\n\r\n\r\n .dmi-big-rating{\r\n\r\n font-size:40px;\r\n }\r\n\r\n\r\n .dmi-google-brand{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .dmi-review-text{\r\n\r\n font-size:12.5px !important;\r\n\r\n line-height:1.65 !important;\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 .dmi-review-card{\r\n\r\n transition:none;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"dmi-reviews\">\r\n\r\n\r\n<div class=\"dmi-reviews-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reviews-header\">\r\n\r\n\r\n <div class=\"dmi-reviews-eyebrow\">\r\n\r\n Student Feedback\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-reviews-heading\">\r\n\r\n What Our Students\r\n <span>Say About Us<\/span>\r\n\r\n <\/h2>\r\n\r\n\r\n <p class=\"dmi-reviews-description\">\r\n\r\n Real feedback from learners who have experienced\r\n our practical training, mentorship and career-focused approach.\r\n\r\n <\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-rating-panel\">\r\n\r\n\r\n <div class=\"dmi-rating-main\">\r\n\r\n\r\n <div class=\"dmi-big-rating\">\r\n\r\n 4.9\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-rating-info\">\r\n\r\n\r\n <div class=\"dmi-rating-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-rating-count\">\r\n\r\n Based on 2,847 reviews\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-google-brand\">\r\n\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n\r\n <path fill=\"#4285F4\"\r\n d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/>\r\n\r\n <path fill=\"#34A853\"\r\n d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/>\r\n\r\n <path fill=\"#FBBC05\"\r\n d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/>\r\n\r\n <path fill=\"#EA4335\"\r\n d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/>\r\n\r\n <\/svg>\r\n\r\n\r\n Google Reviews\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-verified\">\r\n\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n\r\n Verified Reviews\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reviews-grid\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Priya Sharma\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Priya Sharma\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 2 months ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n Best digital marketing course I have taken.\r\n Practical projects, excellent mentors and great\r\n placement support. Got placed at Google within 3 months!\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Rahul Verma\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Rahul Verma\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 1 month ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n I switched from sales to performance marketing.\r\n The live campaigns and AI tools training helped me a lot.\r\n Highly recommended for career switchers.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Sneha Patel\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Sneha Patel\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 3 weeks ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n Coming from a non-tech background, I was nervous.\r\n But the trainers made everything so easy to understand.\r\n Now working as SEO Strategist at Flipkart.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Amit Kumar\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Amit Kumar\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 1 month ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n Flexible batches helped me learn while working.\r\n Mock interviews were very realistic. Got multiple\r\n offers and joined Swiggy.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Ananya Reddy\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Ananya Reddy\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 2 months ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n From freelancing to full-time Social Media Lead\r\n at Nykaa. The portfolio projects and mentor support\r\n made all the difference.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Vikram Singh\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Vikram Singh\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 3 weeks ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n Excellent teaching quality and placement assistance.\r\n The curriculum is fully updated with AI tools.\r\n Very happy with my decision.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-trust\">\r\n\r\n <i class=\"fa-solid fa-shield-check\"><\/i>\r\n\r\n Real learner feedback \u2022 Practical training \u2022 Career-focused learning\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cfbfa5e ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cfbfa5e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fa8c9c3\" data-id=\"fa8c9c3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3bd5906 elementor-widget elementor-widget-html\" data-id=\"3bd5906\" 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>FAQ Section<\/title>\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n INSPIRE TECH ZONE\r\n PREMIUM FAQ SECTION\r\n ABOUT US THEME MATCH\r\n TRANSPARENT BACKGROUND\r\n========================================================= *\/\r\n\r\n#itz-faq,\r\n#itz-faq *{\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n THEME VARIABLES\r\n========================================================= *\/\r\n\r\n#itz-faq{\r\n\r\n --navy:#29437C;\r\n --navy-dark:#1D315D;\r\n --navy-deep:#16284F;\r\n\r\n --yellow:#FFB606;\r\n --yellow-light:#FFF4D6;\r\n --yellow-soft:rgba(255,182,6,.12);\r\n\r\n --dark:#00001E;\r\n --text:#252A38;\r\n --muted:#5D6472;\r\n\r\n --white:rgba(255,255,255,.88);\r\n\r\n --border:rgba(41,67,124,.12);\r\n --border-active:rgba(255,182,6,.55);\r\n\r\n --shadow-sm:\r\n 0 8px 25px rgba(0,0,30,.06);\r\n\r\n --shadow-md:\r\n 0 18px 45px rgba(41,67,124,.13);\r\n\r\n --max-width:1100px;\r\n\r\n width:100%;\r\n\r\n margin:0;\r\n\r\n padding:\r\n 80px\r\n 20px\r\n 90px;\r\n\r\n background:transparent;\r\n\r\n color:var(--dark);\r\n\r\n font-family:\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Roboto,\r\n Arial,\r\n sans-serif;\r\n\r\n line-height:1.5;\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUBTLE DECORATIVE GLOW\r\n========================================================= *\/\r\n\r\n#itz-faq::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:460px;\r\n height:460px;\r\n\r\n top:-230px;\r\n left:-210px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(41,67,124,.08) 0%,\r\n rgba(41,67,124,.025) 48%,\r\n transparent 72%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n#itz-faq::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:420px;\r\n height:420px;\r\n\r\n bottom:-220px;\r\n right:-180px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(255,182,6,.09) 0%,\r\n rgba(255,182,6,.025) 48%,\r\n transparent 72%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTAINER\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-container{\r\n\r\n width:100%;\r\n\r\n max-width:var(--max-width);\r\n\r\n margin:0 auto;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN STRUCTURE\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-wrapper{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n minmax(300px,.82fr)\r\n minmax(0,1.5fr);\r\n\r\n gap:55px;\r\n\r\n align-items:start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LEFT CONTENT\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-left{\r\n\r\n position:sticky;\r\n\r\n top:35px;\r\n\r\n padding-top:5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BADGE\r\n========================================================= *\/\r\n\r\n#itz-faq .section-badge{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:\r\n 8px\r\n 15px;\r\n\r\n margin-bottom:18px;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n rgba(255,255,255,.68);\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.14);\r\n\r\n color:var(--navy);\r\n\r\n font-size:13px;\r\n\r\n font-weight:700;\r\n\r\n letter-spacing:.01em;\r\n\r\n box-shadow:\r\n 0 6px 18px rgba(0,0,30,.05);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n -webkit-backdrop-filter:blur(10px);\r\n}\r\n\r\n\r\n#itz-faq .section-badge i{\r\n\r\n color:var(--yellow);\r\n\r\n font-size:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-left h2{\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:\r\n clamp(36px,4.2vw,48px);\r\n\r\n font-weight:800;\r\n\r\n line-height:1.12;\r\n\r\n letter-spacing:-.035em;\r\n}\r\n\r\n\r\n\/* Yellow underline *\/\r\n\r\n#itz-faq .faq-left h2::after{\r\n\r\n content:\"\";\r\n\r\n display:block;\r\n\r\n width:58px;\r\n\r\n height:4px;\r\n\r\n margin-top:17px;\r\n\r\n border-radius:20px;\r\n\r\n background:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPTION\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-left > p{\r\n\r\n max-width:445px;\r\n\r\n margin:\r\n 18px\r\n 0\r\n 27px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:16px;\r\n\r\n font-weight:400;\r\n\r\n line-height:1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HIGHLIGHTS\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-highlights{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:27px;\r\n}\r\n\r\n\r\n#itz-faq .faq-highlight{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n padding:\r\n 8px\r\n 11px;\r\n\r\n border-radius:9px;\r\n\r\n background:\r\n rgba(255,255,255,.58);\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.10);\r\n\r\n color:var(--text);\r\n\r\n font-size:12px;\r\n\r\n font-weight:650;\r\n\r\n backdrop-filter:blur(8px);\r\n\r\n -webkit-backdrop-filter:blur(8px);\r\n}\r\n\r\n\r\n#itz-faq .faq-highlight i{\r\n\r\n color:var(--yellow);\r\n\r\n font-size:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTACT BOX\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-contact{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n padding:\r\n 21px\r\n 21px\r\n 22px;\r\n\r\n border-radius:17px;\r\n\r\n background:\r\n rgba(255,255,255,.72);\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.12);\r\n\r\n box-shadow:var(--shadow-sm);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n}\r\n\r\n\r\n\/* Yellow top line *\/\r\n\r\n#itz-faq .faq-contact::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n left:0;\r\n\r\n width:100%;\r\n\r\n height:3px;\r\n\r\n background:var(--yellow);\r\n}\r\n\r\n\r\n#itz-faq .faq-contact h4{\r\n\r\n margin:\r\n 0\r\n 0\r\n 7px;\r\n\r\n color:var(--dark);\r\n\r\n font-size:16px;\r\n\r\n font-weight:750;\r\n\r\n line-height:1.3;\r\n}\r\n\r\n\r\n#itz-faq .faq-contact p{\r\n\r\n margin:\r\n 0\r\n 0\r\n 16px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:13.5px;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COUNSELOR BUTTON\r\n========================================================= *\/\r\n\r\n#itz-faq .contact-btn{\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 gap:8px;\r\n\r\n min-height:42px;\r\n\r\n padding:\r\n 10px\r\n 18px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--yellow);\r\n\r\n color:#00001E !important;\r\n\r\n text-decoration:none;\r\n\r\n font-size:13px;\r\n\r\n font-weight:800;\r\n\r\n box-shadow:\r\n 0 8px 20px rgba(255,182,6,.25);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n#itz-faq .contact-btn:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 13px 27px rgba(255,182,6,.34);\r\n\r\n color:#00001E !important;\r\n}\r\n\r\n\r\n#itz-faq .contact-btn i{\r\n\r\n font-size:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT FAQ LIST\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-right{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FAQ CARD\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-item{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n rgba(255,255,255,.78);\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.11);\r\n\r\n border-radius:15px;\r\n\r\n box-shadow:\r\n 0 5px 20px rgba(0,0,30,.045);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n\r\n#itz-faq .faq-item:hover{\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:var(--shadow-md);\r\n\r\n border-color:\r\n rgba(41,67,124,.20);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACTIVE CARD\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-item.active{\r\n\r\n border-color:\r\n var(--border-active);\r\n\r\n box-shadow:\r\n 0 14px 35px rgba(41,67,124,.11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACTIVE YELLOW EDGE\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-item.active::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:14px;\r\n\r\n bottom:14px;\r\n\r\n left:0;\r\n\r\n width:3px;\r\n\r\n border-radius:\r\n 0\r\n 5px\r\n 5px\r\n 0;\r\n\r\n background:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUESTION BUTTON\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-question{\r\n\r\n width:100%;\r\n\r\n min-height:68px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:16px;\r\n\r\n padding:\r\n 15px\r\n 18px;\r\n\r\n background:transparent;\r\n\r\n border:0;\r\n\r\n cursor:pointer;\r\n\r\n text-align:left;\r\n\r\n font-family:inherit;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUESTION LEFT\r\n========================================================= *\/\r\n\r\n#itz-faq .question-left{\r\n\r\n min-width:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NUMBER\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-number{\r\n\r\n width:35px;\r\n height:35px;\r\n\r\n min-width:35px;\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:9px;\r\n\r\n background:\r\n rgba(41,67,124,.07);\r\n\r\n color:var(--navy);\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n\r\n transition:\r\n background .3s ease,\r\n color .3s ease,\r\n transform .3s ease;\r\n}\r\n\r\n\r\n#itz-faq .faq-item.active .faq-number{\r\n\r\n background:var(--yellow);\r\n\r\n color:var(--dark);\r\n\r\n transform:scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUESTION TEXT\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-question h3{\r\n\r\n margin:0;\r\n\r\n color:var(--dark);\r\n\r\n font-size:16px;\r\n\r\n font-weight:700;\r\n\r\n line-height:1.45;\r\n\r\n letter-spacing:-.005em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PLUS ICON\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-icon{\r\n\r\n width:34px;\r\n height:34px;\r\n\r\n min-width:34px;\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:50%;\r\n\r\n background:\r\n rgba(41,67,124,.07);\r\n\r\n color:var(--navy);\r\n\r\n font-size:12px;\r\n\r\n transition:\r\n transform .35s ease,\r\n background .35s ease,\r\n color .35s ease;\r\n}\r\n\r\n\r\n#itz-faq .faq-item.active .faq-icon{\r\n\r\n background:var(--yellow);\r\n\r\n color:var(--dark);\r\n\r\n transform:rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ANSWER CONTAINER\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-answer{\r\n\r\n max-height:0;\r\n\r\n overflow:hidden;\r\n\r\n transition:\r\n max-height .45s ease;\r\n}\r\n\r\n\r\n#itz-faq .faq-item.active .faq-answer{\r\n\r\n max-height:350px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ANSWER TEXT\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-answer-content{\r\n\r\n padding:\r\n 0\r\n 22px\r\n 21px\r\n 67px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:15px;\r\n\r\n font-weight:400;\r\n\r\n line-height:1.75;\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 #itz-faq{\r\n\r\n padding:\r\n 70px\r\n 20px\r\n 80px;\r\n }\r\n\r\n\r\n #itz-faq .faq-wrapper{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:40px;\r\n }\r\n\r\n\r\n #itz-faq .faq-left{\r\n\r\n position:static;\r\n\r\n text-align:center;\r\n }\r\n\r\n\r\n #itz-faq .faq-left h2::after{\r\n\r\n margin-left:auto;\r\n\r\n margin-right:auto;\r\n }\r\n\r\n\r\n #itz-faq .faq-left > p{\r\n\r\n margin-left:auto;\r\n\r\n margin-right:auto;\r\n }\r\n\r\n\r\n #itz-faq .faq-highlights{\r\n\r\n justify-content:center;\r\n }\r\n\r\n\r\n #itz-faq .faq-contact{\r\n\r\n max-width:500px;\r\n\r\n margin:0 auto;\r\n\r\n text-align:left;\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 #itz-faq{\r\n\r\n padding:\r\n 60px\r\n 15px\r\n 70px;\r\n }\r\n\r\n\r\n #itz-faq .faq-left h2{\r\n\r\n font-size:34px;\r\n\r\n line-height:1.15;\r\n }\r\n\r\n\r\n #itz-faq .faq-left > p{\r\n\r\n font-size:15px;\r\n\r\n line-height:1.68;\r\n }\r\n\r\n\r\n #itz-faq .section-badge{\r\n\r\n font-size:12px;\r\n\r\n padding:\r\n 7px\r\n 13px;\r\n }\r\n\r\n\r\n #itz-faq .faq-highlights{\r\n\r\n gap:7px;\r\n\r\n justify-content:center;\r\n }\r\n\r\n\r\n #itz-faq .faq-highlight{\r\n\r\n font-size:11px;\r\n\r\n padding:\r\n 7px\r\n 9px;\r\n }\r\n\r\n\r\n #itz-faq .faq-question{\r\n\r\n min-height:64px;\r\n\r\n padding:\r\n 14px\r\n 14px;\r\n\r\n gap:10px;\r\n }\r\n\r\n\r\n #itz-faq .question-left{\r\n\r\n gap:10px;\r\n }\r\n\r\n\r\n #itz-faq .faq-number{\r\n\r\n width:30px;\r\n height:30px;\r\n\r\n min-width:30px;\r\n\r\n border-radius:8px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n #itz-faq .faq-question h3{\r\n\r\n font-size:15px;\r\n\r\n line-height:1.4;\r\n }\r\n\r\n\r\n #itz-faq .faq-icon{\r\n\r\n width:30px;\r\n height:30px;\r\n\r\n min-width:30px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n #itz-faq .faq-answer-content{\r\n\r\n padding:\r\n 0\r\n 16px\r\n 18px\r\n 54px;\r\n\r\n font-size:14px;\r\n\r\n line-height:1.7;\r\n }\r\n\r\n\r\n #itz-faq .faq-contact{\r\n\r\n padding:\r\n 19px;\r\n }\r\n\r\n\r\n #itz-faq .faq-contact h4{\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n #itz-faq .faq-contact p{\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n #itz-faq .contact-btn{\r\n\r\n width:100%;\r\n\r\n min-height:43px;\r\n\r\n font-size:12px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCESSIBILITY \/ REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n #itz-faq *,\r\n #itz-faq *::before,\r\n #itz-faq *::after{\r\n\r\n transition:none !important;\r\n\r\n animation:none !important;\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=\"itz-faq\">\r\n\r\n <div class=\"faq-container\">\r\n\r\n <div class=\"faq-wrapper\">\r\n\r\n\r\n \r\n\r\n <div class=\"faq-left\">\r\n\r\n\r\n <div class=\"section-badge\">\r\n\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n\r\n Got Questions?\r\n\r\n <\/div>\r\n\r\n\r\n <h2>\r\n Frequently Asked Questions\r\n <\/h2>\r\n\r\n\r\n <p>\r\n Everything you need to know about our digital\r\n marketing courses, training, batches, projects,\r\n certifications and career support.\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"faq-highlights\">\r\n\r\n\r\n <div class=\"faq-highlight\">\r\n\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n\r\n Beginner Friendly\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-highlight\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n Online & Offline\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-highlight\">\r\n\r\n <i class=\"fa-solid fa-briefcase\"><\/i>\r\n\r\n Career Support\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"faq-contact\">\r\n\r\n\r\n <h4>\r\n Still have a question?\r\n <\/h4>\r\n\r\n\r\n <p>\r\n Talk to our counselor and get guidance\r\n on the right course, batch and learning path.\r\n <\/p>\r\n\r\n\r\n <a\r\n href=\"#counselor\"\r\n class=\"contact-btn\"\r\n >\r\n\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n Talk to Counselor\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-right\">\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item active\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 01\r\n <\/span>\r\n\r\n <h3>\r\n Who can join this digital marketing course?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Anyone can join \u2014 students, working professionals,\r\n business owners, freelancers or homemakers.\r\n No prior technical knowledge is required.\r\n We start from the basics and gradually move\r\n towards advanced digital marketing concepts.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 02\r\n <\/span>\r\n\r\n <h3>\r\n Is the course available online and offline?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Yes. We offer flexible online and offline\r\n learning options. You can choose the mode\r\n that works best for your schedule and\r\n location.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 03\r\n <\/span>\r\n\r\n <h3>\r\n Do you provide placement assistance?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Yes. Our career support includes resume building,\r\n LinkedIn optimization, interview preparation,\r\n mock interviews and guidance for applying\r\n to relevant digital marketing opportunities.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 04\r\n <\/span>\r\n\r\n <h3>\r\n What is the duration of the course?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Our professional programs generally range\r\n between 4 to 6 months, depending on the\r\n selected program and learning plan.\r\n Weekend and evening batches may also be available.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 05\r\n <\/span>\r\n\r\n <h3>\r\n Will I receive a certificate after completion?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Yes. You receive a course completion certificate\r\n after successfully completing the program.\r\n You can also work towards relevant certifications\r\n from platforms such as Google, Meta and HubSpot.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 06\r\n <\/span>\r\n\r\n <h3>\r\n Can I attend a free demo or trial class?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Yes. You can request a demo session to understand\r\n our teaching approach, curriculum and training\r\n environment before making your enrollment decision.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n FAQ ACCORDION\r\n========================================================= *\/\r\n\r\n(function(){\r\n\r\n const faqRoot =\r\n document.querySelector(\"#itz-faq\");\r\n\r\n if(!faqRoot) return;\r\n\r\n\r\n const faqItems =\r\n faqRoot.querySelectorAll(\".faq-item\");\r\n\r\n\r\n faqItems.forEach(function(item){\r\n\r\n const question =\r\n item.querySelector(\".faq-question\");\r\n\r\n\r\n question.addEventListener(\"click\", function(){\r\n\r\n const isActive =\r\n item.classList.contains(\"active\");\r\n\r\n\r\n \/* Close all *\/\r\n\r\n faqItems.forEach(function(otherItem){\r\n\r\n otherItem.classList.remove(\"active\");\r\n\r\n });\r\n\r\n\r\n \/* Open selected *\/\r\n\r\n if(!isActive){\r\n\r\n item.classList.add(\"active\");\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\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Digital Marketing Institute Premium Digital Marketing Institute Learn Digital Marketing. Build Your Future. Master modern digital marketing through practical training, live projects and AI-powered tools. Build the skills you need to grow brands, generate leads and create real career opportunities. Practical Training Live Projects AI-Powered Learning Career Focused Learn \u2022 Practice \u2022 Grow Turn Your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","page_structure_type":"type-4","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":16,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nDigital Marketing Institute<\/title>\r\n\r\n<link\r\nrel=\"preconnect\"\r\nhref=\"https:\/\/fonts.googleapis.com\"\r\n>\r\n\r\n<link\r\nrel=\"preconnect\"\r\nhref=\"https:\/\/fonts.gstatic.com\"\r\ncrossorigin\r\n>\r\n\r\n<link\r\nhref=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Slab:wght@400;500;600;700&display=swap\"\r\nrel=\"stylesheet\"\r\n>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n PREMIUM DIGITAL MARKETING SECTION\r\n BLUE + YELLOW BRAND SYSTEM\r\n TRANSPARENT BACKGROUND\r\n MAX WIDTH = 1100PX\r\n========================================================= *\/\r\n\r\n\r\n\/* =========================================================\r\n RESET\r\n========================================================= *\/\r\n\r\n.dmi-banner,\r\n.dmi-banner *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-banner img{\r\n max-width:100%;\r\n}\r\n\r\n.dmi-banner a{\r\n text-decoration:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROOT\r\n========================================================= *\/\r\n\r\n.dmi-banner{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#081A45;\r\n --blue-mid:#315CC4;\r\n --blue-soft:#EAF0FF;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n --gold-soft:#FFF5D6;\r\n\r\n --text:#17233D;\r\n --muted:#56657B;\r\n --white:#FFFFFF;\r\n\r\n width:100%;\r\n\r\n margin:0;\r\n\r\n padding:0;\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n isolation:isolate;\r\n\r\n color:var(--text);\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n \/*\r\n IMPORTANT:\r\n Transparent background\r\n *\/\r\n\r\n background:transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP BRAND LINE\r\n========================================================= *\/\r\n\r\n.dmi-banner::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n left:50%;\r\n\r\n width:min(1100px,90%);\r\n\r\n height:3px;\r\n\r\n transform:translateX(-50%);\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n transparent,\r\n var(--blue),\r\n var(--gold),\r\n var(--blue),\r\n transparent\r\n );\r\n\r\n opacity:.75;\r\n\r\n z-index:20;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.dmi-banner::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:600px;\r\n height:600px;\r\n\r\n right:-360px;\r\n top:220px;\r\n\r\n border-radius:50%;\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.07);\r\n\r\n box-shadow:\r\n 0 0 0 70px rgba(26,58,143,.018),\r\n 0 0 0 140px rgba(253,185,19,.014);\r\n\r\n pointer-events:none;\r\n\r\n z-index:-1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTENT WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-wrap{\r\n\r\n width:1100px;\r\n\r\n max-width:calc(100% - 30px);\r\n\r\n margin-left:auto;\r\n margin-right:auto;\r\n\r\n padding-top:76px;\r\n\r\n padding-bottom:64px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-hero{\r\n\r\n width:100%;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BADGE\r\n========================================================= *\/\r\n\r\n.dmi-badge{\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 gap:10px;\r\n\r\n padding:10px 17px;\r\n\r\n margin-bottom:20px;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n rgba(255,255,255,.78);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.13);\r\n\r\n box-shadow:\r\n 0 12px 30px rgba(26,58,143,.07);\r\n\r\n color:var(--blue);\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.8px;\r\n\r\n text-transform:uppercase;\r\n\r\n backdrop-filter:blur(8px);\r\n\r\n -webkit-backdrop-filter:blur(8px);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n.dmi-badge:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 17px 35px rgba(26,58,143,.11);\r\n}\r\n\r\n\r\n.dmi-badge-dot{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(253,185,19,.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n BLUE + YELLOW DUAL COLOR\r\n========================================================= *\/\r\n\r\n.dmi-title{\r\n\r\n width:100%;\r\n\r\n max-width:900px;\r\n\r\n margin:0;\r\n\r\n font-family:\r\n \"Times New Roman\",\r\n Georgia,\r\n serif;\r\n\r\n font-size:66px;\r\n\r\n line-height:1.07;\r\n\r\n letter-spacing:-1.8px;\r\n\r\n font-weight:700;\r\n\r\n color:var(--blue);\r\n\r\n text-align:center;\r\n\r\n text-wrap:balance;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HIGHLIGHTED YELLOW TEXT\r\n========================================================= *\/\r\n\r\n.dmi-highlight{\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n\r\n color:var(--gold);\r\n\r\n white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n YELLOW UNDERLINE\r\n========================================================= *\/\r\n\r\n.dmi-highlight::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n bottom:-6px;\r\n\r\n width:100%;\r\n\r\n height:5px;\r\n\r\n border-radius:20px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-15deg);\r\n\r\n box-shadow:\r\n 0 3px 10px rgba(253,185,19,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-description{\r\n\r\n width:100%;\r\n\r\n max-width:780px;\r\n\r\n margin:23px auto 0;\r\n\r\n font-family:\r\n \"Roboto Slab\",\r\n Georgia,\r\n serif;\r\n\r\n font-size:16px;\r\n\r\n line-height:1.75;\r\n\r\n font-weight:500;\r\n\r\n color:var(--blue);\r\n\r\n text-align:center;\r\n\r\n text-wrap:balance;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUICK VALUE STRIP\r\n========================================================= *\/\r\n\r\n.dmi-value-strip{\r\n\r\n width:100%;\r\n\r\n max-width:900px;\r\n\r\n display:flex;\r\n\r\n justify-content:center;\r\n\r\n align-items:stretch;\r\n\r\n gap:10px;\r\n\r\n margin:27px auto 0;\r\n}\r\n\r\n\r\n.dmi-value-item{\r\n\r\n flex:1;\r\n\r\n min-width:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:9px;\r\n\r\n padding:12px 14px;\r\n\r\n border-radius:12px;\r\n\r\n background:\r\n rgba(255,255,255,.70);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.09);\r\n\r\n box-shadow:\r\n 0 8px 25px rgba(26,58,143,.045);\r\n\r\n color:var(--blue);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.35;\r\n\r\n font-weight:800;\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease,\r\n border-color .25s ease;\r\n}\r\n\r\n\r\n.dmi-value-item:hover{\r\n\r\n transform:\r\n translateY(-4px);\r\n\r\n border-color:\r\n rgba(26,58,143,.18);\r\n\r\n box-shadow:\r\n 0 15px 32px rgba(26,58,143,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SVG ICON BOX\r\n========================================================= *\/\r\n\r\n.dmi-value-icon{\r\n\r\n width:28px;\r\n height:28px;\r\n\r\n flex:0 0 28px;\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:8px;\r\n\r\n background:\r\n var(--gold-soft);\r\n\r\n color:\r\n var(--blue);\r\n\r\n font-size:0;\r\n\r\n border:\r\n 1px solid rgba(253,185,19,.25);\r\n}\r\n\r\n\r\n.dmi-value-icon svg{\r\n\r\n width:14px;\r\n height:14px;\r\n\r\n stroke:\r\n var(--blue);\r\n\r\n stroke-width:2.4;\r\n\r\n fill:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE GALLERY\r\n========================================================= *\/\r\n\r\n.dmi-gallery{\r\n\r\n width:100%;\r\n\r\n max-width:920px;\r\n\r\n min-height:525px;\r\n\r\n margin:40px auto 0;\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\r\n\r\n\/* =========================================================\r\n DOT PATTERN\r\n========================================================= *\/\r\n\r\n.dmi-dots{\r\n\r\n position:absolute;\r\n\r\n left:90px;\r\n top:20px;\r\n\r\n width:100px;\r\n height:100px;\r\n\r\n background-image:\r\n radial-gradient(\r\n var(--gold) 1.5px,\r\n transparent 1.5px\r\n );\r\n\r\n background-size:12px 12px;\r\n\r\n opacity:.50;\r\n\r\n z-index:1;\r\n\r\n animation:\r\n dotsFloat 5s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes dotsFloat{\r\n\r\n 0%,100%{\r\n transform:translateY(0);\r\n }\r\n\r\n 50%{\r\n transform:translateY(-8px);\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN IMAGE\r\n========================================================= *\/\r\n\r\n.dmi-main-photo{\r\n\r\n width:370px;\r\n\r\n height:455px;\r\n\r\n position:relative;\r\n\r\n z-index:3;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:30px;\r\n\r\n border:\r\n 7px solid #FFFFFF;\r\n\r\n background:#DCE5F8;\r\n\r\n box-shadow:\r\n 0 35px 80px rgba(20,45,100,.22);\r\n\r\n transition:\r\n transform .45s ease,\r\n box-shadow .45s ease;\r\n}\r\n\r\n\r\n.dmi-main-photo:hover{\r\n\r\n transform:\r\n translateY(-8px);\r\n\r\n box-shadow:\r\n 0 45px 95px rgba(20,45,100,.28);\r\n}\r\n\r\n\r\n.dmi-main-photo img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n transition:\r\n transform .7s ease;\r\n}\r\n\r\n\r\n.dmi-main-photo:hover img{\r\n\r\n transform:\r\n scale(1.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.dmi-main-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n to top,\r\n rgba(5,20,58,.92),\r\n rgba(5,20,58,.04) 65%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-image-content{\r\n\r\n position:absolute;\r\n\r\n left:23px;\r\n right:23px;\r\n bottom:23px;\r\n\r\n text-align:left;\r\n}\r\n\r\n\r\n.dmi-image-content small{\r\n\r\n display:block;\r\n\r\n margin-bottom:7px;\r\n\r\n color:var(--gold-light);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.2px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-image-content strong{\r\n\r\n display:block;\r\n\r\n color:#FFFFFF;\r\n\r\n font-family:\r\n \"Times New Roman\",\r\n Georgia,\r\n serif;\r\n\r\n font-size:22px;\r\n\r\n line-height:1.18;\r\n\r\n font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUPPORTING IMAGE ONE\r\n========================================================= *\/\r\n\r\n.dmi-image-one{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n width:155px;\r\n height:145px;\r\n\r\n left:110px;\r\n top:12px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n border:5px solid #FFFFFF;\r\n\r\n box-shadow:\r\n 0 20px 45px rgba(20,45,100,.18);\r\n\r\n transform:rotate(-5deg);\r\n\r\n transition:\r\n transform .35s ease;\r\n}\r\n\r\n\r\n.dmi-image-one:hover{\r\n\r\n transform:\r\n rotate(-1deg)\r\n translateY(-6px);\r\n}\r\n\r\n\r\n.dmi-image-one img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n object-fit:cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUPPORTING IMAGE TWO\r\n========================================================= *\/\r\n\r\n.dmi-image-two{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n width:165px;\r\n height:150px;\r\n\r\n right:110px;\r\n bottom:4px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n border:5px solid #FFFFFF;\r\n\r\n box-shadow:\r\n 0 20px 45px rgba(20,45,100,.18);\r\n\r\n transform:rotate(5deg);\r\n\r\n transition:\r\n transform .35s ease;\r\n}\r\n\r\n\r\n.dmi-image-two:hover{\r\n\r\n transform:\r\n rotate(1deg)\r\n translateY(-6px);\r\n}\r\n\r\n\r\n.dmi-image-two img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n object-fit:cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.dmi-image-label{\r\n\r\n position:absolute;\r\n\r\n z-index:8;\r\n\r\n right:100px;\r\n\r\n top:92px;\r\n\r\n padding:10px 14px;\r\n\r\n border-radius:10px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.5px;\r\n\r\n text-transform:uppercase;\r\n\r\n box-shadow:\r\n 0 12px 30px rgba(253,185,19,.30);\r\n\r\n transform:rotate(4deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING CARD\r\n========================================================= *\/\r\n\r\n.dmi-floating-card{\r\n\r\n position:absolute;\r\n\r\n z-index:10;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n padding:12px 14px;\r\n\r\n border-radius:14px;\r\n\r\n background:\r\n rgba(255,255,255,.93);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.98);\r\n\r\n box-shadow:\r\n 0 20px 45px rgba(20,45,100,.16);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n transition:\r\n transform .3s ease;\r\n}\r\n\r\n\r\n.dmi-floating-card:hover{\r\n\r\n transform:\r\n translateY(-5px);\r\n}\r\n\r\n\r\n.dmi-card-one{\r\n\r\n top:18px;\r\n\r\n right:95px;\r\n}\r\n\r\n\r\n.dmi-card-two{\r\n\r\n bottom:7px;\r\n\r\n left:95px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING ICON\r\n========================================================= *\/\r\n\r\n.dmi-floating-icon{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n flex:0 0 36px;\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:10px;\r\n\r\n background:\r\n var(--gold-soft);\r\n\r\n color:\r\n var(--blue);\r\n\r\n border:\r\n 1px solid rgba(253,185,19,.22);\r\n}\r\n\r\n\r\n.dmi-floating-icon svg{\r\n\r\n width:17px;\r\n height:17px;\r\n\r\n stroke:\r\n var(--blue);\r\n\r\n fill:none;\r\n\r\n stroke-width:2.2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING TEXT\r\n========================================================= *\/\r\n\r\n.dmi-floating-text{\r\n\r\n text-align:left;\r\n}\r\n\r\n\r\n.dmi-floating-text small{\r\n\r\n display:block;\r\n\r\n color:#8A96A8;\r\n\r\n font-size:10px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.5px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-floating-text strong{\r\n\r\n display:block;\r\n\r\n margin-top:3px;\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:13px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE INFORMATION\r\n========================================================= *\/\r\n\r\n.dmi-course-info{\r\n\r\n width:100%;\r\n\r\n max-width:820px;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n margin:33px auto 0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:18px;\r\n\r\n background:\r\n rgba(255,255,255,.72);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.10);\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(26,58,143,.07);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n -webkit-backdrop-filter:blur(10px);\r\n}\r\n\r\n\r\n.dmi-info-box{\r\n\r\n padding:19px 16px;\r\n\r\n border-right:\r\n 1px solid rgba(26,58,143,.08);\r\n\r\n transition:\r\n background .25s ease,\r\n transform .25s ease;\r\n}\r\n\r\n\r\n.dmi-info-box:hover{\r\n\r\n background:#FFFFFF;\r\n\r\n transform:\r\n translateY(-2px);\r\n}\r\n\r\n\r\n.dmi-info-box:last-child{\r\n\r\n border-right:0;\r\n}\r\n\r\n\r\n.dmi-info-box small{\r\n\r\n display:block;\r\n\r\n margin-bottom:7px;\r\n\r\n color:var(--gold);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.6px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-info-box strong{\r\n\r\n display:block;\r\n\r\n color:var(--blue);\r\n\r\n font-size:15px;\r\n\r\n line-height:1.4;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LEARNING SECTION\r\n========================================================= *\/\r\n\r\n.dmi-learning{\r\n\r\n width:100%;\r\n\r\n max-width:820px;\r\n\r\n margin:29px auto 0;\r\n}\r\n\r\n\r\n.dmi-section-label{\r\n\r\n margin-bottom:13px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.2px;\r\n\r\n text-transform:uppercase;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.dmi-learning-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:10px;\r\n}\r\n\r\n\r\n.dmi-learning-item{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n min-height:49px;\r\n\r\n padding:11px 13px;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(255,255,255,.55);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.08);\r\n\r\n color:var(--blue);\r\n\r\n font-size:13px;\r\n\r\n line-height:1.4;\r\n\r\n font-weight:800;\r\n\r\n text-align:left;\r\n\r\n transition:\r\n transform .25s ease,\r\n background .25s ease,\r\n box-shadow .25s ease;\r\n}\r\n\r\n\r\n.dmi-learning-item:hover{\r\n\r\n transform:\r\n translateY(-3px);\r\n\r\n background:#FFFFFF;\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(26,58,143,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CHECK ICON\r\n========================================================= *\/\r\n\r\n.dmi-check{\r\n\r\n width:25px;\r\n height:25px;\r\n\r\n flex:0 0 25px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:7px;\r\n\r\n background:\r\n var(--gold-soft);\r\n\r\n border:\r\n 1px solid rgba(253,185,19,.20);\r\n}\r\n\r\n\r\n.dmi-check svg{\r\n\r\n width:13px;\r\n height:13px;\r\n\r\n stroke:\r\n var(--blue);\r\n\r\n fill:none;\r\n\r\n stroke-width:3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CAREER PATHS\r\n========================================================= *\/\r\n\r\n.dmi-career{\r\n\r\n width:100%;\r\n\r\n max-width:820px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:12px;\r\n\r\n margin:21px auto 0;\r\n\r\n padding:13px 15px;\r\n\r\n border-radius:14px;\r\n\r\n background:\r\n rgba(255,255,255,.40);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.07);\r\n}\r\n\r\n\r\n.dmi-career-title{\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.8px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-career-list{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n justify-content:center;\r\n\r\n gap:7px;\r\n}\r\n\r\n\r\n.dmi-career-list span{\r\n\r\n padding:7px 10px;\r\n\r\n border-radius:8px;\r\n\r\n background:\r\n rgba(255,255,255,.75);\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.06);\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n\r\n transition:\r\n transform .2s ease,\r\n background .2s ease;\r\n}\r\n\r\n\r\n.dmi-career-list span:hover{\r\n\r\n transform:\r\n translateY(-2px);\r\n\r\n background:#FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-actions{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:12px;\r\n\r\n margin-top:28px;\r\n}\r\n\r\n\r\n.dmi-btn{\r\n\r\n min-height:52px;\r\n\r\n padding:0 26px;\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 gap:9px;\r\n\r\n border-radius:11px;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:900;\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PRIMARY BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-primary{\r\n\r\n color:#FFFFFF !important;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--blue),\r\n #2D58BC\r\n );\r\n\r\n box-shadow:\r\n 0 14px 32px rgba(26,58,143,.24);\r\n}\r\n\r\n\r\n.dmi-primary:hover{\r\n\r\n color:#FFFFFF !important;\r\n\r\n transform:\r\n translateY(-3px);\r\n\r\n box-shadow:\r\n 0 20px 42px rgba(26,58,143,.30);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SECONDARY BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-secondary{\r\n\r\n color:var(--blue) !important;\r\n\r\n background:#FFFFFF;\r\n\r\n border:\r\n 1px solid rgba(26,58,143,.15);\r\n}\r\n\r\n\r\n.dmi-secondary:hover{\r\n\r\n color:var(--blue) !important;\r\n\r\n transform:\r\n translateY(-3px);\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(26,58,143,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUTTON ARROW\r\n========================================================= *\/\r\n\r\n.dmi-primary span{\r\n\r\n color:var(--gold);\r\n\r\n font-size:17px;\r\n\r\n line-height:1;\r\n\r\n transition:\r\n transform .25s ease;\r\n}\r\n\r\n\r\n.dmi-primary:hover span{\r\n\r\n transform:\r\n translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:950px){\r\n\r\n .dmi-wrap{\r\n\r\n width:calc(100% - 30px);\r\n\r\n max-width:900px;\r\n\r\n padding-top:60px;\r\n\r\n padding-bottom:50px;\r\n }\r\n\r\n\r\n .dmi-title{\r\n\r\n font-size:54px;\r\n\r\n letter-spacing:-1.2px;\r\n }\r\n\r\n\r\n .dmi-description{\r\n\r\n font-size:16px;\r\n }\r\n\r\n\r\n .dmi-value-strip{\r\n\r\n max-width:760px;\r\n }\r\n\r\n\r\n .dmi-gallery{\r\n\r\n min-height:480px;\r\n\r\n max-width:850px;\r\n\r\n margin-top:35px;\r\n }\r\n\r\n\r\n .dmi-main-photo{\r\n\r\n width:325px;\r\n\r\n height:405px;\r\n }\r\n\r\n\r\n .dmi-image-one{\r\n\r\n width:130px;\r\n height:120px;\r\n\r\n left:55px;\r\n }\r\n\r\n\r\n .dmi-image-two{\r\n\r\n width:140px;\r\n height:130px;\r\n\r\n right:55px;\r\n }\r\n\r\n\r\n .dmi-image-label{\r\n\r\n right:48px;\r\n }\r\n\r\n\r\n .dmi-card-one{\r\n\r\n right:45px;\r\n }\r\n\r\n\r\n .dmi-card-two{\r\n\r\n left:45px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:760px){\r\n\r\n .dmi-wrap{\r\n\r\n width:calc(100% - 28px);\r\n\r\n max-width:700px;\r\n\r\n padding-top:48px;\r\n\r\n padding-bottom:40px;\r\n }\r\n\r\n\r\n .dmi-title{\r\n\r\n font-size:44px;\r\n\r\n line-height:1.10;\r\n\r\n letter-spacing:-.8px;\r\n }\r\n\r\n\r\n .dmi-highlight::after{\r\n\r\n bottom:-4px;\r\n\r\n height:4px;\r\n }\r\n\r\n\r\n .dmi-description{\r\n\r\n font-size:15px;\r\n\r\n line-height:1.7;\r\n }\r\n\r\n\r\n .dmi-value-strip{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n\r\n max-width:600px;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-value-item{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .dmi-gallery{\r\n\r\n min-height:440px;\r\n\r\n margin-top:32px;\r\n }\r\n\r\n\r\n .dmi-main-photo{\r\n\r\n width:300px;\r\n\r\n height:370px;\r\n }\r\n\r\n\r\n .dmi-image-one{\r\n\r\n width:105px;\r\n\r\n height:100px;\r\n\r\n left:4px;\r\n\r\n top:18px;\r\n }\r\n\r\n\r\n .dmi-image-two{\r\n\r\n width:115px;\r\n\r\n height:105px;\r\n\r\n right:4px;\r\n\r\n bottom:10px;\r\n }\r\n\r\n\r\n .dmi-image-label{\r\n\r\n right:4px;\r\n\r\n top:70px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .dmi-card-one{\r\n\r\n right:4px;\r\n\r\n top:10px;\r\n }\r\n\r\n\r\n .dmi-card-two{\r\n\r\n left:4px;\r\n\r\n bottom:5px;\r\n }\r\n\r\n\r\n .dmi-floating-card{\r\n\r\n padding:9px 10px;\r\n }\r\n\r\n\r\n .dmi-floating-icon{\r\n\r\n width:30px;\r\n\r\n height:30px;\r\n\r\n flex-basis:30px;\r\n }\r\n\r\n\r\n .dmi-floating-text small,\r\n .dmi-floating-text strong{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-course-info{\r\n\r\n grid-template-columns:1fr;\r\n\r\n max-width:600px;\r\n }\r\n\r\n\r\n .dmi-info-box{\r\n\r\n border-right:0;\r\n\r\n border-bottom:\r\n 1px solid rgba(26,58,143,.08);\r\n }\r\n\r\n\r\n .dmi-info-box:last-child{\r\n\r\n border-bottom:0;\r\n }\r\n\r\n\r\n .dmi-learning{\r\n\r\n max-width:600px;\r\n }\r\n\r\n\r\n .dmi-learning-grid{\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n }\r\n\r\n\r\n .dmi-career{\r\n\r\n max-width:600px;\r\n\r\n flex-direction:column;\r\n\r\n text-align:center;\r\n }\r\n\r\n\r\n .dmi-actions{\r\n\r\n flex-direction:row;\r\n\r\n flex-wrap:wrap;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:520px){\r\n\r\n .dmi-wrap{\r\n\r\n width:calc(100% - 22px);\r\n\r\n padding-top:40px;\r\n\r\n padding-bottom:32px;\r\n }\r\n\r\n\r\n .dmi-badge{\r\n\r\n font-size:10px;\r\n\r\n padding:9px 12px;\r\n\r\n letter-spacing:.5px;\r\n }\r\n\r\n\r\n .dmi-title{\r\n\r\n font-size:37px;\r\n\r\n line-height:1.10;\r\n }\r\n\r\n\r\n .dmi-description{\r\n\r\n font-size:14px;\r\n\r\n line-height:1.7;\r\n }\r\n\r\n\r\n .dmi-value-strip{\r\n\r\n grid-template-columns:1fr;\r\n\r\n max-width:420px;\r\n }\r\n\r\n\r\n .dmi-value-item{\r\n\r\n padding:10px 12px;\r\n }\r\n\r\n\r\n .dmi-gallery{\r\n\r\n min-height:390px;\r\n\r\n margin-top:29px;\r\n }\r\n\r\n\r\n .dmi-main-photo{\r\n\r\n width:270px;\r\n\r\n height:335px;\r\n\r\n border-width:6px;\r\n }\r\n\r\n\r\n .dmi-image-one{\r\n\r\n width:88px;\r\n\r\n height:84px;\r\n\r\n left:0;\r\n\r\n top:18px;\r\n\r\n border-width:4px;\r\n }\r\n\r\n\r\n .dmi-image-two{\r\n\r\n width:98px;\r\n\r\n height:92px;\r\n\r\n right:0;\r\n\r\n bottom:8px;\r\n\r\n border-width:4px;\r\n }\r\n\r\n\r\n .dmi-image-label{\r\n\r\n top:65px;\r\n\r\n right:0;\r\n\r\n padding:7px 9px;\r\n\r\n font-size:8px;\r\n }\r\n\r\n\r\n .dmi-card-one{\r\n\r\n right:0;\r\n\r\n top:5px;\r\n }\r\n\r\n\r\n .dmi-card-two{\r\n\r\n left:0;\r\n\r\n bottom:2px;\r\n }\r\n\r\n\r\n .dmi-floating-card{\r\n\r\n gap:6px;\r\n\r\n padding:7px 8px;\r\n }\r\n\r\n\r\n .dmi-floating-icon{\r\n\r\n width:27px;\r\n\r\n height:27px;\r\n\r\n flex-basis:27px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-floating-text small,\r\n .dmi-floating-text strong{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .dmi-learning-grid{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-career-list span{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-actions{\r\n\r\n flex-direction:column;\r\n\r\n width:100%;\r\n }\r\n\r\n\r\n .dmi-btn{\r\n\r\n width:100%;\r\n\r\n min-height:50px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media (max-width:360px){\r\n\r\n .dmi-title{\r\n\r\n font-size:32px;\r\n }\r\n\r\n\r\n .dmi-description{\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dmi-gallery{\r\n\r\n min-height:355px;\r\n }\r\n\r\n\r\n .dmi-main-photo{\r\n\r\n width:245px;\r\n\r\n height:305px;\r\n }\r\n\r\n\r\n .dmi-image-one{\r\n\r\n width:78px;\r\n\r\n height:75px;\r\n }\r\n\r\n\r\n .dmi-image-two{\r\n\r\n width:86px;\r\n\r\n height:80px;\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 .dmi-banner *,\r\n .dmi-banner *::before,\r\n .dmi-banner *::after{\r\n\r\n animation:none !important;\r\n\r\n transition:none !important;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section\r\nclass=\"dmi-banner\"\r\naria-label=\"Premium Digital Marketing Institute\"\r\n>\r\n\r\n\r\n<div class=\"dmi-wrap\">\r\n\r\n\r\n<div class=\"dmi-hero\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-badge\">\r\n\r\n<span class=\"dmi-badge-dot\"><\/span>\r\n\r\nPremium Digital Marketing Institute\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<h1 class=\"dmi-title\">\r\n\r\nLearn Digital Marketing.\r\n\r\n<span class=\"dmi-highlight\">\r\nBuild Your Future.\r\n<\/span>\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n<p class=\"dmi-description\">\r\n\r\nMaster modern digital marketing through practical\r\ntraining, live projects and AI-powered tools.\r\nBuild the skills you need to grow brands, generate\r\nleads and create real career opportunities.\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-value-strip\">\r\n\r\n\r\n<div class=\"dmi-value-item\">\r\n\r\n<span class=\"dmi-value-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nPractical Training\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-value-item\">\r\n\r\n<span class=\"dmi-value-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M12 6v6l4 2\"><\/path>\r\n<circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nLive Projects\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-value-item\">\r\n\r\n<span class=\"dmi-value-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M12 3v18\"><\/path>\r\n<path d=\"M3 12h18\"><\/path>\r\n<path d=\"M5.6 5.6l12.8 12.8\"><\/path>\r\n<path d=\"M18.4 5.6L5.6 18.4\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nAI-Powered Learning\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-value-item\">\r\n\r\n<span class=\"dmi-value-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 19L19 5\"><\/path>\r\n<path d=\"M10 5h9v9\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nCareer Focused\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-gallery\">\r\n\r\n\r\n<div\r\nclass=\"dmi-dots\"\r\naria-hidden=\"true\"\r\n><\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-image-one\">\r\n\r\n<img\r\nsrc=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=500&q=85\"\r\nalt=\"Digital marketing students working together\"\r\nloading=\"lazy\"\r\n>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-main-photo\">\r\n\r\n<img\r\nsrc=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=85\"\r\nalt=\"Digital marketing institute classroom\"\r\nloading=\"lazy\"\r\n>\r\n\r\n\r\n<div\r\nclass=\"dmi-main-overlay\"\r\naria-hidden=\"true\"\r\n><\/div>\r\n\r\n\r\n<div class=\"dmi-image-content\">\r\n\r\n<small>\r\nLearn \u2022 Practice \u2022 Grow\r\n<\/small>\r\n\r\n<strong>\r\nTurn Your Skills Into Real Opportunities.\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-image-two\">\r\n\r\n<img\r\nsrc=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=500&q=85\"\r\nalt=\"Digital marketing team collaborating\"\r\nloading=\"lazy\"\r\n>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-image-label\">\r\n\r\nFuture-Ready Skills\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-floating-card dmi-card-one\">\r\n\r\n\r\n<div class=\"dmi-floating-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8L12 3z\"><\/path>\r\n<\/svg>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-floating-text\">\r\n\r\n<small>\r\nLEARN\r\n<\/small>\r\n\r\n<strong>\r\nAI + Marketing\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-floating-card dmi-card-two\">\r\n\r\n\r\n<div class=\"dmi-floating-icon\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-floating-text\">\r\n\r\n<small>\r\nEXPERIENCE\r\n<\/small>\r\n\r\n<strong>\r\nLive Projects\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-course-info\">\r\n\r\n\r\n<div class=\"dmi-info-box\">\r\n\r\n<small>\r\nTraining\r\n<\/small>\r\n\r\n<strong>\r\nPractical + Live\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-info-box\">\r\n\r\n<small>\r\nLearning Mode\r\n<\/small>\r\n\r\n<strong>\r\nOnline + Classroom\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-info-box\">\r\n\r\n<small>\r\nLearning Focus\r\n<\/small>\r\n\r\n<strong>\r\nCareer + Business\r\n<\/strong>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-learning\">\r\n\r\n\r\n<div class=\"dmi-section-label\">\r\n\r\nWhat You Will Learn\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-grid\">\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nDigital Marketing\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nSEO & Content\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nGoogle Ads\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nMeta Ads\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nSocial Media\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-learning-item\">\r\n\r\n<span class=\"dmi-check\">\r\n\r\n<svg\r\nviewBox=\"0 0 24 24\"\r\naria-hidden=\"true\"\r\n>\r\n<path d=\"M5 12.5l4 4L19 6.5\"><\/path>\r\n<\/svg>\r\n\r\n<\/span>\r\n\r\nAI Marketing Tools\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-career\">\r\n\r\n\r\n<div class=\"dmi-career-title\">\r\n\r\nCareer Paths\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-career-list\">\r\n\r\n\r\n<span>\r\nDigital Marketer\r\n<\/span>\r\n\r\n\r\n<span>\r\nSEO Specialist\r\n<\/span>\r\n\r\n\r\n<span>\r\nGoogle Ads Specialist\r\n<\/span>\r\n\r\n\r\n<span>\r\nSocial Media Manager\r\n<\/span>\r\n\r\n\r\n<span>\r\nFreelancer\r\n<\/span>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-actions\">\r\n\r\n\r\n<a\r\nhref=\"#enroll\"\r\nclass=\"dmi-btn dmi-primary\"\r\n>\r\n\r\nStart Learning\r\n\r\n<span>\r\n\u2192\r\n<\/span>\r\n\r\n<\/a>\r\n\r\n\r\n<a\r\nhref=\"#demo\"\r\nclass=\"dmi-btn dmi-secondary\"\r\n>\r\n\r\nBook Free Demo\r\n\r\n<\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-00d909e ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"00d909e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-af5101d\" data-id=\"af5101d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf088c9 elementor-widget elementor-widget-html\" data-id=\"bf088c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section id=\"dm-about-v2\" aria-labelledby=\"dm-about-title\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n VARIABLES\r\n========================================================= *\/\r\n\r\n#dm-about-v2{\r\n\r\n --blue:#29437C;\r\n --blue-dark:#00001E;\r\n --blue-soft:#3D5D98;\r\n\r\n --yellow:#FFB606;\r\n --yellow-light:#FFC83D;\r\n\r\n --text:#29437C;\r\n --muted:rgba(41,67,124,.72);\r\n --muted-2:rgba(41,67,124,.58);\r\n\r\n --white:rgba(255,255,255,.72);\r\n\r\n --border:rgba(41,67,124,.12);\r\n\r\n --shadow:\r\n 0 12px 35px rgba(41,67,124,.09);\r\n\r\n --shadow-hover:\r\n 0 24px 55px rgba(41,67,124,.16);\r\n\r\n --width:1100px;\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n max-width:100%;\r\n\r\n padding:\r\n 65px 20px 70px;\r\n\r\n margin:0;\r\n\r\n background:transparent;\r\n\r\n color:var(--text);\r\n\r\n font-family:\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Roboto,\r\n Arial,\r\n sans-serif;\r\n\r\n line-height:1.5;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESET\r\n========================================================= *\/\r\n\r\n#dm-about-v2 *,\r\n#dm-about-v2 *::before,\r\n#dm-about-v2 *::after{\r\n\r\n box-sizing:border-box;\r\n}\r\n\r\n#dm-about-v2 h1,\r\n#dm-about-v2 h2,\r\n#dm-about-v2 h3,\r\n#dm-about-v2 h4,\r\n#dm-about-v2 p{\r\n\r\n margin-top:0;\r\n}\r\n\r\n#dm-about-v2 img{\r\n\r\n max-width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DECORATIVE BACKGROUND GLOWS\r\n========================================================= *\/\r\n\r\n#dm-about-v2::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:420px;\r\n height:420px;\r\n\r\n left:-250px;\r\n top:80px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(41,67,124,.09) 0%,\r\n rgba(41,67,124,.035) 42%,\r\n transparent 72%\r\n );\r\n\r\n pointer-events:none;\r\n\r\n animation:\r\n dm-about-glow-one 12s ease-in-out infinite;\r\n}\r\n\r\n\r\n#dm-about-v2::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:380px;\r\n height:380px;\r\n\r\n right:-230px;\r\n bottom:30px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(255,182,6,.10) 0%,\r\n rgba(255,182,6,.035) 45%,\r\n transparent 72%\r\n );\r\n\r\n pointer-events:none;\r\n\r\n animation:\r\n dm-about-glow-two 15s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes dm-about-glow-one{\r\n\r\n 0%,\r\n 100%{\r\n transform:translate(0,0) scale(1);\r\n }\r\n\r\n 50%{\r\n transform:translate(25px,-20px) scale(1.08);\r\n }\r\n}\r\n\r\n\r\n@keyframes dm-about-glow-two{\r\n\r\n 0%,\r\n 100%{\r\n transform:translate(0,0) scale(1);\r\n }\r\n\r\n 50%{\r\n transform:translate(-20px,20px) scale(1.06);\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTAINER\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-container{\r\n\r\n width:100%;\r\n\r\n max-width:var(--width);\r\n\r\n margin:0 auto;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SECTION HEADER\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-header{\r\n\r\n text-align:center;\r\n\r\n max-width:820px;\r\n\r\n margin:\r\n 0 auto 48px;\r\n\r\n animation:\r\n dm-about-fade .7s ease both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BADGE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-badge{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:\r\n 8px 15px;\r\n\r\n margin-bottom:16px;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.14);\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n rgba(255,255,255,.48);\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n\r\n font-weight:750;\r\n\r\n letter-spacing:.03em;\r\n\r\n box-shadow:\r\n 0 6px 20px\r\n rgba(41,67,124,.05);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n -webkit-backdrop-filter:blur(10px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SVG BASE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 svg{\r\n\r\n display:block;\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BADGE ICON\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .badge-icon{\r\n\r\n width:15px;\r\n height:15px;\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-header h2{\r\n\r\n margin:\r\n 0 0 15px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:\r\n clamp(36px,5vw,55px);\r\n\r\n line-height:1.08;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-.035em;\r\n}\r\n\r\n\r\n\/* HIGHLIGHTED TEXT *\/\r\n\r\n#dm-about-v2 .dm-about-header h2 span{\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER DESCRIPTION\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-header p{\r\n\r\n max-width:720px;\r\n\r\n margin:0 auto;\r\n\r\n color:var(--muted);\r\n\r\n font-size:16px;\r\n\r\n line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY AREA\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-story{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:50px;\r\n\r\n align-items:center;\r\n\r\n margin-bottom:42px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE SIDE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-about-image-area{\r\n\r\n position:relative;\r\n\r\n min-height:445px;\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:1200px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN IMAGE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-main-image{\r\n\r\n position:relative;\r\n\r\n width:90%;\r\n\r\n height:410px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:28px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.12);\r\n\r\n box-shadow:\r\n 0 25px 60px\r\n rgba(41,67,124,.15);\r\n\r\n transform:\r\n rotate(-2deg);\r\n\r\n transition:\r\n transform .55s\r\n cubic-bezier(.23,1,.32,1),\r\n box-shadow .55s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-main-image:hover{\r\n\r\n transform:\r\n rotate(0deg)\r\n translateY(-8px)\r\n scale(1.015);\r\n\r\n box-shadow:\r\n 0 35px 75px\r\n rgba(41,67,124,.21);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-main-image img{\r\n\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 transition:\r\n transform .8s\r\n cubic-bezier(.23,1,.32,1);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-main-image:hover img{\r\n\r\n transform:scale(1.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-main-image::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 180deg,\r\n transparent 40%,\r\n rgba(0,0,30,.38) 100%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n YELLOW IMAGE DECORATION\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .image-decoration{\r\n\r\n position:absolute;\r\n\r\n width:115px;\r\n height:115px;\r\n\r\n right:0;\r\n top:4px;\r\n\r\n border-radius:\r\n 0 28px 0 100%;\r\n\r\n background:var(--yellow);\r\n\r\n opacity:.88;\r\n\r\n z-index:-1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE FLOATING CARDS\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .image-floating-card{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n padding:\r\n 11px 14px;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.12);\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n rgba(255,255,255,.92);\r\n\r\n box-shadow:\r\n 0 15px 35px\r\n rgba(41,67,124,.14);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n\r\n animation:\r\n dm-floating 5s ease-in-out infinite;\r\n}\r\n\r\n\r\n#dm-about-v2 .image-floating-card.card-left{\r\n\r\n left:-3px;\r\n\r\n bottom:42px;\r\n}\r\n\r\n\r\n#dm-about-v2 .image-floating-card.card-right{\r\n\r\n right:-3px;\r\n\r\n top:58px;\r\n\r\n animation-delay:-2.2s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING ICON\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .floating-icon{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(255,182,6,.15);\r\n\r\n color:var(--blue);\r\n}\r\n\r\n\r\n#dm-about-v2 .floating-icon svg{\r\n\r\n width:18px;\r\n height:18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING TEXT\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .floating-card-number{\r\n\r\n color:var(--blue);\r\n\r\n font-size:13px;\r\n\r\n font-weight:800;\r\n\r\n line-height:1.2;\r\n}\r\n\r\n\r\n#dm-about-v2 .floating-card-label{\r\n\r\n margin-top:3px;\r\n\r\n color:var(--muted-2);\r\n\r\n font-size:9px;\r\n\r\n line-height:1.3;\r\n}\r\n\r\n\r\n@keyframes dm-floating{\r\n\r\n 0%,\r\n 100%{\r\n transform:translateY(0);\r\n }\r\n\r\n 50%{\r\n transform:translateY(-9px);\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY CONTENT\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-story-content{\r\n\r\n padding:5px 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY LABEL\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .story-label{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n margin-bottom:12px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.05em;\r\n}\r\n\r\n\r\n#dm-about-v2 .story-label svg{\r\n\r\n width:15px;\r\n height:15px;\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY HEADING\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-story-content h3{\r\n\r\n margin:\r\n 0 0 16px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:31px;\r\n\r\n line-height:1.15;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-.025em;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-story-content h3 span{\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY PARAGRAPH\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-story-content p{\r\n\r\n margin:\r\n 0 0 13px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:13px;\r\n\r\n line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY HIGHLIGHTS\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .story-highlights{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:9px;\r\n\r\n margin-top:20px;\r\n}\r\n\r\n\r\n#dm-about-v2 .story-highlight{\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 10px 11px;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.10);\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(255,255,255,.38);\r\n\r\n transition:\r\n transform .3s ease,\r\n background .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .story-highlight:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n background:\r\n rgba(255,255,255,.65);\r\n\r\n border-color:\r\n rgba(255,182,6,.30);\r\n}\r\n\r\n\r\n#dm-about-v2 .story-highlight svg{\r\n\r\n width:14px;\r\n height:14px;\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n#dm-about-v2 .story-highlight span{\r\n\r\n color:var(--blue);\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STATS\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-stats{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(4,1fr);\r\n\r\n gap:11px;\r\n\r\n margin-bottom:48px;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-stat{\r\n\r\n position:relative;\r\n\r\n padding:\r\n 17px 12px;\r\n\r\n text-align:center;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.11);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n rgba(255,255,255,.40);\r\n\r\n backdrop-filter:blur(11px);\r\n\r\n -webkit-backdrop-filter:blur(11px);\r\n\r\n box-shadow:var(--shadow);\r\n\r\n transition:\r\n transform .35s ease,\r\n background .35s ease,\r\n border-color .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-stat:hover{\r\n\r\n transform:translateY(-7px);\r\n\r\n background:\r\n rgba(255,255,255,.68);\r\n\r\n border-color:\r\n rgba(255,182,6,.32);\r\n\r\n box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\r\n#dm-about-v2 .stat-icon{\r\n\r\n width:37px;\r\n height:37px;\r\n\r\n margin:\r\n 0 auto 8px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:10px;\r\n\r\n background:\r\n rgba(255,182,6,.13);\r\n\r\n color:var(--blue);\r\n}\r\n\r\n\r\n#dm-about-v2 .stat-icon svg{\r\n\r\n width:17px;\r\n height:17px;\r\n}\r\n\r\n\r\n#dm-about-v2 .stat-number{\r\n\r\n color:var(--blue);\r\n\r\n font-size:22px;\r\n\r\n line-height:1.15;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n#dm-about-v2 .stat-label{\r\n\r\n margin-top:4px;\r\n\r\n color:var(--muted-2);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:650;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SECTION SUB HEADINGS\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .sub-heading{\r\n\r\n margin:\r\n 0 auto 23px;\r\n\r\n text-align:center;\r\n\r\n color:var(--blue);\r\n\r\n font-size:27px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-.02em;\r\n}\r\n\r\n\r\n#dm-about-v2 .sub-heading span{\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MISSION \/ VISION \/ APPROACH\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-section{\r\n\r\n margin-bottom:48px;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV CARD\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-card{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n padding:\r\n 0 0 25px;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.11);\r\n\r\n border-radius:19px;\r\n\r\n background:\r\n rgba(255,255,255,.40);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n box-shadow:var(--shadow);\r\n\r\n transition:\r\n transform .4s\r\n cubic-bezier(.23,1,.32,1),\r\n background .35s ease,\r\n border-color .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-card::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n top:0;\r\n\r\n width:100%;\r\n height:3px;\r\n\r\n background:var(--yellow);\r\n\r\n transform:scaleX(0);\r\n\r\n transform-origin:left;\r\n\r\n transition:\r\n transform .4s ease;\r\n\r\n z-index:5;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-card:hover{\r\n\r\n transform:\r\n translateY(-9px);\r\n\r\n background:\r\n rgba(255,255,255,.68);\r\n\r\n border-color:\r\n rgba(255,182,6,.30);\r\n\r\n box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-card:hover::before{\r\n\r\n transform:scaleX(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV IMAGE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-image{\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n\r\n height:185px;\r\n\r\n overflow:hidden;\r\n\r\n background:#ffffff;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-image img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n transition:\r\n transform .7s\r\n cubic-bezier(.23,1,.32,1);\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-card:hover .mvv-image img{\r\n\r\n transform:scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-image::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 180deg,\r\n rgba(0,0,30,.02) 20%,\r\n rgba(0,0,30,.34) 100%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE BADGE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-image-badge{\r\n\r\n position:absolute;\r\n\r\n left:14px;\r\n bottom:13px;\r\n\r\n z-index:2;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n padding:\r\n 6px 10px;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n rgba(255,255,255,.90);\r\n\r\n color:var(--blue);\r\n\r\n font-size:9px;\r\n\r\n font-weight:800;\r\n\r\n box-shadow:\r\n 0 7px 20px\r\n rgba(0,0,30,.12);\r\n\r\n backdrop-filter:blur(8px);\r\n\r\n -webkit-backdrop-filter:blur(8px);\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-image-badge span{\r\n\r\n width:6px;\r\n height:6px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--yellow);\r\n\r\n box-shadow:\r\n 0 0 0 4px\r\n rgba(255,182,6,.15);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV CONTENT\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-content{\r\n\r\n padding:\r\n 22px 23px 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV ICON\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-icon{\r\n\r\n width:48px;\r\n height:48px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:14px;\r\n\r\n border-radius:13px;\r\n\r\n background:\r\n rgba(255,182,6,.13);\r\n\r\n color:var(--blue);\r\n\r\n transition:\r\n transform .35s ease,\r\n background .35s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-icon svg{\r\n\r\n width:21px;\r\n height:21px;\r\n}\r\n\r\n\r\n#dm-about-v2 .mvv-card:hover .mvv-icon{\r\n\r\n transform:\r\n scale(1.08)\r\n rotate(-5deg);\r\n\r\n background:\r\n rgba(255,182,6,.21);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV TITLE\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-card h3{\r\n\r\n margin:\r\n 0 0 8px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:17px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MVV DESCRIPTION\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .mvv-card p{\r\n\r\n margin:0;\r\n\r\n color:var(--muted);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n VALUES\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .values-section{\r\n\r\n margin-bottom:45px;\r\n}\r\n\r\n\r\n#dm-about-v2 .values-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(4,1fr);\r\n\r\n gap:11px;\r\n}\r\n\r\n\r\n#dm-about-v2 .value-card{\r\n\r\n padding:\r\n 20px 13px;\r\n\r\n text-align:center;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.10);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n rgba(255,255,255,.36);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n -webkit-backdrop-filter:blur(10px);\r\n\r\n box-shadow:var(--shadow);\r\n\r\n transition:\r\n transform .35s ease,\r\n background .35s ease,\r\n border-color .35s ease;\r\n}\r\n\r\n\r\n#dm-about-v2 .value-card:hover{\r\n\r\n transform:translateY(-7px);\r\n\r\n background:\r\n rgba(255,255,255,.65);\r\n\r\n border-color:\r\n rgba(255,182,6,.30);\r\n}\r\n\r\n\r\n#dm-about-v2 .value-icon{\r\n\r\n width:40px;\r\n height:40px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin:\r\n 0 auto 10px;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(255,182,6,.12);\r\n\r\n color:var(--blue);\r\n}\r\n\r\n\r\n#dm-about-v2 .value-icon svg{\r\n\r\n width:17px;\r\n height:17px;\r\n}\r\n\r\n\r\n#dm-about-v2 .value-card h4{\r\n\r\n margin:\r\n 0 0 5px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n#dm-about-v2 .value-card p{\r\n\r\n margin:0;\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-cta{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n padding:\r\n 31px 24px;\r\n\r\n text-align:center;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.13);\r\n\r\n border-radius:21px;\r\n\r\n background:\r\n rgba(255,255,255,.43);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n\r\n box-shadow:var(--shadow-hover);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-cta::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:220px;\r\n height:220px;\r\n\r\n right:-90px;\r\n top:-140px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(255,182,6,.16),\r\n transparent 70%\r\n );\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-cta-content{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-cta h3{\r\n\r\n margin:\r\n 0 0 8px;\r\n\r\n color:var(--blue);\r\n\r\n font-size:27px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-cta h3 span{\r\n\r\n color:var(--yellow);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-cta p{\r\n\r\n max-width:620px;\r\n\r\n margin:\r\n 0 auto 20px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA BUTTONS\r\n========================================================= *\/\r\n\r\n#dm-about-v2 .dm-cta-buttons{\r\n\r\n display:flex;\r\n\r\n justify-content:center;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n flex-wrap:wrap;\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-btn{\r\n\r\n min-height:42px;\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 gap:8px;\r\n\r\n padding:\r\n 10px 20px;\r\n\r\n border-radius:50px;\r\n\r\n text-decoration:none;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\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#dm-about-v2 .dm-btn svg{\r\n\r\n width:14px;\r\n height:14px;\r\n\r\n transition:\r\n transform .3s ease;\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n#dm-about-v2 .dm-btn-primary{\r\n\r\n background:var(--yellow);\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n box-shadow:\r\n 0 9px 24px\r\n rgba(255,182,6,.25);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-btn-primary:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n background:var(--yellow);\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n box-shadow:\r\n 0 14px 32px\r\n rgba(255,182,6,.34);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-btn-primary:hover svg{\r\n\r\n transform:translateX(4px);\r\n}\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n#dm-about-v2 .dm-btn-secondary{\r\n\r\n background:\r\n rgba(41,67,124,.045);\r\n\r\n color:var(--blue) !important;\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.16);\r\n}\r\n\r\n\r\n#dm-about-v2 .dm-btn-secondary:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n background:\r\n rgba(41,67,124,.08);\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes dm-about-fade{\r\n\r\n from{\r\n\r\n opacity:0;\r\n\r\n transform:\r\n translateY(20px);\r\n }\r\n\r\n to{\r\n\r\n opacity:1;\r\n\r\n transform:\r\n translateY(0);\r\n }\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 #dm-about-v2{\r\n\r\n padding:\r\n 55px 20px\r\n 60px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-about-story{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:30px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-about-image-area{\r\n\r\n min-height:410px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-main-image{\r\n\r\n width:84%;\r\n\r\n height:370px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-stats{\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-grid{\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-card:last-child{\r\n\r\n grid-column:\r\n 1 \/ -1;\r\n\r\n max-width:\r\n calc(50% - 7.5px);\r\n\r\n width:100%;\r\n\r\n margin:0 auto;\r\n }\r\n\r\n\r\n #dm-about-v2 .values-grid{\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\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 #dm-about-v2{\r\n\r\n padding:\r\n 48px 15px\r\n 55px;\r\n }\r\n\r\n\r\n \/* HEADER *\/\r\n\r\n #dm-about-v2 .dm-about-header{\r\n\r\n margin-bottom:35px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-about-header h2{\r\n\r\n font-size:33px;\r\n\r\n line-height:1.1;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-about-header p{\r\n\r\n font-size:13px;\r\n\r\n line-height:1.65;\r\n }\r\n\r\n\r\n \/* IMAGE *\/\r\n\r\n #dm-about-v2 .dm-about-image-area{\r\n\r\n min-height:345px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-main-image{\r\n\r\n width:88%;\r\n\r\n height:315px;\r\n\r\n border-radius:22px;\r\n }\r\n\r\n\r\n #dm-about-v2 .image-floating-card{\r\n\r\n padding:\r\n 9px 10px;\r\n\r\n gap:7px;\r\n\r\n border-radius:12px;\r\n }\r\n\r\n\r\n #dm-about-v2 .floating-icon{\r\n\r\n width:30px;\r\n height:30px;\r\n\r\n border-radius:8px;\r\n }\r\n\r\n\r\n #dm-about-v2 .floating-icon svg{\r\n\r\n width:14px;\r\n height:14px;\r\n }\r\n\r\n\r\n #dm-about-v2 .floating-card-number{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n #dm-about-v2 .floating-card-label{\r\n\r\n font-size:8px;\r\n }\r\n\r\n\r\n #dm-about-v2 .image-floating-card.card-left{\r\n\r\n left:0;\r\n\r\n bottom:22px;\r\n }\r\n\r\n\r\n #dm-about-v2 .image-floating-card.card-right{\r\n\r\n right:0;\r\n\r\n top:25px;\r\n }\r\n\r\n\r\n \/* STORY *\/\r\n\r\n #dm-about-v2 .dm-story-content h3{\r\n\r\n font-size:26px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-story-content p{\r\n\r\n font-size:11px;\r\n\r\n line-height:1.7;\r\n }\r\n\r\n\r\n #dm-about-v2 .story-highlights{\r\n\r\n gap:7px;\r\n }\r\n\r\n\r\n #dm-about-v2 .story-highlight{\r\n\r\n padding:\r\n 9px;\r\n }\r\n\r\n\r\n #dm-about-v2 .story-highlight span{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n \/* STATS *\/\r\n\r\n #dm-about-v2 .dm-stats{\r\n\r\n gap:8px;\r\n\r\n margin-bottom:38px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-stat{\r\n\r\n padding:\r\n 14px 9px;\r\n }\r\n\r\n\r\n #dm-about-v2 .stat-number{\r\n\r\n font-size:19px;\r\n }\r\n\r\n\r\n #dm-about-v2 .stat-label{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n \/* MVV *\/\r\n\r\n #dm-about-v2 .mvv-section{\r\n\r\n margin-bottom:38px;\r\n }\r\n\r\n\r\n #dm-about-v2 .sub-heading{\r\n\r\n font-size:23px;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:12px;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-card:last-child{\r\n\r\n grid-column:auto;\r\n\r\n max-width:none;\r\n\r\n margin:0;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-image{\r\n\r\n height:175px;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-content{\r\n\r\n padding:\r\n 19px 18px 0;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-icon{\r\n\r\n width:43px;\r\n height:43px;\r\n\r\n margin-bottom:12px;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-card h3{\r\n\r\n font-size:16px;\r\n }\r\n\r\n\r\n #dm-about-v2 .mvv-card p{\r\n\r\n font-size:10px;\r\n\r\n line-height:1.65;\r\n }\r\n\r\n\r\n \/* VALUES *\/\r\n\r\n #dm-about-v2 .values-section{\r\n\r\n margin-bottom:38px;\r\n }\r\n\r\n\r\n #dm-about-v2 .values-grid{\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n #dm-about-v2 .value-card{\r\n\r\n padding:\r\n 17px 9px;\r\n }\r\n\r\n\r\n #dm-about-v2 .value-card h4{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n #dm-about-v2 .value-card p{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n #dm-about-v2 .dm-cta{\r\n\r\n padding:\r\n 27px 16px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-cta h3{\r\n\r\n font-size:22px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-cta p{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-cta-buttons{\r\n\r\n flex-direction:column;\r\n }\r\n\r\n\r\n #dm-about-v2 .dm-btn{\r\n\r\n width:100%;\r\n\r\n max-width:260px;\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 #dm-about-v2 *,\r\n #dm-about-v2 *::before,\r\n #dm-about-v2 *::after{\r\n\r\n animation:none !important;\r\n\r\n transition:none !important;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"dm-about-container\">\r\n\r\n\r\n \r\n\r\n <header class=\"dm-about-header\">\r\n\r\n <div class=\"dm-about-badge\">\r\n\r\n <svg\r\n class=\"badge-icon\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M3 21h18\"\/>\r\n <path d=\"M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16\"\/>\r\n <path d=\"M9 7h1\"\/>\r\n <path d=\"M14 7h1\"\/>\r\n <path d=\"M9 11h1\"\/>\r\n <path d=\"M14 11h1\"\/>\r\n <path d=\"M9 15h1\"\/>\r\n <path d=\"M14 15h1\"\/>\r\n <\/svg>\r\n\r\n About Our Institute\r\n\r\n <\/div>\r\n\r\n\r\n <h2 id=\"dm-about-title\">\r\n\r\n Empowering the Next Generation\r\n <span>of Digital Marketers<\/span>\r\n\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n We combine industry expertise, practical training,\r\n AI-powered tools and real-world projects to help learners\r\n build job-ready digital marketing skills and successful careers.\r\n\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"dm-about-story\">\r\n\r\n\r\n \r\n\r\n <div class=\"dm-about-image-area\">\r\n\r\n <div class=\"image-decoration\"><\/div>\r\n\r\n\r\n <div class=\"dm-main-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1200&q=85\"\r\n alt=\"Digital marketing students working together\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"image-floating-card card-left\">\r\n\r\n <div class=\"floating-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <div class=\"floating-card-number\">\r\n 12,000+\r\n <\/div>\r\n\r\n <div class=\"floating-card-label\">\r\n Students Trained\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"image-floating-card card-right\">\r\n\r\n <div class=\"floating-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <rect\r\n x=\"3\"\r\n y=\"4\"\r\n width=\"18\"\r\n height=\"13\"\r\n rx=\"2\"\r\n \/>\r\n <path d=\"M2 21h20\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <div class=\"floating-card-number\">\r\n 100% Practical\r\n <\/div>\r\n\r\n <div class=\"floating-card-label\">\r\n Learning Approach\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"dm-story-content\">\r\n\r\n\r\n <div class=\"story-label\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/>\r\n <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.16-6 11a22.35 22.35 0 0 1-4 2z\"\/>\r\n <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/>\r\n <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/>\r\n <\/svg>\r\n\r\n OUR STORY\r\n\r\n <\/div>\r\n\r\n\r\n <h3>\r\n\r\n Learn Skills.\r\n <span>Build Confidence.<\/span>\r\n Create Your Future.\r\n\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n We started with a simple belief \u2014 digital marketing\r\n cannot be mastered through theory alone. Learners need\r\n practical skills, real campaigns, modern tools and\r\n guidance from people who understand the industry.\r\n\r\n <\/p>\r\n\r\n\r\n <p>\r\n\r\n Our programs combine hands-on projects, AI-powered\r\n workflows, industry strategies and continuous mentorship\r\n to create a learning experience that goes beyond the\r\n traditional classroom.\r\n\r\n <\/p>\r\n\r\n\r\n <p>\r\n\r\n Whether you're starting your career, upgrading your\r\n skills or preparing to work with real clients, our focus\r\n remains the same: helping you become confident,\r\n capable and industry-ready.\r\n\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"story-highlights\">\r\n\r\n\r\n <div class=\"story-highlight\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n <\/svg>\r\n\r\n <span>\r\n Live Projects\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"story-highlight\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n <\/svg>\r\n\r\n <span>\r\n AI Tools Training\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"story-highlight\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n <\/svg>\r\n\r\n <span>\r\n Industry Mentorship\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"story-highlight\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n <\/svg>\r\n\r\n <span>\r\n Career Guidance\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"dm-stats\">\r\n\r\n\r\n \r\n\r\n <div class=\"dm-stat\">\r\n\r\n <div class=\"stat-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat-number\">\r\n 12,000+\r\n <\/div>\r\n\r\n <div class=\"stat-label\">\r\n Students Trained\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dm-stat\">\r\n\r\n <div class=\"stat-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <rect\r\n x=\"3\"\r\n y=\"7\"\r\n width=\"18\"\r\n height=\"13\"\r\n rx=\"2\"\r\n \/>\r\n <path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/>\r\n <path d=\"M3 12h18\"\/>\r\n <path d=\"M10 12v2h4v-2\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat-number\">\r\n 94%\r\n <\/div>\r\n\r\n <div class=\"stat-label\">\r\n Placement Success\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dm-stat\">\r\n\r\n <div class=\"stat-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M3 21h18\"\/>\r\n <path d=\"M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16\"\/>\r\n <path d=\"M9 7h1\"\/>\r\n <path d=\"M14 7h1\"\/>\r\n <path d=\"M9 11h1\"\/>\r\n <path d=\"M14 11h1\"\/>\r\n <path d=\"M9 15h1\"\/>\r\n <path d=\"M14 15h1\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat-number\">\r\n 150+\r\n <\/div>\r\n\r\n <div class=\"stat-label\">\r\n Hiring Partners\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dm-stat\">\r\n\r\n <div class=\"stat-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"m12 2 2.9 5.88 6.49.94-4.7 4.58 1.11 6.47L12 16.82l-5.8 3.05 1.11-6.47-4.7-4.58 6.49-.94L12 2z\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"stat-number\">\r\n 4.9\/5\r\n <\/div>\r\n\r\n <div class=\"stat-label\">\r\n Student Rating\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <section class=\"mvv-section\">\r\n\r\n\r\n <h3 class=\"sub-heading\">\r\n\r\n What <span>Drives Us<\/span>\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"mvv-grid\">\r\n\r\n\r\n \r\n\r\n <article class=\"mvv-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Digital marketing team planning strategy\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"mvv-image-badge\">\r\n\r\n <span><\/span>\r\n\r\n Purpose Driven\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"mvv-content\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"1\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3>\r\n Our Mission\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n To make high-quality digital marketing education\r\n practical, accessible and focused on real career\r\n outcomes for every learner.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"mvv-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Modern digital marketing learning environment\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"mvv-image-badge\">\r\n\r\n <span><\/span>\r\n\r\n Future Focused\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"mvv-content\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3>\r\n Our Vision\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n To create a trusted learning ecosystem where\r\n aspiring marketers and professionals can grow,\r\n adapt and succeed in the AI-driven digital economy.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"mvv-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=85\"\r\n alt=\"Students collaborating on digital marketing projects\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"mvv-image-badge\">\r\n\r\n <span><\/span>\r\n\r\n Learn By Doing\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"mvv-content\">\r\n\r\n\r\n \r\n\r\n <div class=\"mvv-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M9 18h6\"\/>\r\n <path d=\"M10 22h4\"\/>\r\n <path d=\"M8.5 14.5A7 7 0 1 1 15.5 14.5c-.75.67-1.5 1.38-1.5 2.5h-4c0-1.12-.75-1.83-1.5-2.5z\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3>\r\n Our Approach\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n Learn by doing through live projects, practical\r\n campaigns, modern AI tools, industry strategies\r\n and continuous mentorship.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n \r\n\r\n <section class=\"values-section\">\r\n\r\n\r\n <h3 class=\"sub-heading\">\r\n\r\n What We <span>Stand For<\/span>\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"values-grid\">\r\n\r\n\r\n \r\n\r\n <article class=\"value-card\">\r\n\r\n <div class=\"value-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M20.8 8.6c0 5.4-8.8 10.4-8.8 10.4S3.2 14 3.2 8.6A4.6 4.6 0 0 1 12 6.1a4.6 4.6 0 0 1 8.8 2.5z\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h4>\r\n Student First\r\n <\/h4>\r\n\r\n\r\n <p>\r\n Learning and career outcomes come first.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"value-card\">\r\n\r\n <div class=\"value-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/>\r\n <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.16-6 11a22.35 22.35 0 0 1-4 2z\"\/>\r\n <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/>\r\n <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h4>\r\n Practical Learning\r\n <\/h4>\r\n\r\n\r\n <p>\r\n Skills built for real-world execution.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"value-card\">\r\n\r\n <div class=\"value-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n <path d=\"m9 12 2 2 4-4\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h4>\r\n Integrity\r\n <\/h4>\r\n\r\n\r\n <p>\r\n Honest guidance and transparent processes.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"value-card\">\r\n\r\n <div class=\"value-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M21 12a9 9 0 0 1-15.5 6.4L3 16\"\/>\r\n <path d=\"M3 21v-5h5\"\/>\r\n <path d=\"M3 12A9 9 0 0 1 18.5 5.6L21 8\"\/>\r\n <path d=\"M21 3v5h-5\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h4>\r\n Continuous Growth\r\n <\/h4>\r\n\r\n\r\n <p>\r\n Always evolving with AI and industry trends.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"dm-cta\">\r\n\r\n\r\n <div class=\"dm-cta-content\">\r\n\r\n\r\n <h3>\r\n\r\n Ready to Build Your\r\n <span>Digital Future?<\/span>\r\n\r\n <\/h3>\r\n\r\n\r\n <p>\r\n\r\n Explore our practical programs and take the next\r\n step toward becoming a confident, industry-ready\r\n digital marketer.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dm-cta-buttons\">\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"dm-btn dm-btn-primary\"\r\n >\r\n\r\n Explore Courses\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M5 12h14\"\/>\r\n <path d=\"m13 6 6 6-6 6\"\/>\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"#contact\"\r\n class=\"dm-btn dm-btn-secondary\"\r\n >\r\n\r\n Get in Touch\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <rect\r\n x=\"3\"\r\n y=\"5\"\r\n width=\"18\"\r\n height=\"14\"\r\n rx=\"2\"\r\n \/>\r\n\r\n <path d=\"m3 7 9 6 9-6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-13facb2 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"13facb2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0605df1\" data-id=\"0605df1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4860223 elementor-widget elementor-widget-html\" data-id=\"4860223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section id=\"itz-courses\" aria-labelledby=\"itz-courses-heading\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n STANDALONE RESET\r\n========================================================= *\/\r\n\r\n#itz-courses,\r\n#itz-courses *{\r\n box-sizing:border-box;\r\n}\r\n\r\n#itz-courses{\r\n --primary:#29437C;\r\n --primary-dark:#1D315F;\r\n --primary-soft:#EAF0FA;\r\n\r\n --accent:#FFB606;\r\n --accent-dark:#D89400;\r\n --accent-soft:#FFF4D6;\r\n\r\n --dark:#00001E;\r\n --text:#202844;\r\n --muted:#65708A;\r\n --white:#FFFFFF;\r\n\r\n --green:#16A34A;\r\n --border:rgba(41,67,124,.12);\r\n\r\n width:100%;\r\n position:relative;\r\n overflow:hidden;\r\n\r\n \/*\r\n IMPORTANT:\r\n Section background intentionally transparent.\r\n *\/\r\n background:transparent;\r\n\r\n padding:85px 20px 90px;\r\n\r\n font-family:\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Roboto,\r\n Arial,\r\n sans-serif;\r\n\r\n color:var(--dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n#itz-courses .courses-bg{\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n overflow:hidden;\r\n z-index:0;\r\n}\r\n\r\n#itz-courses .glow{\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(2px);\r\n opacity:.35;\r\n}\r\n\r\n#itz-courses .glow.one{\r\n width:320px;\r\n height:320px;\r\n left:-180px;\r\n top:100px;\r\n background:radial-gradient(\r\n circle,\r\n rgba(255,182,6,.15) 0%,\r\n rgba(255,182,6,.05) 45%,\r\n transparent 72%\r\n );\r\n}\r\n\r\n#itz-courses .glow.two{\r\n width:380px;\r\n height:380px;\r\n right:-200px;\r\n bottom:40px;\r\n background:radial-gradient(\r\n circle,\r\n rgba(41,67,124,.13) 0%,\r\n rgba(41,67,124,.04) 48%,\r\n transparent 72%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTENT WIDTH\r\n========================================================= *\/\r\n\r\n#itz-courses .courses-container{\r\n width:100%;\r\n max-width:1100px;\r\n margin:0 auto;\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SECTION HEADER\r\n========================================================= *\/\r\n\r\n#itz-courses .courses-header{\r\n text-align:center;\r\n max-width:850px;\r\n margin:0 auto 48px;\r\n}\r\n\r\n#itz-courses .section-label{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n\r\n padding:8px 16px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,182,6,.12);\r\n border:1px solid rgba(255,182,6,.35);\r\n\r\n color:var(--primary);\r\n\r\n font-size:13px;\r\n line-height:1;\r\n font-weight:700;\r\n\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n\r\n margin-bottom:18px;\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(41,67,124,.06);\r\n}\r\n\r\n#itz-courses .section-label i{\r\n color:var(--accent);\r\n font-size:13px;\r\n}\r\n\r\n\r\n\/* Heading *\/\r\n\r\n#itz-courses .courses-header h2{\r\n margin:0 0 15px;\r\n\r\n color:var(--primary);\r\n\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n\r\n font-size:48px;\r\n line-height:1.12;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-1.2px;\r\n}\r\n\r\n#itz-courses .courses-header h2 span{\r\n color:var(--accent);\r\n}\r\n\r\n#itz-courses .courses-header p{\r\n max-width:720px;\r\n margin:0 auto;\r\n\r\n color:var(--muted);\r\n\r\n font-size:16px;\r\n line-height:1.65;\r\n font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE GRID\r\n========================================================= *\/\r\n\r\n#itz-courses .courses-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:22px;\r\n\r\n align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE CARD\r\n========================================================= *\/\r\n\r\n#itz-courses .course-card{\r\n position:relative;\r\n\r\n display:flex;\r\n flex-direction:column;\r\n\r\n min-width:0;\r\n\r\n background:rgba(255,255,255,.94);\r\n\r\n border:1px solid rgba(41,67,124,.11);\r\n\r\n border-radius:20px;\r\n\r\n overflow:hidden;\r\n\r\n box-shadow:\r\n 0 12px 35px rgba(0,0,30,.08);\r\n\r\n transition:\r\n transform .4s cubic-bezier(.22,1,.36,1),\r\n box-shadow .4s ease,\r\n border-color .4s ease;\r\n\r\n isolation:isolate;\r\n}\r\n\r\n#itz-courses .course-card:hover{\r\n transform:translateY(-9px);\r\n\r\n border-color:rgba(255,182,6,.45);\r\n\r\n box-shadow:\r\n 0 22px 55px rgba(41,67,124,.16);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD IMAGE\r\n========================================================= *\/\r\n\r\n#itz-courses .course-image{\r\n position:relative;\r\n\r\n height:185px;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #29437C,\r\n #17284F\r\n );\r\n}\r\n\r\n#itz-courses .course-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 transition:\r\n transform .65s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#itz-courses .course-card:hover .course-image img{\r\n transform:scale(1.07);\r\n}\r\n\r\n\r\n\/* Image overlay *\/\r\n\r\n#itz-courses .course-image::after{\r\n content:\"\";\r\n\r\n position:absolute;\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n to top,\r\n rgba(0,0,30,.55),\r\n rgba(0,0,30,.02) 65%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE BADGE\r\n========================================================= *\/\r\n\r\n#itz-courses .image-badge{\r\n position:absolute;\r\n\r\n top:14px;\r\n left:14px;\r\n\r\n z-index:3;\r\n\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n\r\n padding:7px 11px;\r\n\r\n border-radius:30px;\r\n\r\n background:rgba(255,255,255,.94);\r\n\r\n color:var(--primary);\r\n\r\n font-size:11px;\r\n font-weight:800;\r\n\r\n letter-spacing:.03em;\r\n\r\n box-shadow:\r\n 0 7px 20px rgba(0,0,0,.12);\r\n}\r\n\r\n#itz-courses .image-badge i{\r\n color:var(--accent);\r\n}\r\n\r\n\r\n\/* Image number *\/\r\n\r\n#itz-courses .course-number{\r\n position:absolute;\r\n\r\n right:15px;\r\n bottom:14px;\r\n\r\n z-index:3;\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--accent);\r\n\r\n color:var(--dark);\r\n\r\n font-size:12px;\r\n font-weight:900;\r\n\r\n box-shadow:\r\n 0 8px 22px rgba(0,0,0,.2);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n========================================================= *\/\r\n\r\n#itz-courses .course-content{\r\n padding:21px 21px 20px;\r\n\r\n display:flex;\r\n flex-direction:column;\r\n\r\n flex:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BADGES\r\n========================================================= *\/\r\n\r\n#itz-courses .course-badges{\r\n display:flex;\r\n flex-wrap:wrap;\r\n\r\n gap:7px;\r\n\r\n margin-bottom:12px;\r\n}\r\n\r\n#itz-courses .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n\r\n min-height:24px;\r\n\r\n padding:5px 9px;\r\n\r\n border-radius:30px;\r\n\r\n font-size:10px;\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.04em;\r\n}\r\n\r\n#itz-courses .badge-popular{\r\n color:var(--primary);\r\n background:#E9EFF9;\r\n}\r\n\r\n#itz-courses .badge-ai{\r\n color:#147D71;\r\n background:#E1F7F2;\r\n}\r\n\r\n#itz-courses .badge-demand{\r\n color:#A85E00;\r\n background:#FFF0D5;\r\n}\r\n\r\n#itz-courses .badge-cert{\r\n color:#16803A;\r\n background:#EAF8EE;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE TITLE\r\n========================================================= *\/\r\n\r\n#itz-courses .course-title{\r\n margin:0 0 9px;\r\n\r\n color:var(--dark);\r\n\r\n font-size:20px;\r\n line-height:1.28;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-.35px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE DESCRIPTION\r\n========================================================= *\/\r\n\r\n#itz-courses .course-description{\r\n margin:0 0 17px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:13px;\r\n line-height:1.6;\r\n\r\n font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n META INFORMATION\r\n========================================================= *\/\r\n\r\n#itz-courses .course-meta{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:8px;\r\n\r\n padding:12px;\r\n\r\n margin-bottom:17px;\r\n\r\n background:#F7F9FC;\r\n\r\n border:1px solid rgba(41,67,124,.07);\r\n\r\n border-radius:13px;\r\n}\r\n\r\n#itz-courses .meta-item{\r\n display:flex;\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n min-width:0;\r\n\r\n color:#5B6478;\r\n\r\n font-size:11px;\r\n line-height:1.35;\r\n}\r\n\r\n#itz-courses .meta-item i{\r\n flex:0 0 17px;\r\n\r\n width:17px;\r\n\r\n text-align:center;\r\n\r\n color:var(--primary);\r\n\r\n font-size:12px;\r\n}\r\n\r\n#itz-courses .meta-item strong{\r\n color:var(--dark);\r\n font-weight:750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CURRICULUM\r\n========================================================= *\/\r\n\r\n#itz-courses .curriculum{\r\n margin-bottom:18px;\r\n}\r\n\r\n#itz-courses .curriculum-heading{\r\n display:flex;\r\n align-items:center;\r\n gap:7px;\r\n\r\n margin-bottom:10px;\r\n\r\n color:var(--primary);\r\n\r\n font-size:11px;\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n#itz-courses .curriculum-heading::after{\r\n content:\"\";\r\n\r\n height:1px;\r\n\r\n flex:1;\r\n\r\n background:rgba(41,67,124,.10);\r\n}\r\n\r\n#itz-courses .curriculum-list{\r\n list-style:none;\r\n\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\n#itz-courses .curriculum-list li{\r\n display:flex;\r\n align-items:flex-start;\r\n\r\n gap:8px;\r\n\r\n margin-bottom:8px;\r\n\r\n color:#3D4558;\r\n\r\n font-size:12px;\r\n line-height:1.4;\r\n}\r\n\r\n#itz-courses .curriculum-list li i{\r\n flex:0 0 15px;\r\n\r\n width:15px;\r\n\r\n height:15px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-top:1px;\r\n\r\n border-radius:50%;\r\n\r\n background:#EAF8EE;\r\n\r\n color:var(--green);\r\n\r\n font-size:8px;\r\n}\r\n\r\n#itz-courses .curriculum-list li.more{\r\n color:var(--primary);\r\n\r\n font-weight:700;\r\n\r\n margin-top:3px;\r\n}\r\n\r\n#itz-courses .curriculum-list li.more i{\r\n background:var(--accent-soft);\r\n color:var(--accent-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD FOOTER\r\n========================================================= *\/\r\n\r\n#itz-courses .course-footer{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n\r\n gap:10px;\r\n\r\n margin-top:auto;\r\n\r\n padding-top:15px;\r\n\r\n border-top:1px solid rgba(41,67,124,.09);\r\n}\r\n\r\n#itz-courses .enrolled{\r\n display:flex;\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n color:#687187;\r\n\r\n font-size:10px;\r\n line-height:1.3;\r\n\r\n white-space:nowrap;\r\n}\r\n\r\n#itz-courses .enrolled i{\r\n color:var(--primary);\r\n font-size:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COURSE BUTTON\r\n========================================================= *\/\r\n\r\n#itz-courses .course-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n gap:7px;\r\n\r\n min-height:36px;\r\n\r\n padding:9px 13px;\r\n\r\n border-radius:30px;\r\n\r\n background:var(--accent);\r\n\r\n color:var(--dark) !important;\r\n\r\n font-size:11px;\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n text-decoration:none !important;\r\n\r\n box-shadow:\r\n 0 6px 16px rgba(255,182,6,.25);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n#itz-courses .course-btn:hover,\r\n#itz-courses .course-btn:focus{\r\n background:var(--accent) !important;\r\n color:var(--dark) !important;\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 10px 22px rgba(255,182,6,.35);\r\n}\r\n\r\n#itz-courses .course-btn i{\r\n font-size:9px;\r\n\r\n transition:transform .25s ease;\r\n}\r\n\r\n#itz-courses .course-btn:hover i{\r\n transform:translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM FEATURE STRIP\r\n========================================================= *\/\r\n\r\n#itz-courses .course-features{\r\n display:flex;\r\n flex-wrap:wrap;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n gap:10px;\r\n\r\n margin-top:34px;\r\n}\r\n\r\n#itz-courses .feature-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n padding:9px 14px;\r\n\r\n border-radius:40px;\r\n\r\n background:rgba(255,255,255,.70);\r\n\r\n border:1px solid rgba(41,67,124,.11);\r\n\r\n color:var(--primary);\r\n\r\n font-size:11px;\r\n line-height:1;\r\n\r\n font-weight:700;\r\n\r\n box-shadow:\r\n 0 5px 16px rgba(0,0,30,.04);\r\n\r\n transition:\r\n transform .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n#itz-courses .feature-pill i{\r\n color:var(--accent);\r\n font-size:11px;\r\n}\r\n\r\n#itz-courses .feature-pill:hover{\r\n transform:translateY(-3px);\r\n\r\n background:rgba(255,255,255,.95);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM CTA\r\n========================================================= *\/\r\n\r\n#itz-courses .courses-cta{\r\n text-align:center;\r\n\r\n margin-top:35px;\r\n}\r\n\r\n#itz-courses .courses-cta p{\r\n margin:0 0 17px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:13px;\r\n line-height:1.5;\r\n}\r\n\r\n#itz-courses .cta-buttons{\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:10px;\r\n}\r\n\r\n#itz-courses .main-cta,\r\n#itz-courses .secondary-cta{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n gap:8px;\r\n\r\n min-height:43px;\r\n\r\n padding:12px 20px;\r\n\r\n border-radius:40px;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:11px;\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n#itz-courses .main-cta{\r\n background:var(--accent);\r\n color:var(--dark) !important;\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(255,182,6,.25);\r\n}\r\n\r\n#itz-courses .main-cta:hover{\r\n background:var(--accent) !important;\r\n color:var(--dark) !important;\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(255,182,6,.35);\r\n}\r\n\r\n#itz-courses .secondary-cta{\r\n background:var(--primary);\r\n color:#FFFFFF !important;\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(41,67,124,.20);\r\n}\r\n\r\n#itz-courses .secondary-cta:hover{\r\n background:var(--primary) !important;\r\n color:#FFFFFF !important;\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(41,67,124,.28);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes itzCourseFadeUp{\r\n\r\n 0%{\r\n opacity:0;\r\n transform:translateY(25px);\r\n }\r\n\r\n 100%{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n#itz-courses .courses-header{\r\n animation:\r\n itzCourseFadeUp .7s ease both;\r\n}\r\n\r\n#itz-courses .course-card:nth-child(1){\r\n animation:\r\n itzCourseFadeUp .7s .12s ease both;\r\n}\r\n\r\n#itz-courses .course-card:nth-child(2){\r\n animation:\r\n itzCourseFadeUp .7s .22s ease both;\r\n}\r\n\r\n#itz-courses .course-card:nth-child(3){\r\n animation:\r\n itzCourseFadeUp .7s .32s ease both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:980px){\r\n\r\n #itz-courses{\r\n padding:75px 20px 80px;\r\n }\r\n\r\n #itz-courses .courses-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n #itz-courses .course-card:nth-child(3){\r\n grid-column:1 \/ -1;\r\n\r\n max-width:520px;\r\n\r\n width:100%;\r\n\r\n margin:0 auto;\r\n }\r\n\r\n #itz-courses .courses-header h2{\r\n font-size:42px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:680px){\r\n\r\n #itz-courses{\r\n padding:65px 15px 70px;\r\n }\r\n\r\n #itz-courses .courses-header{\r\n margin-bottom:35px;\r\n }\r\n\r\n #itz-courses .section-label{\r\n font-size:11px;\r\n\r\n padding:8px 13px;\r\n\r\n margin-bottom:15px;\r\n }\r\n\r\n #itz-courses .courses-header h2{\r\n font-size:34px;\r\n\r\n line-height:1.16;\r\n\r\n letter-spacing:-.7px;\r\n }\r\n\r\n #itz-courses .courses-header p{\r\n font-size:14px;\r\n line-height:1.6;\r\n }\r\n\r\n #itz-courses .courses-grid{\r\n grid-template-columns:1fr;\r\n\r\n max-width:430px;\r\n\r\n margin:0 auto;\r\n }\r\n\r\n #itz-courses .course-card:nth-child(3){\r\n grid-column:auto;\r\n max-width:none;\r\n }\r\n\r\n #itz-courses .course-image{\r\n height:190px;\r\n }\r\n\r\n #itz-courses .course-title{\r\n font-size:19px;\r\n }\r\n\r\n #itz-courses .course-description{\r\n font-size:13px;\r\n }\r\n\r\n #itz-courses .course-footer{\r\n align-items:center;\r\n }\r\n\r\n #itz-courses .course-features{\r\n margin-top:28px;\r\n }\r\n\r\n #itz-courses .feature-pill{\r\n font-size:10px;\r\n }\r\n\r\n #itz-courses .courses-cta{\r\n margin-top:28px;\r\n }\r\n\r\n #itz-courses .cta-buttons{\r\n flex-direction:column;\r\n\r\n width:100%;\r\n }\r\n\r\n #itz-courses .main-cta,\r\n #itz-courses .secondary-cta{\r\n width:100%;\r\n max-width:280px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:400px){\r\n\r\n #itz-courses{\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n #itz-courses .courses-header h2{\r\n font-size:30px;\r\n }\r\n\r\n #itz-courses .course-content{\r\n padding:18px;\r\n }\r\n\r\n #itz-courses .course-image{\r\n height:175px;\r\n }\r\n\r\n #itz-courses .course-meta{\r\n gap:7px;\r\n padding:10px;\r\n }\r\n\r\n #itz-courses .meta-item{\r\n font-size:10px;\r\n }\r\n\r\n #itz-courses .enrolled{\r\n font-size:9px;\r\n }\r\n\r\n #itz-courses .course-btn{\r\n padding:9px 11px;\r\n font-size:10px;\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 #itz-courses *,\r\n #itz-courses *::before,\r\n #itz-courses *::after{\r\n animation:none !important;\r\n transition:none !important;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"courses-bg\" aria-hidden=\"true\">\r\n\r\n <div class=\"glow one\"><\/div>\r\n <div class=\"glow two\"><\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"courses-container\">\r\n\r\n\r\n \r\n\r\n <header class=\"courses-header\">\r\n\r\n <div class=\"section-label\">\r\n\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n\r\n Our Courses\r\n\r\n <\/div>\r\n\r\n\r\n <h2 id=\"itz-courses-heading\">\r\n\r\n Learn. Practice.\r\n <span>Get Hired.<\/span>\r\n\r\n <\/h2>\r\n\r\n\r\n <p>\r\n\r\n Industry-focused digital marketing programs designed\r\n with live projects, AI tools, practical training,\r\n mentorship and career support.\r\n\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"courses-grid\">\r\n\r\n\r\n \r\n\r\n <article class=\"course-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"course-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1557838923-2985c318be48?auto=format&fit=crop&w=1000&q=85\"\r\n alt=\"Digital marketing strategy and analytics\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"image-badge\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n Most Popular\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"course-number\">\r\n 01\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-content\">\r\n\r\n\r\n <div class=\"course-badges\">\r\n\r\n <span class=\"badge badge-popular\">\r\n MOST POPULAR\r\n <\/span>\r\n\r\n <span class=\"badge badge-cert\">\r\n CERTIFICATE\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"course-title\">\r\n\r\n Professional Digital Marketing\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"course-description\">\r\n\r\n Complete end-to-end digital marketing\r\n training covering SEO, Google Ads, Meta Ads,\r\n analytics, content marketing and AI tools.\r\n\r\n <\/p>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-meta\">\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n\r\n <span>\r\n <strong>6<\/strong> Months\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n\r\n <span>\r\n <strong>48<\/strong> Modules\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-signal\"><\/i>\r\n\r\n <span>\r\n Beginner \u2192 Advanced\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n <span>\r\n Online + Offline\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"curriculum\">\r\n\r\n <div class=\"curriculum-heading\">\r\n\r\n What You'll Learn\r\n\r\n <\/div>\r\n\r\n\r\n <ul class=\"curriculum-list\">\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n SEO, Google Ads & Meta Ads\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n AI Tools & Marketing Automation\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n 8+ Live Client Projects\r\n\r\n <\/li>\r\n\r\n\r\n <li class=\"more\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n View full curriculum\r\n\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-footer\">\r\n\r\n <div class=\"enrolled\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 3,200+ enrolled\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"course-btn\"\r\n >\r\n\r\n View Course\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"course-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"course-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=1000&q=85\"\r\n alt=\"Artificial intelligence and digital marketing\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"image-badge\">\r\n\r\n <i class=\"fa-solid fa-robot\"><\/i>\r\n\r\n AI Focused\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"course-number\">\r\n 02\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-content\">\r\n\r\n\r\n <div class=\"course-badges\">\r\n\r\n <span class=\"badge badge-ai\">\r\n AI FOCUSED\r\n <\/span>\r\n\r\n <span class=\"badge badge-cert\">\r\n CERTIFICATE\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"course-title\">\r\n\r\n AI-Powered Digital Marketing\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"course-description\">\r\n\r\n Learn how modern marketers use Generative AI,\r\n prompt engineering, content systems and\r\n automation to increase productivity.\r\n\r\n <\/p>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-meta\">\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n\r\n <span>\r\n <strong>4<\/strong> Months\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n\r\n <span>\r\n <strong>32<\/strong> Modules\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-signal\"><\/i>\r\n\r\n <span>\r\n Intermediate\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n <span>\r\n Fully Online\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"curriculum\">\r\n\r\n <div class=\"curriculum-heading\">\r\n\r\n What You'll Learn\r\n\r\n <\/div>\r\n\r\n\r\n <ul class=\"curriculum-list\">\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Generative AI for Marketing\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Prompt Engineering\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Marketing Automation\r\n\r\n <\/li>\r\n\r\n\r\n <li class=\"more\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n View full curriculum\r\n\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-footer\">\r\n\r\n <div class=\"enrolled\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 1,850+ enrolled\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"course-btn\"\r\n >\r\n\r\n View Course\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"course-card\">\r\n\r\n\r\n \r\n\r\n <div class=\"course-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1000&q=85\"\r\n alt=\"Performance marketing analytics dashboard\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"image-badge\">\r\n\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n\r\n High Demand\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"course-number\">\r\n 03\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-content\">\r\n\r\n\r\n <div class=\"course-badges\">\r\n\r\n <span class=\"badge badge-demand\">\r\n HIGH DEMAND\r\n <\/span>\r\n\r\n <span class=\"badge badge-cert\">\r\n CERTIFICATE\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"course-title\">\r\n\r\n Performance Marketing Mastery\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"course-description\">\r\n\r\n Master paid advertising, media buying,\r\n funnel building, campaign optimization and\r\n conversion rate optimization.\r\n\r\n <\/p>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-meta\">\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n\r\n <span>\r\n <strong>5<\/strong> Months\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n\r\n <span>\r\n <strong>40<\/strong> Modules\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-signal\"><\/i>\r\n\r\n <span>\r\n Intermediate \u2192 Advanced\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"meta-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n <span>\r\n Online + Offline\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"curriculum\">\r\n\r\n <div class=\"curriculum-heading\">\r\n\r\n What You'll Learn\r\n\r\n <\/div>\r\n\r\n\r\n <ul class=\"curriculum-list\">\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Advanced Google & Meta Ads\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Funnel Building & CRO\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Live Budget Campaigns\r\n\r\n <\/li>\r\n\r\n\r\n <li class=\"more\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n View full curriculum\r\n\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-footer\">\r\n\r\n <div class=\"enrolled\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 2,100+ enrolled\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"course-btn\"\r\n >\r\n\r\n View Course\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"course-features\">\r\n\r\n\r\n <div class=\"feature-pill\">\r\n\r\n <i class=\"fa-solid fa-chalkboard-user\"><\/i>\r\n\r\n Live Mentorship\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"feature-pill\">\r\n\r\n <i class=\"fa-solid fa-briefcase\"><\/i>\r\n\r\n Live Projects\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"feature-pill\">\r\n\r\n <i class=\"fa-solid fa-robot\"><\/i>\r\n\r\n AI Tools Training\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"feature-pill\">\r\n\r\n <i class=\"fa-solid fa-certificate\"><\/i>\r\n\r\n Industry Certificate\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"feature-pill\">\r\n\r\n <i class=\"fa-solid fa-user-tie\"><\/i>\r\n\r\n Career Support\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"courses-cta\">\r\n\r\n <p>\r\n\r\n Not sure which course is right for you?\r\n Get free career guidance from our counselors.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"cta-buttons\">\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"main-cta\"\r\n >\r\n\r\n Explore All Courses\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n\r\n <a\r\n href=\"#counselor\"\r\n class=\"secondary-cta\"\r\n >\r\n\r\n Talk to Counselor\r\n\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-14e9310 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"14e9310\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-04a4f55\" data-id=\"04a4f55\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a837ec elementor-widget elementor-widget-html\" data-id=\"3a837ec\" 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>Tools & Platforms We Work With<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n DMI TOOLS SECTION\r\n PREMIUM \u2022 READABLE \u2022 STANDALONE \u2022 RESPONSIVE\r\n========================================================= *\/\r\n\r\n.dmi-tools-section,\r\n.dmi-tools-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-tools-section{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-soft:#3158B7;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n\r\n --text:#172A55;\r\n --muted:#66738A;\r\n\r\n --line:rgba(26,58,143,.12);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n color:var(--text);\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-tools-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-tools-header{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 390px;\r\n\r\n align-items:end;\r\n\r\n gap:55px;\r\n\r\n padding-bottom:28px;\r\n\r\n margin-bottom:26px;\r\n}\r\n\r\n\r\n.dmi-tools-header::after{\r\n\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:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-tools-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:90px;\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-tools-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:13px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.6px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-tools-eyebrow i{\r\n\r\n width:30px;\r\n height:2px;\r\n\r\n display:block;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n.dmi-tools-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:42px !important;\r\n\r\n line-height:1.12 !important;\r\n\r\n letter-spacing:-1.5px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-tools-heading span{\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n\r\n.dmi-tools-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:2px;\r\n right:2px;\r\n bottom:-7px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-15deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-tools-intro{\r\n\r\n width:100%;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n\r\n letter-spacing:.05px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HIGHLIGHT PANEL\r\n========================================================= *\/\r\n\r\n.dmi-tools-highlight{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr auto;\r\n\r\n align-items:center;\r\n\r\n gap:25px;\r\n\r\n padding:20px 22px;\r\n\r\n margin-bottom:23px;\r\n\r\n border:1px solid rgba(26,58,143,.13);\r\n\r\n border-radius:18px;\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n rgba(26,58,143,.045),\r\n rgba(253,185,19,.075)\r\n );\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.dmi-tools-highlight::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:180px;\r\n height:180px;\r\n\r\n right:-70px;\r\n top:-100px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.10);\r\n\r\n filter:blur(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HIGHLIGHT LEFT\r\n========================================================= *\/\r\n\r\n.dmi-highlight-left{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:14px;\r\n}\r\n\r\n\r\n.dmi-highlight-icon{\r\n\r\n width:44px;\r\n height:44px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:12px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.11),\r\n rgba(253,185,19,.16)\r\n );\r\n\r\n border:1px solid rgba(26,58,143,.08);\r\n\r\n color:var(--blue);\r\n\r\n font-size:19px;\r\n\r\n box-shadow:\r\n 0 7px 18px rgba(26,58,143,.06);\r\n}\r\n\r\n\r\n.dmi-highlight-title{\r\n\r\n margin:0 0 5px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-highlight-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.55 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PLATFORM COUNT\r\n========================================================= *\/\r\n\r\n.dmi-tools-count{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n padding:11px 15px;\r\n\r\n border-radius:50px;\r\n\r\n background:#fff;\r\n\r\n border:1px solid rgba(253,185,19,.28);\r\n\r\n color:#745600;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:.65px;\r\n\r\n text-transform:uppercase;\r\n\r\n white-space:nowrap;\r\n\r\n box-shadow:\r\n 0 7px 20px rgba(20,45,100,.05);\r\n}\r\n\r\n\r\n.dmi-tools-count::before{\r\n\r\n content:\"\";\r\n\r\n width:7px;\r\n height:7px;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(253,185,19,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SHOWCASE HEADING\r\n========================================================= *\/\r\n\r\n.dmi-tools-showcase-heading{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:center;\r\n\r\n gap:15px;\r\n\r\n margin:0 0 14px !important;\r\n}\r\n\r\n\r\n.dmi-showcase-title{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-showcase-title::before{\r\n\r\n content:\"\";\r\n\r\n width:4px;\r\n height:20px;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n.dmi-showcase-note{\r\n\r\n color:var(--muted);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.4;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SLIDER VIEWPORT\r\n========================================================= *\/\r\n\r\n.dmi-tools-slider{\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n\r\n overflow:hidden;\r\n\r\n padding:5px 0 8px;\r\n\r\n mask-image:\r\n linear-gradient(\r\n 90deg,\r\n transparent 0,\r\n #000 5%,\r\n #000 95%,\r\n transparent 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROW\r\n========================================================= *\/\r\n\r\n.dmi-tools-row{\r\n\r\n display:flex;\r\n\r\n width:max-content;\r\n\r\n gap:12px;\r\n\r\n margin-bottom:12px;\r\n\r\n will-change:transform;\r\n}\r\n\r\n\r\n.dmi-tools-row-one{\r\n\r\n animation:\r\n dmiToolsMoveRTL 34s linear infinite;\r\n}\r\n\r\n\r\n.dmi-tools-row-two{\r\n\r\n animation:\r\n dmiToolsMoveLTR 37s linear infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOOL CARD\r\n========================================================= *\/\r\n\r\n.dmi-tool-card{\r\n\r\n position:relative;\r\n\r\n width:190px;\r\n height:94px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:13px;\r\n\r\n padding:14px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:17px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.70),\r\n rgba(255,255,255,.35)\r\n );\r\n\r\n box-shadow:\r\n 0 7px 22px rgba(20,45,100,.035);\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.dmi-tool-card::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:55px;\r\n height:55px;\r\n\r\n right:-20px;\r\n top:-20px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.07);\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-tool-card:hover{\r\n\r\n transform:translateY(-5px);\r\n\r\n border-color:rgba(26,58,143,.25);\r\n\r\n box-shadow:\r\n 0 17px 35px rgba(20,45,100,.10);\r\n}\r\n\r\n\r\n.dmi-tool-card:hover::after{\r\n\r\n transform:scale(1.4);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOOL LOGO\r\n========================================================= *\/\r\n\r\n.dmi-tool-logo{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n width:50px;\r\n height:50px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:13px;\r\n\r\n background:#fff;\r\n\r\n border:1px solid rgba(26,58,143,.08);\r\n\r\n box-shadow:\r\n 0 6px 16px rgba(20,45,100,.07);\r\n}\r\n\r\n\r\n.dmi-tool-logo img{\r\n\r\n width:31px;\r\n height:31px;\r\n\r\n display:block;\r\n\r\n object-fit:contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOOL CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-tool-content{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n min-width:0;\r\n}\r\n\r\n\r\n.dmi-tool-name{\r\n\r\n margin:0 0 5px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n white-space:nowrap;\r\n\r\n overflow:hidden;\r\n\r\n text-overflow:ellipsis;\r\n}\r\n\r\n\r\n.dmi-tool-type{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.4 !important;\r\n\r\n font-weight:700 !important;\r\n\r\n letter-spacing:.35px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CATEGORY GRID\r\n========================================================= *\/\r\n\r\n.dmi-tools-categories{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(4,1fr);\r\n\r\n gap:11px;\r\n\r\n margin-top:18px;\r\n}\r\n\r\n\r\n.dmi-tools-category{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n min-height:76px;\r\n\r\n padding:13px 14px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:15px;\r\n\r\n background:rgba(255,255,255,.25);\r\n\r\n overflow:hidden;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-tools-category:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n border-color:rgba(26,58,143,.20);\r\n\r\n box-shadow:\r\n 0 12px 27px rgba(20,45,100,.07);\r\n}\r\n\r\n\r\n.dmi-category-symbol{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:10px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.09),\r\n rgba(253,185,19,.13)\r\n );\r\n\r\n color:var(--blue);\r\n\r\n font-size:15px;\r\n}\r\n\r\n\r\n.dmi-category-info{\r\n\r\n min-width:0;\r\n}\r\n\r\n\r\n.dmi-category-info strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:var(--blue-dark);\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.dmi-category-info span{\r\n\r\n display:block;\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.4;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-tools-cta{\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:space-between;\r\n\r\n gap:25px;\r\n\r\n margin-top:18px;\r\n\r\n padding:22px 23px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid rgba(26,58,143,.12);\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n rgba(26,58,143,.055),\r\n rgba(253,185,19,.09)\r\n );\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.dmi-tools-cta::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:140px;\r\n height:140px;\r\n\r\n right:-50px;\r\n bottom:-80px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.12);\r\n}\r\n\r\n\r\n.dmi-tools-cta-content{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n.dmi-tools-cta-title{\r\n\r\n margin:0 0 6px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-tools-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.6 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-tools-button{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n flex-shrink:0;\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 gap:8px;\r\n\r\n padding:13px 20px;\r\n\r\n min-width:150px;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n box-shadow:\r\n 0 8px 18px rgba(26,58,143,.16);\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-tools-button:hover{\r\n\r\n background:var(--blue-dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(26,58,143,.22);\r\n\r\n color:#fff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes dmiToolsMoveRTL{\r\n\r\n 0%{\r\n transform:translateX(0);\r\n }\r\n\r\n 100%{\r\n transform:translateX(-50%);\r\n }\r\n}\r\n\r\n\r\n@keyframes dmiToolsMoveLTR{\r\n\r\n 0%{\r\n transform:translateX(-50%);\r\n }\r\n\r\n 100%{\r\n transform:translateX(0);\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-tools-wrap{\r\n\r\n padding:65px 0 !important;\r\n }\r\n\r\n\r\n .dmi-tools-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:17px;\r\n\r\n align-items:start;\r\n }\r\n\r\n\r\n .dmi-tools-intro{\r\n\r\n max-width:700px;\r\n }\r\n\r\n\r\n .dmi-tools-categories{\r\n\r\n grid-template-columns:repeat(2,1fr);\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 .dmi-tools-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:600px !important;\r\n\r\n padding:50px 0 !important;\r\n }\r\n\r\n\r\n .dmi-tools-header{\r\n\r\n text-align:center;\r\n\r\n align-items:center;\r\n\r\n gap:16px;\r\n\r\n padding-bottom:23px;\r\n }\r\n\r\n\r\n .dmi-tools-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:70px;\r\n }\r\n\r\n\r\n .dmi-tools-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:11px !important;\r\n\r\n letter-spacing:1.4px !important;\r\n }\r\n\r\n\r\n .dmi-tools-heading{\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.15 !important;\r\n\r\n letter-spacing:-1px !important;\r\n }\r\n\r\n\r\n .dmi-tools-intro{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* HIGHLIGHT *\/\r\n\r\n .dmi-tools-highlight{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:14px;\r\n\r\n padding:17px;\r\n }\r\n\r\n\r\n .dmi-highlight-icon{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n font-size:18px;\r\n }\r\n\r\n\r\n .dmi-highlight-title{\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.35 !important;\r\n }\r\n\r\n\r\n .dmi-highlight-text{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-tools-count{\r\n\r\n justify-self:start;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n \/* SHOWCASE *\/\r\n\r\n .dmi-tools-showcase-heading{\r\n\r\n align-items:flex-start;\r\n\r\n flex-direction:column;\r\n\r\n gap:7px;\r\n }\r\n\r\n\r\n .dmi-showcase-title{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-showcase-note{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n \/* TOOL CARDS *\/\r\n\r\n .dmi-tool-card{\r\n\r\n width:180px;\r\n\r\n height:90px;\r\n\r\n padding:12px;\r\n }\r\n\r\n\r\n .dmi-tool-logo{\r\n\r\n width:45px;\r\n height:45px;\r\n }\r\n\r\n\r\n .dmi-tool-logo img{\r\n\r\n width:28px;\r\n height:28px;\r\n }\r\n\r\n\r\n .dmi-tool-name{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-tool-type{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n \/* CATEGORIES *\/\r\n\r\n .dmi-tools-categories{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n\r\n margin-top:16px;\r\n }\r\n\r\n\r\n .dmi-tools-category{\r\n\r\n min-height:72px;\r\n\r\n padding:11px;\r\n }\r\n\r\n\r\n .dmi-category-symbol{\r\n\r\n width:33px;\r\n height:33px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .dmi-category-info strong{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .dmi-category-info span{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n .dmi-tools-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:15px;\r\n\r\n padding:19px;\r\n }\r\n\r\n\r\n .dmi-tools-cta-title{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-tools-cta-text{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-tools-button{\r\n\r\n width:100%;\r\n\r\n min-width:0;\r\n\r\n padding:13px 16px;\r\n\r\n font-size:11px !important;\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 .dmi-tools-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n }\r\n\r\n\r\n .dmi-tools-heading{\r\n\r\n font-size:29px !important;\r\n }\r\n\r\n\r\n .dmi-tools-intro{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n .dmi-tools-categories{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-tool-card{\r\n\r\n width:170px;\r\n\r\n height:87px;\r\n }\r\n\r\n\r\n .dmi-tool-logo{\r\n\r\n width:43px;\r\n height:43px;\r\n }\r\n\r\n\r\n .dmi-tool-name{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n\r\n .dmi-tool-type{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-tools-heading{\r\n\r\n font-size:27px !important;\r\n }\r\n\r\n\r\n .dmi-tools-intro{\r\n\r\n font-size:11.5px !important;\r\n }\r\n\r\n\r\n .dmi-tool-card{\r\n\r\n width:160px;\r\n\r\n height:84px;\r\n }\r\n\r\n\r\n .dmi-tools-highlight{\r\n\r\n padding:14px;\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<section class=\"dmi-tools-section\">\r\n\r\n<div class=\"dmi-tools-wrap\">\r\n\r\n\r\n\r\n\r\n<header class=\"dmi-tools-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-tools-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Industry Ready Training\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-tools-heading\">\r\n\r\n Tools & Platforms\r\n\r\n <span>We Work With<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-tools-intro\">\r\n\r\n Learn with the same platforms used by modern\r\n digital marketing teams. Build practical\r\n experience across advertising, SEO, analytics,\r\n content, automation and AI-powered workflows.\r\n\r\n <\/p>\r\n\r\n<\/header>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-highlight\">\r\n\r\n\r\n <div class=\"dmi-highlight-left\">\r\n\r\n <div class=\"dmi-highlight-icon\">\r\n\r\n \u2726\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-highlight-title\">\r\n\r\n Learn Through Real Industry Platforms\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-highlight-text\">\r\n\r\n Practice with tools used for campaigns,\r\n analytics, SEO, social media, design,\r\n automation and AI.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tools-count\">\r\n\r\n 18+ Platforms\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-showcase-heading\">\r\n\r\n <h3 class=\"dmi-showcase-title\">\r\n\r\n Explore The Tools\r\n\r\n <\/h3>\r\n\r\n\r\n <span class=\"dmi-showcase-note\">\r\n\r\n Learn \u2022 Practice \u2022 Create \u2022 Analyse\r\n\r\n <\/span>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-slider\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-row dmi-tools-row-one\">\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/googleads\"\r\n alt=\"Google Ads\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Google Ads\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Paid Advertising\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/meta\"\r\n alt=\"Meta Ads\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Meta Ads\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Social Advertising\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/googleanalytics\"\r\n alt=\"Google Analytics\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Analytics\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Data & Tracking\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/googlesearchconsole\"\r\n alt=\"Google Search Console\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Search Console\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n SEO\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/semrush\"\r\n alt=\"Semrush\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Semrush\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n SEO Research\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/canva\"\r\n alt=\"Canva\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Canva\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Design\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/wordpress\"\r\n alt=\"WordPress\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n WordPress\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Web Platform\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cdn.simpleicons.org\/mailchimp\"\r\n alt=\"Mailchimp\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-content\">\r\n\r\n <h3 class=\"dmi-tool-name\">\r\n Mailchimp\r\n <\/h3>\r\n\r\n <p class=\"dmi-tool-type\">\r\n Email Marketing\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googleads\" alt=\"Google Ads\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Google Ads<\/h3>\r\n <p class=\"dmi-tool-type\">Paid Advertising<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/meta\" alt=\"Meta Ads\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Meta Ads<\/h3>\r\n <p class=\"dmi-tool-type\">Social Advertising<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googleanalytics\" alt=\"Google Analytics\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Analytics<\/h3>\r\n <p class=\"dmi-tool-type\">Data & Tracking<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlesearchconsole\" alt=\"Search Console\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Search Console<\/h3>\r\n <p class=\"dmi-tool-type\">SEO<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/semrush\" alt=\"Semrush\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Semrush<\/h3>\r\n <p class=\"dmi-tool-type\">SEO Research<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/canva\" alt=\"Canva\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Canva<\/h3>\r\n <p class=\"dmi-tool-type\">Design<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/wordpress\" alt=\"WordPress\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">WordPress<\/h3>\r\n <p class=\"dmi-tool-type\">Web Platform<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/mailchimp\" alt=\"Mailchimp\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Mailchimp<\/h3>\r\n <p class=\"dmi-tool-type\">Email Marketing<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-row dmi-tools-row-two\">\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hubspot\" alt=\"HubSpot\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">HubSpot<\/h3>\r\n <p class=\"dmi-tool-type\">CRM & Marketing<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hootsuite\" alt=\"Hootsuite\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Hootsuite<\/h3>\r\n <p class=\"dmi-tool-type\">Social Media<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/buffer\" alt=\"Buffer\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Buffer<\/h3>\r\n <p class=\"dmi-tool-type\">Social Media<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/ahrefs\" alt=\"Ahrefs\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Ahrefs<\/h3>\r\n <p class=\"dmi-tool-type\">SEO Research<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/shopify\" alt=\"Shopify\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Shopify<\/h3>\r\n <p class=\"dmi-tool-type\">E-Commerce<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/openai\" alt=\"AI Tools\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">AI Tools<\/h3>\r\n <p class=\"dmi-tool-type\">Generative AI<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googletagmanager\" alt=\"Google Tag Manager\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Tag Manager<\/h3>\r\n <p class=\"dmi-tool-type\">Tracking<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/google\" alt=\"Google Business\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Google Business<\/h3>\r\n <p class=\"dmi-tool-type\">Local Marketing<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hubspot\" alt=\"HubSpot\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">HubSpot<\/h3>\r\n <p class=\"dmi-tool-type\">CRM & Marketing<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/hootsuite\" alt=\"Hootsuite\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Hootsuite<\/h3>\r\n <p class=\"dmi-tool-type\">Social Media<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/buffer\" alt=\"Buffer\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Buffer<\/h3>\r\n <p class=\"dmi-tool-type\">Social Media<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/ahrefs\" alt=\"Ahrefs\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Ahrefs<\/h3>\r\n <p class=\"dmi-tool-type\">SEO Research<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/shopify\" alt=\"Shopify\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Shopify<\/h3>\r\n <p class=\"dmi-tool-type\">E-Commerce<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/openai\" alt=\"AI Tools\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">AI Tools<\/h3>\r\n <p class=\"dmi-tool-type\">Generative AI<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googletagmanager\" alt=\"Google Tag Manager\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Tag Manager<\/h3>\r\n <p class=\"dmi-tool-type\">Tracking<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tool-card\">\r\n\r\n <div class=\"dmi-tool-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/google\" alt=\"Google Business\">\r\n <\/div>\r\n\r\n <div class=\"dmi-tool-content\">\r\n <h3 class=\"dmi-tool-name\">Google Business<\/h3>\r\n <p class=\"dmi-tool-type\">Local Marketing<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-categories\">\r\n\r\n\r\n <div class=\"dmi-tools-category\">\r\n\r\n <div class=\"dmi-category-symbol\">\r\n \u25c8\r\n <\/div>\r\n\r\n <div class=\"dmi-category-info\">\r\n\r\n <strong>\r\n Advertising\r\n <\/strong>\r\n\r\n <span>\r\n Google & Meta Ads\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tools-category\">\r\n\r\n <div class=\"dmi-category-symbol\">\r\n \u25c9\r\n <\/div>\r\n\r\n <div class=\"dmi-category-info\">\r\n\r\n <strong>\r\n SEO & Analytics\r\n <\/strong>\r\n\r\n <span>\r\n Search, Data & Research\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tools-category\">\r\n\r\n <div class=\"dmi-category-symbol\">\r\n \u2726\r\n <\/div>\r\n\r\n <div class=\"dmi-category-info\">\r\n\r\n <strong>\r\n Content & Design\r\n <\/strong>\r\n\r\n <span>\r\n Creative & Social Content\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-tools-category\">\r\n\r\n <div class=\"dmi-category-symbol\">\r\n \u26a1\r\n <\/div>\r\n\r\n <div class=\"dmi-category-info\">\r\n\r\n <strong>\r\n AI & Automation\r\n <\/strong>\r\n\r\n <span>\r\n Modern Marketing Workflows\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-tools-cta\">\r\n\r\n\r\n <div class=\"dmi-tools-cta-content\">\r\n\r\n <h3 class=\"dmi-tools-cta-title\">\r\n Master The Tools. Build Real Skills.\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-tools-cta-text\">\r\n\r\n Don't just learn digital marketing theory.\r\n Practice with platforms used by today's\r\n marketing professionals.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"dmi-tools-button\"\r\n >\r\n\r\n Explore Courses \u2192\r\n\r\n <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9d4b07a ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9d4b07a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec67f0b\" data-id=\"ec67f0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9fc9a8e elementor-widget elementor-widget-html\" data-id=\"9fc9a8e\" 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 Alumni | Digital Marketing Institute<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n OUR ALUMNI \u2014 PREMIUM SUCCESS WALL\r\n FULLY STANDALONE\r\n IMPROVED TYPOGRAPHY & READABILITY\r\n========================================================= *\/\r\n\r\n.dmi-alumni-unique,\r\n.dmi-alumni-unique *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-alumni-unique{\r\n\r\n --blue:#1A3A8F;\r\n --dark:#10275F;\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n --text:#17233D;\r\n --muted:#5F6C80;\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n color:var(--text);\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTAINER\r\n========================================================= *\/\r\n\r\n.dmi-alumni-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:75px 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP HEADER\r\n========================================================= *\/\r\n\r\n.dmi-alumni-top{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:flex-end;\r\n\r\n gap:50px;\r\n\r\n padding-bottom:27px;\r\n\r\n margin-bottom:28px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-alumni-top::after{\r\n\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:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-alumni-top::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:80px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LABEL\r\n========================================================= *\/\r\n\r\n.dmi-alumni-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:14px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.7px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-alumni-eyebrow i{\r\n\r\n display:block;\r\n\r\n width:32px;\r\n\r\n height:2px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n.dmi-alumni-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:44px !important;\r\n\r\n line-height:1.08 !important;\r\n\r\n letter-spacing:-1.6px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-alumni-heading span{\r\n\r\n color:var(--blue) !important;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-alumni-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:-5px;\r\n\r\n height:5px;\r\n\r\n background:var(--gold);\r\n\r\n border-radius:50px;\r\n\r\n transform:skewX(-15deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-alumni-description{\r\n\r\n width:410px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN SUCCESS WALL\r\n========================================================= *\/\r\n\r\n.dmi-alumni-wall{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:180px 1fr 280px;\r\n\r\n gap:16px;\r\n\r\n min-height:500px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LEFT \u2014 JOURNEY\r\n========================================================= *\/\r\n\r\n.dmi-alumni-journey{\r\n\r\n position:relative;\r\n\r\n padding:8px 5px 8px 17px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:space-between;\r\n}\r\n\r\n\r\n.dmi-alumni-journey::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:18px;\r\n\r\n bottom:18px;\r\n\r\n left:5px;\r\n\r\n width:1px;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n var(--gold) 0%,\r\n var(--blue) 50%,\r\n rgba(26,58,143,.08) 100%\r\n );\r\n}\r\n\r\n\r\n.dmi-journey-item{\r\n\r\n position:relative;\r\n\r\n padding-left:18px;\r\n\r\n margin:0;\r\n\r\n min-height:70px;\r\n}\r\n\r\n\r\n.dmi-journey-dot{\r\n\r\n position:absolute;\r\n\r\n left:-17px;\r\n\r\n top:3px;\r\n\r\n width:10px;\r\n\r\n height:10px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(253,185,19,.12);\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n\r\n.dmi-journey-item:hover .dmi-journey-dot{\r\n\r\n transform:scale(1.35);\r\n\r\n background:var(--blue);\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(26,58,143,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n JOURNEY NUMBER\r\n========================================================= *\/\r\n\r\n.dmi-journey-number{\r\n\r\n display:block;\r\n\r\n margin-bottom:6px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:900 !important;\r\n\r\n letter-spacing:.8px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n JOURNEY TITLE\r\n========================================================= *\/\r\n\r\n.dmi-journey-title{\r\n\r\n margin:0 0 5px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.15 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n JOURNEY DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-journey-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.5 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CENTER FEATURE\r\n========================================================= *\/\r\n\r\n.dmi-alumni-main-card{\r\n\r\n position:relative;\r\n\r\n min-height:500px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:27px;\r\n\r\n background:var(--dark);\r\n\r\n box-shadow:\r\n 0 25px 70px rgba(16,39,95,.18);\r\n\r\n isolation:isolate;\r\n}\r\n\r\n\r\n.dmi-alumni-main-image{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:-2;\r\n}\r\n\r\n\r\n.dmi-alumni-main-image img{\r\n\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 transition:transform .8s ease;\r\n}\r\n\r\n\r\n.dmi-alumni-main-card:hover\r\n.dmi-alumni-main-image img{\r\n\r\n transform:scale(1.05);\r\n}\r\n\r\n\r\n.dmi-alumni-main-card::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:-1;\r\n\r\n background:\r\n linear-gradient(\r\n 0deg,\r\n rgba(5,22,60,.98) 3%,\r\n rgba(5,22,60,.78) 45%,\r\n rgba(5,22,60,.08) 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURE LABEL\r\n========================================================= *\/\r\n\r\n.dmi-alumni-feature-label{\r\n\r\n position:absolute;\r\n\r\n top:19px;\r\n\r\n left:19px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:9px 13px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,255,255,.95);\r\n\r\n color:var(--dark) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:900 !important;\r\n\r\n letter-spacing:.7px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-alumni-feature-label::before{\r\n\r\n content:\"\";\r\n\r\n width:6px;\r\n\r\n height:6px;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURE CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-alumni-main-content{\r\n\r\n position:absolute;\r\n\r\n left:28px;\r\n\r\n right:28px;\r\n\r\n bottom:27px;\r\n}\r\n\r\n\r\n.dmi-alumni-main-role{\r\n\r\n margin-bottom:9px !important;\r\n\r\n color:var(--gold-light) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.2px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-alumni-main-title{\r\n\r\n margin:0 0 10px !important;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.08 !important;\r\n\r\n letter-spacing:-.5px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-alumni-main-text{\r\n\r\n max-width:470px;\r\n\r\n margin:0 !important;\r\n\r\n color:rgba(255,255,255,.84) !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURE INFO\r\n========================================================= *\/\r\n\r\n.dmi-alumni-feature-info{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:7px;\r\n\r\n margin-top:16px;\r\n}\r\n\r\n\r\n.dmi-feature-pill{\r\n\r\n padding:7px 10px;\r\n\r\n border-radius:6px;\r\n\r\n border:1px solid rgba(255,255,255,.16);\r\n\r\n background:rgba(255,255,255,.08);\r\n\r\n color:rgba(255,255,255,.94) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:.2px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT SIDE\r\n========================================================= *\/\r\n\r\n.dmi-alumni-side{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUCCESS CARD\r\n========================================================= *\/\r\n\r\n.dmi-success-card{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:82px 1fr;\r\n\r\n min-height:115px;\r\n\r\n overflow:hidden;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:17px;\r\n\r\n background:rgba(255,255,255,.24);\r\n\r\n transition:\r\n\r\n transform .3s ease,\r\n\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.dmi-success-card:hover{\r\n\r\n transform:translateX(-4px);\r\n\r\n box-shadow:\r\n 0 15px 35px rgba(20,45,100,.10);\r\n}\r\n\r\n\r\n.dmi-success-image{\r\n\r\n height:100%;\r\n}\r\n\r\n\r\n.dmi-success-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:cover;\r\n}\r\n\r\n\r\n.dmi-success-content{\r\n\r\n padding:13px 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUCCESS ROLE\r\n========================================================= *\/\r\n\r\n.dmi-success-role{\r\n\r\n display:block;\r\n\r\n margin-bottom:6px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:900 !important;\r\n\r\n letter-spacing:.6px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUCCESS NAME\r\n========================================================= *\/\r\n\r\n.dmi-success-name{\r\n\r\n margin:0 0 6px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.15 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUCCESS DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-success-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.5 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT HIGHLIGHT\r\n========================================================= *\/\r\n\r\n.dmi-alumni-highlight{\r\n\r\n flex:1;\r\n\r\n position:relative;\r\n\r\n padding:21px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:18px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--blue),\r\n var(--dark)\r\n );\r\n\r\n color:#fff;\r\n}\r\n\r\n\r\n.dmi-alumni-highlight::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:110px;\r\n\r\n height:110px;\r\n\r\n right:-45px;\r\n\r\n top:-45px;\r\n\r\n border:1px solid rgba(255,255,255,.14);\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n.dmi-highlight-small{\r\n\r\n position:relative;\r\n\r\n color:var(--gold-light) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-highlight-number{\r\n\r\n position:relative;\r\n\r\n margin:10px 0 5px !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:40px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-highlight-number span{\r\n\r\n color:var(--gold);\r\n}\r\n\r\n\r\n.dmi-highlight-title{\r\n\r\n position:relative;\r\n\r\n margin:0 0 9px !important;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:17px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-highlight-text{\r\n\r\n position:relative;\r\n\r\n max-width:210px;\r\n\r\n margin:0 !important;\r\n\r\n color:rgba(255,255,255,.78) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.6 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM STATS\r\n========================================================= *\/\r\n\r\n.dmi-alumni-bottom{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(4,1fr);\r\n\r\n margin-top:17px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n overflow:hidden;\r\n\r\n background:rgba(255,255,255,.20);\r\n}\r\n\r\n\r\n.dmi-bottom-stat{\r\n\r\n position:relative;\r\n\r\n padding:19px;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.dmi-bottom-stat:not(:last-child)::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:18px;\r\n\r\n bottom:18px;\r\n\r\n right:0;\r\n\r\n width:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-bottom-stat strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:6px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:24px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-bottom-stat strong span{\r\n\r\n color:var(--gold);\r\n}\r\n\r\n\r\n.dmi-bottom-stat small{\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:700 !important;\r\n\r\n letter-spacing:.6px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-alumni-cta{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:center;\r\n\r\n gap:20px;\r\n\r\n margin-top:17px;\r\n\r\n padding:19px 21px;\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(26,58,143,.05),\r\n rgba(253,185,19,.07)\r\n );\r\n\r\n border:1px solid var(--line);\r\n}\r\n\r\n\r\n.dmi-alumni-cta-title{\r\n\r\n margin:0 0 6px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:17px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-alumni-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.55 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n.dmi-alumni-cta-button{\r\n\r\n flex-shrink:0;\r\n\r\n padding:12px 18px;\r\n\r\n border-radius:8px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n\r\n.dmi-alumni-cta-button:hover{\r\n\r\n background:var(--dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n color:#fff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-alumni-wrap{\r\n\r\n padding:58px 0 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-top{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:16px;\r\n }\r\n\r\n\r\n .dmi-alumni-description{\r\n\r\n width:100%;\r\n\r\n max-width:650px;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-wall{\r\n\r\n grid-template-columns:150px 1fr;\r\n }\r\n\r\n\r\n .dmi-alumni-side{\r\n\r\n grid-column:1 \/ -1;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-alumni-highlight{\r\n\r\n min-height:125px;\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 .dmi-alumni-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:600px !important;\r\n\r\n padding:48px 0 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-top{\r\n\r\n text-align:center;\r\n\r\n align-items:center;\r\n\r\n padding-bottom:23px;\r\n }\r\n\r\n\r\n .dmi-alumni-top::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:65px;\r\n }\r\n\r\n\r\n .dmi-alumni-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-heading{\r\n\r\n font-size:34px !important;\r\n\r\n line-height:1.08 !important;\r\n\r\n letter-spacing:-1.1px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-description{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n JOURNEY\r\n ===================================================== *\/\r\n\r\n .dmi-alumni-wall{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:14px;\r\n }\r\n\r\n\r\n .dmi-alumni-journey{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:10px;\r\n\r\n padding:0;\r\n }\r\n\r\n\r\n .dmi-alumni-journey::before{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .dmi-journey-item{\r\n\r\n min-height:115px;\r\n\r\n padding:14px 10px 12px 20px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:13px;\r\n\r\n background:rgba(255,255,255,.20);\r\n }\r\n\r\n\r\n .dmi-journey-dot{\r\n\r\n left:8px;\r\n\r\n top:16px;\r\n\r\n width:8px;\r\n\r\n height:8px;\r\n\r\n box-shadow:\r\n 0 0 0 3px rgba(253,185,19,.12);\r\n }\r\n\r\n\r\n .dmi-journey-number{\r\n\r\n margin-bottom:6px !important;\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n .dmi-journey-title{\r\n\r\n font-size:14px !important;\r\n\r\n margin-bottom:6px !important;\r\n }\r\n\r\n\r\n .dmi-journey-text{\r\n\r\n font-size:10.5px !important;\r\n\r\n line-height:1.5 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n FEATURE\r\n ===================================================== *\/\r\n\r\n .dmi-alumni-main-card{\r\n\r\n min-height:500px;\r\n\r\n border-radius:21px;\r\n }\r\n\r\n\r\n .dmi-alumni-feature-label{\r\n\r\n font-size:9px !important;\r\n\r\n padding:8px 11px;\r\n }\r\n\r\n\r\n .dmi-alumni-main-content{\r\n\r\n left:21px;\r\n\r\n right:20px;\r\n\r\n bottom:21px;\r\n }\r\n\r\n\r\n .dmi-alumni-main-role{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-title{\r\n\r\n font-size:27px !important;\r\n\r\n line-height:1.07 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-text{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n .dmi-feature-pill{\r\n\r\n font-size:9px !important;\r\n\r\n padding:6px 8px;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n RIGHT SIDE\r\n ===================================================== *\/\r\n\r\n .dmi-alumni-side{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:10px;\r\n }\r\n\r\n\r\n .dmi-success-card{\r\n\r\n display:block;\r\n\r\n min-height:230px;\r\n }\r\n\r\n\r\n .dmi-success-image{\r\n\r\n height:105px;\r\n }\r\n\r\n\r\n .dmi-success-content{\r\n\r\n padding:12px;\r\n }\r\n\r\n\r\n .dmi-success-role{\r\n\r\n font-size:9px !important;\r\n\r\n margin-bottom:6px !important;\r\n }\r\n\r\n\r\n .dmi-success-name{\r\n\r\n font-size:14px !important;\r\n\r\n margin-bottom:6px !important;\r\n }\r\n\r\n\r\n .dmi-success-text{\r\n\r\n font-size:10.5px !important;\r\n\r\n line-height:1.5 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-highlight{\r\n\r\n grid-column:1 \/ -1;\r\n\r\n min-height:165px;\r\n\r\n padding:20px;\r\n }\r\n\r\n\r\n .dmi-highlight-small{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n .dmi-highlight-number{\r\n\r\n font-size:36px !important;\r\n }\r\n\r\n\r\n .dmi-highlight-title{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-highlight-text{\r\n\r\n font-size:10.5px !important;\r\n\r\n line-height:1.55 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n STATS\r\n ===================================================== *\/\r\n\r\n .dmi-alumni-bottom{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-bottom-stat{\r\n\r\n padding:16px 8px;\r\n }\r\n\r\n\r\n .dmi-bottom-stat strong{\r\n\r\n font-size:21px !important;\r\n }\r\n\r\n\r\n .dmi-bottom-stat small{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n CTA\r\n ===================================================== *\/\r\n\r\n .dmi-alumni-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:13px;\r\n }\r\n\r\n\r\n .dmi-alumni-cta-title{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-cta-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.55 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-cta-button{\r\n\r\n width:100%;\r\n\r\n text-align:center;\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n .dmi-alumni-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n }\r\n\r\n\r\n .dmi-alumni-heading{\r\n\r\n font-size:30px !important;\r\n\r\n line-height:1.08 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-description{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-card{\r\n\r\n min-height:525px;\r\n }\r\n\r\n\r\n .dmi-alumni-main-title{\r\n\r\n font-size:25px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-text{\r\n\r\n font-size:11.5px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-alumni-side{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-success-card{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:90px 1fr;\r\n\r\n min-height:130px;\r\n }\r\n\r\n\r\n .dmi-success-image{\r\n\r\n height:100%;\r\n }\r\n\r\n\r\n .dmi-success-content{\r\n\r\n padding:12px;\r\n }\r\n\r\n\r\n .dmi-success-name{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n\r\n .dmi-success-text{\r\n\r\n font-size:10.5px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-bottom{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-bottom-stat strong{\r\n\r\n font-size:20px !important;\r\n }\r\n\r\n\r\n .dmi-bottom-stat small{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:360px){\r\n\r\n .dmi-alumni-heading{\r\n\r\n font-size:28px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-description{\r\n\r\n font-size:11.5px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-card{\r\n\r\n min-height:540px;\r\n }\r\n\r\n\r\n .dmi-alumni-main-title{\r\n\r\n font-size:23px !important;\r\n }\r\n\r\n\r\n .dmi-alumni-main-text{\r\n\r\n font-size:10.5px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-journey-title{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n\r\n .dmi-journey-text{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-success-name{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-success-text{\r\n\r\n font-size:10px !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<section class=\"dmi-alumni-unique\">\r\n\r\n<div class=\"dmi-alumni-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-top\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-alumni-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Our Alumni\r\n\r\n <\/div>\r\n\r\n\r\n <h1 class=\"dmi-alumni-heading\">\r\n\r\n Where Learning Becomes\r\n <span>Success.<\/span>\r\n\r\n <\/h1>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-alumni-description\">\r\n\r\n Meet the learners who transformed digital skills\r\n into practical experience. Our alumni continue\r\n their journey across jobs, freelancing, business,\r\n social media, performance marketing and more.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-wall\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-journey\">\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 01 \/ DISCOVER\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Discover\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Understand digital marketing,\r\n AI and today's digital ecosystem.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 02 \/ LEARN\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Learn\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Build strong foundations through\r\n structured practical learning.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 03 \/ PRACTICE\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Practice\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Work on campaigns, assignments\r\n and real-world marketing tasks.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 04 \/ BUILD\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Build\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Create projects and develop a\r\n portfolio of practical work.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 05 \/ GROW\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Grow\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Improve your confidence, skills\r\n and professional capabilities.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-journey-item\">\r\n\r\n <div class=\"dmi-journey-dot\"><\/div>\r\n\r\n <span class=\"dmi-journey-number\">\r\n 06 \/ ACHIEVE\r\n <\/span>\r\n\r\n <h3 class=\"dmi-journey-title\">\r\n Achieve\r\n <\/h3>\r\n\r\n <p class=\"dmi-journey-text\">\r\n Move toward jobs, freelancing,\r\n business and new opportunities.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<article class=\"dmi-alumni-main-card\">\r\n\r\n\r\n <div class=\"dmi-alumni-main-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1200&q=90\"\r\n alt=\"Digital Marketing Alumni\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-alumni-feature-label\">\r\n\r\n Featured Alumni\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-alumni-main-content\">\r\n\r\n\r\n <div class=\"dmi-alumni-main-role\">\r\n\r\n Digital Marketing Professional\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-alumni-main-title\">\r\n\r\n Skills That Go\r\n Beyond The Classroom.\r\n\r\n <\/h2>\r\n\r\n\r\n <p class=\"dmi-alumni-main-text\">\r\n\r\n From understanding customer behaviour to creating\r\n campaigns and analysing performance, our learners\r\n experience the practical side of digital marketing.\r\n This approach helps them become more confident\r\n digital professionals.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-alumni-feature-info\">\r\n\r\n <span class=\"dmi-feature-pill\">\r\n Digital Marketing\r\n <\/span>\r\n\r\n <span class=\"dmi-feature-pill\">\r\n SEO\r\n <\/span>\r\n\r\n <span class=\"dmi-feature-pill\">\r\n Meta Ads\r\n <\/span>\r\n\r\n <span class=\"dmi-feature-pill\">\r\n Google Ads\r\n <\/span>\r\n\r\n <span class=\"dmi-feature-pill\">\r\n AI Tools\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/article>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-side\">\r\n\r\n\r\n \r\n\r\n <article class=\"dmi-success-card\">\r\n\r\n <div class=\"dmi-success-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1531123897727-8f129e1688ce?auto=format&fit=crop&w=500&q=90\"\r\n alt=\"Social Media Alumni\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-success-content\">\r\n\r\n <span class=\"dmi-success-role\">\r\n Social Media\r\n <\/span>\r\n\r\n <h3 class=\"dmi-success-name\">\r\n Content & Branding\r\n <\/h3>\r\n\r\n <p class=\"dmi-success-text\">\r\n Creating social strategies and\r\n content for modern brands.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"dmi-success-card\">\r\n\r\n <div class=\"dmi-success-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=500&q=90\"\r\n alt=\"Performance Marketing Alumni\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-success-content\">\r\n\r\n <span class=\"dmi-success-role\">\r\n Performance Marketing\r\n <\/span>\r\n\r\n <h3 class=\"dmi-success-name\">\r\n Paid Advertising\r\n <\/h3>\r\n\r\n <p class=\"dmi-success-text\">\r\n Working with lead generation,\r\n campaigns and paid media.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <article class=\"dmi-success-card\">\r\n\r\n <div class=\"dmi-success-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=500&q=90\"\r\n alt=\"SEO Alumni\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-success-content\">\r\n\r\n <span class=\"dmi-success-role\">\r\n SEO & Analytics\r\n <\/span>\r\n\r\n <h3 class=\"dmi-success-name\">\r\n Search Growth\r\n <\/h3>\r\n\r\n <p class=\"dmi-success-text\">\r\n Applying SEO and analytics to\r\n improve organic visibility.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-alumni-highlight\">\r\n\r\n <div class=\"dmi-highlight-small\">\r\n Alumni Network\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-highlight-number\">\r\n 500<span>+<\/span>\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-highlight-title\">\r\n Learners & Growing\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-highlight-text\">\r\n A growing community of learners developing\r\n digital skills and exploring new opportunities.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-bottom\">\r\n\r\n\r\n <div class=\"dmi-bottom-stat\">\r\n\r\n <strong>\r\n 500<span>+<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Learners\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-bottom-stat\">\r\n\r\n <strong>\r\n 20<span>+<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Skill Areas\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-bottom-stat\">\r\n\r\n <strong>\r\n 100<span>%<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Practical\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-bottom-stat\">\r\n\r\n <strong>\r\n 1<span>:1<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Support\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-alumni-cta\">\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-alumni-cta-title\">\r\n Your Success Story Starts Here.\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-alumni-cta-text\">\r\n Learn practical digital marketing skills and\r\n build the confidence to create your own path.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"dmi-alumni-cta-button\"\r\n >\r\n Explore Courses \u2192\r\n <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-106c111 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"106c111\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3202222\" data-id=\"3202222\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ed7fecd elementor-widget elementor-widget-html\" data-id=\"ed7fecd\" 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>Companies Where Our Students Are Placed<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n PREMIUM STUDENT PLACEMENT SECTION\r\n FULLY STANDALONE\r\n========================================================= *\/\r\n\r\n.dmi-placement-section,\r\n.dmi-placement-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-placement-section{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-soft:#EEF3FF;\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n\r\n --text:#17233D;\r\n --muted:#69758A;\r\n\r\n --border:rgba(26,58,143,.12);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-placement-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-placement-header{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 350px;\r\n\r\n align-items:end;\r\n\r\n gap:55px;\r\n\r\n padding-bottom:30px;\r\n\r\n margin-bottom:28px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-placement-header::after{\r\n\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:1px;\r\n\r\n background:var(--border);\r\n}\r\n\r\n\r\n.dmi-placement-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:95px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-placement-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:13px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:2px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-placement-eyebrow i{\r\n\r\n width:32px;\r\n\r\n height:2px;\r\n\r\n display:block;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADING\r\n========================================================= *\/\r\n\r\n.dmi-placement-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:42px !important;\r\n\r\n line-height:1.08 !important;\r\n\r\n letter-spacing:-1.6px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-placement-heading span{\r\n\r\n position:relative;\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n\r\n.dmi-placement-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n right:0;\r\n\r\n bottom:-6px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-15deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-placement-intro{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN SHOWCASE\r\n========================================================= *\/\r\n\r\n.dmi-placement-showcase{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:340px 1fr;\r\n\r\n gap:18px;\r\n\r\n align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LEFT CAREER CARD\r\n========================================================= *\/\r\n\r\n.dmi-placement-story{\r\n\r\n position:relative;\r\n\r\n min-height:490px;\r\n\r\n padding:31px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:25px;\r\n\r\n color:#fff;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 90% 8%,\r\n rgba(253,185,19,.22),\r\n transparent 28%\r\n ),\r\n linear-gradient(\r\n 145deg,\r\n #10275F 0%,\r\n #1A3A8F 100%\r\n );\r\n\r\n box-shadow:\r\n 0 24px 60px rgba(16,39,95,.17);\r\n}\r\n\r\n\r\n\/* decorative circles *\/\r\n\r\n.dmi-placement-story::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:230px;\r\n\r\n height:230px;\r\n\r\n right:-125px;\r\n\r\n top:-125px;\r\n\r\n border:1px solid rgba(255,255,255,.13);\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n.dmi-placement-story::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:150px;\r\n\r\n height:150px;\r\n\r\n left:-95px;\r\n\r\n bottom:-85px;\r\n\r\n border:1px solid rgba(253,185,19,.20);\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY TOP\r\n========================================================= *\/\r\n\r\n.dmi-story-top{\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:space-between;\r\n\r\n gap:15px;\r\n\r\n margin-bottom:42px;\r\n}\r\n\r\n\r\n.dmi-story-label{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:8px 12px;\r\n\r\n border:1px solid rgba(255,255,255,.14);\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,255,255,.07);\r\n\r\n color:var(--gold-light) !important;\r\n\r\n font-size:10px !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-story-label::before{\r\n\r\n content:\"\";\r\n\r\n width:6px;\r\n\r\n height:6px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY NUMBER\r\n========================================================= *\/\r\n\r\n.dmi-story-number{\r\n\r\n color:rgba(255,255,255,.14) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:45px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-story-title{\r\n\r\n position:relative;\r\n\r\n margin:0 0 17px !important;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:31px !important;\r\n\r\n line-height:1.12 !important;\r\n\r\n letter-spacing:-.8px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-story-title span{\r\n\r\n color:var(--gold-light);\r\n}\r\n\r\n\r\n.dmi-story-text{\r\n\r\n position:relative;\r\n\r\n margin:0 !important;\r\n\r\n max-width:275px;\r\n\r\n color:rgba(255,255,255,.72) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STORY BOTTOM\r\n========================================================= *\/\r\n\r\n.dmi-story-bottom{\r\n\r\n position:absolute;\r\n\r\n left:31px;\r\n\r\n right:31px;\r\n\r\n bottom:29px;\r\n}\r\n\r\n\r\n.dmi-story-divider{\r\n\r\n height:1px;\r\n\r\n margin-bottom:17px;\r\n\r\n background:rgba(255,255,255,.12);\r\n}\r\n\r\n\r\n.dmi-story-mini-title{\r\n\r\n margin:0 0 12px !important;\r\n\r\n color:rgba(255,255,255,.55) !important;\r\n\r\n font-size:10px !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.2px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-story-stats{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n\r\n gap:8px;\r\n}\r\n\r\n\r\n.dmi-story-stat{\r\n\r\n padding:12px;\r\n\r\n border:1px solid rgba(255,255,255,.11);\r\n\r\n border-radius:11px;\r\n\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n\r\n.dmi-story-stat strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px !important;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:21px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-story-stat strong span{\r\n\r\n color:var(--gold);\r\n}\r\n\r\n\r\n.dmi-story-stat small{\r\n\r\n color:rgba(255,255,255,.55) !important;\r\n\r\n font-size:9px !important;\r\n\r\n font-weight:700 !important;\r\n\r\n letter-spacing:.4px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT COMPANY AREA\r\n========================================================= *\/\r\n\r\n.dmi-company-area{\r\n\r\n padding:23px;\r\n\r\n border:1px solid var(--border);\r\n\r\n border-radius:25px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.45),\r\n rgba(255,255,255,.16)\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPANY AREA HEADER\r\n========================================================= *\/\r\n\r\n.dmi-company-area-head{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:center;\r\n\r\n gap:20px;\r\n\r\n margin-bottom:18px;\r\n}\r\n\r\n\r\n.dmi-company-area-title{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-company-area-text{\r\n\r\n margin:4px 0 0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.5 !important;\r\n}\r\n\r\n\r\n.dmi-company-count{\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n padding:7px 10px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--blue-soft);\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:9px !important;\r\n\r\n font-weight:800 !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-company-count i{\r\n\r\n width:6px;\r\n\r\n height:6px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPANY GRID\r\n========================================================= *\/\r\n\r\n.dmi-company-wall{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(3,1fr);\r\n\r\n gap:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPANY CARD\r\n========================================================= *\/\r\n\r\n.dmi-company-card{\r\n\r\n position:relative;\r\n\r\n min-height:130px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n flex-direction:column;\r\n\r\n gap:9px;\r\n\r\n padding:18px 12px;\r\n\r\n overflow:hidden;\r\n\r\n border:1px solid var(--border);\r\n\r\n border-radius:16px;\r\n\r\n background:rgba(255,255,255,.55);\r\n\r\n transition:\r\n\r\n transform .3s ease,\r\n\r\n box-shadow .3s ease,\r\n\r\n border-color .3s ease,\r\n\r\n background .3s ease;\r\n}\r\n\r\n\r\n.dmi-company-card::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:60px;\r\n\r\n height:60px;\r\n\r\n right:-35px;\r\n\r\n bottom:-35px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.08);\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-company-card:hover{\r\n\r\n transform:translateY(-5px);\r\n\r\n border-color:rgba(26,58,143,.22);\r\n\r\n background:#fff;\r\n\r\n box-shadow:\r\n 0 18px 38px rgba(20,45,100,.10);\r\n}\r\n\r\n\r\n.dmi-company-card:hover::after{\r\n\r\n transform:scale(2);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPANY LOGO\r\n========================================================= *\/\r\n\r\n.dmi-company-icon{\r\n\r\n width:55px;\r\n\r\n height:55px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n padding:8px;\r\n\r\n border-radius:14px;\r\n\r\n background:#fff;\r\n\r\n border:1px solid rgba(26,58,143,.08);\r\n\r\n box-shadow:\r\n 0 8px 22px rgba(20,45,100,.07);\r\n\r\n overflow:hidden;\r\n\r\n z-index:1;\r\n}\r\n\r\n\r\n.dmi-company-icon img{\r\n\r\n display:block;\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n max-width:100%;\r\n\r\n max-height:100%;\r\n\r\n object-fit:contain;\r\n\r\n transition:transform .3s ease;\r\n}\r\n\r\n\r\n.dmi-company-card:hover\r\n.dmi-company-icon img{\r\n\r\n transform:scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPANY NAME\r\n========================================================= *\/\r\n\r\n.dmi-company-name{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.15 !important;\r\n\r\n text-align:center;\r\n\r\n font-weight:800 !important;\r\n\r\n z-index:1;\r\n}\r\n\r\n\r\n.dmi-company-type{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:9px !important;\r\n\r\n font-weight:600 !important;\r\n\r\n letter-spacing:.5px !important;\r\n\r\n text-transform:uppercase;\r\n\r\n text-align:center;\r\n\r\n z-index:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURED COMPANY\r\n========================================================= *\/\r\n\r\n.dmi-company-card.featured{\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(26,58,143,.06),\r\n rgba(253,185,19,.09)\r\n );\r\n\r\n border-color:rgba(253,185,19,.25);\r\n}\r\n\r\n\r\n.dmi-company-card.featured::before{\r\n\r\n content:\"PLACED\";\r\n\r\n position:absolute;\r\n\r\n top:8px;\r\n\r\n right:8px;\r\n\r\n padding:4px 6px;\r\n\r\n border-radius:5px;\r\n\r\n background:rgba(253,185,19,.15);\r\n\r\n color:#816000;\r\n\r\n font-size:7px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CAREER CATEGORIES\r\n========================================================= *\/\r\n\r\n.dmi-placement-categories{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(4,1fr);\r\n\r\n gap:10px;\r\n\r\n margin-top:16px;\r\n}\r\n\r\n\r\n.dmi-placement-category{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n padding:14px;\r\n\r\n border:1px solid var(--border);\r\n\r\n border-radius:14px;\r\n\r\n background:rgba(255,255,255,.30);\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n\r\n.dmi-placement-category:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n background:rgba(255,255,255,.55);\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(20,45,100,.07);\r\n}\r\n\r\n\r\n.dmi-category-icon{\r\n\r\n flex-shrink:0;\r\n\r\n width:34px;\r\n\r\n height:34px;\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:10px;\r\n\r\n background:var(--blue-soft);\r\n\r\n color:var(--blue);\r\n\r\n font-size:14px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.dmi-category-content strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-category-content span{\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:9px !important;\r\n\r\n line-height:1.35 !important;\r\n\r\n font-weight:600 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-placement-cta{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:25px;\r\n\r\n margin-top:17px;\r\n\r\n padding:20px 23px;\r\n\r\n border:1px solid var(--border);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(26,58,143,.045),\r\n rgba(253,185,19,.075)\r\n );\r\n}\r\n\r\n\r\n.dmi-placement-cta-title{\r\n\r\n margin:0 0 5px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-placement-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.55 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n.dmi-placement-button{\r\n\r\n flex-shrink:0;\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 gap:7px;\r\n\r\n padding:12px 19px;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:10px !important;\r\n\r\n font-weight:800 !important;\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n\r\n.dmi-placement-button:hover{\r\n\r\n background:var(--blue-dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n color:#fff !important;\r\n\r\n box-shadow:\r\n 0 10px 22px rgba(26,58,143,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-placement-wrap{\r\n\r\n padding:60px 0 !important;\r\n }\r\n\r\n\r\n .dmi-placement-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:15px;\r\n\r\n align-items:start;\r\n }\r\n\r\n\r\n .dmi-placement-intro{\r\n\r\n max-width:650px;\r\n }\r\n\r\n\r\n .dmi-placement-showcase{\r\n\r\n grid-template-columns:280px 1fr;\r\n }\r\n\r\n\r\n .dmi-company-wall{\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n\r\n .dmi-placement-categories{\r\n\r\n grid-template-columns:repeat(2,1fr);\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 .dmi-placement-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:600px !important;\r\n\r\n padding:48px 0 !important;\r\n }\r\n\r\n\r\n .dmi-placement-header{\r\n\r\n text-align:center;\r\n\r\n justify-items:center;\r\n\r\n gap:14px;\r\n\r\n padding-bottom:24px;\r\n }\r\n\r\n\r\n .dmi-placement-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:65px;\r\n }\r\n\r\n\r\n .dmi-placement-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-placement-heading{\r\n\r\n font-size:34px !important;\r\n\r\n line-height:1.1 !important;\r\n\r\n letter-spacing:-1.1px !important;\r\n }\r\n\r\n\r\n .dmi-placement-intro{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* SHOWCASE *\/\r\n\r\n .dmi-placement-showcase{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:14px;\r\n }\r\n\r\n\r\n \/* STORY *\/\r\n\r\n .dmi-placement-story{\r\n\r\n min-height:420px;\r\n\r\n padding:24px;\r\n\r\n border-radius:21px;\r\n }\r\n\r\n\r\n .dmi-story-top{\r\n\r\n margin-bottom:35px;\r\n }\r\n\r\n\r\n .dmi-story-number{\r\n\r\n font-size:38px !important;\r\n }\r\n\r\n\r\n .dmi-story-title{\r\n\r\n font-size:28px !important;\r\n }\r\n\r\n\r\n .dmi-story-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n .dmi-story-bottom{\r\n\r\n left:24px;\r\n\r\n right:24px;\r\n\r\n bottom:23px;\r\n }\r\n\r\n\r\n \/* COMPANY AREA *\/\r\n\r\n .dmi-company-area{\r\n\r\n padding:16px;\r\n\r\n border-radius:21px;\r\n }\r\n\r\n\r\n .dmi-company-area-head{\r\n\r\n align-items:flex-start;\r\n\r\n margin-bottom:15px;\r\n }\r\n\r\n\r\n .dmi-company-area-title{\r\n\r\n font-size:17px !important;\r\n }\r\n\r\n\r\n .dmi-company-area-text{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-company-count{\r\n\r\n font-size:8px !important;\r\n\r\n padding:6px 8px;\r\n }\r\n\r\n\r\n .dmi-company-wall{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-company-card{\r\n\r\n min-height:125px;\r\n\r\n padding:15px 8px;\r\n }\r\n\r\n\r\n .dmi-company-icon{\r\n\r\n width:48px;\r\n\r\n height:48px;\r\n }\r\n\r\n\r\n .dmi-company-name{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n\r\n .dmi-company-type{\r\n\r\n font-size:8px !important;\r\n }\r\n\r\n\r\n \/* CATEGORIES *\/\r\n\r\n .dmi-placement-categories{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-placement-category{\r\n\r\n padding:12px 10px;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-category-icon{\r\n\r\n width:30px;\r\n\r\n height:30px;\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .dmi-category-content strong{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-category-content span{\r\n\r\n font-size:8px !important;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n .dmi-placement-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:14px;\r\n\r\n padding:18px;\r\n }\r\n\r\n\r\n .dmi-placement-cta-title{\r\n\r\n font-size:15px !important;\r\n }\r\n\r\n\r\n .dmi-placement-cta-text{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-placement-button{\r\n\r\n width:100%;\r\n\r\n font-size:10px !important;\r\n\r\n text-align:center;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:450px){\r\n\r\n .dmi-placement-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n }\r\n\r\n\r\n .dmi-placement-heading{\r\n\r\n font-size:30px !important;\r\n }\r\n\r\n\r\n .dmi-placement-story{\r\n\r\n min-height:430px;\r\n }\r\n\r\n\r\n .dmi-story-title{\r\n\r\n font-size:26px !important;\r\n }\r\n\r\n\r\n .dmi-story-text{\r\n\r\n font-size:10.5px !important;\r\n }\r\n\r\n\r\n .dmi-story-stat strong{\r\n\r\n font-size:19px !important;\r\n }\r\n\r\n\r\n .dmi-company-area-head{\r\n\r\n flex-direction:column;\r\n\r\n gap:9px;\r\n }\r\n\r\n\r\n .dmi-company-count{\r\n\r\n align-self:flex-start;\r\n }\r\n\r\n\r\n .dmi-placement-categories{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-placement-heading{\r\n\r\n font-size:27px !important;\r\n }\r\n\r\n\r\n .dmi-company-wall{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-placement-story{\r\n\r\n min-height:455px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"dmi-placement-section\">\r\n\r\n<div class=\"dmi-placement-wrap\">\r\n\r\n\r\n\r\n\r\n<header class=\"dmi-placement-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-placement-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Career Connect\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-placement-heading\">\r\n\r\n Companies Where Our\r\n <span>Students Are Placed<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-placement-intro\">\r\n\r\n Our learners are developing practical skills for\r\n digital marketing, social media, performance\r\n marketing, SEO, content, e-commerce and other\r\n fast-growing digital career opportunities.\r\n\r\n <\/p>\r\n\r\n<\/header>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-placement-showcase\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-placement-story\">\r\n\r\n\r\n <div class=\"dmi-story-top\">\r\n\r\n <div class=\"dmi-story-label\">\r\n\r\n Student Success\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-story-number\">\r\n\r\n 01\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-story-title\">\r\n\r\n Learn Skills.\r\n <br>\r\n\r\n <span>Build Careers.<\/span>\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-story-text\">\r\n\r\n Our practical approach helps students understand\r\n how digital marketing works in the real world.\r\n From campaigns and content to SEO, paid\r\n advertising and analytics, learners build skills\r\n that can be applied across different industries.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-story-bottom\">\r\n\r\n <div class=\"dmi-story-divider\"><\/div>\r\n\r\n\r\n <p class=\"dmi-story-mini-title\">\r\n Learning Impact\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-story-stats\">\r\n\r\n\r\n <div class=\"dmi-story-stat\">\r\n\r\n <strong>\r\n 500<span>+<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Learners\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-story-stat\">\r\n\r\n <strong>\r\n 20<span>+<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Skill Areas\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-story-stat\">\r\n\r\n <strong>\r\n 10<span>+<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Career Roles\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-story-stat\">\r\n\r\n <strong>\r\n 100<span>%<\/span>\r\n <\/strong>\r\n\r\n <small>\r\n Practical\r\n <\/small>\r\n\r\n <\/div>\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\r\n<div class=\"dmi-company-area\">\r\n\r\n\r\n <div class=\"dmi-company-area-head\">\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-company-area-title\">\r\n Where Skills Create Opportunities\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-area-text\">\r\n Students explore opportunities across\r\n leading digital and technology environments.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-company-count\">\r\n\r\n <i><\/i>\r\n\r\n Industry Network\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-company-wall\">\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card featured\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=TCS\"\r\n alt=\"TCS Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n TCS\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n IT & Technology\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card featured\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=WIPRO\"\r\n alt=\"Wipro Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Wipro\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Technology\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=INFOSYS\"\r\n alt=\"Infosys Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Infosys\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n IT Services\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=ACCENTURE\"\r\n alt=\"Accenture Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Accenture\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Consulting\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card featured\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=DELOITTE\"\r\n alt=\"Deloitte Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Deloitte\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Consulting\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=PUBLICIS\"\r\n alt=\"Publicis Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Publicis\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Advertising\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=HAVAS\"\r\n alt=\"Havas Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Havas\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Marketing\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card featured\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=MINDSHARE\"\r\n alt=\"Mindshare Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n Mindshare\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Media & Marketing\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"dmi-company-card\">\r\n\r\n <div class=\"dmi-company-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/dummyimage.com\/200x100\/ffffff\/1A3A8F&text=GROUPM\"\r\n alt=\"GroupM Logo\"\r\n >\r\n\r\n <\/div>\r\n\r\n <h3 class=\"dmi-company-name\">\r\n GroupM\r\n <\/h3>\r\n\r\n <p class=\"dmi-company-type\">\r\n Media\r\n <\/p>\r\n\r\n <\/div>\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\r\n<div class=\"dmi-placement-categories\">\r\n\r\n\r\n <div class=\"dmi-placement-category\">\r\n\r\n <div class=\"dmi-category-icon\">\r\n \u25c6\r\n <\/div>\r\n\r\n <div class=\"dmi-category-content\">\r\n\r\n <strong>\r\n Digital Marketing\r\n <\/strong>\r\n\r\n <span>\r\n Campaigns & Strategy\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-placement-category\">\r\n\r\n <div class=\"dmi-category-icon\">\r\n \u25c9\r\n <\/div>\r\n\r\n <div class=\"dmi-category-content\">\r\n\r\n <strong>\r\n Performance Marketing\r\n <\/strong>\r\n\r\n <span>\r\n Paid Ads & Lead Generation\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-placement-category\">\r\n\r\n <div class=\"dmi-category-icon\">\r\n \u25ce\r\n <\/div>\r\n\r\n <div class=\"dmi-category-content\">\r\n\r\n <strong>\r\n SEO & Analytics\r\n <\/strong>\r\n\r\n <span>\r\n Search & Data\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-placement-category\">\r\n\r\n <div class=\"dmi-category-icon\">\r\n \u2726\r\n <\/div>\r\n\r\n <div class=\"dmi-category-content\">\r\n\r\n <strong>\r\n Social Media\r\n <\/strong>\r\n\r\n <span>\r\n Content & Community\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-placement-cta\">\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-placement-cta-title\">\r\n\r\n Build Skills That Companies Value.\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-placement-cta-text\">\r\n\r\n Start learning practical digital marketing\r\n skills and take your first step toward a\r\n digital career.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"dmi-placement-button\"\r\n >\r\n\r\n Explore Courses \u2192\r\n\r\n <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4147d79 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4147d79\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-34e9195\" data-id=\"34e9195\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc969e5 elementor-widget elementor-widget-html\" data-id=\"bc969e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Why Students Prefer Digital Marketing<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n WHY STUDENTS PREFER DIGITAL MARKETING\r\n PREMIUM \u2022 READABLE \u2022 RESPONSIVE\r\n FULLY STANDALONE\r\n========================================================= *\/\r\n\r\n.dmi-why-section,\r\n.dmi-why-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-why-section{\r\n\r\n --blue:#1A3A8F;\r\n --dark:#10275F;\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n --muted:#657187;\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n color:var(--dark);\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-why-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:75px 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-why-header{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:flex-end;\r\n\r\n gap:55px;\r\n\r\n padding-bottom:29px;\r\n\r\n margin-bottom:32px;\r\n}\r\n\r\n\r\n.dmi-why-header::after{\r\n\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:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-why-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:88px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-why-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:14px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.7px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-why-eyebrow i{\r\n\r\n display:block;\r\n\r\n width:31px;\r\n\r\n height:2px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n.dmi-why-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:44px !important;\r\n\r\n line-height:1.10 !important;\r\n\r\n letter-spacing:-1.6px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-why-heading span{\r\n\r\n position:relative;\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n\r\n.dmi-why-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:-5px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-15deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-why-intro{\r\n\r\n width:410px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n\r\n letter-spacing:.05px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP INFORMATION AREA\r\n========================================================= *\/\r\n\r\n.dmi-why-top{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:420px 1fr;\r\n\r\n gap:18px;\r\n\r\n align-items:stretch;\r\n\r\n margin-bottom:22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURE IMAGE\r\n========================================================= *\/\r\n\r\n.dmi-why-image-feature{\r\n\r\n position:relative;\r\n\r\n min-height:350px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:24px;\r\n\r\n background:#10275F;\r\n\r\n box-shadow:\r\n 0 22px 55px rgba(16,39,95,.14);\r\n}\r\n\r\n\r\n.dmi-why-image-feature img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n min-height:350px;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n transition:transform .6s ease;\r\n}\r\n\r\n\r\n.dmi-why-image-feature:hover img{\r\n\r\n transform:scale(1.05);\r\n}\r\n\r\n\r\n.dmi-why-image-feature::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 180deg,\r\n rgba(16,39,95,.02) 10%,\r\n rgba(16,39,95,.92) 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-image-content{\r\n\r\n position:absolute;\r\n\r\n z-index:3;\r\n\r\n left:25px;\r\n right:25px;\r\n\r\n bottom:25px;\r\n}\r\n\r\n\r\n.dmi-image-badge{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:8px 12px;\r\n\r\n margin-bottom:14px;\r\n\r\n border:1px solid rgba(255,255,255,.16);\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,255,255,.10);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n color:var(--gold-light);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-image-badge::before{\r\n\r\n content:\"\";\r\n\r\n width:7px;\r\n height:7px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n.dmi-image-title{\r\n\r\n margin:0 0 9px !important;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:29px !important;\r\n\r\n line-height:1.12 !important;\r\n\r\n letter-spacing:-.6px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-image-title span{\r\n\r\n color:var(--gold-light);\r\n}\r\n\r\n\r\n.dmi-image-text{\r\n\r\n margin:0 !important;\r\n\r\n max-width:365px;\r\n\r\n color:rgba(255,255,255,.82) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INFORMATION GRID\r\n========================================================= *\/\r\n\r\n.dmi-why-info{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INFO CARD\r\n========================================================= *\/\r\n\r\n.dmi-info-card{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n min-height:170px;\r\n\r\n padding:20px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:18px;\r\n\r\n background:rgba(255,255,255,.20);\r\n\r\n transition:\r\n transform .3s ease,\r\n background .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.dmi-info-card:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n background:rgba(255,255,255,.34);\r\n\r\n border-color:rgba(26,58,143,.22);\r\n\r\n box-shadow:\r\n 0 15px 35px rgba(20,45,100,.09);\r\n}\r\n\r\n\r\n.dmi-info-card-number{\r\n\r\n position:absolute;\r\n\r\n top:10px;\r\n right:13px;\r\n\r\n color:rgba(26,58,143,.07);\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:36px;\r\n\r\n line-height:1;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.dmi-info-icon{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:13px;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.08),\r\n rgba(253,185,19,.12)\r\n );\r\n\r\n border:1px solid rgba(26,58,143,.08);\r\n\r\n color:var(--blue);\r\n\r\n font-size:16px;\r\n\r\n font-weight:700;\r\n}\r\n\r\n\r\n.dmi-info-title{\r\n\r\n margin:0 0 8px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-info-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MINI IMAGE STRIP\r\n========================================================= *\/\r\n\r\n.dmi-why-images{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:10px;\r\n\r\n margin-top:10px;\r\n}\r\n\r\n\r\n.dmi-mini-image{\r\n\r\n position:relative;\r\n\r\n height:105px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:14px;\r\n\r\n border:1px solid var(--line);\r\n\r\n background:#eee;\r\n}\r\n\r\n\r\n.dmi-mini-image img{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n transition:.5s ease;\r\n}\r\n\r\n\r\n.dmi-mini-image:hover img{\r\n\r\n transform:scale(1.06);\r\n}\r\n\r\n\r\n.dmi-mini-image::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 180deg,\r\n transparent 20%,\r\n rgba(16,39,95,.78)\r\n );\r\n}\r\n\r\n\r\n.dmi-mini-label{\r\n\r\n position:absolute;\r\n\r\n z-index:2;\r\n\r\n left:12px;\r\n bottom:10px;\r\n\r\n color:#fff;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:11px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REASONS TITLE\r\n========================================================= *\/\r\n\r\n.dmi-reasons-title{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n margin:0 0 16px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:20px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-reasons-title::before{\r\n\r\n content:\"\";\r\n\r\n width:4px;\r\n height:22px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REASONS GRID\r\n========================================================= *\/\r\n\r\n.dmi-reasons-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(3,1fr);\r\n\r\n gap:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REASON CARD\r\n========================================================= *\/\r\n\r\n.dmi-reason-card{\r\n\r\n position:relative;\r\n\r\n min-height:145px;\r\n\r\n padding:20px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n background:rgba(255,255,255,.18);\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.dmi-reason-card:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n border-color:rgba(26,58,143,.23);\r\n\r\n box-shadow:\r\n 0 14px 32px rgba(20,45,100,.08);\r\n}\r\n\r\n\r\n.dmi-reason-icon{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:12px;\r\n\r\n border-radius:9px;\r\n\r\n background:rgba(26,58,143,.08);\r\n\r\n color:var(--blue);\r\n\r\n font-size:14px;\r\n\r\n font-weight:700;\r\n}\r\n\r\n\r\n.dmi-reason-title{\r\n\r\n margin:0 0 7px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-reason-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COMPARISON\r\n========================================================= *\/\r\n\r\n.dmi-comparison{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:11px;\r\n\r\n margin-top:18px;\r\n}\r\n\r\n\r\n.dmi-comparison-card{\r\n\r\n position:relative;\r\n\r\n padding:21px;\r\n\r\n border-radius:16px;\r\n\r\n border:1px solid var(--line);\r\n\r\n background:rgba(255,255,255,.16);\r\n}\r\n\r\n\r\n.dmi-comparison-card.highlight{\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.06),\r\n rgba(253,185,19,.08)\r\n );\r\n\r\n border-color:rgba(253,185,19,.22);\r\n}\r\n\r\n\r\n.dmi-comparison-label{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:10px;\r\n}\r\n\r\n\r\n.dmi-comparison-label i{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n display:block;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n font-style:normal;\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n.dmi-comparison-label strong{\r\n\r\n color:var(--dark);\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:14px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.dmi-comparison-card p{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-why-cta{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:25px;\r\n\r\n margin-top:18px;\r\n\r\n padding:21px 23px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(26,58,143,.04),\r\n rgba(253,185,19,.07)\r\n );\r\n}\r\n\r\n\r\n.dmi-why-cta-title{\r\n\r\n margin:0 0 6px !important;\r\n\r\n color:var(--dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-why-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.6 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n.dmi-why-button{\r\n\r\n flex-shrink:0;\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 padding:13px 20px;\r\n\r\n border-radius:8px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n\r\n.dmi-why-button:hover{\r\n\r\n background:var(--dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n color:#fff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-why-wrap{\r\n\r\n padding:60px 0 !important;\r\n }\r\n\r\n\r\n .dmi-why-header{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:17px;\r\n }\r\n\r\n\r\n .dmi-why-intro{\r\n\r\n width:100%;\r\n\r\n max-width:700px;\r\n\r\n font-size:15px !important;\r\n }\r\n\r\n\r\n .dmi-why-top{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-why-info{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-why-images{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .dmi-reasons-grid{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-reason-text{\r\n\r\n font-size:12px !important;\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 .dmi-why-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:600px !important;\r\n\r\n padding:48px 0 !important;\r\n }\r\n\r\n\r\n .dmi-why-header{\r\n\r\n text-align:center;\r\n\r\n align-items:center;\r\n\r\n gap:15px;\r\n\r\n padding-bottom:24px;\r\n }\r\n\r\n\r\n .dmi-why-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:65px;\r\n }\r\n\r\n\r\n .dmi-why-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n\r\n letter-spacing:1.5px !important;\r\n }\r\n\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.10 !important;\r\n\r\n letter-spacing:-1px !important;\r\n }\r\n\r\n\r\n .dmi-why-intro{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n TOP\r\n ===================================================== *\/\r\n\r\n .dmi-why-top{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:12px;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n FEATURE\r\n ===================================================== *\/\r\n\r\n .dmi-why-image-feature{\r\n\r\n min-height:350px;\r\n\r\n border-radius:21px;\r\n }\r\n\r\n\r\n .dmi-why-image-feature img{\r\n\r\n min-height:350px;\r\n }\r\n\r\n\r\n .dmi-image-content{\r\n\r\n left:21px;\r\n\r\n right:21px;\r\n\r\n bottom:22px;\r\n }\r\n\r\n\r\n .dmi-image-badge{\r\n\r\n font-size:9px;\r\n\r\n padding:8px 11px;\r\n\r\n margin-bottom:12px;\r\n }\r\n\r\n\r\n .dmi-image-title{\r\n\r\n font-size:25px !important;\r\n\r\n line-height:1.12 !important;\r\n }\r\n\r\n\r\n .dmi-image-text{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n INFO\r\n ===================================================== *\/\r\n\r\n .dmi-why-info{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n }\r\n\r\n\r\n .dmi-info-card{\r\n\r\n min-height:160px;\r\n\r\n padding:17px;\r\n }\r\n\r\n\r\n .dmi-info-icon{\r\n\r\n width:40px;\r\n height:40px;\r\n\r\n margin-bottom:11px;\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n .dmi-info-title{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.3 !important;\r\n }\r\n\r\n\r\n .dmi-info-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n REASONS\r\n ===================================================== *\/\r\n\r\n .dmi-reasons-title{\r\n\r\n font-size:17px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n margin-bottom:14px !important;\r\n }\r\n\r\n\r\n .dmi-reasons-grid{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n }\r\n\r\n\r\n .dmi-reason-card{\r\n\r\n min-height:145px;\r\n\r\n padding:16px;\r\n }\r\n\r\n\r\n .dmi-reason-icon{\r\n\r\n width:34px;\r\n height:34px;\r\n\r\n margin-bottom:10px;\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dmi-reason-title{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.3 !important;\r\n }\r\n\r\n\r\n .dmi-reason-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n COMPARISON\r\n ===================================================== *\/\r\n\r\n .dmi-comparison{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:9px;\r\n\r\n margin-top:15px;\r\n }\r\n\r\n\r\n .dmi-comparison-card{\r\n\r\n padding:18px;\r\n }\r\n\r\n\r\n .dmi-comparison-label strong{\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dmi-comparison-card p{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* =====================================================\r\n CTA\r\n ===================================================== *\/\r\n\r\n .dmi-why-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:14px;\r\n\r\n padding:19px;\r\n }\r\n\r\n\r\n .dmi-why-cta-title{\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.3 !important;\r\n }\r\n\r\n\r\n .dmi-why-cta-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-why-button{\r\n\r\n width:100%;\r\n\r\n text-align:center;\r\n\r\n font-size:11px !important;\r\n\r\n padding:13px 18px;\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 .dmi-why-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n\r\n padding:44px 0 !important;\r\n }\r\n\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:29px !important;\r\n\r\n line-height:1.12 !important;\r\n }\r\n\r\n\r\n .dmi-why-intro{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* INFO *\/\r\n\r\n .dmi-why-info{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-info-card{\r\n\r\n min-height:auto;\r\n\r\n padding:18px;\r\n }\r\n\r\n\r\n .dmi-info-title{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n\r\n .dmi-info-text{\r\n\r\n font-size:11.5px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* FEATURE *\/\r\n\r\n .dmi-why-image-feature{\r\n\r\n min-height:370px;\r\n }\r\n\r\n\r\n .dmi-why-image-feature img{\r\n\r\n min-height:370px;\r\n }\r\n\r\n\r\n .dmi-image-title{\r\n\r\n font-size:24px !important;\r\n }\r\n\r\n\r\n .dmi-image-text{\r\n\r\n font-size:11.5px !important;\r\n }\r\n\r\n\r\n \/* REASONS *\/\r\n\r\n .dmi-reasons-grid{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-reason-card{\r\n\r\n min-height:auto;\r\n\r\n padding:18px;\r\n }\r\n\r\n\r\n .dmi-reason-title{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-reason-text{\r\n\r\n font-size:11.5px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* MINI IMAGES *\/\r\n\r\n .dmi-why-images{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:7px;\r\n }\r\n\r\n\r\n .dmi-mini-label{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n \/* COMPARISON *\/\r\n\r\n .dmi-comparison-card p{\r\n\r\n font-size:11.5px !important;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:27px !important;\r\n }\r\n\r\n\r\n .dmi-why-intro{\r\n\r\n font-size:11.5px !important;\r\n }\r\n\r\n\r\n .dmi-why-images{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .dmi-image-title{\r\n\r\n font-size:22px !important;\r\n }\r\n\r\n\r\n .dmi-image-text{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-reason-title{\r\n\r\n font-size:12.5px !important;\r\n }\r\n\r\n\r\n .dmi-reason-text{\r\n\r\n font-size:11px !important;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n<section class=\"dmi-why-section\">\r\n\r\n<div class=\"dmi-why-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-why-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Future Ready Career\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-why-heading\">\r\n\r\n Why Students Prefer\r\n <span>Digital Marketing<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-why-intro\">\r\n\r\n A traditional degree can provide an academic\r\n foundation, but today's students also want\r\n practical skills, real projects and flexible\r\n career opportunities in the fast-growing\r\n digital economy.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-top\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-image-feature\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.digitaldiscovery.institute\/images\/kanpur-img1.webp\"\r\n alt=\"Students learning digital marketing\"\r\n >\r\n\r\n\r\n <div class=\"dmi-image-content\">\r\n\r\n <div class=\"dmi-image-badge\">\r\n\r\n Practical Learning\r\n\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-image-title\">\r\n\r\n Learn Skills.\r\n <br>\r\n\r\n <span>Create Opportunities.<\/span>\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-image-text\">\r\n\r\n Digital marketing combines creativity,\r\n technology, communication and analytics \u2014\r\n giving students multiple ways to build\r\n a modern career.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div>\r\n\r\n<div class=\"dmi-why-info\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-info-card\">\r\n\r\n <div class=\"dmi-info-card-number\">\r\n 01\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-info-icon\">\r\n \u26a1\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-info-title\">\r\n Faster Skill Development\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-info-text\">\r\n\r\n Students can focus on practical marketing\r\n skills instead of relying only on academic\r\n theory.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-info-card\">\r\n\r\n <div class=\"dmi-info-card-number\">\r\n 02\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-info-icon\">\r\n \u25c8\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-info-title\">\r\n Multiple Career Paths\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-info-text\">\r\n\r\n SEO, social media, paid advertising,\r\n content, analytics and e-commerce open\r\n different career directions.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-info-card\">\r\n\r\n <div class=\"dmi-info-card-number\">\r\n 03\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-info-icon\">\r\n \u20b9\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-info-title\">\r\n Earning Potential\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-info-text\">\r\n\r\n Digital skills can support opportunities\r\n through jobs, freelancing, consulting or\r\n your own business.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-info-card\">\r\n\r\n <div class=\"dmi-info-card-number\">\r\n 04\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-info-icon\">\r\n \u2197\r\n <\/div>\r\n\r\n\r\n <h3 class=\"dmi-info-title\">\r\n Industry Demand\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-info-text\">\r\n\r\n Businesses need professionals who can\r\n attract audiences, generate leads and\r\n grow brands online.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-images\">\r\n\r\n\r\n<div class=\"dmi-mini-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/elysiumacademy.org\/wp-content\/uploads\/2025\/11\/Digital-Marketing-Course-Institute.jpeg\"\r\n alt=\"Digital marketing classroom\"\r\n >\r\n\r\n\r\n <div class=\"dmi-mini-label\">\r\n Learn With Projects\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-mini-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/user-images.rightblogger.com\/ai\/4bb1b7d4-3069-40dc-8c87-717b40f5653a\/young-marketer-woman-analytics-laptop-office-d27c97bb.jpg\"\r\n alt=\"Digital marketing analytics\"\r\n >\r\n\r\n\r\n <div class=\"dmi-mini-label\">\r\n Work With Data\r\n <\/div>\r\n\r\n<\/div>\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\r\n<h3 class=\"dmi-reasons-title\">\r\n\r\n What Makes Digital Marketing Different?\r\n\r\n<\/h3>\r\n\r\n\r\n<div class=\"dmi-reasons-grid\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u25c9\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n Practical Skills\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Learn how websites, campaigns, social\r\n platforms, ads and analytics actually work.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u2726\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n AI Integration\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Modern marketers can use AI tools to\r\n research, create, analyse and optimise.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u2197\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n Flexible Careers\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Choose from agency jobs, brand roles,\r\n freelancing, consulting or entrepreneurship.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u25c6\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n Portfolio Building\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Campaigns, websites, content and projects\r\n can become proof of your skills.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u25c7\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n Business Exposure\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Understand how brands attract customers,\r\n generate leads and grow online.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reason-card\">\r\n\r\n <div class=\"dmi-reason-icon\">\r\n \u2605\r\n <\/div>\r\n\r\n\r\n <h4 class=\"dmi-reason-title\">\r\n Future Ready\r\n <\/h4>\r\n\r\n\r\n <p class=\"dmi-reason-text\">\r\n\r\n Build a combination of marketing,\r\n technology, creativity and analytical skills.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-comparison\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-comparison-card\">\r\n\r\n <div class=\"dmi-comparison-label\">\r\n\r\n <i><\/i>\r\n\r\n <strong>\r\n Traditional Degree\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <p>\r\n\r\n Provides structured academic knowledge and\r\n a recognised educational qualification, but\r\n students may need additional practical\r\n experience to demonstrate specific skills.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-comparison-card highlight\">\r\n\r\n <div class=\"dmi-comparison-label\">\r\n\r\n <i><\/i>\r\n\r\n <strong>\r\n Digital Marketing Skills\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <p>\r\n\r\n Focuses on practical execution across\r\n channels such as SEO, social media, paid\r\n advertising, content and analytics \u2014 skills\r\n that can complement a student's education.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-cta\">\r\n\r\n\r\n<div>\r\n\r\n <h3 class=\"dmi-why-cta-title\">\r\n\r\n Don't Just Study. Build a Skill.\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-why-cta-text\">\r\n\r\n Add practical digital skills to your education\r\n and prepare yourself for the changing world\r\n of work.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n<a\r\n href=\"#courses\"\r\n class=\"dmi-why-button\"\r\n>\r\n\r\n Explore Courses \u2192\r\n\r\n<\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dc4ebd8 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dc4ebd8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4990e0b\" data-id=\"4990e0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2e9d9a7 elementor-widget elementor-widget-html\" data-id=\"2e9d9a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Why Students Choose Us<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n WHY STUDENTS CHOOSE US\r\n PREMIUM \u2022 READABLE \u2022 RESPONSIVE\r\n========================================================= *\/\r\n\r\n.dmi-why-section,\r\n.dmi-why-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-why-section{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-soft:#EEF3FF;\r\n\r\n --gold:#FDB913;\r\n --gold-soft:#FFF6D9;\r\n\r\n --text:#172B4D;\r\n --muted:#5F6D82;\r\n\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n margin:0 !important;\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-why-wrap{\r\n\r\n width:1100px !important;\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:75px 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-why-header{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n align-items:flex-end;\r\n\r\n justify-content:space-between;\r\n\r\n gap:55px;\r\n\r\n padding-bottom:30px;\r\n\r\n margin-bottom:32px;\r\n}\r\n\r\n.dmi-why-header::after{\r\n\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:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n.dmi-why-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:90px;\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-why-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:13px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.7px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.dmi-why-eyebrow i{\r\n\r\n width:32px;\r\n height:2px;\r\n\r\n display:block;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n.dmi-why-heading{\r\n\r\n max-width:680px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:42px !important;\r\n\r\n line-height:1.13 !important;\r\n\r\n letter-spacing:-1.5px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n.dmi-why-heading span{\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n.dmi-why-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:-7px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-15deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-why-intro{\r\n\r\n width:405px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN LAYOUT\r\n========================================================= *\/\r\n\r\n.dmi-why-main{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:360px 1fr;\r\n\r\n gap:22px;\r\n\r\n align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE PANEL\r\n========================================================= *\/\r\n\r\n.dmi-why-visual{\r\n\r\n position:relative;\r\n\r\n min-height:650px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:25px;\r\n\r\n background:#E9EDF4;\r\n\r\n box-shadow:\r\n 0 25px 60px rgba(16,39,95,.14);\r\n}\r\n\r\n.dmi-why-main-image{\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n min-height:650px;\r\n\r\n display:block;\r\n\r\n object-fit:cover;\r\n\r\n transition:transform .7s ease;\r\n}\r\n\r\n.dmi-why-visual:hover .dmi-why-main-image{\r\n\r\n transform:scale(1.045);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.dmi-why-image-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(16,39,95,.03) 20%,\r\n rgba(16,39,95,.20) 45%,\r\n rgba(16,39,95,.94) 100%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE BADGE\r\n========================================================= *\/\r\n\r\n.dmi-why-image-badge{\r\n\r\n position:absolute;\r\n\r\n top:18px;\r\n left:18px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:9px 13px;\r\n\r\n border:1px solid rgba(255,255,255,.24);\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(16,39,95,.65);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n color:#fff !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.dmi-why-image-badge i{\r\n\r\n width:6px;\r\n height:6px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(253,185,19,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE FLOAT CARD\r\n========================================================= *\/\r\n\r\n.dmi-why-image-card{\r\n\r\n position:absolute;\r\n\r\n left:18px;\r\n right:18px;\r\n bottom:18px;\r\n\r\n padding:20px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid rgba(255,255,255,.20);\r\n\r\n background:rgba(16,39,95,.80);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE CARD TOP\r\n========================================================= *\/\r\n\r\n.dmi-why-image-card-top{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n\r\n margin-bottom:14px;\r\n}\r\n\r\n.dmi-why-image-card-icon{\r\n\r\n width:43px;\r\n height:43px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:12px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:17px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n.dmi-why-image-card strong{\r\n\r\n display:block;\r\n\r\n color:#fff !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n.dmi-why-image-card small{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:rgba(255,255,255,.72) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.4 !important;\r\n\r\n font-weight:600 !important;\r\n}\r\n\r\n.dmi-why-image-card-text{\r\n\r\n margin:0 !important;\r\n\r\n color:rgba(255,255,255,.80) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-why-content{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO BOX\r\n========================================================= *\/\r\n\r\n.dmi-why-intro-box{\r\n\r\n padding:20px 21px;\r\n\r\n border-radius:17px;\r\n\r\n border:1px solid var(--line);\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.045),\r\n rgba(253,185,19,.07)\r\n );\r\n}\r\n\r\n.dmi-why-intro-box-label{\r\n\r\n margin-bottom:8px;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:900 !important;\r\n\r\n letter-spacing:1.2px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.dmi-why-intro-box p{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--text) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:600 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFITS GRID\r\n========================================================= *\/\r\n\r\n.dmi-why-benefits{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFIT CARD\r\n========================================================= *\/\r\n\r\n.dmi-why-benefit{\r\n\r\n min-height:135px;\r\n\r\n padding:17px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:17px;\r\n\r\n background:rgba(255,255,255,.28);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n.dmi-why-benefit:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n border-color:rgba(26,58,143,.23);\r\n\r\n background:rgba(255,255,255,.45);\r\n\r\n box-shadow:\r\n 0 16px 35px rgba(16,39,95,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFIT ICON\r\n========================================================= *\/\r\n\r\n.dmi-why-benefit-icon{\r\n\r\n width:37px;\r\n height:37px;\r\n\r\n margin-bottom:11px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:10px;\r\n\r\n background:var(--blue-soft);\r\n\r\n color:var(--blue);\r\n\r\n font-size:13px;\r\n\r\n font-weight:800;\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n.dmi-why-benefit:hover .dmi-why-benefit-icon{\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFIT TITLE\r\n========================================================= *\/\r\n\r\n.dmi-why-benefit h3{\r\n\r\n margin:0 0 7px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFIT DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-why-benefit p{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SKILL BOX\r\n========================================================= *\/\r\n\r\n.dmi-skill-box{\r\n\r\n padding:19px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid var(--line);\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(26,58,143,.035),\r\n rgba(253,185,19,.055)\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SKILL HEADER\r\n========================================================= *\/\r\n\r\n.dmi-skill-top{\r\n\r\n display:flex;\r\n\r\n align-items:flex-end;\r\n\r\n justify-content:space-between;\r\n\r\n margin-bottom:17px;\r\n}\r\n\r\n.dmi-skill-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:19px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n.dmi-skill-subtitle{\r\n\r\n max-width:520px;\r\n\r\n margin:6px 0 0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.55 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRESS GRID\r\n========================================================= *\/\r\n\r\n.dmi-progress-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:25px;\r\n}\r\n\r\n.dmi-progress-column{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRESS LABEL\r\n========================================================= *\/\r\n\r\n.dmi-progress-row{\r\n\r\n margin:0 !important;\r\n}\r\n\r\n.dmi-progress-label{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n margin-bottom:7px;\r\n}\r\n\r\n.dmi-progress-label span{\r\n\r\n color:var(--text) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:700 !important;\r\n}\r\n\r\n.dmi-progress-label strong{\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:11px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TRACK\r\n========================================================= *\/\r\n\r\n.dmi-progress-track{\r\n\r\n width:100%;\r\n\r\n height:7px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(26,58,143,.09);\r\n}\r\n\r\n.dmi-progress-fill{\r\n\r\n position:relative;\r\n\r\n height:100%;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n\r\n animation:dmiProgressLoad 1.3s ease forwards;\r\n}\r\n\r\n@keyframes dmiProgressLoad{\r\n\r\n from{\r\n width:0;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PROGRESS VALUES\r\n========================================================= *\/\r\n\r\n.dmi-progress-92{width:92%;}\r\n.dmi-progress-88{width:88%;}\r\n.dmi-progress-95{width:95%;}\r\n.dmi-progress-90{width:90%;}\r\n.dmi-progress-91{width:91%;}\r\n.dmi-progress-94{width:94%;}\r\n.dmi-progress-89{width:89%;}\r\n.dmi-progress-93{width:93%;}\r\n\r\n\r\n\/* =========================================================\r\n SLIM CTA\r\n========================================================= *\/\r\n\r\n.dmi-progress-cta{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:15px;\r\n\r\n margin-top:17px;\r\n\r\n padding:13px 15px;\r\n\r\n border:1px solid rgba(26,58,143,.12);\r\n\r\n border-radius:12px;\r\n\r\n background:rgba(255,255,255,.3);\r\n}\r\n\r\n.dmi-progress-cta-content{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n}\r\n\r\n.dmi-progress-cta-dot{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(253,185,19,.11);\r\n}\r\n\r\n.dmi-progress-cta-content strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:3px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n.dmi-progress-cta-content p{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.45 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-progress-cta-btn{\r\n\r\n flex-shrink:0;\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 padding:10px 15px;\r\n\r\n border-radius:8px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n.dmi-progress-cta-btn:hover{\r\n\r\n background:var(--blue-dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n color:#fff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM INFORMATION\r\n========================================================= *\/\r\n\r\n.dmi-why-info{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(3,1fr);\r\n\r\n gap:11px;\r\n\r\n margin-top:18px;\r\n}\r\n\r\n.dmi-why-info-card{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n\r\n padding:16px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:14px;\r\n\r\n background:rgba(255,255,255,.2);\r\n\r\n transition:.25s ease;\r\n}\r\n\r\n.dmi-why-info-card:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n background:rgba(255,255,255,.35);\r\n\r\n border-color:rgba(26,58,143,.22);\r\n}\r\n\r\n.dmi-why-info-icon{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--gold-soft);\r\n\r\n color:#8A6500;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n}\r\n\r\n.dmi-why-info-card strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.3 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n.dmi-why-info-card span{\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.5 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-why-wrap{\r\n\r\n padding:60px 0 !important;\r\n }\r\n\r\n .dmi-why-header{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n\r\n gap:18px;\r\n }\r\n\r\n .dmi-why-intro{\r\n\r\n width:100%;\r\n\r\n max-width:700px;\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n .dmi-why-main{\r\n\r\n grid-template-columns:310px 1fr;\r\n\r\n gap:16px;\r\n }\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:38px !important;\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 .dmi-why-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:600px !important;\r\n\r\n padding:50px 0 !important;\r\n }\r\n\r\n .dmi-why-header{\r\n\r\n align-items:center;\r\n\r\n text-align:center;\r\n\r\n gap:15px;\r\n\r\n padding-bottom:25px;\r\n }\r\n\r\n .dmi-why-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:70px;\r\n }\r\n\r\n .dmi-why-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.15 !important;\r\n\r\n letter-spacing:-1px !important;\r\n }\r\n\r\n .dmi-why-intro{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.75 !important;\r\n }\r\n\r\n\r\n \/* MAIN *\/\r\n\r\n .dmi-why-main{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:15px;\r\n }\r\n\r\n\r\n \/* IMAGE *\/\r\n\r\n .dmi-why-visual{\r\n\r\n min-height:390px;\r\n\r\n border-radius:21px;\r\n }\r\n\r\n .dmi-why-main-image{\r\n\r\n min-height:390px;\r\n }\r\n\r\n .dmi-why-image-card{\r\n\r\n left:14px;\r\n right:14px;\r\n bottom:14px;\r\n\r\n padding:16px;\r\n }\r\n\r\n .dmi-why-image-card strong{\r\n\r\n font-size:15px !important;\r\n }\r\n\r\n .dmi-why-image-card small{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n .dmi-why-image-card-text{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* INTRO BOX *\/\r\n\r\n .dmi-why-intro-box{\r\n\r\n padding:17px;\r\n }\r\n\r\n .dmi-why-intro-box-label{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n .dmi-why-intro-box p{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* BENEFITS *\/\r\n\r\n .dmi-why-benefits{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n }\r\n\r\n .dmi-why-benefit{\r\n\r\n min-height:150px;\r\n\r\n padding:15px;\r\n }\r\n\r\n .dmi-why-benefit h3{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n .dmi-why-benefit p{\r\n\r\n font-size:10.5px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n \/* SKILLS *\/\r\n\r\n .dmi-skill-box{\r\n\r\n padding:17px;\r\n }\r\n\r\n .dmi-skill-heading{\r\n\r\n font-size:18px !important;\r\n }\r\n\r\n .dmi-skill-subtitle{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.55 !important;\r\n }\r\n\r\n .dmi-progress-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:13px;\r\n }\r\n\r\n .dmi-progress-label span,\r\n .dmi-progress-label strong{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n \/* INFO *\/\r\n\r\n .dmi-why-info{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:9px;\r\n }\r\n\r\n .dmi-why-info-card{\r\n\r\n padding:15px;\r\n }\r\n\r\n .dmi-why-info-card strong{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n .dmi-why-info-card span{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.5 !important;\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 .dmi-why-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n\r\n padding:45px 0 !important;\r\n }\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:29px !important;\r\n }\r\n\r\n .dmi-why-intro{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n .dmi-why-visual{\r\n\r\n min-height:350px;\r\n }\r\n\r\n .dmi-why-main-image{\r\n\r\n min-height:350px;\r\n }\r\n\r\n .dmi-why-image-card{\r\n\r\n padding:14px;\r\n }\r\n\r\n .dmi-why-image-card-icon{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n .dmi-why-image-card strong{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n .dmi-why-image-card small{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n .dmi-why-image-card-text{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n .dmi-why-benefits{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .dmi-why-benefit{\r\n\r\n min-height:auto;\r\n\r\n padding:17px;\r\n }\r\n\r\n .dmi-why-benefit h3{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n .dmi-why-benefit p{\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n .dmi-progress-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:stretch;\r\n\r\n gap:11px;\r\n }\r\n\r\n .dmi-progress-cta-btn{\r\n\r\n width:100%;\r\n\r\n text-align:center;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-why-heading{\r\n\r\n font-size:26px !important;\r\n }\r\n\r\n .dmi-why-eyebrow{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n .dmi-why-image-card-text{\r\n\r\n font-size:9.5px !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<section class=\"dmi-why-section\">\r\n\r\n<div class=\"dmi-why-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-why-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Why Students Choose Us\r\n\r\n <\/div>\r\n\r\n <h2 class=\"dmi-why-heading\">\r\n\r\n Learn Skills That\r\n <span>Move Careers Forward<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-why-intro\">\r\n\r\n Choosing the right institute is about more than\r\n completing a course. Students need practical\r\n exposure, modern tools, relevant skills and\r\n guidance that helps them understand how digital\r\n marketing works in the real world.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-main\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-visual\">\r\n\r\n <img decoding=\"async\"\r\n class=\"dmi-why-main-image\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1000&q=85\"\r\n alt=\"Students learning digital marketing\"\r\n >\r\n\r\n <div class=\"dmi-why-image-overlay\"><\/div>\r\n\r\n\r\n <div class=\"dmi-why-image-badge\">\r\n\r\n <i><\/i>\r\n\r\n Practical Learning\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-why-image-card\">\r\n\r\n <div class=\"dmi-why-image-card-top\">\r\n\r\n <div class=\"dmi-why-image-card-icon\">\r\n \u2605\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Beyond Classroom Learning\r\n <\/strong>\r\n\r\n <small>\r\n Learn \u2022 Practice \u2022 Create \u2022 Grow\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-why-image-card-text\">\r\n\r\n Students don't just learn concepts. They\r\n practice marketing activities, explore\r\n industry tools and build practical knowledge\r\n through project-based learning.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-content\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-intro-box\">\r\n\r\n <div class=\"dmi-why-intro-box-label\">\r\n\r\n What Makes The Experience Different?\r\n\r\n <\/div>\r\n\r\n\r\n <p>\r\n\r\n Our learning approach connects concepts with\r\n practical execution so students can understand\r\n not only <strong>what<\/strong> digital marketing is,\r\n but also <strong>how<\/strong> campaigns, content,\r\n SEO, advertising and analytics work together.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefits\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n \u25c6\r\n <\/div>\r\n\r\n <h3>\r\n Practical Learning\r\n <\/h3>\r\n\r\n <p>\r\n Learn through assignments, campaign planning,\r\n content activities and real-world marketing tasks\r\n instead of only studying theory.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n AI\r\n <\/div>\r\n\r\n <h3>\r\n AI-Powered Marketing\r\n <\/h3>\r\n\r\n <p>\r\n Explore AI tools for research, content creation,\r\n productivity, campaign ideas and modern marketing\r\n workflows.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n \u2197\r\n <\/div>\r\n\r\n <h3>\r\n Industry Tools\r\n <\/h3>\r\n\r\n <p>\r\n Get exposure to platforms used for search,\r\n advertising, analytics, social media and\r\n digital campaign management.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n \u2713\r\n <\/div>\r\n\r\n <h3>\r\n Portfolio Building\r\n <\/h3>\r\n\r\n <p>\r\n Build practical work samples that can help\r\n demonstrate your skills and understanding\r\n during your career journey.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n \u25c9\r\n <\/div>\r\n\r\n <h3>\r\n Mentor Guidance\r\n <\/h3>\r\n\r\n <p>\r\n Get structured guidance while learning concepts,\r\n completing activities and understanding how\r\n digital campaigns are planned.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-benefit\">\r\n\r\n <div class=\"dmi-why-benefit-icon\">\r\n \u2726\r\n <\/div>\r\n\r\n <h3>\r\n Career Awareness\r\n <\/h3>\r\n\r\n <p>\r\n Understand different digital career paths,\r\n required skills, role expectations and the\r\n evolving digital marketing ecosystem.\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-skill-box\">\r\n\r\n\r\n<div class=\"dmi-skill-top\">\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-skill-heading\">\r\n\r\n Skills You Build With Us\r\n\r\n <\/h3>\r\n\r\n <p class=\"dmi-skill-subtitle\">\r\n\r\n Practical exposure across important digital\r\n marketing and career skill areas.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-grid\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-progress-column\">\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Digital Marketing\r\n <\/span>\r\n\r\n <strong>\r\n 92%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-92\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Performance Marketing\r\n <\/span>\r\n\r\n <strong>\r\n 88%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-88\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n SEO & Analytics\r\n <\/span>\r\n\r\n <strong>\r\n 95%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-95\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Social Media & Content\r\n <\/span>\r\n\r\n <strong>\r\n 90%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-90\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-progress-column\">\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Google Ads\r\n <\/span>\r\n\r\n <strong>\r\n 91%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-91\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Meta Ads\r\n <\/span>\r\n\r\n <strong>\r\n 94%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-94\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n AI Marketing Tools\r\n <\/span>\r\n\r\n <strong>\r\n 89%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-89\"><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-progress-row\">\r\n\r\n <div class=\"dmi-progress-label\">\r\n\r\n <span>\r\n Content Strategy\r\n <\/span>\r\n\r\n <strong>\r\n 93%\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"dmi-progress-track\">\r\n\r\n <div class=\"dmi-progress-fill dmi-progress-93\"><\/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<div class=\"dmi-progress-cta\">\r\n\r\n <div class=\"dmi-progress-cta-content\">\r\n\r\n <span class=\"dmi-progress-cta-dot\"><\/span>\r\n\r\n <div>\r\n\r\n <strong>\r\n Ready to Build Your Digital Career?\r\n <\/strong>\r\n\r\n <p>\r\n Learn practical skills with industry-focused training.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"dmi-progress-cta-btn\"\r\n >\r\n Explore Courses \u2192\r\n <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-why-info\">\r\n\r\n\r\n<div class=\"dmi-why-info-card\">\r\n\r\n <div class=\"dmi-why-info-icon\">\r\n 01\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Real-World Projects\r\n <\/strong>\r\n\r\n <span>\r\n Apply concepts through practical activities\r\n and marketing assignments.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-why-info-card\">\r\n\r\n <div class=\"dmi-why-info-icon\">\r\n 02\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Modern Curriculum\r\n <\/strong>\r\n\r\n <span>\r\n Learn digital marketing skills aligned with\r\n today's changing digital ecosystem.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dmi-why-info-card\">\r\n\r\n <div class=\"dmi-why-info-icon\">\r\n 03\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Career-Focused Skills\r\n <\/strong>\r\n\r\n <span>\r\n Understand roles, tools, workflows and skills\r\n needed for digital career opportunities.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-65e41a1 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"65e41a1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c713762\" data-id=\"c713762\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5166c46 elementor-widget elementor-widget-html\" data-id=\"5166c46\" 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>How It Works | Learning Journey<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n HOW IT WORKS\r\n MODERN \u2022 UNIQUE \u2022 PREMIUM \u2022 RESPONSIVE\r\n========================================================= *\/\r\n\r\n.dmi-how-section,\r\n.dmi-how-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.dmi-how-section{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-light:#315CC7;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n\r\n --text:#17213B;\r\n --muted:#667085;\r\n\r\n --white:#ffffff;\r\n\r\n --line:rgba(26,58,143,.12);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n color:var(--text);\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n overflow:hidden;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BACKGROUND\r\n========================================================= *\/\r\n\r\n.dmi-how-section::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:520px;\r\n height:520px;\r\n\r\n top:-260px;\r\n left:-230px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(26,58,143,.075),\r\n transparent 68%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n.dmi-how-section::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:500px;\r\n height:500px;\r\n\r\n right:-250px;\r\n bottom:-260px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(253,185,19,.09),\r\n transparent 68%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-how-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 82px !important;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-how-header{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 390px;\r\n\r\n align-items:end;\r\n\r\n gap:60px;\r\n\r\n padding-bottom:30px;\r\n\r\n margin-bottom:34px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-how-header::after{\r\n\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:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-how-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n bottom:-1px;\r\n\r\n width:95px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n var(--gold),\r\n var(--gold-light)\r\n );\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-how-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:13px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.8px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-how-eyebrow i{\r\n\r\n width:34px;\r\n\r\n height:2px;\r\n\r\n display:block;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n.dmi-how-heading{\r\n\r\n max-width:680px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:43px !important;\r\n\r\n line-height:1.10 !important;\r\n\r\n letter-spacing:-1.6px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-how-heading span{\r\n\r\n color:var(--blue) !important;\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n}\r\n\r\n\r\n.dmi-how-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:-7px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-14deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-how-intro{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n JOURNEY SUMMARY\r\n========================================================= *\/\r\n\r\n.dmi-how-summary{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(4,1fr);\r\n\r\n gap:12px;\r\n\r\n margin-bottom:40px;\r\n}\r\n\r\n\r\n.dmi-how-summary-card{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n\r\n min-height:76px;\r\n\r\n padding:14px 15px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:16px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.72),\r\n rgba(255,255,255,.32)\r\n );\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(16,39,95,.035);\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n\r\n.dmi-how-summary-card::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:15px;\r\n right:15px;\r\n bottom:0;\r\n\r\n height:2px;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n transparent,\r\n var(--gold),\r\n transparent\r\n );\r\n\r\n opacity:0;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-how-summary-card:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n border-color:rgba(26,58,143,.20);\r\n\r\n background:rgba(255,255,255,.7);\r\n\r\n box-shadow:\r\n 0 16px 34px rgba(16,39,95,.09);\r\n}\r\n\r\n\r\n.dmi-how-summary-card:hover::before{\r\n\r\n opacity:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUMMARY ICON\r\n========================================================= *\/\r\n\r\n.dmi-how-summary-icon{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(26,58,143,.10),\r\n rgba(26,58,143,.04)\r\n );\r\n\r\n color:var(--blue);\r\n\r\n font-size:13px;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-how-summary-card:hover .dmi-how-summary-icon{\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n transform:rotate(-4deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUMMARY TEXT\r\n========================================================= *\/\r\n\r\n.dmi-how-summary strong{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-how-summary span{\r\n\r\n display:block;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.4 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n JOURNEY TITLE\r\n========================================================= *\/\r\n\r\n.dmi-how-journey-head{\r\n\r\n display:flex;\r\n\r\n align-items:flex-end;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n margin-bottom:22px;\r\n}\r\n\r\n\r\n.dmi-how-journey-label{\r\n\r\n color:var(--blue);\r\n\r\n font-size:10px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:1.5px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-how-journey-title{\r\n\r\n margin:5px 0 0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:22px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-how-journey-note{\r\n\r\n max-width:360px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.5 !important;\r\n\r\n text-align:right;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TIMELINE\r\n========================================================= *\/\r\n\r\n.dmi-how-timeline{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:17px 70px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CENTER JOURNEY LINE\r\n========================================================= *\/\r\n\r\n.dmi-how-line{\r\n\r\n position:absolute;\r\n\r\n top:25px;\r\n\r\n bottom:25px;\r\n\r\n left:50%;\r\n\r\n width:2px;\r\n\r\n transform:translateX(-50%);\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n transparent,\r\n rgba(26,58,143,.18) 8%,\r\n rgba(26,58,143,.18) 92%,\r\n transparent\r\n );\r\n\r\n z-index:0;\r\n}\r\n\r\n\r\n.dmi-how-line::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n\r\n left:-1px;\r\n\r\n width:4px;\r\n\r\n height:25%;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n\r\n animation:dmiLineMove 4.5s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes dmiLineMove{\r\n\r\n 0%{\r\n top:0;\r\n height:18%;\r\n }\r\n\r\n 50%{\r\n top:42%;\r\n height:22%;\r\n }\r\n\r\n 100%{\r\n top:82%;\r\n height:18%;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STEP CARD\r\n========================================================= *\/\r\n\r\n.dmi-how-step{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n gap:16px;\r\n\r\n min-height:145px;\r\n\r\n padding:19px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:19px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.82),\r\n rgba(255,255,255,.46)\r\n );\r\n\r\n box-shadow:\r\n 0 10px 28px rgba(16,39,95,.045);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n\r\n.dmi-how-step:hover{\r\n\r\n transform:translateY(-5px);\r\n\r\n border-color:rgba(26,58,143,.22);\r\n\r\n box-shadow:\r\n 0 18px 40px rgba(16,39,95,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STEP NUMBER\r\n========================================================= *\/\r\n\r\n.dmi-how-number{\r\n\r\n width:49px;\r\n height:49px;\r\n\r\n min-width:49px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:15px;\r\n\r\n color:#fff;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:15px;\r\n\r\n font-weight:800;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n var(--blue),\r\n var(--blue-light)\r\n );\r\n\r\n box-shadow:\r\n 0 9px 20px rgba(26,58,143,.22);\r\n\r\n position:relative;\r\n\r\n transition:.35s ease;\r\n}\r\n\r\n\r\n.dmi-how-number::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:-4px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid rgba(253,185,19,.40);\r\n\r\n opacity:0;\r\n\r\n transform:scale(.85);\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-how-step:hover .dmi-how-number{\r\n\r\n transform:rotate(-4deg) scale(1.05);\r\n}\r\n\r\n\r\n.dmi-how-step:hover .dmi-how-number::before{\r\n\r\n opacity:1;\r\n\r\n transform:scale(1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STEP CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-how-step-content{\r\n\r\n flex:1;\r\n\r\n min-width:0;\r\n}\r\n\r\n\r\n.dmi-how-step-top{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:8px;\r\n}\r\n\r\n\r\n.dmi-how-step-title{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-how-step-tag{\r\n\r\n flex-shrink:0;\r\n\r\n padding:5px 8px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(253,185,19,.11);\r\n\r\n border:1px solid rgba(253,185,19,.22);\r\n\r\n color:#866300 !important;\r\n\r\n font-size:8px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:.6px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-how-step-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.65 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONNECTOR DOT\r\n========================================================= *\/\r\n\r\n.dmi-how-step:nth-child(odd)::after,\r\n.dmi-how-step:nth-child(even)::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:32px;\r\n\r\n width:13px;\r\n height:13px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--gold);\r\n\r\n border:3px solid #fff;\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(253,185,19,.14);\r\n\r\n z-index:5;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-how-step:nth-child(odd)::after{\r\n\r\n right:-43px;\r\n}\r\n\r\n\r\n.dmi-how-step:nth-child(even)::after{\r\n\r\n left:-43px;\r\n}\r\n\r\n\r\n.dmi-how-step:hover::after{\r\n\r\n transform:scale(1.3);\r\n\r\n background:var(--blue);\r\n\r\n box-shadow:\r\n 0 0 0 6px rgba(26,58,143,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA\r\n========================================================= *\/\r\n\r\n.dmi-how-cta{\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:space-between;\r\n\r\n gap:20px;\r\n\r\n margin-top:32px;\r\n\r\n padding:20px 22px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid rgba(26,58,143,.13);\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n rgba(26,58,143,.055),\r\n rgba(253,185,19,.08)\r\n );\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.dmi-how-cta::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:180px;\r\n height:180px;\r\n\r\n right:-80px;\r\n top:-100px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.10);\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n.dmi-how-cta-left{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:13px;\r\n}\r\n\r\n\r\n.dmi-how-cta-icon{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:12px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:14px;\r\n\r\n box-shadow:\r\n 0 7px 18px rgba(253,185,19,.22);\r\n}\r\n\r\n\r\n.dmi-how-cta-title{\r\n\r\n margin:0 0 4px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-how-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.45 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n.dmi-how-cta-btn{\r\n\r\n position:relative;\r\n\r\n z-index:2;\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 gap:8px;\r\n\r\n flex-shrink:0;\r\n\r\n padding:11px 18px;\r\n\r\n min-height:40px;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n transition:.3s ease;\r\n\r\n box-shadow:\r\n 0 8px 18px rgba(26,58,143,.18);\r\n}\r\n\r\n\r\n.dmi-how-cta-btn:hover{\r\n\r\n background:var(--blue-dark);\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(26,58,143,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-how-wrap{\r\n\r\n padding:65px 0 70px !important;\r\n }\r\n\r\n\r\n .dmi-how-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:17px;\r\n\r\n align-items:start;\r\n }\r\n\r\n\r\n .dmi-how-intro{\r\n\r\n max-width:700px;\r\n }\r\n\r\n\r\n .dmi-how-summary{\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n\r\n .dmi-how-timeline{\r\n\r\n gap:15px 48px;\r\n }\r\n\r\n\r\n .dmi-how-step{\r\n\r\n padding:17px;\r\n }\r\n\r\n\r\n .dmi-how-step:nth-child(odd)::after{\r\n\r\n right:-31px;\r\n }\r\n\r\n\r\n .dmi-how-step:nth-child(even)::after{\r\n\r\n left:-31px;\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 .dmi-how-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:620px !important;\r\n\r\n padding:52px 0 60px !important;\r\n }\r\n\r\n\r\n \/* HEADER *\/\r\n\r\n .dmi-how-header{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n text-align:center;\r\n\r\n gap:15px;\r\n\r\n padding-bottom:25px;\r\n\r\n margin-bottom:28px;\r\n }\r\n\r\n\r\n .dmi-how-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:70px;\r\n }\r\n\r\n\r\n .dmi-how-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-how-heading{\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.13 !important;\r\n\r\n letter-spacing:-1.1px !important;\r\n }\r\n\r\n\r\n .dmi-how-intro{\r\n\r\n max-width:550px;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* SUMMARY *\/\r\n\r\n .dmi-how-summary{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:32px;\r\n }\r\n\r\n\r\n .dmi-how-summary-card{\r\n\r\n min-height:70px;\r\n\r\n padding:11px;\r\n\r\n gap:9px;\r\n }\r\n\r\n\r\n .dmi-how-summary-icon{\r\n\r\n width:32px;\r\n height:32px;\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .dmi-how-summary strong{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-how-summary span{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n \/* JOURNEY HEADER *\/\r\n\r\n .dmi-how-journey-head{\r\n\r\n display:block;\r\n\r\n text-align:left;\r\n\r\n margin-bottom:18px;\r\n }\r\n\r\n\r\n .dmi-how-journey-title{\r\n\r\n font-size:20px !important;\r\n }\r\n\r\n\r\n .dmi-how-journey-note{\r\n\r\n max-width:100%;\r\n\r\n margin-top:5px !important;\r\n\r\n text-align:left;\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n \/* TIMELINE *\/\r\n\r\n .dmi-how-timeline{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:12px;\r\n\r\n padding-left:15px;\r\n }\r\n\r\n\r\n .dmi-how-line{\r\n\r\n left:26px;\r\n\r\n top:20px;\r\n\r\n bottom:20px;\r\n\r\n transform:none;\r\n }\r\n\r\n\r\n .dmi-how-step{\r\n\r\n width:100%;\r\n\r\n min-height:auto;\r\n\r\n margin-left:20px;\r\n\r\n padding:16px;\r\n\r\n gap:12px;\r\n\r\n border-radius:16px;\r\n }\r\n\r\n\r\n .dmi-how-number{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n min-width:42px;\r\n\r\n border-radius:12px;\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dmi-how-step-title{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n\r\n .dmi-how-step-text{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-how-step-tag{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .dmi-how-step:nth-child(odd)::after,\r\n .dmi-how-step:nth-child(even)::after{\r\n\r\n left:-21px;\r\n\r\n right:auto;\r\n\r\n top:28px;\r\n\r\n width:10px;\r\n height:10px;\r\n\r\n border-width:2px;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n .dmi-how-cta{\r\n\r\n margin-top:25px;\r\n\r\n padding:17px;\r\n\r\n align-items:stretch;\r\n\r\n flex-direction:column;\r\n\r\n gap:13px;\r\n }\r\n\r\n\r\n .dmi-how-cta-title{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-how-cta-text{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n .dmi-how-cta-btn{\r\n\r\n width:100%;\r\n\r\n min-height:42px;\r\n\r\n padding:11px;\r\n\r\n font-size:10px !important;\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 .dmi-how-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n\r\n padding:46px 0 55px !important;\r\n }\r\n\r\n\r\n .dmi-how-heading{\r\n\r\n font-size:29px !important;\r\n }\r\n\r\n\r\n .dmi-how-intro{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-how-summary{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-how-summary-card{\r\n\r\n min-height:62px;\r\n\r\n padding:10px 12px;\r\n }\r\n\r\n\r\n .dmi-how-summary strong{\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-how-summary span{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n .dmi-how-journey-title{\r\n\r\n font-size:18px !important;\r\n }\r\n\r\n\r\n .dmi-how-step{\r\n\r\n margin-left:17px;\r\n\r\n padding:14px;\r\n\r\n gap:11px;\r\n }\r\n\r\n\r\n .dmi-how-number{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n min-width:38px;\r\n\r\n border-radius:11px;\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .dmi-how-step-title{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-how-step-text{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n\r\n .dmi-how-line{\r\n\r\n left:21px;\r\n }\r\n\r\n\r\n .dmi-how-step:nth-child(odd)::after,\r\n .dmi-how-step:nth-child(even)::after{\r\n\r\n left:-18px;\r\n\r\n top:26px;\r\n }\r\n\r\n\r\n .dmi-how-cta-title{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-how-heading{\r\n\r\n font-size:27px !important;\r\n }\r\n\r\n\r\n .dmi-how-eyebrow{\r\n\r\n font-size:9px !important;\r\n }\r\n\r\n\r\n .dmi-how-step{\r\n\r\n margin-left:14px;\r\n }\r\n\r\n\r\n .dmi-how-line{\r\n\r\n left:18px;\r\n }\r\n\r\n\r\n .dmi-how-step:nth-child(odd)::after,\r\n .dmi-how-step:nth-child(even)::after{\r\n\r\n left:-15px;\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 .dmi-how-line::after{\r\n\r\n animation:none;\r\n }\r\n\r\n\r\n .dmi-how-step,\r\n .dmi-how-summary-card,\r\n .dmi-how-number,\r\n .dmi-how-cta-btn{\r\n\r\n transition:none;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"dmi-how-section\">\r\n\r\n<div class=\"dmi-how-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-how-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Your Learning Journey\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-how-heading\">\r\n\r\n From Learning To\r\n <span>Career Growth<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-intro\">\r\n\r\n A structured learning journey designed to take\r\n you from your first class to practical skills,\r\n projects, certifications and career guidance \u2014\r\n step by step.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-summary\">\r\n\r\n\r\n <div class=\"dmi-how-summary-card\">\r\n\r\n <div class=\"dmi-how-summary-icon\">\r\n\r\n <i class=\"fa-solid fa-user-plus\"><\/i>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>Start Easily<\/strong>\r\n\r\n <span>Simple enrollment process<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-summary-card\">\r\n\r\n <div class=\"dmi-how-summary-icon\">\r\n\r\n <i class=\"fa-solid fa-chalkboard-user\"><\/i>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>Learn Practically<\/strong>\r\n\r\n <span>Classes + real activities<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-summary-card\">\r\n\r\n <div class=\"dmi-how-summary-icon\">\r\n\r\n <i class=\"fa-solid fa-laptop-code\"><\/i>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>Build Skills<\/strong>\r\n\r\n <span>Projects + industry tools<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-summary-card\">\r\n\r\n <div class=\"dmi-how-summary-icon\">\r\n\r\n <i class=\"fa-solid fa-arrow-trend-up\"><\/i>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>Move Forward<\/strong>\r\n\r\n <span>Career-focused guidance<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-journey-head\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-how-journey-label\">\r\n Your Step-by-Step Path\r\n <\/div>\r\n\r\n <h3 class=\"dmi-how-journey-title\">\r\n Eight Steps. One Clear Direction.\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-journey-note\">\r\n\r\n Every stage is designed to help you move\r\n from learning concepts to applying them\r\n with confidence.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-timeline\">\r\n\r\n\r\n<div class=\"dmi-how-line\"><\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 01\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Enroll\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Start\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Choose your preferred course and batch,\r\n complete the admission process and take\r\n the first step toward your digital learning journey.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 02\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Orientation\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Understand\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Get introduced to your mentors, course structure,\r\n learning methodology and the skills you will\r\n develop throughout the program.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 03\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Live Classes\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Learn\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Attend structured instructor-led sessions covering\r\n digital marketing concepts, tools, strategies,\r\n AI applications and practical workflows.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 04\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Projects\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Practice\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Turn your knowledge into practical work through\r\n campaign planning, content activities, websites,\r\n SEO tasks and other real-world projects.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 05\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Certifications\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Validate\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Work toward relevant platform and course\r\n certifications that can strengthen your\r\n knowledge and professional profile.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 06\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Mock Interviews\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Prepare\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Practice common interview situations,\r\n communicate your skills confidently and\r\n understand how to present your practical work.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 07\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Career Support\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Grow\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Understand relevant career paths, improve your\r\n profile and receive guidance for opportunities\r\n related to your skills and interests.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-step\">\r\n\r\n <div class=\"dmi-how-number\">\r\n 08\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-how-step-content\">\r\n\r\n <div class=\"dmi-how-step-top\">\r\n\r\n <h3 class=\"dmi-how-step-title\">\r\n Continuous Growth\r\n <\/h3>\r\n\r\n <span class=\"dmi-how-step-tag\">\r\n Beyond\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-how-step-text\">\r\n\r\n Keep improving your skills with guidance,\r\n practice and awareness of new tools,\r\n technologies and trends in digital marketing.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-how-cta\">\r\n\r\n\r\n <div class=\"dmi-how-cta-left\">\r\n\r\n <div class=\"dmi-how-cta-icon\">\r\n\r\n <i class=\"fa-solid fa-rocket\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-how-cta-title\">\r\n\r\n Ready To Start Your Learning Journey?\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-how-cta-text\">\r\n\r\n Explore the right course and take your first step today.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#courses\"\r\n class=\"dmi-how-cta-btn\"\r\n >\r\n\r\n Explore Courses\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-098fa3e ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"098fa3e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2fc9f15\" data-id=\"2fc9f15\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3089d45 elementor-widget elementor-widget-html\" data-id=\"3089d45\" 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>Upcoming Batches<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n UPCOMING BATCHES\r\n PREMIUM \u2022 TRANSPARENT \u2022 MODERN \u2022 RESPONSIVE\r\n========================================================= *\/\r\n\r\n.dmi-batches-section,\r\n.dmi-batches-section *{\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SECTION\r\n========================================================= *\/\r\n\r\n.dmi-batches-section{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-light:#315CC7;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFF4CC;\r\n\r\n --text:#17213B;\r\n --muted:#667085;\r\n\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n color:var(--text);\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n overflow:hidden;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-batches-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 82px !important;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-batches-header{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 390px;\r\n\r\n align-items:end;\r\n\r\n gap:55px;\r\n\r\n padding-bottom:28px;\r\n\r\n margin-bottom:34px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-batches-header::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:0;\r\n\r\n height:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n.dmi-batches-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n bottom:-1px;\r\n\r\n width:90px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-batches-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:12px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.7px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-batches-eyebrow i{\r\n\r\n width:30px;\r\n height:2px;\r\n\r\n display:block;\r\n\r\n flex-shrink:0;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADING\r\n========================================================= *\/\r\n\r\n.dmi-batches-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:40px !important;\r\n\r\n line-height:1.1 !important;\r\n\r\n letter-spacing:-1.5px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-batches-heading span{\r\n\r\n position:relative;\r\n\r\n color:var(--blue) !important;\r\n}\r\n\r\n\r\n.dmi-batches-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:-7px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-14deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-batches-intro{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.75 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUICK INFO BAR\r\n========================================================= *\/\r\n\r\n.dmi-batches-meta{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:10px;\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\r\n.dmi-batches-meta-item{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:8px 13px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,255,255,.28);\r\n\r\n color:var(--text);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:700;\r\n}\r\n\r\n\r\n.dmi-batches-meta-item i{\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n.dmi-batches-meta-item strong{\r\n\r\n color:var(--blue);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BATCH GRID\r\n========================================================= *\/\r\n\r\n.dmi-batches-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:18px;\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BATCH CARD\r\n========================================================= *\/\r\n\r\n.dmi-batch-card{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n min-width:0;\r\n\r\n padding:22px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:20px;\r\n\r\n background:rgba(255,255,255,.34);\r\n\r\n box-shadow:\r\n 0 8px 26px rgba(16,39,95,.045);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n overflow:hidden;\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n\r\n.dmi-batch-card::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n top:0;\r\n bottom:0;\r\n\r\n width:4px;\r\n\r\n background:var(--blue);\r\n\r\n opacity:.18;\r\n\r\n transition:.3s ease;\r\n}\r\n\r\n\r\n.dmi-batch-card:hover{\r\n\r\n transform:translateY(-5px);\r\n\r\n border-color:rgba(26,58,143,.23);\r\n\r\n background:rgba(255,255,255,.52);\r\n\r\n box-shadow:\r\n 0 18px 40px rgba(16,39,95,.09);\r\n}\r\n\r\n\r\n.dmi-batch-card:hover::before{\r\n\r\n opacity:1;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURED CARD\r\n========================================================= *\/\r\n\r\n.dmi-batch-card.featured{\r\n\r\n border-color:rgba(253,185,19,.35);\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.55),\r\n rgba(255,248,224,.35)\r\n );\r\n}\r\n\r\n\r\n.dmi-batch-card.featured::before{\r\n\r\n opacity:1;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FEATURED LABEL\r\n========================================================= *\/\r\n\r\n.dmi-batch-featured-label{\r\n\r\n position:absolute;\r\n\r\n top:16px;\r\n right:16px;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n padding:6px 9px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:9px;\r\n\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.5px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-batch-featured-label i{\r\n\r\n font-size:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD TOP\r\n========================================================= *\/\r\n\r\n.dmi-batch-top{\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n justify-content:space-between;\r\n\r\n gap:15px;\r\n\r\n margin-bottom:18px;\r\n\r\n padding-right:5px;\r\n}\r\n\r\n\r\n.dmi-batch-top h3{\r\n\r\n margin:0 0 9px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n letter-spacing:-.3px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TAGS\r\n========================================================= *\/\r\n\r\n.dmi-batch-tags{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:6px;\r\n}\r\n\r\n\r\n.dmi-batch-tag{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n padding:5px 9px;\r\n\r\n border-radius:50px;\r\n\r\n font-size:10px;\r\n\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n border:1px solid transparent;\r\n}\r\n\r\n\r\n.dmi-batch-tag.popular{\r\n\r\n color:var(--blue);\r\n\r\n background:rgba(26,58,143,.07);\r\n\r\n border-color:rgba(26,58,143,.12);\r\n}\r\n\r\n\r\n.dmi-batch-tag.hybrid{\r\n\r\n color:#047857;\r\n\r\n background:#ECFDF5;\r\n\r\n border-color:rgba(4,120,87,.10);\r\n}\r\n\r\n\r\n.dmi-batch-tag.online{\r\n\r\n color:#0369A1;\r\n\r\n background:#E0F2FE;\r\n\r\n border-color:rgba(3,105,161,.10);\r\n}\r\n\r\n\r\n.dmi-batch-tag.offline{\r\n\r\n color:#9D174D;\r\n\r\n background:#FCE7F3;\r\n\r\n border-color:rgba(157,23,77,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DATE \/ DETAILS\r\n========================================================= *\/\r\n\r\n.dmi-batch-details{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:17px;\r\n}\r\n\r\n\r\n.dmi-batch-detail{\r\n\r\n position:relative;\r\n\r\n padding:12px 13px;\r\n\r\n border-radius:12px;\r\n\r\n border:1px solid rgba(26,58,143,.08);\r\n\r\n background:rgba(238,243,255,.52);\r\n}\r\n\r\n\r\n.dmi-batch-detail-label{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n.dmi-batch-detail-value{\r\n\r\n display:block;\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.35;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA INFO\r\n========================================================= *\/\r\n\r\n.dmi-batch-extra{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:10px 15px;\r\n\r\n margin-bottom:20px;\r\n\r\n padding-top:2px;\r\n}\r\n\r\n\r\n.dmi-batch-extra-item{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.35;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n.dmi-batch-extra-item i{\r\n\r\n color:var(--blue);\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n.dmi-batch-extra-item.seats{\r\n\r\n color:#B42318;\r\n\r\n}\r\n\r\n\r\n.dmi-batch-extra-item.seats.available{\r\n\r\n color:#15803D;\r\n}\r\n\r\n\r\n.dmi-batch-extra-item.seats i{\r\n\r\n color:currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD FOOTER\r\n========================================================= *\/\r\n\r\n.dmi-batch-footer{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:12px;\r\n\r\n margin-top:auto;\r\n\r\n padding-top:15px;\r\n\r\n border-top:1px solid var(--line);\r\n}\r\n\r\n\r\n.dmi-batch-status{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n.dmi-batch-status-dot{\r\n\r\n width:7px;\r\n height:7px;\r\n\r\n border-radius:50%;\r\n\r\n background:#16A34A;\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(22,163,74,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-batch-btn{\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 gap:8px;\r\n\r\n min-width:125px;\r\n\r\n padding:10px 15px;\r\n\r\n border-radius:9px;\r\n\r\n background:var(--blue);\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:11px !important;\r\n\r\n line-height:1.2 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n box-shadow:\r\n 0 7px 16px rgba(26,58,143,.16);\r\n\r\n transition:\r\n transform .25s ease,\r\n background .25s ease,\r\n box-shadow .25s ease;\r\n}\r\n\r\n\r\n.dmi-batch-btn:hover{\r\n\r\n background:var(--blue-dark);\r\n\r\n color:#fff !important;\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 11px 22px rgba(26,58,143,.22);\r\n}\r\n\r\n\r\n.dmi-batch-btn i{\r\n\r\n transition:transform .25s ease;\r\n}\r\n\r\n\r\n.dmi-batch-btn:hover i{\r\n\r\n transform:translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM NOTE\r\n========================================================= *\/\r\n\r\n.dmi-batches-note{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:7px;\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.5 !important;\r\n\r\n font-weight:500 !important;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.dmi-batches-note i{\r\n\r\n color:var(--gold);\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n.dmi-batches-note a{\r\n\r\n color:var(--blue) !important;\r\n\r\n font-weight:800 !important;\r\n\r\n text-decoration:none !important;\r\n\r\n border-bottom:1px solid rgba(26,58,143,.25);\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n\r\n.dmi-batches-note a:hover{\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n border-color:var(--blue-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-batches-wrap{\r\n\r\n padding:62px 0 68px !important;\r\n }\r\n\r\n\r\n .dmi-batches-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:16px;\r\n\r\n align-items:start;\r\n }\r\n\r\n\r\n .dmi-batches-intro{\r\n\r\n max-width:700px;\r\n }\r\n\r\n\r\n .dmi-batches-grid{\r\n\r\n gap:15px;\r\n }\r\n\r\n\r\n .dmi-batch-card{\r\n\r\n padding:19px;\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 .dmi-batches-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:620px !important;\r\n\r\n padding:50px 0 58px !important;\r\n }\r\n\r\n\r\n .dmi-batches-header{\r\n\r\n text-align:center;\r\n\r\n align-items:center;\r\n\r\n gap:14px;\r\n\r\n padding-bottom:24px;\r\n\r\n margin-bottom:26px;\r\n }\r\n\r\n\r\n .dmi-batches-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:65px;\r\n }\r\n\r\n\r\n .dmi-batches-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-batches-heading{\r\n\r\n font-size:31px !important;\r\n\r\n line-height:1.13 !important;\r\n\r\n letter-spacing:-1px !important;\r\n }\r\n\r\n\r\n .dmi-batches-intro{\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.7 !important;\r\n }\r\n\r\n\r\n \/* META *\/\r\n\r\n .dmi-batches-meta{\r\n\r\n gap:7px;\r\n\r\n margin-bottom:24px;\r\n }\r\n\r\n\r\n .dmi-batches-meta-item{\r\n\r\n padding:7px 10px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n \/* GRID *\/\r\n\r\n .dmi-batches-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:13px;\r\n\r\n margin-bottom:24px;\r\n }\r\n\r\n\r\n .dmi-batch-card{\r\n\r\n padding:17px;\r\n\r\n border-radius:17px;\r\n }\r\n\r\n\r\n .dmi-batch-top h3{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-batch-featured-label{\r\n\r\n position:static;\r\n\r\n margin-bottom:12px;\r\n\r\n align-self:flex-start;\r\n }\r\n\r\n\r\n .dmi-batch-details{\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-batch-detail{\r\n\r\n padding:11px;\r\n }\r\n\r\n\r\n .dmi-batch-detail-label{\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .dmi-batch-detail-value{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .dmi-batch-extra{\r\n\r\n gap:8px 12px;\r\n\r\n margin-bottom:17px;\r\n }\r\n\r\n\r\n .dmi-batch-extra-item{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-batch-footer{\r\n\r\n align-items:stretch;\r\n\r\n flex-direction:column;\r\n\r\n gap:11px;\r\n }\r\n\r\n\r\n .dmi-batch-status{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-batch-btn{\r\n\r\n width:100%;\r\n\r\n padding:11px;\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-batches-note{\r\n\r\n font-size:11px !important;\r\n\r\n flex-wrap:wrap;\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 .dmi-batches-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n\r\n padding:45px 0 52px !important;\r\n }\r\n\r\n\r\n .dmi-batches-heading{\r\n\r\n font-size:28px !important;\r\n }\r\n\r\n\r\n .dmi-batches-intro{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-batches-meta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:stretch;\r\n }\r\n\r\n\r\n .dmi-batches-meta-item{\r\n\r\n justify-content:center;\r\n }\r\n\r\n\r\n .dmi-batch-card{\r\n\r\n padding:15px;\r\n\r\n border-radius:16px;\r\n }\r\n\r\n\r\n .dmi-batch-top h3{\r\n\r\n font-size:15px !important;\r\n }\r\n\r\n\r\n .dmi-batch-tags{\r\n\r\n gap:5px;\r\n }\r\n\r\n\r\n .dmi-batch-tag{\r\n\r\n font-size:9px;\r\n\r\n padding:5px 8px;\r\n }\r\n\r\n\r\n .dmi-batch-details{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-batch-detail{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:10px;\r\n }\r\n\r\n\r\n .dmi-batch-detail-label{\r\n\r\n margin:0;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .dmi-batch-detail-value{\r\n\r\n text-align:right;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-batch-extra{\r\n\r\n flex-direction:column;\r\n\r\n align-items:flex-start;\r\n }\r\n\r\n\r\n .dmi-batches-note{\r\n\r\n font-size:10px !important;\r\n\r\n line-height:1.6 !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-batches-heading{\r\n\r\n font-size:26px !important;\r\n }\r\n\r\n\r\n .dmi-batch-top h3{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n\r\n .dmi-batch-detail-value{\r\n\r\n font-size:9.5px;\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 .dmi-batch-card,\r\n .dmi-batch-btn,\r\n .dmi-batch-btn i,\r\n .dmi-batches-note a{\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<section class=\"dmi-batches-section\">\r\n\r\n<div class=\"dmi-batches-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batches-header\">\r\n\r\n <div>\r\n\r\n <div class=\"dmi-batches-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Upcoming Learning Opportunities\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-batches-heading\">\r\n\r\n Choose Your\r\n <span>Next Batch<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-batches-intro\">\r\n\r\n Select a learning schedule that fits your routine.\r\n Explore upcoming batches, timings and learning modes\r\n before reserving your seat.\r\n\r\n <\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batches-meta\">\r\n\r\n <div class=\"dmi-batches-meta-item\">\r\n\r\n <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n\r\n <span>\r\n <strong>4<\/strong> Upcoming Batches\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batches-meta-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n <span>\r\n Online & Offline\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batches-meta-item\">\r\n\r\n <i class=\"fa-solid fa-clock\"><\/i>\r\n\r\n <span>\r\n Weekday & Weekend\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batches-meta-item\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n <span>\r\n Limited Seats\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batches-grid\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batch-card featured\">\r\n\r\n\r\n <div class=\"dmi-batch-featured-label\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n Most Popular\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-top\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Professional Digital Marketing\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-batch-tags\">\r\n\r\n <span class=\"dmi-batch-tag popular\">\r\n Professional\r\n <\/span>\r\n\r\n <span class=\"dmi-batch-tag hybrid\">\r\n Hybrid\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-details\">\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Start Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 18 Aug 2026\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n End Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 18 Feb 2027\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Timing\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 10:00 AM \u2013 1:00 PM\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Duration\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 6 Months\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-extra\">\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n Online + Offline\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-calendar\"><\/i>\r\n\r\n Weekday Batch\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item seats\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 12 seats left\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-footer\">\r\n\r\n <div class=\"dmi-batch-status\">\r\n\r\n <span class=\"dmi-batch-status-dot\"><\/span>\r\n\r\n Enrollment currently open\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"dmi-batch-btn\"\r\n >\r\n\r\n Enroll Now\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batch-card\">\r\n\r\n\r\n <div class=\"dmi-batch-top\">\r\n\r\n <div>\r\n\r\n <h3>\r\n AI-Powered Digital Marketing\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-batch-tags\">\r\n\r\n <span class=\"dmi-batch-tag online\">\r\n Online\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-details\">\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Start Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 25 Aug 2026\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n End Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 25 Dec 2026\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Timing\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 7:00 PM \u2013 9:00 PM\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Duration\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 4 Months\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-extra\">\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n Fully Online\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-calendar\"><\/i>\r\n\r\n Evening Batch\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item seats\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 8 seats left\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-footer\">\r\n\r\n <div class=\"dmi-batch-status\">\r\n\r\n <span class=\"dmi-batch-status-dot\"><\/span>\r\n\r\n Enrollment currently open\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"dmi-batch-btn\"\r\n >\r\n\r\n Enroll Now\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batch-card\">\r\n\r\n\r\n <div class=\"dmi-batch-top\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Performance Marketing Mastery\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-batch-tags\">\r\n\r\n <span class=\"dmi-batch-tag hybrid\">\r\n Hybrid\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-details\">\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Start Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 01 Sep 2026\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n End Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 01 Feb 2027\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Timing\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n Sat & Sun \u00b7 11 AM \u2013 2 PM\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Duration\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 5 Months\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-extra\">\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n Online + Offline\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-calendar\"><\/i>\r\n\r\n Weekend Batch\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item seats available\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 15 seats left\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-footer\">\r\n\r\n <div class=\"dmi-batch-status\">\r\n\r\n <span class=\"dmi-batch-status-dot\"><\/span>\r\n\r\n Enrollment currently open\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"dmi-batch-btn\"\r\n >\r\n\r\n Enroll Now\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-batch-card\">\r\n\r\n\r\n <div class=\"dmi-batch-top\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Professional Digital Marketing\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-batch-tags\">\r\n\r\n <span class=\"dmi-batch-tag offline\">\r\n Offline\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-details\">\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Start Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 08 Sep 2026\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n End Date\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 08 Mar 2027\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Timing\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 2:00 PM \u2013 5:00 PM\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-detail\">\r\n\r\n <span class=\"dmi-batch-detail-label\">\r\n Duration\r\n <\/span>\r\n\r\n <strong class=\"dmi-batch-detail-value\">\r\n 6 Months\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-extra\">\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-building\"><\/i>\r\n\r\n Classroom\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item\">\r\n\r\n <i class=\"fa-solid fa-calendar\"><\/i>\r\n\r\n Weekday Batch\r\n\r\n <\/span>\r\n\r\n\r\n <span class=\"dmi-batch-extra-item seats available\">\r\n\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n\r\n 18 seats left\r\n\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-batch-footer\">\r\n\r\n <div class=\"dmi-batch-status\">\r\n\r\n <span class=\"dmi-batch-status-dot\"><\/span>\r\n\r\n Enrollment currently open\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"#enroll\"\r\n class=\"dmi-batch-btn\"\r\n >\r\n\r\n Enroll Now\r\n\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<p class=\"dmi-batches-note\">\r\n\r\n <i class=\"fa-solid fa-circle-info\"><\/i>\r\n\r\n Need a different timing?\r\n\r\n <a href=\"#counselor\">\r\n Talk to our counselor\r\n <\/a>\r\n\r\n for custom batch options.\r\n\r\n<\/p>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-560ee04 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"560ee04\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ceb33bf\" data-id=\"ceb33bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f1b09f2 elementor-widget elementor-widget-html\" data-id=\"f1b09f2\" 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\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Who Can Enroll<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n WHO CAN ENROLL \u2014 PREMIUM MODERN SECTION\r\n========================================================= *\/\r\n\r\n.dmi-enroll,\r\n.dmi-enroll *{\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROOT\r\n========================================================= *\/\r\n\r\n.dmi-enroll{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-light:#315CC7;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n\r\n --text:#17213B;\r\n --muted:#596780;\r\n\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n color:var(--text);\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-enroll-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 82px !important;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-enroll-header{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr 430px;\r\n\r\n align-items:end;\r\n\r\n gap:55px;\r\n\r\n margin-bottom:42px;\r\n\r\n padding-bottom:27px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* Bottom line *\/\r\n\r\n.dmi-enroll-header::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:0;\r\n\r\n height:1px;\r\n\r\n background:var(--line);\r\n}\r\n\r\n\r\n\/* Gold indicator *\/\r\n\r\n.dmi-enroll-header::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n bottom:-1px;\r\n\r\n width:90px;\r\n\r\n height:3px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EYEBROW\r\n========================================================= *\/\r\n\r\n.dmi-enroll-eyebrow{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:12px !important;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.5px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-enroll-eyebrow i{\r\n\r\n width:30px;\r\n\r\n height:2px;\r\n\r\n display:block;\r\n\r\n background:var(--gold);\r\n\r\n border-radius:50px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADING\r\n========================================================= *\/\r\n\r\n.dmi-enroll-heading{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:42px !important;\r\n\r\n line-height:1.08 !important;\r\n\r\n letter-spacing:-1.5px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-enroll-heading span{\r\n\r\n color:var(--blue) !important;\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n}\r\n\r\n\r\n.dmi-enroll-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n right:0;\r\n\r\n bottom:-5px;\r\n\r\n height:4px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n\r\n transform:skewX(-14deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO\r\n========================================================= *\/\r\n\r\n.dmi-enroll-intro{\r\n\r\n margin:0 !important;\r\n\r\n max-width:430px;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:16px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TOP INFO STRIP\r\n========================================================= *\/\r\n\r\n.dmi-enroll-info{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n margin-bottom:27px;\r\n\r\n padding:15px 18px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n rgba(26,58,143,.045),\r\n rgba(253,185,19,.055)\r\n );\r\n}\r\n\r\n\r\n.dmi-enroll-info-left{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n}\r\n\r\n\r\n.dmi-enroll-info-icon{\r\n\r\n width:36px;\r\n\r\n height:36px;\r\n\r\n flex-shrink:0;\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:10px;\r\n\r\n background:rgba(26,58,143,.08);\r\n\r\n color:var(--blue);\r\n\r\n font-size:14px;\r\n}\r\n\r\n\r\n.dmi-enroll-info-title{\r\n\r\n margin:0 0 2px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-enroll-info-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.4 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n.dmi-enroll-info-badge{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n flex-shrink:0;\r\n\r\n padding:7px 11px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(253,185,19,.12);\r\n\r\n border:1px solid rgba(253,185,19,.25);\r\n\r\n color:#765800;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.dmi-enroll-info-badge i{\r\n\r\n color:#D79B00;\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARDS GRID\r\n========================================================= *\/\r\n\r\n.dmi-enroll-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n\r\n gap:18px;\r\n\r\n margin-bottom:30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD\r\n========================================================= *\/\r\n\r\n.dmi-enroll-card{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:180px 1fr;\r\n\r\n min-height:215px;\r\n\r\n overflow:hidden;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:19px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.70),\r\n rgba(255,255,255,.42)\r\n );\r\n\r\n box-shadow:\r\n 0 9px 26px rgba(16,39,95,.045);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n transition:\r\n transform .35s ease,\r\n box-shadow .35s ease,\r\n border-color .35s ease;\r\n}\r\n\r\n\r\n.dmi-enroll-card:hover{\r\n\r\n transform:translateY(-6px);\r\n\r\n border-color:rgba(26,58,143,.23);\r\n\r\n box-shadow:\r\n 0 18px 38px rgba(16,39,95,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD NUMBER\r\n========================================================= *\/\r\n\r\n.dmi-enroll-number{\r\n\r\n position:absolute;\r\n\r\n top:12px;\r\n\r\n left:12px;\r\n\r\n width:31px;\r\n\r\n height:31px;\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:9px;\r\n\r\n background:rgba(255,255,255,.94);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n\r\n box-shadow:0 5px 14px rgba(16,39,95,.12);\r\n\r\n z-index:4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE\r\n========================================================= *\/\r\n\r\n.dmi-enroll-image{\r\n\r\n position:relative;\r\n\r\n height:100%;\r\n\r\n min-height:215px;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.dmi-enroll-image img{\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n display:block;\r\n\r\n transition:transform .65s cubic-bezier(.23,1,.32,1);\r\n}\r\n\r\n\r\n.dmi-enroll-card:hover .dmi-enroll-image img{\r\n\r\n transform:scale(1.08);\r\n}\r\n\r\n\r\n.dmi-enroll-image::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 90deg,\r\n transparent 35%,\r\n rgba(16,39,95,.20)\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.dmi-enroll-label{\r\n\r\n position:absolute;\r\n\r\n left:12px;\r\n\r\n bottom:12px;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n padding:6px 10px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(255,255,255,.94);\r\n\r\n color:var(--blue);\r\n\r\n font-size:10px;\r\n\r\n font-weight:800;\r\n\r\n box-shadow:0 5px 15px rgba(0,0,0,.12);\r\n\r\n z-index:3;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n========================================================= *\/\r\n\r\n.dmi-enroll-content{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n padding:23px 20px 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TITLE\r\n========================================================= *\/\r\n\r\n.dmi-enroll-card-title{\r\n\r\n margin:0 0 7px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:18px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n letter-spacing:-.3px;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPTION\r\n========================================================= *\/\r\n\r\n.dmi-enroll-card-desc{\r\n\r\n margin:0 0 14px !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.55 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BENEFITS\r\n========================================================= *\/\r\n\r\n.dmi-enroll-benefits{\r\n\r\n list-style:none;\r\n\r\n margin:auto 0 0 !important;\r\n\r\n padding:0 !important;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:7px;\r\n}\r\n\r\n\r\n.dmi-enroll-benefits li{\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n gap:8px;\r\n\r\n color:#33415C;\r\n\r\n font-size:13px;\r\n\r\n line-height:1.45;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n.dmi-enroll-benefits li i{\r\n\r\n width:16px;\r\n\r\n height:16px;\r\n\r\n flex-shrink:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n margin-top:1px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(253,185,19,.15);\r\n\r\n color:#B37C00;\r\n\r\n font-size:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD ACCENT\r\n========================================================= *\/\r\n\r\n.dmi-enroll-card::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n top:22px;\r\n\r\n bottom:22px;\r\n\r\n width:3px;\r\n\r\n border-radius:0 5px 5px 0;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n\r\n opacity:.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CTA AREA\r\n========================================================= *\/\r\n\r\n.dmi-enroll-cta{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n padding:19px 21px;\r\n\r\n border:1px solid rgba(26,58,143,.14);\r\n\r\n border-radius:17px;\r\n\r\n background:\r\n linear-gradient(\r\n 100deg,\r\n rgba(26,58,143,.045),\r\n rgba(253,185,19,.065)\r\n );\r\n}\r\n\r\n\r\n\/* CTA LEFT *\/\r\n\r\n.dmi-enroll-cta-left{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n}\r\n\r\n\r\n.dmi-enroll-cta-icon{\r\n\r\n width:39px;\r\n\r\n height:39px;\r\n\r\n flex-shrink:0;\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:11px;\r\n\r\n background:var(--gold);\r\n\r\n color:var(--blue-dark);\r\n\r\n font-size:14px;\r\n}\r\n\r\n\r\n.dmi-enroll-cta-title{\r\n\r\n margin:0 0 3px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-enroll-cta-text{\r\n\r\n margin:0 !important;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1.45 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WHATSAPP BUTTON\r\n========================================================= *\/\r\n\r\n.dmi-enroll-whatsapp{\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 gap:8px;\r\n\r\n flex-shrink:0;\r\n\r\n padding:11px 18px;\r\n\r\n border-radius:10px;\r\n\r\n background:#25D366;\r\n\r\n color:#fff !important;\r\n\r\n text-decoration:none !important;\r\n\r\n font-size:12px !important;\r\n\r\n font-weight:800 !important;\r\n\r\n box-shadow:\r\n 0 8px 18px rgba(37,211,102,.18);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.dmi-enroll-whatsapp:hover{\r\n\r\n color:#fff !important;\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(37,211,102,.27);\r\n}\r\n\r\n\r\n.dmi-enroll-whatsapp i{\r\n\r\n font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESPONSIVE \u2014 TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-enroll-wrap{\r\n\r\n padding:62px 0 68px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-header{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:14px;\r\n\r\n align-items:start;\r\n }\r\n\r\n\r\n .dmi-enroll-intro{\r\n\r\n max-width:700px;\r\n }\r\n\r\n\r\n .dmi-enroll-grid{\r\n\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n\r\n .dmi-enroll-card{\r\n\r\n grid-template-columns:145px 1fr;\r\n }\r\n\r\n\r\n .dmi-enroll-image{\r\n\r\n min-height:220px;\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 .dmi-enroll-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:620px !important;\r\n\r\n padding:50px 0 58px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-header{\r\n\r\n text-align:center;\r\n\r\n align-items:center;\r\n\r\n gap:13px;\r\n\r\n margin-bottom:30px;\r\n\r\n padding-bottom:23px;\r\n }\r\n\r\n\r\n .dmi-enroll-header::before{\r\n\r\n left:50%;\r\n\r\n transform:translateX(-50%);\r\n\r\n width:65px;\r\n }\r\n\r\n\r\n .dmi-enroll-eyebrow{\r\n\r\n justify-content:center;\r\n\r\n font-size:10px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-heading{\r\n\r\n font-size:32px !important;\r\n\r\n line-height:1.1 !important;\r\n\r\n letter-spacing:-1px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-intro{\r\n\r\n max-width:560px;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* INFO *\/\r\n\r\n .dmi-enroll-info{\r\n\r\n align-items:flex-start;\r\n\r\n padding:14px;\r\n\r\n margin-bottom:22px;\r\n }\r\n\r\n\r\n .dmi-enroll-info-title{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-info-text{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-info-badge{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n \/* GRID *\/\r\n\r\n .dmi-enroll-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:14px;\r\n\r\n margin-bottom:23px;\r\n }\r\n\r\n\r\n .dmi-enroll-card{\r\n\r\n grid-template-columns:145px 1fr;\r\n\r\n min-height:205px;\r\n\r\n border-radius:16px;\r\n }\r\n\r\n\r\n .dmi-enroll-image{\r\n\r\n min-height:205px;\r\n }\r\n\r\n\r\n .dmi-enroll-content{\r\n\r\n padding:19px 16px 17px;\r\n }\r\n\r\n\r\n .dmi-enroll-card-title{\r\n\r\n font-size:17px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-card-desc{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.5 !important;\r\n }\r\n\r\n\r\n .dmi-enroll-benefits{\r\n\r\n gap:6px;\r\n }\r\n\r\n\r\n .dmi-enroll-benefits li{\r\n\r\n font-size:12px;\r\n\r\n line-height:1.4;\r\n }\r\n\r\n\r\n \/* CTA *\/\r\n\r\n .dmi-enroll-cta{\r\n\r\n flex-direction:column;\r\n\r\n align-items:stretch;\r\n\r\n gap:14px;\r\n\r\n padding:16px;\r\n }\r\n\r\n\r\n .dmi-enroll-cta-title{\r\n\r\n font-size:13px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-cta-text{\r\n\r\n font-size:11px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-whatsapp{\r\n\r\n width:100%;\r\n\r\n padding:11px;\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n .dmi-enroll-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n }\r\n\r\n\r\n .dmi-enroll-heading{\r\n\r\n font-size:29px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-card{\r\n\r\n grid-template-columns:120px 1fr;\r\n\r\n min-height:190px;\r\n }\r\n\r\n\r\n .dmi-enroll-image{\r\n\r\n min-height:190px;\r\n }\r\n\r\n\r\n .dmi-enroll-content{\r\n\r\n padding:17px 14px;\r\n }\r\n\r\n\r\n .dmi-enroll-card-title{\r\n\r\n font-size:16px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-card-desc{\r\n\r\n font-size:12.5px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-benefits li{\r\n\r\n font-size:11.5px;\r\n\r\n gap:6px;\r\n }\r\n\r\n\r\n .dmi-enroll-label{\r\n\r\n left:9px;\r\n\r\n bottom:9px;\r\n\r\n padding:5px 8px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .dmi-enroll-number{\r\n\r\n top:9px;\r\n\r\n left:9px;\r\n\r\n width:28px;\r\n\r\n height:28px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n EXTRA SMALL\r\n========================================================= *\/\r\n\r\n@media(max-width:350px){\r\n\r\n .dmi-enroll-heading{\r\n\r\n font-size:27px !important;\r\n }\r\n\r\n\r\n .dmi-enroll-card{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .dmi-enroll-image{\r\n\r\n height:180px;\r\n\r\n min-height:180px;\r\n }\r\n\r\n\r\n .dmi-enroll-content{\r\n\r\n padding: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 .dmi-enroll-card,\r\n .dmi-enroll-image img,\r\n .dmi-enroll-whatsapp{\r\n\r\n transition:none !important;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"dmi-enroll\">\r\n\r\n\r\n<div class=\"dmi-enroll-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-header\">\r\n\r\n\r\n <div>\r\n\r\n <div class=\"dmi-enroll-eyebrow\">\r\n\r\n <i><\/i>\r\n\r\n Open For Everyone\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-enroll-heading\">\r\n\r\n Who Can\r\n <span>Enroll?<\/span>\r\n\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-enroll-intro\">\r\n\r\n Whether you're starting your career, upgrading\r\n your skills or growing your business, our practical\r\n Digital Marketing program is designed to fit your goals.\r\n\r\n <\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-info\">\r\n\r\n\r\n <div class=\"dmi-enroll-info-left\">\r\n\r\n\r\n <div class=\"dmi-enroll-info-icon\">\r\n\r\n <i class=\"fa-solid fa-user-check\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-enroll-info-title\">\r\n\r\n No Technical Background Required\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-info-text\">\r\n\r\n Start from the basics and gradually build practical,\r\n job-ready digital marketing skills.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-enroll-info-badge\">\r\n\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n\r\n Beginner Friendly\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-grid\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-card\">\r\n\r\n\r\n <span class=\"dmi-enroll-number\">\r\n\r\n 01\r\n\r\n <\/span>\r\n\r\n\r\n <div class=\"dmi-enroll-image\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?w=700&h=700&fit=crop\"\r\n alt=\"Students learning together\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <span class=\"dmi-enroll-label\">\r\n\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n\r\n Students\r\n\r\n <\/span>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-enroll-content\">\r\n\r\n\r\n <h3 class=\"dmi-enroll-card-title\">\r\n\r\n Students\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-card-desc\">\r\n\r\n Build practical skills early and prepare\r\n yourself for a high-demand digital career.\r\n\r\n <\/p>\r\n\r\n\r\n <ul class=\"dmi-enroll-benefits\">\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Start earning while studying\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Build a strong portfolio\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Internship & placement support\r\n\r\n <\/li>\r\n\r\n\r\n <\/ul>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-card\">\r\n\r\n\r\n <span class=\"dmi-enroll-number\">\r\n\r\n 02\r\n\r\n <\/span>\r\n\r\n\r\n <div class=\"dmi-enroll-image\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?w=700&h=700&fit=crop\"\r\n alt=\"Working professional\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <span class=\"dmi-enroll-label\">\r\n\r\n <i class=\"fa-solid fa-briefcase\"><\/i>\r\n\r\n Professionals\r\n\r\n <\/span>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-enroll-content\">\r\n\r\n\r\n <h3 class=\"dmi-enroll-card-title\">\r\n\r\n Working Professionals\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-card-desc\">\r\n\r\n Upgrade your skills or make a career switch\r\n without putting your current job on hold.\r\n\r\n <\/p>\r\n\r\n\r\n <ul class=\"dmi-enroll-benefits\">\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Flexible online & offline batches\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Learn alongside your job\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Improve career opportunities\r\n\r\n <\/li>\r\n\r\n\r\n <\/ul>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-card\">\r\n\r\n\r\n <span class=\"dmi-enroll-number\">\r\n\r\n 03\r\n\r\n <\/span>\r\n\r\n\r\n <div class=\"dmi-enroll-image\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=700&h=700&fit=crop\"\r\n alt=\"Business owner\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <span class=\"dmi-enroll-label\">\r\n\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n\r\n Business\r\n\r\n <\/span>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-enroll-content\">\r\n\r\n\r\n <h3 class=\"dmi-enroll-card-title\">\r\n\r\n Business Owners\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-card-desc\">\r\n\r\n Learn how to use digital marketing to\r\n attract customers and grow your business.\r\n\r\n <\/p>\r\n\r\n\r\n <ul class=\"dmi-enroll-benefits\">\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Generate more leads & sales\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Reduce agency dependency\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Apply strategies to your own brand\r\n\r\n <\/li>\r\n\r\n\r\n <\/ul>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-card\">\r\n\r\n\r\n <span class=\"dmi-enroll-number\">\r\n\r\n 04\r\n\r\n <\/span>\r\n\r\n\r\n <div class=\"dmi-enroll-image\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=700&h=700&fit=crop\"\r\n alt=\"Homemaker learning digital skills\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <span class=\"dmi-enroll-label\">\r\n\r\n <i class=\"fa-solid fa-house\"><\/i>\r\n\r\n Homemakers\r\n\r\n <\/span>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-enroll-content\">\r\n\r\n\r\n <h3 class=\"dmi-enroll-card-title\">\r\n\r\n Homemakers\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-card-desc\">\r\n\r\n Learn flexible digital skills and explore\r\n freelancing or work-from-home opportunities.\r\n\r\n <\/p>\r\n\r\n\r\n <ul class=\"dmi-enroll-benefits\">\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Work from home\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Freelancing & client projects\r\n\r\n <\/li>\r\n\r\n\r\n <li>\r\n\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n Supportive learning environment\r\n\r\n <\/li>\r\n\r\n\r\n <\/ul>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-enroll-cta\">\r\n\r\n\r\n <div class=\"dmi-enroll-cta-left\">\r\n\r\n\r\n <div class=\"dmi-enroll-cta-icon\">\r\n\r\n <i class=\"fa-solid fa-comments\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <h3 class=\"dmi-enroll-cta-title\">\r\n\r\n Not Sure Which Path Is Right For You?\r\n\r\n <\/h3>\r\n\r\n\r\n <p class=\"dmi-enroll-cta-text\">\r\n\r\n Talk to our counselor and find the right learning\r\n path based on your goals.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/91XXXXXXXXXX\"\r\n class=\"dmi-enroll-whatsapp\"\r\n target=\"_blank\"\r\n rel=\"noopener\"\r\n >\r\n\r\n <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n\r\n Talk To Us\r\n\r\n <\/a>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9298035 ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9298035\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a831210\" data-id=\"a831210\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c870491 elementor-widget elementor-widget-html\" data-id=\"c870491\" 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>Student Reviews<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n PREMIUM STUDENT REVIEWS\r\n TRANSPARENT \u2022 1100PX \u2022 RESPONSIVE\r\n========================================================= *\/\r\n\r\n.dmi-reviews,\r\n.dmi-reviews *{\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROOT\r\n========================================================= *\/\r\n\r\n.dmi-reviews{\r\n\r\n --blue:#1A3A8F;\r\n --blue-dark:#10275F;\r\n --blue-light:#315CC7;\r\n\r\n --gold:#FDB913;\r\n --gold-light:#FFD75A;\r\n\r\n --text:#17213B;\r\n --muted:#667085;\r\n\r\n --line:rgba(26,58,143,.13);\r\n\r\n width:100% !important;\r\n\r\n margin:0 !important;\r\n\r\n padding:0 !important;\r\n\r\n background:transparent !important;\r\n\r\n font-family:\"Inter\",Arial,sans-serif !important;\r\n\r\n color:var(--text);\r\n\r\n overflow:hidden;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n WRAPPER\r\n========================================================= *\/\r\n\r\n.dmi-reviews-wrap{\r\n\r\n width:1100px !important;\r\n\r\n max-width:calc(100% - 30px) !important;\r\n\r\n margin:0 auto !important;\r\n\r\n padding:78px 0 82px !important;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.dmi-reviews-header{\r\n\r\n text-align:center;\r\n\r\n max-width:760px;\r\n\r\n margin:0 auto 40px;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n.dmi-reviews-eyebrow{\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 gap:9px;\r\n\r\n margin-bottom:13px;\r\n\r\n color:var(--blue) !important;\r\n\r\n font-size:12px !important;\r\n\r\n line-height:1 !important;\r\n\r\n font-weight:800 !important;\r\n\r\n letter-spacing:1.5px !important;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n\r\n.dmi-reviews-eyebrow::before,\r\n.dmi-reviews-eyebrow::after{\r\n\r\n content:\"\";\r\n\r\n width:28px;\r\n\r\n height:2px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--gold);\r\n}\r\n\r\n\r\n\/* HEADING *\/\r\n\r\n.dmi-reviews-heading{\r\n\r\n margin:0 0 12px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:42px !important;\r\n\r\n line-height:1.12 !important;\r\n\r\n letter-spacing:-1.4px !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-reviews-heading span{\r\n\r\n color:var(--blue) !important;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.dmi-reviews-heading span::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:0;\r\n\r\n right:0;\r\n\r\n bottom:-5px;\r\n\r\n height:4px;\r\n\r\n background:var(--gold);\r\n\r\n border-radius:50px;\r\n\r\n transform:skewX(-14deg);\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.dmi-reviews-description{\r\n\r\n margin:0 auto !important;\r\n\r\n max-width:620px;\r\n\r\n color:var(--muted) !important;\r\n\r\n font-size:15px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RATING PANEL\r\n========================================================= *\/\r\n\r\n.dmi-rating-panel{\r\n\r\n position:relative;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:1fr auto 1fr;\r\n\r\n align-items:center;\r\n\r\n gap:25px;\r\n\r\n padding:24px 28px;\r\n\r\n margin-bottom:28px;\r\n\r\n border:1px solid var(--line);\r\n\r\n border-radius:20px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(255,255,255,.72),\r\n rgba(255,255,255,.38)\r\n );\r\n\r\n box-shadow:\r\n 0 12px 32px rgba(16,39,95,.06);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RATING LEFT\r\n========================================================= *\/\r\n\r\n.dmi-rating-main{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:18px;\r\n}\r\n\r\n\r\n.dmi-big-rating{\r\n\r\n color:var(--blue-dark);\r\n\r\n font-family:\"Manrope\",Arial,sans-serif;\r\n\r\n font-size:48px;\r\n\r\n line-height:1;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-2px;\r\n}\r\n\r\n\r\n.dmi-rating-info{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:5px;\r\n}\r\n\r\n\r\n.dmi-rating-stars{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:3px;\r\n\r\n color:#F9B800;\r\n\r\n font-size:17px;\r\n}\r\n\r\n\r\n.dmi-rating-count{\r\n\r\n color:var(--muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.4;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GOOGLE BRAND\r\n========================================================= *\/\r\n\r\n.dmi-google-brand{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:9px;\r\n\r\n color:#202124;\r\n\r\n font-size:14px;\r\n\r\n font-weight:700;\r\n\r\n white-space:nowrap;\r\n}\r\n\r\n\r\n.dmi-google-brand svg{\r\n\r\n width:25px;\r\n\r\n height:25px;\r\n\r\n flex-shrink:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n VERIFIED BADGE\r\n========================================================= *\/\r\n\r\n.dmi-verified{\r\n\r\n justify-self:end;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n padding:9px 14px;\r\n\r\n border-radius:50px;\r\n\r\n background:rgba(26,58,143,.07);\r\n\r\n border:1px solid rgba(26,58,143,.11);\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:.2px;\r\n}\r\n\r\n\r\n.dmi-verified i{\r\n\r\n font-size:12px;\r\n\r\n color:#2E7D32;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEWS GRID\r\n========================================================= *\/\r\n\r\n.dmi-reviews-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:repeat(3,1fr);\r\n\r\n gap:17px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEW CARD\r\n========================================================= *\/\r\n\r\n.dmi-review-card{\r\n\r\n position:relative;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n min-height:265px;\r\n\r\n padding:21px 20px 18px;\r\n\r\n border-radius:18px;\r\n\r\n border:1px solid var(--line);\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.78),\r\n rgba(255,255,255,.45)\r\n );\r\n\r\n box-shadow:\r\n 0 9px 26px rgba(16,39,95,.045);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n -webkit-backdrop-filter:blur(12px);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n\r\n.dmi-review-card::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n\r\n left:20px;\r\n\r\n right:20px;\r\n\r\n height:3px;\r\n\r\n border-radius:0 0 50px 50px;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n var(--blue),\r\n var(--gold)\r\n );\r\n\r\n opacity:.7;\r\n}\r\n\r\n\r\n.dmi-review-card:hover{\r\n\r\n transform:translateY(-6px);\r\n\r\n border-color:rgba(26,58,143,.22);\r\n\r\n box-shadow:\r\n 0 18px 38px rgba(16,39,95,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEW HEADER\r\n========================================================= *\/\r\n\r\n.dmi-review-header{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n\r\n margin-bottom:12px;\r\n}\r\n\r\n\r\n.dmi-author-img{\r\n\r\n width:46px;\r\n\r\n height:46px;\r\n\r\n min-width:46px;\r\n\r\n border-radius:50%;\r\n\r\n object-fit:cover;\r\n\r\n border:2px solid var(--blue);\r\n\r\n padding:2px;\r\n\r\n background:#fff;\r\n}\r\n\r\n\r\n.dmi-author-meta{\r\n\r\n min-width:0;\r\n}\r\n\r\n\r\n.dmi-author-name{\r\n\r\n margin:0 0 3px !important;\r\n\r\n color:var(--blue-dark) !important;\r\n\r\n font-family:\"Manrope\",Arial,sans-serif !important;\r\n\r\n font-size:14px !important;\r\n\r\n line-height:1.25 !important;\r\n\r\n font-weight:800 !important;\r\n}\r\n\r\n\r\n.dmi-review-time{\r\n\r\n color:var(--muted);\r\n\r\n font-size:11px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STARS\r\n========================================================= *\/\r\n\r\n.dmi-card-stars{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:3px;\r\n\r\n margin-bottom:11px;\r\n\r\n color:#F9B800;\r\n\r\n font-size:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEW TEXT\r\n========================================================= *\/\r\n\r\n.dmi-review-text{\r\n\r\n margin:0 0 16px !important;\r\n\r\n color:#3F4A5A !important;\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.7 !important;\r\n\r\n font-weight:500 !important;\r\n\r\n flex:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n REVIEW FOOTER\r\n========================================================= *\/\r\n\r\n.dmi-review-footer{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:10px;\r\n\r\n padding-top:12px;\r\n\r\n border-top:1px solid rgba(26,58,143,.09);\r\n\r\n color:var(--muted);\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n.dmi-posted{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:6px;\r\n\r\n font-weight:600;\r\n}\r\n\r\n\r\n.dmi-posted i{\r\n\r\n color:#4285F4;\r\n\r\n font-size:12px;\r\n}\r\n\r\n\r\n.dmi-helpful{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:5px;\r\n\r\n color:var(--muted);\r\n\r\n font-weight:600;\r\n\r\n user-select:none;\r\n}\r\n\r\n\r\n.dmi-helpful i{\r\n\r\n color:var(--blue);\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TRUST STRIP\r\n========================================================= *\/\r\n\r\n.dmi-review-trust{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:10px;\r\n\r\n margin-top:25px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.5;\r\n\r\n font-weight:500;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.dmi-review-trust i{\r\n\r\n color:#2E7D32;\r\n\r\n font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n .dmi-reviews-wrap{\r\n\r\n padding:65px 0 70px !important;\r\n }\r\n\r\n\r\n .dmi-rating-panel{\r\n\r\n grid-template-columns:1fr 1fr;\r\n\r\n gap:18px;\r\n }\r\n\r\n\r\n .dmi-google-brand{\r\n\r\n justify-self:end;\r\n }\r\n\r\n\r\n .dmi-verified{\r\n\r\n grid-column:1 \/ -1;\r\n\r\n justify-self:center;\r\n }\r\n\r\n\r\n .dmi-reviews-grid{\r\n\r\n grid-template-columns:repeat(2,1fr);\r\n\r\n gap:15px;\r\n }\r\n\r\n\r\n .dmi-review-card{\r\n\r\n min-height:250px;\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 .dmi-reviews-wrap{\r\n\r\n width:calc(100% - 28px) !important;\r\n\r\n max-width:620px !important;\r\n\r\n padding:52px 0 60px !important;\r\n }\r\n\r\n\r\n .dmi-reviews-header{\r\n\r\n margin-bottom:28px;\r\n }\r\n\r\n\r\n .dmi-reviews-eyebrow{\r\n\r\n font-size:10px !important;\r\n\r\n letter-spacing:1.3px !important;\r\n }\r\n\r\n\r\n .dmi-reviews-heading{\r\n\r\n font-size:31px !important;\r\n\r\n line-height:1.14 !important;\r\n\r\n letter-spacing:-.9px !important;\r\n }\r\n\r\n\r\n .dmi-reviews-description{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n \/* RATING *\/\r\n\r\n .dmi-rating-panel{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n text-align:center;\r\n\r\n padding:20px 16px;\r\n\r\n gap:15px;\r\n\r\n border-radius:17px;\r\n }\r\n\r\n\r\n .dmi-rating-main{\r\n\r\n flex-direction:column;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .dmi-big-rating{\r\n\r\n font-size:44px;\r\n }\r\n\r\n\r\n .dmi-rating-stars{\r\n\r\n justify-content:center;\r\n\r\n font-size:16px;\r\n }\r\n\r\n\r\n .dmi-rating-count{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .dmi-google-brand{\r\n\r\n justify-self:auto;\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .dmi-verified{\r\n\r\n grid-column:auto;\r\n\r\n justify-self:auto;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n \/* REVIEWS *\/\r\n\r\n .dmi-reviews-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:13px;\r\n }\r\n\r\n\r\n .dmi-review-card{\r\n\r\n min-height:auto;\r\n\r\n padding:19px 17px 17px;\r\n\r\n border-radius:16px;\r\n }\r\n\r\n\r\n .dmi-author-img{\r\n\r\n width:44px;\r\n\r\n height:44px;\r\n\r\n min-width:44px;\r\n }\r\n\r\n\r\n .dmi-author-name{\r\n\r\n font-size:14px !important;\r\n }\r\n\r\n\r\n .dmi-review-time{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .dmi-card-stars{\r\n\r\n font-size:12px;\r\n\r\n margin-bottom:9px;\r\n }\r\n\r\n\r\n .dmi-review-text{\r\n\r\n font-size:13px !important;\r\n\r\n line-height:1.65 !important;\r\n }\r\n\r\n\r\n .dmi-review-footer{\r\n\r\n font-size:9.5px;\r\n }\r\n\r\n\r\n .dmi-review-trust{\r\n\r\n font-size:11px;\r\n\r\n padding:0 8px;\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 .dmi-reviews-wrap{\r\n\r\n width:calc(100% - 22px) !important;\r\n }\r\n\r\n\r\n .dmi-reviews-heading{\r\n\r\n font-size:28px !important;\r\n }\r\n\r\n\r\n .dmi-reviews-description{\r\n\r\n font-size:12px !important;\r\n }\r\n\r\n\r\n .dmi-rating-panel{\r\n\r\n padding:18px 14px;\r\n }\r\n\r\n\r\n .dmi-big-rating{\r\n\r\n font-size:40px;\r\n }\r\n\r\n\r\n .dmi-google-brand{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .dmi-review-text{\r\n\r\n font-size:12.5px !important;\r\n\r\n line-height:1.65 !important;\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 .dmi-review-card{\r\n\r\n transition:none;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n<section class=\"dmi-reviews\">\r\n\r\n\r\n<div class=\"dmi-reviews-wrap\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reviews-header\">\r\n\r\n\r\n <div class=\"dmi-reviews-eyebrow\">\r\n\r\n Student Feedback\r\n\r\n <\/div>\r\n\r\n\r\n <h2 class=\"dmi-reviews-heading\">\r\n\r\n What Our Students\r\n <span>Say About Us<\/span>\r\n\r\n <\/h2>\r\n\r\n\r\n <p class=\"dmi-reviews-description\">\r\n\r\n Real feedback from learners who have experienced\r\n our practical training, mentorship and career-focused approach.\r\n\r\n <\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-rating-panel\">\r\n\r\n\r\n <div class=\"dmi-rating-main\">\r\n\r\n\r\n <div class=\"dmi-big-rating\">\r\n\r\n 4.9\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-rating-info\">\r\n\r\n\r\n <div class=\"dmi-rating-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-rating-count\">\r\n\r\n Based on 2,847 reviews\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-google-brand\">\r\n\r\n\r\n <svg viewBox=\"0 0 24 24\">\r\n\r\n <path fill=\"#4285F4\"\r\n d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/>\r\n\r\n <path fill=\"#34A853\"\r\n d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/>\r\n\r\n <path fill=\"#FBBC05\"\r\n d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/>\r\n\r\n <path fill=\"#EA4335\"\r\n d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/>\r\n\r\n <\/svg>\r\n\r\n\r\n Google Reviews\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-verified\">\r\n\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n\r\n Verified Reviews\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-reviews-grid\">\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Priya Sharma\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Priya Sharma\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 2 months ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n Best digital marketing course I have taken.\r\n Practical projects, excellent mentors and great\r\n placement support. Got placed at Google within 3 months!\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Rahul Verma\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Rahul Verma\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 1 month ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n I switched from sales to performance marketing.\r\n The live campaigns and AI tools training helped me a lot.\r\n Highly recommended for career switchers.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Sneha Patel\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Sneha Patel\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 3 weeks ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n Coming from a non-tech background, I was nervous.\r\n But the trainers made everything so easy to understand.\r\n Now working as SEO Strategist at Flipkart.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Amit Kumar\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Amit Kumar\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 1 month ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n Flexible batches helped me learn while working.\r\n Mock interviews were very realistic. Got multiple\r\n offers and joined Swiggy.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Ananya Reddy\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Ananya Reddy\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 2 months ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n From freelancing to full-time Social Media Lead\r\n at Nykaa. The portfolio projects and mentor support\r\n made all the difference.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-card\">\r\n\r\n\r\n <div class=\"dmi-review-header\">\r\n\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop&crop=faces\"\r\n alt=\"Vikram Singh\"\r\n class=\"dmi-author-img\"\r\n loading=\"lazy\"\r\n >\r\n\r\n\r\n <div class=\"dmi-author-meta\">\r\n\r\n <h3 class=\"dmi-author-name\">\r\n\r\n Vikram Singh\r\n\r\n <\/h3>\r\n\r\n\r\n <div class=\"dmi-review-time\">\r\n\r\n 3 weeks ago\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-card-stars\">\r\n\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"dmi-review-text\">\r\n\r\n Excellent teaching quality and placement assistance.\r\n The curriculum is fully updated with AI tools.\r\n Very happy with my decision.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"dmi-review-footer\">\r\n\r\n <div class=\"dmi-posted\">\r\n\r\n <i class=\"fa-brands fa-google\"><\/i>\r\n\r\n Posted on Google\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dmi-helpful\">\r\n\r\n <i class=\"fa-solid fa-thumbs-up\"><\/i>\r\n\r\n Helpful\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"dmi-review-trust\">\r\n\r\n <i class=\"fa-solid fa-shield-check\"><\/i>\r\n\r\n Real learner feedback \u2022 Practical training \u2022 Career-focused learning\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cfbfa5e ct-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cfbfa5e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fa8c9c3\" data-id=\"fa8c9c3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3bd5906 elementor-widget elementor-widget-html\" data-id=\"3bd5906\" 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>FAQ Section<\/title>\r\n\r\n<link rel=\"stylesheet\"\r\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n INSPIRE TECH ZONE\r\n PREMIUM FAQ SECTION\r\n ABOUT US THEME MATCH\r\n TRANSPARENT BACKGROUND\r\n========================================================= *\/\r\n\r\n#itz-faq,\r\n#itz-faq *{\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n THEME VARIABLES\r\n========================================================= *\/\r\n\r\n#itz-faq{\r\n\r\n --navy:#29437C;\r\n --navy-dark:#1D315D;\r\n --navy-deep:#16284F;\r\n\r\n --yellow:#FFB606;\r\n --yellow-light:#FFF4D6;\r\n --yellow-soft:rgba(255,182,6,.12);\r\n\r\n --dark:#00001E;\r\n --text:#252A38;\r\n --muted:#5D6472;\r\n\r\n --white:rgba(255,255,255,.88);\r\n\r\n --border:rgba(41,67,124,.12);\r\n --border-active:rgba(255,182,6,.55);\r\n\r\n --shadow-sm:\r\n 0 8px 25px rgba(0,0,30,.06);\r\n\r\n --shadow-md:\r\n 0 18px 45px rgba(41,67,124,.13);\r\n\r\n --max-width:1100px;\r\n\r\n width:100%;\r\n\r\n margin:0;\r\n\r\n padding:\r\n 80px\r\n 20px\r\n 90px;\r\n\r\n background:transparent;\r\n\r\n color:var(--dark);\r\n\r\n font-family:\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Roboto,\r\n Arial,\r\n sans-serif;\r\n\r\n line-height:1.5;\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SUBTLE DECORATIVE GLOW\r\n========================================================= *\/\r\n\r\n#itz-faq::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:460px;\r\n height:460px;\r\n\r\n top:-230px;\r\n left:-210px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(41,67,124,.08) 0%,\r\n rgba(41,67,124,.025) 48%,\r\n transparent 72%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n#itz-faq::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:420px;\r\n height:420px;\r\n\r\n bottom:-220px;\r\n right:-180px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle,\r\n rgba(255,182,6,.09) 0%,\r\n rgba(255,182,6,.025) 48%,\r\n transparent 72%\r\n );\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTAINER\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-container{\r\n\r\n width:100%;\r\n\r\n max-width:var(--max-width);\r\n\r\n margin:0 auto;\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN STRUCTURE\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-wrapper{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n minmax(300px,.82fr)\r\n minmax(0,1.5fr);\r\n\r\n gap:55px;\r\n\r\n align-items:start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LEFT CONTENT\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-left{\r\n\r\n position:sticky;\r\n\r\n top:35px;\r\n\r\n padding-top:5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BADGE\r\n========================================================= *\/\r\n\r\n#itz-faq .section-badge{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:\r\n 8px\r\n 15px;\r\n\r\n margin-bottom:18px;\r\n\r\n border-radius:50px;\r\n\r\n background:\r\n rgba(255,255,255,.68);\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.14);\r\n\r\n color:var(--navy);\r\n\r\n font-size:13px;\r\n\r\n font-weight:700;\r\n\r\n letter-spacing:.01em;\r\n\r\n box-shadow:\r\n 0 6px 18px rgba(0,0,30,.05);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n -webkit-backdrop-filter:blur(10px);\r\n}\r\n\r\n\r\n#itz-faq .section-badge i{\r\n\r\n color:var(--yellow);\r\n\r\n font-size:13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN HEADING\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-left h2{\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:\r\n clamp(36px,4.2vw,48px);\r\n\r\n font-weight:800;\r\n\r\n line-height:1.12;\r\n\r\n letter-spacing:-.035em;\r\n}\r\n\r\n\r\n\/* Yellow underline *\/\r\n\r\n#itz-faq .faq-left h2::after{\r\n\r\n content:\"\";\r\n\r\n display:block;\r\n\r\n width:58px;\r\n\r\n height:4px;\r\n\r\n margin-top:17px;\r\n\r\n border-radius:20px;\r\n\r\n background:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n DESCRIPTION\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-left > p{\r\n\r\n max-width:445px;\r\n\r\n margin:\r\n 18px\r\n 0\r\n 27px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:16px;\r\n\r\n font-weight:400;\r\n\r\n line-height:1.72;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HIGHLIGHTS\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-highlights{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:9px;\r\n\r\n margin-bottom:27px;\r\n}\r\n\r\n\r\n#itz-faq .faq-highlight{\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n padding:\r\n 8px\r\n 11px;\r\n\r\n border-radius:9px;\r\n\r\n background:\r\n rgba(255,255,255,.58);\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.10);\r\n\r\n color:var(--text);\r\n\r\n font-size:12px;\r\n\r\n font-weight:650;\r\n\r\n backdrop-filter:blur(8px);\r\n\r\n -webkit-backdrop-filter:blur(8px);\r\n}\r\n\r\n\r\n#itz-faq .faq-highlight i{\r\n\r\n color:var(--yellow);\r\n\r\n font-size:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONTACT BOX\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-contact{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n padding:\r\n 21px\r\n 21px\r\n 22px;\r\n\r\n border-radius:17px;\r\n\r\n background:\r\n rgba(255,255,255,.72);\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.12);\r\n\r\n box-shadow:var(--shadow-sm);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n}\r\n\r\n\r\n\/* Yellow top line *\/\r\n\r\n#itz-faq .faq-contact::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n left:0;\r\n\r\n width:100%;\r\n\r\n height:3px;\r\n\r\n background:var(--yellow);\r\n}\r\n\r\n\r\n#itz-faq .faq-contact h4{\r\n\r\n margin:\r\n 0\r\n 0\r\n 7px;\r\n\r\n color:var(--dark);\r\n\r\n font-size:16px;\r\n\r\n font-weight:750;\r\n\r\n line-height:1.3;\r\n}\r\n\r\n\r\n#itz-faq .faq-contact p{\r\n\r\n margin:\r\n 0\r\n 0\r\n 16px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:13.5px;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COUNSELOR BUTTON\r\n========================================================= *\/\r\n\r\n#itz-faq .contact-btn{\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 gap:8px;\r\n\r\n min-height:42px;\r\n\r\n padding:\r\n 10px\r\n 18px;\r\n\r\n border-radius:50px;\r\n\r\n background:var(--yellow);\r\n\r\n color:#00001E !important;\r\n\r\n text-decoration:none;\r\n\r\n font-size:13px;\r\n\r\n font-weight:800;\r\n\r\n box-shadow:\r\n 0 8px 20px rgba(255,182,6,.25);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n#itz-faq .contact-btn:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 13px 27px rgba(255,182,6,.34);\r\n\r\n color:#00001E !important;\r\n}\r\n\r\n\r\n#itz-faq .contact-btn i{\r\n\r\n font-size:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RIGHT FAQ LIST\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-right{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FAQ CARD\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-item{\r\n\r\n position:relative;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n rgba(255,255,255,.78);\r\n\r\n border:\r\n 1px solid\r\n rgba(41,67,124,.11);\r\n\r\n border-radius:15px;\r\n\r\n box-shadow:\r\n 0 5px 20px rgba(0,0,30,.045);\r\n\r\n backdrop-filter:blur(14px);\r\n\r\n -webkit-backdrop-filter:blur(14px);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n\r\n#itz-faq .faq-item:hover{\r\n\r\n transform:translateY(-2px);\r\n\r\n box-shadow:var(--shadow-md);\r\n\r\n border-color:\r\n rgba(41,67,124,.20);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACTIVE CARD\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-item.active{\r\n\r\n border-color:\r\n var(--border-active);\r\n\r\n box-shadow:\r\n 0 14px 35px rgba(41,67,124,.11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACTIVE YELLOW EDGE\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-item.active::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:14px;\r\n\r\n bottom:14px;\r\n\r\n left:0;\r\n\r\n width:3px;\r\n\r\n border-radius:\r\n 0\r\n 5px\r\n 5px\r\n 0;\r\n\r\n background:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUESTION BUTTON\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-question{\r\n\r\n width:100%;\r\n\r\n min-height:68px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:16px;\r\n\r\n padding:\r\n 15px\r\n 18px;\r\n\r\n background:transparent;\r\n\r\n border:0;\r\n\r\n cursor:pointer;\r\n\r\n text-align:left;\r\n\r\n font-family:inherit;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUESTION LEFT\r\n========================================================= *\/\r\n\r\n#itz-faq .question-left{\r\n\r\n min-width:0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NUMBER\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-number{\r\n\r\n width:35px;\r\n height:35px;\r\n\r\n min-width:35px;\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:9px;\r\n\r\n background:\r\n rgba(41,67,124,.07);\r\n\r\n color:var(--navy);\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n\r\n transition:\r\n background .3s ease,\r\n color .3s ease,\r\n transform .3s ease;\r\n}\r\n\r\n\r\n#itz-faq .faq-item.active .faq-number{\r\n\r\n background:var(--yellow);\r\n\r\n color:var(--dark);\r\n\r\n transform:scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n QUESTION TEXT\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-question h3{\r\n\r\n margin:0;\r\n\r\n color:var(--dark);\r\n\r\n font-size:16px;\r\n\r\n font-weight:700;\r\n\r\n line-height:1.45;\r\n\r\n letter-spacing:-.005em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PLUS ICON\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-icon{\r\n\r\n width:34px;\r\n height:34px;\r\n\r\n min-width:34px;\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:50%;\r\n\r\n background:\r\n rgba(41,67,124,.07);\r\n\r\n color:var(--navy);\r\n\r\n font-size:12px;\r\n\r\n transition:\r\n transform .35s ease,\r\n background .35s ease,\r\n color .35s ease;\r\n}\r\n\r\n\r\n#itz-faq .faq-item.active .faq-icon{\r\n\r\n background:var(--yellow);\r\n\r\n color:var(--dark);\r\n\r\n transform:rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ANSWER CONTAINER\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-answer{\r\n\r\n max-height:0;\r\n\r\n overflow:hidden;\r\n\r\n transition:\r\n max-height .45s ease;\r\n}\r\n\r\n\r\n#itz-faq .faq-item.active .faq-answer{\r\n\r\n max-height:350px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ANSWER TEXT\r\n========================================================= *\/\r\n\r\n#itz-faq .faq-answer-content{\r\n\r\n padding:\r\n 0\r\n 22px\r\n 21px\r\n 67px;\r\n\r\n color:var(--muted);\r\n\r\n font-size:15px;\r\n\r\n font-weight:400;\r\n\r\n line-height:1.75;\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 #itz-faq{\r\n\r\n padding:\r\n 70px\r\n 20px\r\n 80px;\r\n }\r\n\r\n\r\n #itz-faq .faq-wrapper{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:40px;\r\n }\r\n\r\n\r\n #itz-faq .faq-left{\r\n\r\n position:static;\r\n\r\n text-align:center;\r\n }\r\n\r\n\r\n #itz-faq .faq-left h2::after{\r\n\r\n margin-left:auto;\r\n\r\n margin-right:auto;\r\n }\r\n\r\n\r\n #itz-faq .faq-left > p{\r\n\r\n margin-left:auto;\r\n\r\n margin-right:auto;\r\n }\r\n\r\n\r\n #itz-faq .faq-highlights{\r\n\r\n justify-content:center;\r\n }\r\n\r\n\r\n #itz-faq .faq-contact{\r\n\r\n max-width:500px;\r\n\r\n margin:0 auto;\r\n\r\n text-align:left;\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 #itz-faq{\r\n\r\n padding:\r\n 60px\r\n 15px\r\n 70px;\r\n }\r\n\r\n\r\n #itz-faq .faq-left h2{\r\n\r\n font-size:34px;\r\n\r\n line-height:1.15;\r\n }\r\n\r\n\r\n #itz-faq .faq-left > p{\r\n\r\n font-size:15px;\r\n\r\n line-height:1.68;\r\n }\r\n\r\n\r\n #itz-faq .section-badge{\r\n\r\n font-size:12px;\r\n\r\n padding:\r\n 7px\r\n 13px;\r\n }\r\n\r\n\r\n #itz-faq .faq-highlights{\r\n\r\n gap:7px;\r\n\r\n justify-content:center;\r\n }\r\n\r\n\r\n #itz-faq .faq-highlight{\r\n\r\n font-size:11px;\r\n\r\n padding:\r\n 7px\r\n 9px;\r\n }\r\n\r\n\r\n #itz-faq .faq-question{\r\n\r\n min-height:64px;\r\n\r\n padding:\r\n 14px\r\n 14px;\r\n\r\n gap:10px;\r\n }\r\n\r\n\r\n #itz-faq .question-left{\r\n\r\n gap:10px;\r\n }\r\n\r\n\r\n #itz-faq .faq-number{\r\n\r\n width:30px;\r\n height:30px;\r\n\r\n min-width:30px;\r\n\r\n border-radius:8px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n #itz-faq .faq-question h3{\r\n\r\n font-size:15px;\r\n\r\n line-height:1.4;\r\n }\r\n\r\n\r\n #itz-faq .faq-icon{\r\n\r\n width:30px;\r\n height:30px;\r\n\r\n min-width:30px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n #itz-faq .faq-answer-content{\r\n\r\n padding:\r\n 0\r\n 16px\r\n 18px\r\n 54px;\r\n\r\n font-size:14px;\r\n\r\n line-height:1.7;\r\n }\r\n\r\n\r\n #itz-faq .faq-contact{\r\n\r\n padding:\r\n 19px;\r\n }\r\n\r\n\r\n #itz-faq .faq-contact h4{\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n #itz-faq .faq-contact p{\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n #itz-faq .contact-btn{\r\n\r\n width:100%;\r\n\r\n min-height:43px;\r\n\r\n font-size:12px;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ACCESSIBILITY \/ REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n #itz-faq *,\r\n #itz-faq *::before,\r\n #itz-faq *::after{\r\n\r\n transition:none !important;\r\n\r\n animation:none !important;\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=\"itz-faq\">\r\n\r\n <div class=\"faq-container\">\r\n\r\n <div class=\"faq-wrapper\">\r\n\r\n\r\n \r\n\r\n <div class=\"faq-left\">\r\n\r\n\r\n <div class=\"section-badge\">\r\n\r\n <i class=\"fa-solid fa-circle-question\"><\/i>\r\n\r\n Got Questions?\r\n\r\n <\/div>\r\n\r\n\r\n <h2>\r\n Frequently Asked Questions\r\n <\/h2>\r\n\r\n\r\n <p>\r\n Everything you need to know about our digital\r\n marketing courses, training, batches, projects,\r\n certifications and career support.\r\n <\/p>\r\n\r\n\r\n \r\n\r\n <div class=\"faq-highlights\">\r\n\r\n\r\n <div class=\"faq-highlight\">\r\n\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n\r\n Beginner Friendly\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-highlight\">\r\n\r\n <i class=\"fa-solid fa-laptop\"><\/i>\r\n\r\n Online & Offline\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-highlight\">\r\n\r\n <i class=\"fa-solid fa-briefcase\"><\/i>\r\n\r\n Career Support\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"faq-contact\">\r\n\r\n\r\n <h4>\r\n Still have a question?\r\n <\/h4>\r\n\r\n\r\n <p>\r\n Talk to our counselor and get guidance\r\n on the right course, batch and learning path.\r\n <\/p>\r\n\r\n\r\n <a\r\n href=\"#counselor\"\r\n class=\"contact-btn\"\r\n >\r\n\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n Talk to Counselor\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-right\">\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item active\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 01\r\n <\/span>\r\n\r\n <h3>\r\n Who can join this digital marketing course?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Anyone can join \u2014 students, working professionals,\r\n business owners, freelancers or homemakers.\r\n No prior technical knowledge is required.\r\n We start from the basics and gradually move\r\n towards advanced digital marketing concepts.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 02\r\n <\/span>\r\n\r\n <h3>\r\n Is the course available online and offline?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Yes. We offer flexible online and offline\r\n learning options. You can choose the mode\r\n that works best for your schedule and\r\n location.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 03\r\n <\/span>\r\n\r\n <h3>\r\n Do you provide placement assistance?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Yes. Our career support includes resume building,\r\n LinkedIn optimization, interview preparation,\r\n mock interviews and guidance for applying\r\n to relevant digital marketing opportunities.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 04\r\n <\/span>\r\n\r\n <h3>\r\n What is the duration of the course?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Our professional programs generally range\r\n between 4 to 6 months, depending on the\r\n selected program and learning plan.\r\n Weekend and evening batches may also be available.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 05\r\n <\/span>\r\n\r\n <h3>\r\n Will I receive a certificate after completion?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Yes. You receive a course completion certificate\r\n after successfully completing the program.\r\n You can also work towards relevant certifications\r\n from platforms such as Google, Meta and HubSpot.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"faq-item\">\r\n\r\n\r\n <button\r\n class=\"faq-question\"\r\n type=\"button\"\r\n >\r\n\r\n <div class=\"question-left\">\r\n\r\n <span class=\"faq-number\">\r\n 06\r\n <\/span>\r\n\r\n <h3>\r\n Can I attend a free demo or trial class?\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n\r\n <span class=\"faq-icon\">\r\n\r\n <i class=\"fa-solid fa-plus\"><\/i>\r\n\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-content\">\r\n\r\n Yes. You can request a demo session to understand\r\n our teaching approach, curriculum and training\r\n environment before making your enrollment decision.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n FAQ ACCORDION\r\n========================================================= *\/\r\n\r\n(function(){\r\n\r\n const faqRoot =\r\n document.querySelector(\"#itz-faq\");\r\n\r\n if(!faqRoot) return;\r\n\r\n\r\n const faqItems =\r\n faqRoot.querySelectorAll(\".faq-item\");\r\n\r\n\r\n faqItems.forEach(function(item){\r\n\r\n const question =\r\n item.querySelector(\".faq-question\");\r\n\r\n\r\n question.addEventListener(\"click\", function(){\r\n\r\n const isActive =\r\n item.classList.contains(\"active\");\r\n\r\n\r\n \/* Close all *\/\r\n\r\n faqItems.forEach(function(otherItem){\r\n\r\n otherItem.classList.remove(\"active\");\r\n\r\n });\r\n\r\n\r\n \/* Open selected *\/\r\n\r\n if(!isActive){\r\n\r\n item.classList.add(\"active\");\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\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Digital Marketing Institute Premium Digital Marketing Institute Learn Digital Marketing. Build Your Future. Master modern digital marketing through practical training, live projects and AI-powered tools. Build the skills you need to grow brands, generate leads and create real career opportunities. Practical Training Live Projects AI-Powered Learning Career Focused Learn \u2022 Practice \u2022 Grow Turn Your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","page_structure_type":"type-4","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":16,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/abhinavanand.in\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/abhinavanand.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}