{"id":11,"date":"2026-10-17T19:14:58","date_gmt":"2026-10-17T19:14:58","guid":{"rendered":"https:\/\/supermaternal.com\/?page_id=11"},"modified":"2026-10-17T19:34:07","modified_gmt":"2026-10-17T19:34:07","slug":"elementor-11","status":"publish","type":"page","link":"https:\/\/supermaternal.com\/","title":{"rendered":"Elementor #11"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd2d30c e-flex e-con-boxed e-con e-parent\" data-id=\"dd2d30c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6aabee elementor-widget elementor-widget-html\" data-id=\"c6aabee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Super Maternal | Film School &amp; Production House | New Delhi<\/title>\n<meta name=\"description\" content=\"Super Maternal is an independent Film &amp; TV Production House and Film School based in Delhi since 2009. Courses in Editing, Direction, Cinematography, Acting &amp; Digital Marketing.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --ink:    #060c16;\n  --ink2:   #0b1422;\n  --ink3:   #111e2e;\n  --red:    #e94560;\n  --red-lo: rgba(233,69,96,.12);\n  --gold:   #c9a84c;\n  --white:  #eeeef6;\n  --grey:   #6e8199;\n  --bdr:    rgba(238,238,246,.07);\n  --r:      10px;\n  --maxw:   1200px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESET\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml  { scroll-behavior:smooth; }\nbody  { font-family:'Plus Jakarta Sans',sans-serif; background:var(--ink); color:var(--white); line-height:1.65; overflow-x:hidden; }\nimg   { display:block; max-width:100%; height:auto; }\na     { text-decoration:none; color:inherit; }\nbutton { font-family:inherit; border:none; background:none; cursor:pointer; }\n::-webkit-scrollbar { width:3px; }\n::-webkit-scrollbar-track { background:var(--ink); }\n::-webkit-scrollbar-thumb { background:var(--red); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT UTILS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.wrap { max-width:var(--maxw); margin:0 auto; padding:0 28px; }\n.sec  { padding:96px 0; }\n.sec--alt { background:var(--ink2); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY UTILS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.display { font-family:'Bebas Neue',cursive; letter-spacing:.02em; }\n.serif   { font-family:'Cormorant Garamond',serif; }\n\n.eyebrow {\n  display:inline-block;\n  font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--red); margin-bottom:14px;\n}\n.rule { width:44px; height:2px; background:var(--red); margin:16px 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display:inline-flex; align-items:center; gap:10px;\n  padding:14px 30px; border-radius:4px;\n  font-size:14px; font-weight:700; letter-spacing:.03em;\n  transition:all .25s;\n}\n.btn-red  { background:var(--red); color:#fff; }\n.btn-red:hover { background:#cc3050; transform:translateY(-2px); box-shadow:0 10px 28px rgba(233,69,96,.35); }\n.btn-ghost {\n  background:transparent; color:var(--white);\n  border:1px solid rgba(238,238,246,.22);\n}\n.btn-ghost:hover { border-color:var(--white); transform:translateY(-2px); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HEADER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hdr {\n  position:fixed; top:0; left:0; right:0; z-index:900;\n  padding:22px 0;\n  transition:background .35s, padding .35s, border-color .35s;\n  border-bottom:1px solid transparent;\n}\n#hdr.stuck {\n  background:rgba(6,12,22,.93);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n  padding:14px 0;\n  border-color:var(--bdr);\n}\n.hdr-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }\n\n.logo {\n  display:flex; align-items:center; gap:10px;\n  text-decoration: none;\n}\n\n\/* FIXED LOGO SIZING *\/\n.logo-img {\n  height: auto;\n  max-height: 45px; \/* Constrains height so it doesn't overflow *\/\n  width: auto;\n  max-width: 200px; \/* Constrains width *\/\n  object-fit: contain;\n  display: block;\n}\n\n.nav-list { display:flex; align-items:center; gap:32px; list-style:none; }\n.nav-list a {\n  font-size:13px; font-weight:600; letter-spacing:.04em;\n  color:var(--grey); transition:color .2s;\n}\n.nav-list a:hover { color:var(--white); }\n.nav-cta {\n  background:var(--red) !important; color:#fff !important;\n  padding:9px 20px; border-radius:4px;\n  font-weight:700 !important;\n  transition:background .2s !important;\n}\n.nav-cta:hover { background:#cc3050 !important; }\n\n.hbg { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:4px; }\n.hbg span { display:block; width:22px; height:2px; background:var(--white); border-radius:2px; transition:.3s; }\n\n\/* \u2500\u2500 Mobile nav \u2500\u2500 *\/\n#mnav {\n  display:none; position:fixed; inset:0; z-index:800;\n  background:rgba(6,12,22,.97);\n  backdrop-filter:blur(20px);\n  -webkit-backdrop-filter:blur(20px);\n  flex-direction:column; align-items:center; justify-content:center; gap:28px;\n}\n#mnav.open { display:flex; }\n#mnav a {\n  font-family:'Bebas Neue',cursive;\n  font-size:40px; letter-spacing:.1em;\n  color:var(--white); transition:color .2s;\n}\n#mnav a:hover { color:var(--red); }\n.mnav-close {\n  position:absolute; top:24px; right:28px;\n  font-size:30px; color:var(--grey);\n  line-height:1;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  position:relative; min-height:100svh;\n  display:flex; align-items:center;\n  overflow:hidden;\n}\n.hero-bg {\n  position:absolute; inset:0;\n  background:url('https:\/\/images.unsplash.com\/photo-1485846234645-a62644f84728?w=1920&auto=format&fit=crop&q=80') center\/cover no-repeat;\n}\n.hero-veil {\n  position:absolute; inset:0;\n  background:linear-gradient(105deg, rgba(6,12,22,1) 48%, rgba(6,12,22,.55) 100%);\n}\n.hero-body { position:relative; z-index:1; padding:130px 0 90px; }\n\n.hero-kicker {\n  display:inline-flex; align-items:center; gap:12px;\n  font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--gold); margin-bottom:24px;\n}\n.hero-kicker::before { content:''; display:block; width:28px; height:1px; background:var(--gold); }\n\n.hero-title {\n  font-family:'Bebas Neue',cursive;\n  font-size:clamp(76px,11vw,148px);\n  line-height:.88; letter-spacing:.02em;\n  color:var(--white);\n  margin-bottom:30px;\n}\n\n.hero-sub {\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(17px,2vw,22px); font-style:italic;\n  color:var(--grey); max-width:520px; line-height:1.55;\n  margin-bottom:36px;\n}\n\n.hero-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:40px; }\n.hero-chip {\n  font-size:11px; font-weight:600; letter-spacing:.05em;\n  color:var(--grey); border:1px solid var(--bdr);\n  padding:5px 14px; border-radius:20px;\n}\n\n.hero-btns { display:flex; gap:14px; flex-wrap:wrap; }\n\n.hero-scroll {\n  position:absolute; bottom:34px; left:50%; transform:translateX(-50%);\n  display:flex; flex-direction:column; align-items:center; gap:8px;\n  color:var(--grey); font-size:9px; letter-spacing:.18em; text-transform:uppercase;\n}\n.scroll-line {\n  width:1px; height:46px;\n  background:linear-gradient(to bottom, var(--red), transparent);\n  animation:sline 2.2s ease-in-out infinite;\n}\n@keyframes sline {\n  0%   { transform:scaleY(0); transform-origin:top; }\n  49%  { transform:scaleY(1); transform-origin:top; }\n  50%  { transform-origin:bottom; }\n  100% { transform:scaleY(0); transform-origin:bottom; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ABOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.about-grid {\n  display:grid; grid-template-columns:1fr 1.05fr;\n  gap:72px; align-items:center;\n}\n.about-imgs { position:relative; }\n.about-main {\n  width:100%; height:500px; object-fit:cover;\n  border-radius:var(--r);\n}\n.about-inset {\n  position:absolute; bottom:-28px; right:-24px;\n  width:196px; height:196px; object-fit:cover;\n  border-radius:var(--r); border:4px solid var(--ink);\n}\n.est-badge {\n  position:absolute; top:28px; left:-20px;\n  background:var(--red); color:#fff;\n  padding:18px 22px; border-radius:var(--r); text-align:center;\n  box-shadow:0 16px 40px rgba(233,69,96,.3);\n}\n.est-badge strong { display:block; font-family:'Bebas Neue',cursive; font-size:46px; line-height:1; }\n.est-badge small  { font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }\n\n.about-copy { max-width:510px; }\n.about-copy h2 {\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(28px,3.5vw,44px);\n  color:var(--white); margin-bottom:20px; line-height:1.15;\n}\n.about-copy p { font-size:15px; color:var(--grey); line-height:1.78; margin-bottom:16px; }\n\n.about-feats { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:28px; }\n.afeat {\n  padding:16px; border-radius:8px;\n  background:rgba(238,238,246,.03);\n  border:1px solid var(--bdr);\n}\n.afeat-ico { font-size:22px; margin-bottom:8px; }\n.afeat h4 { font-size:13px; font-weight:700; margin-bottom:3px; }\n.afeat p  { font-size:12px; color:var(--grey); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION HEADER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sec-head { margin-bottom:52px; }\n.sec-head h2 {\n  font-family:'Bebas Neue',cursive;\n  font-size:clamp(40px,5.5vw,68px); letter-spacing:.02em;\n  color:var(--white); margin-bottom:12px;\n}\n.sec-head p { font-size:15px; color:var(--grey); max-width:520px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   COURSES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.courses-grid {\n  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;\n}\n.course-card {\n  position:relative; border-radius:var(--r);\n  overflow:hidden; aspect-ratio:2\/3;\n  transition:transform .4s ease;\n}\n.course-card:hover { transform:translateY(-8px); }\n.course-card img {\n  width:100%; height:100%; object-fit:cover;\n  transition:transform .65s ease;\n}\n.course-card:hover img { transform:scale(1.07); }\n.course-veil {\n  position:absolute; inset:0;\n  background:linear-gradient(to top, rgba(6,12,22,.97) 35%, rgba(6,12,22,.12) 100%);\n}\n.course-body {\n  position:absolute; bottom:0; left:0; right:0;\n  padding:22px 20px;\n}\n.course-cat {\n  font-size:9px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--gold); margin-bottom:8px;\n}\n.course-card h3 {\n  font-family:'Cormorant Garamond',serif;\n  font-size:22px; font-weight:600;\n  color:var(--white); margin-bottom:8px; line-height:1.2;\n}\n.course-card p { font-size:13px; color:rgba(238,238,246,.55); line-height:1.55; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SERVICES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.svc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }\n.svc-card {\n  background:var(--ink2); border:1px solid var(--bdr);\n  border-radius:var(--r); overflow:hidden;\n  transition:border-color .3s, transform .3s;\n}\n.svc-card:hover { border-color:rgba(233,69,96,.3); transform:translateY(-6px); }\n.svc-img  { width:100%; height:190px; object-fit:cover; }\n.svc-body { padding:22px; }\n.svc-ico  { font-size:26px; margin-bottom:10px; }\n.svc-card h3 { font-size:16px; font-weight:700; color:var(--white); margin-bottom:8px; }\n.svc-card p  { font-size:13px; color:var(--grey); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STATS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.stats-band {\n  background:linear-gradient(135deg, #0c0520 0%, #040f1c 100%);\n  border-top:1px solid var(--bdr); border-bottom:1px solid var(--bdr);\n}\n.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }\n.stat-cell {\n  padding:64px 32px; text-align:center;\n  border-right:1px solid var(--bdr);\n}\n.stat-cell:last-child { border-right:0; }\n.stat-n {\n  font-family:'Bebas Neue',cursive;\n  font-size:clamp(52px,7vw,80px); line-height:1;\n  color:var(--red); margin-bottom:8px;\n}\n.stat-cell p {\n  font-size:12px; font-weight:700; letter-spacing:.14em;\n  text-transform:uppercase; color:var(--grey);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TESTIMONIALS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.t-warn {\n  display:inline-flex; align-items:center; gap:8px;\n  font-size:12px; font-weight:600;\n  background:rgba(201,168,76,.08); border:1px solid rgba(201,168,76,.22);\n  color:var(--gold); padding:7px 14px; border-radius:4px;\n  margin-bottom:32px;\n}\n.tgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }\n.tcard {\n  background:var(--ink2); border:1px solid var(--bdr);\n  border-radius:var(--r); padding:28px;\n}\n.tcard-tag {\n  display:inline-block; font-size:9px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--gold); background:rgba(201,168,76,.1); border:1px solid rgba(201,168,76,.2);\n  padding:4px 10px; border-radius:3px; margin-bottom:14px;\n}\n.stars { color:var(--gold); font-size:14px; letter-spacing:2px; margin-bottom:14px; }\n.tcard blockquote {\n  font-family:'Cormorant Garamond',serif;\n  font-size:16px; font-style:italic; line-height:1.72;\n  color:rgba(238,238,246,.5); margin-bottom:22px;\n}\n.tcard-author { display:flex; align-items:center; gap:12px; }\n.tcard-av {\n  width:42px; height:42px; border-radius:50%; flex-shrink:0;\n  background:var(--red-lo);\n  display:flex; align-items:center; justify-content:center; font-size:17px;\n}\n.tcard-name { font-size:13px; font-weight:700; }\n.tcard-role { font-size:11px; color:var(--grey); margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CONTACT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.contact-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:64px; align-items:start; }\n\n.contact-left h2 {\n  font-family:'Bebas Neue',cursive;\n  font-size:clamp(40px,5.5vw,68px); letter-spacing:.02em;\n  color:var(--white); margin-bottom:12px;\n}\n.contact-left > p { font-size:15px; color:var(--grey); margin-bottom:36px; }\n\n.cdet { display:flex; align-items:flex-start; gap:16px; margin-bottom:22px; }\n.cdet-ic {\n  width:46px; height:46px; flex-shrink:0;\n  background:var(--red-lo); border:1px solid rgba(233,69,96,.2);\n  border-radius:8px;\n  display:flex; align-items:center; justify-content:center; font-size:20px;\n}\n.cdet-text h4 { font-size:13px; font-weight:700; margin-bottom:3px; }\n.cdet-text p, .cdet-text a { font-size:13px; color:var(--grey); line-height:1.65; }\n.cdet-text a:hover { color:var(--red); }\n\n.soc-row { display:flex; gap:10px; margin-top:28px; }\n.soc-ic {\n  width:40px; height:40px; border-radius:8px;\n  background:rgba(238,238,246,.05); border:1px solid var(--bdr);\n  display:flex; align-items:center; justify-content:center; font-size:17px;\n  transition:all .25s;\n}\n.soc-ic:hover { background:var(--red); border-color:var(--red); transform:translateY(-3px); }\n\n\/* Form *\/\n.cform {\n  background:var(--ink2); border:1px solid var(--bdr);\n  border-radius:14px; padding:36px;\n}\n.cform h3 { font-size:18px; font-weight:700; margin-bottom:5px; }\n.cform > p { font-size:13px; color:var(--grey); margin-bottom:28px; }\n\n.fg  { margin-bottom:18px; }\n.fg2 { display:grid; grid-template-columns:1fr 1fr; gap:18px; }\n.fg label {\n  display:block; font-size:11px; font-weight:700;\n  color:var(--grey); margin-bottom:7px;\n  text-transform:uppercase; letter-spacing:.1em;\n}\n.fg input, .fg textarea, .fg select {\n  width:100%;\n  background:rgba(238,238,246,.04); border:1px solid var(--bdr);\n  border-radius:8px; padding:13px 15px;\n  color:var(--white);\n  font-family:'Plus Jakarta Sans',sans-serif; font-size:14px;\n  outline:none; transition:border-color .2s;\n  -webkit-appearance:none;\n}\n.fg input::placeholder, .fg textarea::placeholder { color:var(--grey); }\n.fg input:focus, .fg textarea:focus, .fg select:focus { border-color:rgba(233,69,96,.5); }\n.fg textarea { min-height:110px; resize:vertical; }\n.fg select option { background:var(--ink2); }\n.fsub {\n  width:100%; padding:15px;\n  background:var(--red); color:#fff;\n  border-radius:6px;\n  font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; font-weight:700;\n  letter-spacing:.04em;\n  transition:all .25s;\n}\n.fsub:hover { background:#cc3050; transform:translateY(-2px); box-shadow:0 10px 28px rgba(233,69,96,.35); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfooter {\n  background:#030710; border-top:1px solid var(--bdr);\n  padding:60px 0 24px;\n}\n.fgrid {\n  display:grid; grid-template-columns:1.4fr 1fr 1fr;\n  gap:60px; margin-bottom:52px;\n}\n.fbrand .logo { margin-bottom:16px; }\n.fbrand p { font-size:13px; color:var(--grey); line-height:1.75; max-width:260px; }\n\n.fcol h4 {\n  font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;\n  color:var(--white); margin-bottom:18px;\n}\n.fcol ul { list-style:none; }\n.fcol li { margin-bottom:10px; }\n.fcol a, .fcol span { font-size:13px; color:var(--grey); transition:color .2s; }\n.fcol a:hover { color:var(--red); }\n\n.fbot {\n  border-top:1px solid var(--bdr); padding-top:22px;\n  display:flex; justify-content:space-between; align-items:center;\n  font-size:12px; color:var(--grey);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   WHATSAPP FLOAT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.wa-float {\n  position:fixed; bottom:28px; right:28px; z-index:800;\n  width:58px; height:58px; border-radius:50%;\n  background:#25d366;\n  display:flex; align-items:center; justify-content:center;\n  box-shadow:0 6px 24px rgba(37,211,102,.35);\n  transition:transform .25s, box-shadow .25s;\n}\n.wa-float:hover { transform:scale(1.1); box-shadow:0 10px 32px rgba(37,211,102,.5); }\n.wa-float svg { width:28px; height:28px; fill:#fff; }\n.wa-tip {\n  position:absolute; right:68px;\n  background:var(--ink2); border:1px solid var(--bdr);\n  color:var(--white); font-size:12px; font-weight:600;\n  font-family:'Plus Jakarta Sans',sans-serif;\n  padding:6px 12px; border-radius:6px; white-space:nowrap;\n  opacity:0; pointer-events:none; transition:opacity .2s;\n}\n.wa-float:hover .wa-tip { opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .courses-grid { grid-template-columns:repeat(2,1fr); }\n  .svc-grid     { grid-template-columns:repeat(2,1fr); }\n  .tgrid        { grid-template-columns:repeat(2,1fr); }\n  .about-grid   { grid-template-columns:1fr; gap:52px; }\n  .about-imgs   { max-width:560px; }\n  .about-inset  { display:none; }\n  .est-badge    { left:16px; }\n  .contact-grid { grid-template-columns:1fr; gap:48px; }\n  .fgrid        { grid-template-columns:1fr 1fr; }\n  .stats-grid   { grid-template-columns:repeat(2,1fr); }\n  .stat-cell    { border-bottom:1px solid var(--bdr); }\n  .stat-cell:nth-child(2n)  { border-right:0; }\n  .stat-cell:nth-child(3),\n  .stat-cell:nth-child(4)   { border-bottom:0; }\n}\n@media (max-width:768px) {\n  .sec        { padding:64px 0; }\n  .nav-list   { display:none; }\n  .hbg        { display:flex; }\n  .courses-grid { grid-template-columns:1fr; }\n  .svc-grid     { grid-template-columns:1fr; }\n  .tgrid        { grid-template-columns:1fr; }\n  .fg2          { grid-template-columns:1fr; }\n  .about-feats  { grid-template-columns:1fr; }\n  .fgrid        { grid-template-columns:1fr; gap:36px; }\n  .fbot         { flex-direction:column; gap:8px; text-align:center; }\n  .cform        { padding:24px; }\n}\n@media (max-width:480px) {\n  .hero-btns { flex-direction:column; }\n  .btn { justify-content:center; }\n  .stats-grid { grid-template-columns:1fr 1fr; }\n  .stat-cell:nth-child(2n) { border-right:0; }\n  .stat-cell:nth-child(3) { border-bottom:1px solid var(--bdr); }\n  .stat-cell:nth-child(4) { border-bottom:0; }\n}\n@media (prefers-reduced-motion:reduce) {\n  *, *::before, *::after {\n    animation-duration:.01ms !important;\n    transition-duration:.01ms !important;\n  }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<header id=\"hdr\">\n  <div class=\"wrap hdr-inner\">\n    <a href=\"#\" class=\"logo\" aria-label=\"Super Maternal \u2014 Home\">\n      <!-- Updated Logo Link -->\n      <img decoding=\"async\" src=\"https:\/\/supermaternal.com\/wp-content\/uploads\/2026\/10\/Super-Maternal-Cinematic-Gold-Logo1.png\" alt=\"Super Maternal\" class=\"logo-img\">\n    <\/a>\n    <ul class=\"nav-list\" role=\"navigation\" aria-label=\"Main navigation\">\n      <li><a href=\"#about\">About<\/a><\/li>\n      <li><a href=\"#courses\">Courses<\/a><\/li>\n      <li><a href=\"#services\">Services<\/a><\/li>\n      <li><a href=\"#contact\">Contact<\/a><\/li>\n      <li><a href=\"https:\/\/wa.me\/918368076797\" target=\"_blank\" rel=\"noopener\" class=\"nav-cta\">WhatsApp<\/a><\/li>\n    <\/ul>\n    <div class=\"hbg\" role=\"button\" tabindex=\"0\" aria-label=\"Open menu\" onclick=\"openNav()\" onkeydown=\"if(event.key==='Enter')openNav()\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOBILE NAV \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<nav id=\"mnav\" aria-label=\"Mobile navigation\">\n  <button class=\"mnav-close\" onclick=\"closeNav()\" aria-label=\"Close menu\">\u2715<\/button>\n  <a href=\"#about\"   onclick=\"closeNav()\">About<\/a>\n  <a href=\"#courses\" onclick=\"closeNav()\">Courses<\/a>\n  <a href=\"#services\" onclick=\"closeNav()\">Services<\/a>\n  <a href=\"#contact\" onclick=\"closeNav()\">Contact<\/a>\n  <a href=\"https:\/\/wa.me\/918368076797\" target=\"_blank\" rel=\"noopener\" style=\"color:#25d366\" onclick=\"closeNav()\">WhatsApp<\/a>\n<\/nav>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\">\n  <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"hero-veil\" aria-hidden=\"true\"><\/div>\n  <div class=\"wrap hero-body\">\n    <div class=\"hero-kicker\">Est. Delhi 2009 \u2014 Independent Production House<\/div>\n    <h1 class=\"hero-title display\">\n      Super<br>Maternal\n    <\/h1>\n    <p class=\"hero-sub\">\n      Where experience, talent, and hard work unite to create dynamic, impactful stories \u2014 in film, television, and photography.\n    <\/p>\n    <div class=\"hero-chips\" aria-label=\"What we do\">\n      <span class=\"hero-chip\">Film School<\/span>\n      <span class=\"hero-chip\">Production House<\/span>\n      <span class=\"hero-chip\">Photography Studio<\/span>\n      <span class=\"hero-chip\">New Delhi, India<\/span>\n    <\/div>\n    <div class=\"hero-btns\">\n      <a href=\"#courses\" class=\"btn btn-red\">Explore Courses<\/a>\n      <a href=\"#contact\" class=\"btn btn-ghost\">Get in Touch<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-scroll\" aria-hidden=\"true\">\n    <div class=\"scroll-line\"><\/div>\n    <span>scroll<\/span>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ABOUT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"sec\" id=\"about\">\n  <div class=\"wrap\">\n    <div class=\"about-grid\">\n\n      <!-- Images -->\n      <div class=\"about-imgs\">\n        <img decoding=\"async\"\n          src=\"https:\/\/images.unsplash.com\/photo-1485846234645-a62644f84728?w=900&auto=format&fit=crop&q=80\"\n          alt=\"Film production set with clapperboard\"\n          class=\"about-main\" loading=\"lazy\"\n        >\n        <img decoding=\"async\"\n          src=\"https:\/\/images.unsplash.com\/photo-1478720568477-152d9b164e26?w=400&auto=format&fit=crop&q=80\"\n          alt=\"Professional cinema camera\"\n          class=\"about-inset\" loading=\"lazy\"\n        >\n        <div class=\"est-badge\" aria-label=\"Established 2009\">\n          <strong>2009<\/strong>\n          <small>Established<\/small>\n        <\/div>\n      <\/div>\n\n      <!-- Copy -->\n      <div class=\"about-copy\">\n        <span class=\"eyebrow\">About Super Maternal<\/span>\n        <div class=\"rule\"><\/div>\n        <h2 class=\"serif\">An Independent Creative Powerhouse in Delhi<\/h2>\n        <p>Super Maternal is an independent Production House established in 2009 \u2014 built on the sole thought of uniting experience, talent, and hard work to create dynamic, impactful projects: Motion Pictures, TV Commercials, Documentaries, and Television Software.<\/p>\n        <p>We develop careers for students across Film &amp; TV Editing, Film Making, Direction, Acting, Cinematography, and Digital Marketing \u2014 for national and international students \u2014 with branches planned across India, Asia, and Dubai.<\/p>\n        <div class=\"about-feats\">\n          <div class=\"afeat\">\n            <div class=\"afeat-ico\">\ud83c\udfac<\/div>\n            <h4>Production House<\/h4>\n            <p>Films, commercials &amp; documentaries<\/p>\n          <\/div>\n          <div class=\"afeat\">\n            <div class=\"afeat-ico\">\ud83c\udf93<\/div>\n            <h4>Film School<\/h4>\n            <p>6 professional programs<\/p>\n          <\/div>\n          <div class=\"afeat\">\n            <div class=\"afeat-ico\">\ud83d\udcf7<\/div>\n            <h4>Photography Studio<\/h4>\n            <p>Weddings, fashion &amp; commercial<\/p>\n          <\/div>\n          <div class=\"afeat\">\n            <div class=\"afeat-ico\">\ud83c\udf0f<\/div>\n            <h4>International Reach<\/h4>\n            <p>India, Asia &amp; Dubai<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 COURSES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"sec sec--alt\" id=\"courses\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <span class=\"eyebrow\">Education<\/span>\n      <h2 class=\"display\">Our Professional Courses<\/h2>\n      <p>Learn from active industry professionals. Hands-on training designed for the real world of film and media.<\/p>\n    <\/div>\n    <div class=\"courses-grid\">\n\n      <div class=\"course-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574717024453-354056afd0b4?w=600&auto=format&fit=crop&q=80\" alt=\"Film editing suite\" loading=\"lazy\">\n        <div class=\"course-veil\" aria-hidden=\"true\"><\/div>\n        <div class=\"course-body\">\n          <div class=\"course-cat\">Editing<\/div>\n          <h3>Film &amp; TV Editing<\/h3>\n          <p>Master storytelling through the edit. Professional software and industry-standard techniques.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"course-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1567593810070-7a3d471af022?w=600&auto=format&fit=crop&q=80\" alt=\"Film direction on set\" loading=\"lazy\">\n        <div class=\"course-veil\" aria-hidden=\"true\"><\/div>\n        <div class=\"course-body\">\n          <div class=\"course-cat\">Direction<\/div>\n          <h3>Film &amp; TV Direction<\/h3>\n          <p>Lead production teams and direct impactful visuals. Hands-on training from working directors.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"course-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1536440136628-849c177e76a1?w=600&auto=format&fit=crop&q=80\" alt=\"Cinema film reel\" loading=\"lazy\">\n        <div class=\"course-veil\" aria-hidden=\"true\"><\/div>\n        <div class=\"course-body\">\n          <div class=\"course-cat\">Production<\/div>\n          <h3>Film Making<\/h3>\n          <p>Comprehensive training covering all aspects of film production \u2014 from concept to final cut.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"course-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1478720568477-152d9b164e26?w=600&auto=format&fit=crop&q=80\" alt=\"Cinema camera and lens\" loading=\"lazy\">\n        <div class=\"course-veil\" aria-hidden=\"true\"><\/div>\n        <div class=\"course-body\">\n          <div class=\"course-cat\">Camera<\/div>\n          <h3>Learn Cinematography<\/h3>\n          <p>Camera work, lighting, framing, and composition \u2014 taught by working professionals.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"course-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=600&auto=format&fit=crop&q=80\" alt=\"Digital marketing analytics\" loading=\"lazy\">\n        <div class=\"course-veil\" aria-hidden=\"true\"><\/div>\n        <div class=\"course-body\">\n          <div class=\"course-cat\">Marketing<\/div>\n          <h3>Digital Marketing<\/h3>\n          <p>SEO, social media, and content strategy to grow brands in the digital world.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"course-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503095396549-807759245b35?w=600&auto=format&fit=crop&q=80\" alt=\"Acting performance on stage\" loading=\"lazy\">\n        <div class=\"course-veil\" aria-hidden=\"true\"><\/div>\n        <div class=\"course-body\">\n          <div class=\"course-cat\">Acting<\/div>\n          <h3>Film &amp; TV Acting<\/h3>\n          <p>Practical sessions and industry-relevant coaching to develop your performance skills.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"sec\" id=\"services\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <h2 class=\"display\">Photography &amp; Videography Services<\/h2>\n      <p>Our experienced crews cover every moment with creativity and professionalism \u2014 from weddings to commercial campaigns.<\/p>\n    <\/div>\n    <div class=\"svc-grid\">\n\n      <div class=\"svc-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?w=600&auto=format&fit=crop&q=80\" alt=\"Wedding photography\" class=\"svc-img\" loading=\"lazy\">\n        <div class=\"svc-body\">\n          <div class=\"svc-ico\">\ud83d\udc8d<\/div>\n          <h3>Wedding Photography<\/h3>\n          <p>Candid photographers, videographers, and cinematographers for all wedding events \u2014 Haldi, Mehndi, Sangeet, Tilak, Sagan, and the wedding day.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"svc-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464349095431-e9a21285b5f3?w=600&auto=format&fit=crop&q=80\" alt=\"Birthday photography\" class=\"svc-img\" loading=\"lazy\">\n        <div class=\"svc-body\">\n          <div class=\"svc-ico\">\ud83c\udf82<\/div>\n          <h3>Birth Photography<\/h3>\n          <p>Still photographers and videographers covering birthday events, beautifully capturing every milestone as per your requirements.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"svc-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504674900247-0877df9cc836?w=600&auto=format&fit=crop&q=80\" alt=\"Food photography spread\" class=\"svc-img\" loading=\"lazy\">\n        <div class=\"svc-body\">\n          <div class=\"svc-ico\">\ud83c\udf7d\ufe0f<\/div>\n          <h3>Food Photography<\/h3>\n          <p>Professional teams for food advertisements and recipe shoots \u2014 ideal for hotels, restaurants, and food brands.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"svc-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1469334031218-e382a71b716b?w=600&auto=format&fit=crop&q=80\" alt=\"Fashion photography shoot\" class=\"svc-img\" loading=\"lazy\">\n        <div class=\"svc-body\">\n          <div class=\"svc-ico\">\ud83d\udc57<\/div>\n          <h3>Fashion Photography<\/h3>\n          <p>Complete teams for model shoots, product campaigns, and fashion editorials \u2014 bringing your brand vision to life.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"svc-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523275335684-37898b6baf30?w=600&auto=format&fit=crop&q=80\" alt=\"Product photography\" class=\"svc-img\" loading=\"lazy\">\n        <div class=\"svc-body\">\n          <div class=\"svc-ico\">\ud83d\udc8e<\/div>\n          <h3>Product Photography<\/h3>\n          <p>In-studio and outdoor shoots \u2014 jewellery, garments, electronics, and more for e-commerce and print media.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"svc-card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?w=600&auto=format&fit=crop&q=80\" alt=\"Commercial production shoot\" class=\"svc-img\" loading=\"lazy\">\n        <div class=\"svc-body\">\n          <div class=\"svc-ico\">\ud83c\udfa5<\/div>\n          <h3>Commercial Shoots<\/h3>\n          <p>Full production support for TV commercials and brand content \u2014 from creative concept to final delivery.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STATS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"stats-band\">\n  <div class=\"wrap\">\n    <div class=\"stats-grid\">\n      <div class=\"stat-cell\">\n        <div class=\"stat-n display\" data-target=\"17\">0<\/div>\n        <p>Years in Delhi<\/p>\n      <\/div>\n      <div class=\"stat-cell\">\n        <div class=\"stat-n display\" data-target=\"500\">0<\/div>\n        <p>Projects Completed<\/p>\n      <\/div>\n      <div class=\"stat-cell\">\n        <div class=\"stat-n display\" data-target=\"1000\">0<\/div>\n        <p>Students Trained<\/p>\n      <\/div>\n      <div class=\"stat-cell\">\n        <div class=\"stat-n display\" data-target=\"6\">0<\/div>\n        <p>Professional Courses<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"sec sec--alt\" id=\"testimonials\">\n  <div class=\"wrap\">\n    <div class=\"sec-head\">\n      <h2 class=\"display\">What People Say<\/h2>\n      <p>Add real reviews from your students and clients \u2014 they make the biggest difference to trust.<\/p>\n    <\/div>\n    <div class=\"t-warn\" role=\"alert\">\n      \u26a0\ufe0f Replace these placeholders with real testimonials before going live\n    <\/div>\n    <div class=\"tgrid\">\n\n      <div class=\"tcard\">\n        <span class=\"tcard-tag\">Replace with real review<\/span>\n        <div class=\"stars\" aria-label=\"5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <blockquote>\"Add your student's experience here \u2014 which course did they take, what did they learn, and how did it change their career path?\"<\/blockquote>\n        <div class=\"tcard-author\">\n          <div class=\"tcard-av\" aria-hidden=\"true\">\ud83d\udc64<\/div>\n          <div>\n            <div class=\"tcard-name\">[Student Name]<\/div>\n            <div class=\"tcard-role\">[Course Name] \u00b7 [Year]<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tcard\">\n        <span class=\"tcard-tag\">Replace with real review<\/span>\n        <div class=\"stars\" aria-label=\"5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <blockquote>\"Add a client's experience here \u2014 describe their wedding or commercial shoot and what they loved about working with Super Maternal.\"<\/blockquote>\n        <div class=\"tcard-author\">\n          <div class=\"tcard-av\" aria-hidden=\"true\">\ud83d\udc64<\/div>\n          <div>\n            <div class=\"tcard-name\">[Client Name]<\/div>\n            <div class=\"tcard-role\">[Service Used] \u00b7 [Year]<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tcard\">\n        <span class=\"tcard-tag\">Replace with real review<\/span>\n        <div class=\"stars\" aria-label=\"5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <blockquote>\"Add a third testimonial here \u2014 what sets Super Maternal apart from other film schools or photography studios in Delhi?\"<\/blockquote>\n        <div class=\"tcard-author\">\n          <div class=\"tcard-av\" aria-hidden=\"true\">\ud83d\udc64<\/div>\n          <div>\n            <div class=\"tcard-name\">[Name]<\/div>\n            <div class=\"tcard-role\">[Course or Service] \u00b7 [Year]<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"sec\" id=\"contact\">\n  <div class=\"wrap\">\n    <div class=\"contact-grid\">\n\n      <!-- Info -->\n      <div class=\"contact-left\">\n        <span class=\"eyebrow\">Get in Touch<\/span>\n        <h2 class=\"display\">Let's Work Together<\/h2>\n        <p>Interested in a course, a shoot, or a production project? Contact Nisar Kausar directly \u2014 we respond within 24 hours.<\/p>\n\n        <div class=\"cdet\">\n          <div class=\"cdet-ic\" aria-hidden=\"true\">\ud83d\udccd<\/div>\n          <div class=\"cdet-text\">\n            <h4>Address<\/h4>\n            <p>103D, E Block, Aaya Nagar Extension Phase 5,<br>Street No. 2, New Delhi 110047<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cdet\">\n          <div class=\"cdet-ic\" aria-hidden=\"true\">\ud83d\udcde<\/div>\n          <div class=\"cdet-text\">\n            <h4>Phone<\/h4>\n            <a href=\"tel:+918368076797\">+91-8368076797<\/a><br>\n            <a href=\"tel:+918126914148\">+91-8126914148<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"cdet\">\n          <div class=\"cdet-ic\" aria-hidden=\"true\">\u2709\ufe0f<\/div>\n          <div class=\"cdet-text\">\n            <h4>Email<\/h4>\n            <a href=\"mailto:nisarkausar2020@gmail.com\">nisarkausar2020@gmail.com<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"cdet\">\n          <div class=\"cdet-ic\" aria-hidden=\"true\">\ud83d\udcac<\/div>\n          <div class=\"cdet-text\">\n            <h4>WhatsApp<\/h4>\n            <a href=\"https:\/\/wa.me\/918368076797\" target=\"_blank\" rel=\"noopener\">Chat with us on WhatsApp<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"soc-row\">\n          <a href=\"https:\/\/www.instagram.com\/supermaternal\/\" target=\"_blank\" rel=\"noopener\" class=\"soc-ic\" aria-label=\"Instagram\">\ud83d\udcf8<\/a>\n          <a href=\"https:\/\/twitter.com\/supermaternal\" target=\"_blank\" rel=\"noopener\" class=\"soc-ic\" aria-label=\"Twitter \/ X\">\ud83d\udc26<\/a>\n          <a href=\"https:\/\/www.facebook.com\/spuer.maternal\" target=\"_blank\" rel=\"noopener\" class=\"soc-ic\" aria-label=\"Facebook\">\ud83d\udc65<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Form -->\n      <div class=\"cform\">\n        <h3>Send a Message<\/h3>\n        <p>Fill the form and we'll get back to you within 24 hours.<\/p>\n        <form id=\"cf\" novalidate>\n          <div class=\"fg2\">\n            <div class=\"fg\">\n              <label for=\"fn\">Your Name<\/label>\n              <input type=\"text\" id=\"fn\" placeholder=\"e.g. Rahul Sharma\" required autocomplete=\"name\">\n            <\/div>\n            <div class=\"fg\">\n              <label for=\"fp\">Phone Number<\/label>\n              <input type=\"tel\" id=\"fp\" placeholder=\"+91 98765 43210\" autocomplete=\"tel\">\n            <\/div>\n          <\/div>\n          <div class=\"fg\">\n            <label for=\"fe\">Email Address<\/label>\n            <input type=\"email\" id=\"fe\" placeholder=\"yourname@gmail.com\" required autocomplete=\"email\">\n          <\/div>\n          <div class=\"fg\">\n            <label for=\"fi\">Interested In<\/label>\n            <select id=\"fi\">\n              <option value=\"\">\u2014 Select \u2014<\/option>\n              <optgroup label=\"Courses\">\n                <option>Film &amp; TV Editing Course<\/option>\n                <option>Film &amp; TV Direction Course<\/option>\n                <option>Film Making Course<\/option>\n                <option>Learn Cinematography<\/option>\n                <option>Digital Marketing Course<\/option>\n                <option>Film &amp; TV Acting Course<\/option>\n              <\/optgroup>\n              <optgroup label=\"Photography &amp; Videography\">\n                <option>Wedding Photography<\/option>\n                <option>Birth Photography<\/option>\n                <option>Food Photography<\/option>\n                <option>Fashion Photography<\/option>\n                <option>Product Photography<\/option>\n                <option>Commercial Shoots<\/option>\n              <\/optgroup>\n              <option>General Enquiry<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"fg\">\n            <label for=\"fm\">Message<\/label>\n            <textarea id=\"fm\" placeholder=\"Tell us about your project or what you'd like to learn...\"><\/textarea>\n          <\/div>\n          <button type=\"submit\" class=\"fsub\">Send Message<\/button>\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<footer>\n  <div class=\"wrap\">\n    <div class=\"fgrid\">\n      <div class=\"fbrand\">\n        <div class=\"logo\">\n          <div class=\"logo-mark\" aria-hidden=\"true\">SM<\/div>\n          Super Maternal\n        <\/div>\n        <p>An independent Film &amp; TV Production House and Film School based in Delhi since 2009. Uniting experience, talent, and hard work to create lasting impact.<\/p>\n        <div class=\"soc-row\" style=\"margin-top:20px\">\n          <a href=\"https:\/\/www.instagram.com\/supermaternal\/\" target=\"_blank\" rel=\"noopener\" class=\"soc-ic\" aria-label=\"Instagram\">\ud83d\udcf8<\/a>\n          <a href=\"https:\/\/twitter.com\/supermaternal\" target=\"_blank\" rel=\"noopener\" class=\"soc-ic\" aria-label=\"Twitter \/ X\">\ud83d\udc26<\/a>\n          <a href=\"https:\/\/www.facebook.com\/spuer.maternal\" target=\"_blank\" rel=\"noopener\" class=\"soc-ic\" aria-label=\"Facebook\">\ud83d\udc65<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"fcol\">\n        <h4>Navigate<\/h4>\n        <ul>\n          <li><a href=\"#about\">About Us<\/a><\/li>\n          <li><a href=\"#courses\">Our Courses<\/a><\/li>\n          <li><a href=\"#services\">Services<\/a><\/li>\n          <li><a href=\"#contact\">Contact Us<\/a><\/li>\n          <li><a href=\"https:\/\/wa.me\/918368076797\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"fcol\">\n        <h4>Contact<\/h4>\n        <ul>\n          <li><a href=\"tel:+918368076797\">+91-8368076797<\/a><\/li>\n          <li><a href=\"tel:+918126914148\">+91-8126914148<\/a><\/li>\n          <li><a href=\"mailto:nisarkausar2020@gmail.com\">nisarkausar2020@gmail.com<\/a><\/li>\n          <li><span>103D, E Block, Aaya Nagar Extension Phase 5,<\/span><\/li>\n          <li><span>Street No. 2, New Delhi 110047<\/span><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"fbot\">\n      <span>\u00a9 2009\u20132026 Super Maternal. All rights reserved. Powered by VMS Pvt. Ltd.<\/span>\n      <span>103D, E Block, Aaya Nagar Extension Phase 5, Street No. 2, New Delhi 110047<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 WHATSAPP FLOAT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<a class=\"wa-float\"\n   href=\"https:\/\/wa.me\/918368076797?text=Hi%2C%20I%20found%20Super%20Maternal%20online%20and%20would%20like%20to%20know%20more.\"\n   target=\"_blank\" rel=\"noopener\"\n   aria-label=\"Chat on WhatsApp\">\n  <div class=\"wa-tip\">Chat with us<\/div>\n  <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n    <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n  <\/svg>\n<\/a>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCRIPTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n\/\/ Sticky header\nconst hdr = document.getElementById('hdr');\nwindow.addEventListener('scroll', () => {\n  hdr.classList.toggle('stuck', window.scrollY > 80);\n}, { passive: true });\n\n\/\/ Mobile nav\nfunction openNav() {\n  document.getElementById('mnav').classList.add('open');\n  document.body.style.overflow = 'hidden';\n}\nfunction closeNav() {\n  document.getElementById('mnav').classList.remove('open');\n  document.body.style.overflow = '';\n}\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeNav(); });\n\n\/\/ Counter animation \u2014 cubic-ease-out\nfunction runCounter(el) {\n  const target = +el.dataset.target;\n  const dur    = 1800;\n  const start  = performance.now();\n  const suffix = '+';\n  (function tick(now) {\n    const p = Math.min((now - start) \/ dur, 1);\n    const ease = 1 - Math.pow(1 - p, 3);\n    el.textContent = Math.floor(ease * target) + suffix;\n    if (p < 1) requestAnimationFrame(tick);\n  })(start);\n}\nconst cObs = new IntersectionObserver(entries => {\n  entries.forEach(e => {\n    if (e.isIntersecting) { runCounter(e.target); cObs.unobserve(e.target); }\n  });\n}, { threshold: 0.5 });\ndocument.querySelectorAll('.stat-n[data-target]').forEach(el => cObs.observe(el));\n\n\/\/ Contact form \u2192 mailto\ndocument.getElementById('cf').addEventListener('submit', function(e) {\n  e.preventDefault();\n  const n   = document.getElementById('fn').value.trim();\n  const em  = document.getElementById('fe').value.trim();\n  const ph  = document.getElementById('fp').value.trim();\n  const int = document.getElementById('fi').value;\n  const msg = document.getElementById('fm').value.trim();\n  if (!n || !em) { alert('Please fill in your name and email address.'); return; }\n  const sub = encodeURIComponent('Enquiry \u2014 ' + (int || 'General Enquiry') + ' | Super Maternal');\n  const bod = encodeURIComponent(\n    'Name: ' + n +\n    '\\nPhone: ' + (ph || 'Not provided') +\n    '\\nEmail: ' + em +\n    '\\n\\nInterested In: ' + (int || 'Not specified') +\n    '\\n\\nMessage:\\n' + (msg || 'No message provided.')\n  );\n  window.location.href = 'mailto:nisarkausar2020@gmail.com?subject=' + sub + '&body=' + bod;\n});\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Super Maternal | Film School &amp; Production House | New Delhi About Courses Services Contact WhatsApp \u2715 About Courses Services Contact WhatsApp Est. Delhi 2009 \u2014 Independent Production House SuperMaternal Where experience, talent, and hard work unite to create dynamic, impactful stories \u2014 in film, television, and photography. Film School Production House Photography Studio New [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/supermaternal.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supermaternal.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/supermaternal.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/supermaternal.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/supermaternal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":10,"href":"https:\/\/supermaternal.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/supermaternal.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/supermaternal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}