{"id":71,"date":"2026-07-08T12:00:28","date_gmt":"2026-07-08T12:00:28","guid":{"rendered":"https:\/\/emblixtestingserver.com\/nextitcareer\/?page_id=71"},"modified":"2026-07-09T11:05:05","modified_gmt":"2026-07-09T11:05:05","slug":"about-us","status":"publish","type":"page","link":"https:\/\/emblixtestingserver.com\/nextitcareer\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"71\" class=\"elementor elementor-71\">\n\t\t\t\t<div class=\"elementor-element elementor-element-724eef1 e-con e-atomic-element e-flexbox-base e-80d32f6 \" data-id=\"724eef1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"724eef1\">\n    \t\t<div class=\"elementor-element elementor-element-afdb11b elementor-widget elementor-widget-html\" data-id=\"afdb11b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!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<meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\" \/>\r\n\r\n<title>Best Software Coaching Center in Hyderabad | Next IT Career<\/title>\r\n<meta name=\"description\" content=\"Best software coaching center in Hyderabad Certified professionals cover basic concepts and advanced techniques to enhance your skills.\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.nextitcareer.com\/best-software-coaching-center-in-hyderabad\/\" \/>\r\n\r\n<!-- Open Graph -->\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Best Software Coaching Center in Hyderabad | Next IT Career\" \/>\r\n<meta property=\"og:description\" content=\"Best software coaching center in Hyderabad Certified professionals cover basic concepts and advanced techniques to enhance your skills.\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.nextitcareer.com\/best-software-coaching-center-in-hyderabad\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Next IT Career\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-07-03T00:00:00+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/aboutnext.webp\" \/>\r\n<meta property=\"og:image:width\" content=\"740\" \/>\r\n<meta property=\"og:image:height\" content=\"493\" \/>\r\n<meta property=\"og:image:type\" content=\"image\/webp\" \/>\r\n\r\n<!-- Twitter -->\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\r\n<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\r\n\r\n<!-- Search Console verification -->\r\n<meta name=\"google-site-verification\" content=\"4c9RwqR_ouGrRT6tCdgtABtMJJlw39zR6wb9Ijaidh0\" \/>\r\n\r\n<!-- Favicons -->\r\n<link rel=\"icon\" href=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/cropped-Nextitcareer_logo-New-1a-32x32.png\" sizes=\"32x32\" \/>\r\n<link rel=\"icon\" href=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/cropped-Nextitcareer_logo-New-1a-192x192.png\" sizes=\"192x192\" \/>\r\n<link rel=\"apple-touch-icon\" href=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/cropped-Nextitcareer_logo-New-1a-180x180.png\" \/>\r\n<meta name=\"msapplication-TileImage\" content=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/cropped-Nextitcareer_logo-New-1a-270x270.png\" \/>\r\n\r\n<!-- Schema Markup: Yoast page graph (WebPage \/ ImageObject \/ BreadcrumbList \/ WebSite) -->\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nextitcareer.com\/best-software-coaching-center-in-hyderabad\/\",\"url\":\"https:\/\/www.nextitcareer.com\/best-software-coaching-center-in-hyderabad\/\",\"name\":\"Best Software Coaching Center in Hyderabad | Next IT Career\",\"isPartOf\":{\"@id\":\"https:\/\/www.nextitcareer.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.nextitcareer.com\/best-software-coaching-center-in-hyderabad\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.nextitcareer.com\/best-software-coaching-center-in-hyderabad\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/aboutnext.webp\",\"datePublished\":\"2022-09-01T04:47:25+00:00\",\"dateModified\":\"2026-07-03T00:00:00+00:00\",\"description\":\"Best software coaching center in Hyderabad Certified professionals cover basic concepts and advanced techniques to enhance your skills.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.nextitcareer.com\/best-software-coaching-center-in-hyderabad\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nextitcareer.com\/best-software-coaching-center-in-hyderabad\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.nextitcareer.com\/best-software-coaching-center-in-hyderabad\/#primaryimage\",\"url\":\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/aboutnext.webp\",\"contentUrl\":\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/aboutnext.webp\",\"width\":740,\"height\":493,\"caption\":\"best tosca training in Hyderabad\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nextitcareer.com\/best-software-coaching-center-in-hyderabad\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.nextitcareer.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nextitcareer.com\/#website\",\"url\":\"https:\/\/www.nextitcareer.com\/\",\"name\":\"Next IT Career\",\"description\":\"Tosca Training  Institute\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nextitcareer.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\r\n\r\n<!-- Schema Markup: EducationalOrganization -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"EducationalOrganization\",\r\n  \"name\": \"Next IT Career\",\r\n  \"url\": \"https:\/\/www.nextitcareer.com\/\",\r\n  \"logo\": \"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/Nextitcareer_logo-New-1a.png\",\r\n  \"sameAs\": [\r\n    \"https:\/\/www.facebook.com\/nextitcareer\/\",\r\n    \"https:\/\/www.instagram.com\/next_it_career\/\",\r\n    \"https:\/\/x.com\/NextITCareerr\",\r\n    \"https:\/\/www.youtube.com\/@nextitcareer7674\",\r\n    \"https:\/\/www.linkedin.com\/company\/next-it-career-software-training-institute\/\"\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<!-- Schema Markup: TrainingCenter -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"TrainingCenter\",\r\n  \"name\": \"Next IT Career\",\r\n  \"image\": \"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2024\/06\/WhatsApp-Image-2024-06-21-at-3.07.26-PM.jpeg\",\r\n  \"url\": \"https:\/\/www.nextitcareer.com\/\",\r\n  \"telephone\": \"+91-7995138210\",\r\n  \"priceRange\": \"\u20b94000 - \u20b917500\",\r\n  \"address\": {\r\n    \"@type\": \"PostalAddress\",\r\n    \"streetAddress\": \"6TH Floor, Nilgiri Block, ADITYA ENCLAVE, 604\/B, Kumar Basti, Ameerpet\",\r\n    \"addressLocality\": \"Hyderabad\",\r\n    \"addressRegion\": \"Telangana\",\r\n    \"postalCode\": \"500016\",\r\n    \"addressCountry\": \"IN\"\r\n  },\r\n  \"geo\": {\r\n    \"@type\": \"GeoCoordinates\",\r\n    \"latitude\": 17.4366056,\r\n    \"longitude\": 78.4449091\r\n  },\r\n  \"openingHoursSpecification\": [{\r\n    \"@type\": \"OpeningHoursSpecification\",\r\n    \"dayOfWeek\": [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"],\r\n    \"opens\": \"07:00\",\r\n    \"closes\": \"21:00\"\r\n  }]\r\n}\r\n<\/script>\r\n\r\n<!-- Schema Markup: Course -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Course\",\r\n  \"name\": \"Automation Testing Training in Hyderabad\",\r\n  \"description\": \"Learn Tosca, Playwright Automation , Selenium, Data Analytics , Cyber Security, and performance testing with real-time projects and placement support at Next IT Career.\",\r\n  \"provider\": {\r\n    \"@type\": \"EducationalOrganization\",\r\n    \"name\": \"Next IT Career\",\r\n    \"sameAs\": \"https:\/\/www.nextitcareer.com\/\"\r\n  }\r\n}\r\n<\/script>\r\n\r\n<!-- Schema Markup: Aggregate Rating -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"EducationalOrganization\",\r\n  \"name\": \"Next IT Career\",\r\n  \"url\": \"https:\/\/www.nextitcareer.com\/\",\r\n  \"aggregateRating\": {\r\n    \"@type\": \"AggregateRating\",\r\n    \"ratingValue\": \"4.9\",\r\n    \"bestRating\": \"5\",\r\n    \"ratingCount\": \"750\"\r\n  }\r\n}\r\n<\/script>\r\n\r\n<!-- Fonts: matched to Home Page \u2014 Poppins (display + body) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   NEXT IT CAREER \u2014 BRAND TOKENS\r\n   Strictly from Brand Guidelines v1.0 \u00b7 2026\r\n   ========================================================= *\/\r\n:root {\r\n  \/* Primary palette *\/\r\n  --ignite-red:   #E8262D;\r\n  --ignite-red-dark: #C81E25;\r\n  --career-navy:  #181078;\r\n  --global-blue:  #1078B8;\r\n\r\n  \/* Secondary \/ neutrals *\/\r\n  --charcoal:     #2B2B2B;\r\n  --steel-grey:   #6C757D;\r\n  --canvas:       #F4F4F6;\r\n  --paper:        #FFFFFF;\r\n\r\n  \/* Derived *\/\r\n  --navy-deep:    #0E0848;\r\n  --navy-soft:    rgba(24, 16, 120, 0.06);\r\n  --red-soft:     rgba(232, 38, 45, 0.08);\r\n  --blue-soft:    rgba(16, 120, 184, 0.10);\r\n  --line:         rgba(24, 16, 120, 0.12);\r\n\r\n  \/* Type \u2014 matched to Home Page *\/\r\n  --font-display: 'Poppins', system-ui, sans-serif;\r\n  --font-body:    'Poppins', system-ui, sans-serif;\r\n\r\n  \/* Rhythm *\/\r\n  --r1: 8px;   --r2: 16px;  --r3: 24px;\r\n  --r4: 32px;  --r5: 48px;  --r6: 64px;  --r7: 96px;\r\n  --section-pad: 56px;   \/* vertical padding per section *\/\r\n  --radius: 14px;\r\n  --radius-lg: 22px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n  font-family: var(--font-body);\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  color: var(--charcoal);\r\n  background: var(--paper);\r\n  -webkit-font-smoothing: antialiased;\r\n  text-rendering: optimizeLegibility;\r\n}\r\n\r\nimg { max-width: 100%; display: block; }\r\na { color: var(--global-blue); text-decoration: none; }\r\n\r\n\/* Typography hierarchy from brand *\/\r\nh1, h2, h3, h4 { font-family: var(--font-display); color: var(--career-navy); letter-spacing: -0.01em; }\r\nh1 { font-weight: 900; font-size: clamp(40px, 6vw, 64px); line-height: 1.05; }\r\nh2 { font-weight: 800; font-size: clamp(28px, 3.6vw, 40px); line-height: 1.15; }\r\nh3 { font-weight: 700; font-size: 20px; line-height: 1.3; }\r\nh4 { font-weight: 700; font-size: 16px; line-height: 1.3; }\r\n\r\n.container { width: min(1180px, 92%); margin-inline: auto; }\r\n\r\n\/* =========================================================\r\n   TOP UTILITY BAR\r\n   ========================================================= *\/\r\n.utility-bar {\r\n  background: var(--navy-deep);\r\n  color: rgba(255,255,255,0.85);\r\n  font-size: 13px;\r\n  padding: 10px 0;\r\n}\r\n.utility-bar .container { display: flex; justify-content: space-between; align-items: center; gap: var(--r3); flex-wrap: wrap; }\r\n.utility-bar a { color: rgba(255,255,255,0.9); }\r\n.utility-bar .left, .utility-bar .right { display: flex; gap: var(--r3); align-items: center; flex-wrap: wrap; }\r\n.utility-bar .left span, .utility-bar .right a { display: inline-flex; gap: 6px; align-items: center; }\r\n\r\n  \/* ---------- Header \/ Nav ---------- *\/\r\n  header.site {\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 100;\r\n    background: #FFFFFF;\r\n    border-bottom: 1px solid var(--line);\r\n    box-shadow: 0 2px 12px rgba(24,16,120,0.04);\r\n  }\r\n  header.site .container {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-top: 16px;\r\n    padding-bottom: 16px;\r\n    gap: 24px;\r\n  }\r\n  .logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-family: var(--font-display);\r\n    font-weight: 900;\r\n    color: var(--career-navy);\r\n    font-size: 20px;\r\n    letter-spacing: -0.01em;\r\n    text-decoration: none;\r\n    flex-shrink: 0;\r\n  }\r\n  .logo img {\r\n    height: 56px;\r\n    width: auto;\r\n    object-fit: contain;\r\n  }\r\n  nav.primary {\r\n    display: flex;\r\n    gap: 36px;\r\n    align-items: center;\r\n  }\r\n  nav.primary a {\r\n    font-family: var(--font-display);\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    color: var(--career-navy);\r\n    position: relative;\r\n    padding: 8px 0;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n  }\r\n  \/* Active state: red text *\/\r\n  nav.primary a.active {\r\n    color: var(--ignite-red);\r\n    font-weight: 700;\r\n  }\r\n  \/* Underline appears on hover and active *\/\r\n  nav.primary a::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: var(--ignite-red);\r\n    transition: width 0.25s ease;\r\n    border-radius: 2px;\r\n  }\r\n  nav.primary a:hover { color: var(--ignite-red); }\r\n  nav.primary a:hover::after,\r\n  nav.primary a.active::after { width: 100%; }\r\n\r\n  .header-cta { display: flex; gap: 12px; align-items: center; }\r\n\r\n  \/* Big red Enroll Now button \u2014 matches the live site *\/\r\n  .btn-enroll {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 13px 32px;\r\n    background: var(--ignite-red);\r\n    color: var(--paper);\r\n    font-family: var(--font-display);\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    letter-spacing: 0.01em;\r\n    border-radius: 6px;\r\n    text-decoration: none;\r\n    transition: all 0.25s ease;\r\n    box-shadow: 0 4px 12px rgba(232,38,45,0.28);\r\n    white-space: nowrap;\r\n  }\r\n  .btn-enroll:hover {\r\n    background: var(--ignite-red-dark, #C81E25);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 18px rgba(232,38,45,0.4);\r\n  }\r\n\r\n  .menu-toggle {\r\n    display: none;\r\n    background: transparent;\r\n    border: 0;\r\n    width: 40px;\r\n    height: 40px;\r\n    color: var(--career-navy);\r\n    cursor: pointer;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    nav.primary {\r\n      position: fixed;\r\n      top: 0;\r\n      right: -100%;\r\n      height: 100vh;\r\n      width: min(320px, 80vw);\r\n      background: var(--paper);\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 4px;\r\n      padding: 96px 28px 28px;\r\n      box-shadow: -12px 0 40px rgba(24,16,120,0.15);\r\n      transition: right 0.3s ease;\r\n      z-index: 150;\r\n      overflow-y: auto;\r\n    }\r\n    nav.primary.open { right: 0; }\r\n    nav.primary a { width: 100%; padding: 12px 0; font-size: 16px; }\r\n    .menu-toggle { display: flex; align-items: center; justify-content: center; }\r\n    .header-cta .btn-enroll { padding: 11px 20px; font-size: 14px; }\r\n  }\r\n\r\n  .nav-overlay {\r\n    display: none;\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(14,8,72,0.5);\r\n    z-index: 140;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n  .nav-overlay.open { display: block; opacity: 1; }\r\n\r\n  @media (max-width: 420px) {\r\n    .logo img { height: 44px; }\r\n    nav.primary { width: 88vw; padding-top: 88px; }\r\n  }\r\n\r\n\/* =========================================================\r\n   HERO  \u2014 Brand banner image\r\n   ========================================================= *\/\r\n.hero {\r\n  position: relative;\r\n  background: var(--navy-deep);\r\n  line-height: 0;\r\n}\r\n.hero img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n.hero::after {\r\n  content: '';\r\n  position: absolute; left: 0; right: 0; bottom: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--ignite-red) 0%, var(--ignite-red) 33%, var(--career-navy) 33%, var(--career-navy) 66%, var(--global-blue) 66%, var(--global-blue) 100%);\r\n  z-index: 2;\r\n}\r\n\r\n\/* =========================================================\r\n   STATS STRIP \u2014 under hero banner\r\n   ========================================================= *\/\r\n.stats-strip {\r\n  background: var(--paper);\r\n  padding: 14px 0;\r\n  position: relative;\r\n  border-bottom: 1px solid var(--line);\r\n}\r\n.stats-strip .container {\r\n  position: relative; z-index: 1;\r\n  display: flex; justify-content: center; flex-wrap: wrap;\r\n  gap: 0;\r\n}\r\n.stats-strip .stat {\r\n  flex: 1 1 0;\r\n  min-width: 160px;\r\n  text-align: center;\r\n  padding: 2px var(--r3);\r\n  position: relative;\r\n  opacity: 0;\r\n  transform: translateY(12px);\r\n  transition: opacity .5s ease, transform .5s ease;\r\n}\r\n.stats-strip.visible .stat { opacity: 1; transform: translateY(0); }\r\n.stats-strip.visible .stat:nth-child(1) { transition-delay: .05s; }\r\n.stats-strip.visible .stat:nth-child(2) { transition-delay: .15s; }\r\n.stats-strip.visible .stat:nth-child(3) { transition-delay: .25s; }\r\n.stats-strip.visible .stat:nth-child(4) { transition-delay: .35s; }\r\n.stats-strip .stat:not(:last-child)::after {\r\n  content: ''; position: absolute; right: 0; top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 1px; height: 26px;\r\n  background: var(--line);\r\n}\r\n@media (max-width: 760px) {\r\n  .stats-strip .stat:not(:last-child)::after { display: none; }\r\n}\r\n.stats-strip .stat .num {\r\n  font-family: var(--font-display); font-weight: 900; font-size: 17px;\r\n  color: var(--career-navy); line-height: 1; display: block;\r\n}\r\n.stats-strip .stat .num .small { color: var(--ignite-red); }\r\n.stats-strip .stat .label {\r\n  font-family: var(--font-display); font-weight: 600; font-size: 9px;\r\n  letter-spacing: 0.08em; text-transform: uppercase;\r\n  color: var(--global-blue); margin-top: 4px;\r\n}\r\n\r\n\/* =========================================================\r\n   MARQUEE (Course chips) \u2014 replaces hsas-shortcode\r\n   ========================================================= *\/\r\n.marquee {\r\n  background: var(--canvas);\r\n  border-block: 1px solid var(--line);\r\n  padding: var(--r3) 0;\r\n  overflow: hidden;\r\n  position: relative;\r\n  cursor: grab;\r\n  user-select: none;\r\n  -webkit-user-select: none;\r\n}\r\n.marquee.dragging { cursor: grabbing; }\r\n.marquee::before, .marquee::after {\r\n  content: ''; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2;\r\n  pointer-events: none;\r\n}\r\n.marquee::before { left: 0; background: linear-gradient(90deg, var(--canvas), transparent); }\r\n.marquee::after { right: 0; background: linear-gradient(-90deg, var(--canvas), transparent); }\r\n.marquee-track {\r\n  display: flex; gap: var(--r3); width: max-content;\r\n  animation: scroll 40s linear infinite;\r\n  will-change: transform;\r\n}\r\n.marquee-track:hover { animation-play-state: paused; }\r\n.marquee.paused .marquee-track { animation-play-state: paused; }\r\n.marquee .chip { pointer-events: none; }\r\n.chip {\r\n  font-family: var(--font-display); font-weight: 600; font-size: 13px;\r\n  color: var(--career-navy); background: white; padding: 10px 18px;\r\n  border-radius: 999px; border: 1px solid var(--line);\r\n  white-space: nowrap; letter-spacing: 0.02em;\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n}\r\n.chip .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ignite-red); }\r\n@keyframes scroll {\r\n  from { transform: translateX(0); }\r\n  to   { transform: translateX(-50%); }\r\n}\r\n\r\n\/* =========================================================\r\n   SECTION SCAFFOLD\r\n   ========================================================= *\/\r\nsection { padding: var(--section-pad) 0; }\r\nsection.stats-strip { padding: 14px 0; }\r\n.section-tag {\r\n  font-family: var(--font-display); font-weight: 700; font-size: 12px;\r\n  letter-spacing: 0.2em; text-transform: uppercase;\r\n  color: var(--ignite-red); margin-bottom: var(--r2);\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n}\r\n.section-tag::before {\r\n  content: ''; width: 32px; height: 2px; background: var(--ignite-red);\r\n}\r\n.section-intro { max-width: 720px; margin-bottom: var(--r4); }\r\n.section-intro p { font-size: 17px; color: var(--steel-grey); margin-top: var(--r2); }\r\n\r\n\/* =========================================================\r\n   ABOUT \u2014 Two column with image card + body\r\n   ========================================================= *\/\r\n.about-grid {\r\n  display: grid; grid-template-columns: 1fr 1.1fr; gap: var(--r6);\r\n  align-items: start;\r\n}\r\n@media (max-width: 920px) { .about-grid { grid-template-columns: 1fr; } }\r\n\r\n.about-visual.fade-in.visible {\r\n    max-height: 512px !important;\r\n    width: 545px !important;\r\n}\r\n\r\n.about-visual {\r\n  position: relative;\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  background: var(--navy-deep);\r\n  aspect-ratio: 4 \/ 5;\r\n  box-shadow: 0 24px 60px -20px rgba(24, 16, 120, 0.35);\r\n}\r\n.about-visual img {\r\n  width: 100%; height: 100%; object-fit: cover;\r\n  opacity: 0.92;\r\n}\r\n.about-visual .badge {\r\n  position: absolute; top: 22px; left: 22px;\r\n  background: var(--paper); color: var(--career-navy);\r\n  padding: 10px 14px; border-radius: 8px;\r\n  font-family: var(--font-display); font-weight: 700; font-size: 11px;\r\n  letter-spacing: 0.14em; text-transform: uppercase;\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n}\r\n.about-visual .badge .pulse {\r\n  width: 8px; height: 8px; border-radius: 50%; background: var(--ignite-red);\r\n  box-shadow: 0 0 0 0 rgba(232,38,45,0.6);\r\n  animation: pulse 2s infinite;\r\n}\r\n@keyframes pulse {\r\n  0% { box-shadow: 0 0 0 0 rgba(232,38,45,0.6); }\r\n  70% { box-shadow: 0 0 0 12px rgba(232,38,45,0); }\r\n  100% { box-shadow: 0 0 0 0 rgba(232,38,45,0); }\r\n}\r\n.about-visual .frame-deco {\r\n  position: absolute; bottom: 22px; left: 22px; right: 22px;\r\n  background: rgba(255,255,255,0.96);\r\n  padding: 18px 22px; border-radius: 12px;\r\n  border-left: 4px solid var(--ignite-red);\r\n}\r\n.about-visual .frame-deco .quote {\r\n  font-family: var(--font-display); font-weight: 700; font-size: 16px;\r\n  color: var(--career-navy); line-height: 1.35;\r\n}\r\n.about-visual .frame-deco .quote-by {\r\n  font-size: 11px; color: var(--steel-grey); margin-top: 6px;\r\n  letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600;\r\n}\r\n\r\n.about-body p {\r\n  margin-bottom: var(--r3);\r\n  color: var(--charcoal);\r\n  font-size: 16px;\r\n}\r\n.about-body p strong { color: var(--career-navy); font-weight: 700; }\r\n.about-body p a { color: var(--global-blue); font-weight: 600; border-bottom: 1px solid currentColor; }\r\n\r\n\/* =========================================================\r\n   CERTIFICATE \u2014 Section with visual cert card\r\n   ========================================================= *\/\r\n.cert-section {\r\n  background: var(--canvas);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.cert-section::before {\r\n  content: ''; position: absolute; top: -120px; right: -120px;\r\n  width: 380px; height: 380px; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(16,120,184,0.12), transparent 70%);\r\n}\r\n.cert-grid {\r\n  display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--r6);\r\n  align-items: center;\r\n}\r\n@media (max-width: 920px) { .cert-grid { grid-template-columns: 1fr; } }\r\n\r\n.cert-card {\r\n  background: white;\r\n  border-radius: var(--radius-lg);\r\n  padding: 8px;\r\n  box-shadow: 0 24px 60px -15px rgba(24,16,120,0.35), 0 0 0 1px rgba(24,16,120,0.06);\r\n  position: relative;\r\n  overflow: hidden;\r\n  transform: rotate(-1.5deg);\r\n  transition: transform .4s ease, box-shadow .4s ease;\r\n}\r\n.cert-card:hover {\r\n  transform: rotate(0deg) scale(1.02);\r\n  box-shadow: 0 30px 80px -15px rgba(24,16,120,0.45), 0 0 0 1px rgba(24,16,120,0.1);\r\n}\r\n.cert-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px;\r\n  background: linear-gradient(90deg, var(--ignite-red) 0%, var(--ignite-red) 33%, var(--career-navy) 33%, var(--career-navy) 66%, var(--global-blue) 66%, var(--global-blue) 100%);\r\n  z-index: 3;\r\n  border-radius: var(--radius-lg) var(--radius-lg) 0 0;\r\n}\r\n.cert-card .cert-image {\r\n  width: 100%; display: block;\r\n  border-radius: calc(var(--radius-lg) - 8px);\r\n  margin-top: 6px;\r\n}\r\n.cert-card .cert-caption {\r\n  font-family: var(--font-display); font-size: 11px; font-weight: 700;\r\n  letter-spacing: 0.18em; text-transform: uppercase;\r\n  color: var(--steel-grey);\r\n  text-align: center; padding: 14px 8px 6px;\r\n  display: flex; align-items: center; justify-content: center; gap: 10px;\r\n}\r\n.cert-card .cert-caption::before,\r\n.cert-card .cert-caption::after {\r\n  content: ''; width: 24px; height: 2px; background: var(--ignite-red);\r\n}\r\n\/* Cert image (real certificate) \u2014 clean simple display *\/\r\n\r\n\/* =========================================================\r\n   WHY NEXT IT CAREER \u2014 Card grid\r\n   ========================================================= *\/\r\n.why-grid {\r\n  display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--r3);\r\n  margin-top: var(--r3);\r\n}\r\n@media (max-width: 760px) { .why-grid { grid-template-columns: 1fr; } }\r\n\r\n.why-card {\r\n  background: white;\r\n  border: 1px solid var(--line);\r\n  border-radius: var(--radius-lg);\r\n  padding: var(--r4);\r\n  position: relative;\r\n  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\r\n  overflow: hidden;\r\n}\r\n.why-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 24px 50px -20px rgba(24,16,120,0.25);\r\n  border-color: transparent;\r\n}\r\n.why-card::before {\r\n  content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0;\r\n  background: var(--ignite-red); transition: height .4s ease;\r\n}\r\n.why-card:hover::before { height: 100%; }\r\n.why-card .num {\r\n  font-family: var(--font-display); font-weight: 900; font-size: 13px;\r\n  color: var(--ignite-red); letter-spacing: 0.15em; margin-bottom: var(--r2);\r\n}\r\n.why-card .icon-wrap {\r\n  width: 56px; height: 56px; border-radius: 14px;\r\n  background: var(--navy-soft);\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: var(--r3);\r\n  transition: background .3s;\r\n}\r\n.why-card:hover .icon-wrap { background: var(--red-soft); }\r\n.why-card .icon-wrap svg { width: 28px; height: 28px; stroke: var(--career-navy); }\r\n.why-card:hover .icon-wrap svg { stroke: var(--ignite-red); }\r\n.why-card h3 { margin-bottom: var(--r2); }\r\n.why-card p { color: var(--steel-grey); font-size: 15px; line-height: 1.65; }\r\n\r\n\/* =========================================================\r\n   JOURNEY FLOWCHART\r\n   ========================================================= *\/\r\n.journey-section {\r\n  background:\r\n    linear-gradient(180deg, white 0%, var(--canvas) 100%);\r\n  position: relative;\r\n}\r\n.journey {\r\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--r2);\r\n  margin-top: var(--r3); position: relative;\r\n}\r\n@media (max-width: 920px) { .journey { grid-template-columns: 1fr 1fr; } }\r\n@media (max-width: 540px) { .journey { grid-template-columns: 1fr; } }\r\n\r\n.journey-step {\r\n  background: white;\r\n  border-radius: var(--radius);\r\n  padding: var(--r3);\r\n  text-align: center;\r\n  position: relative;\r\n  border: 1px solid var(--line);\r\n}\r\n.journey-step .step-num {\r\n  width: 40px; height: 40px; border-radius: 50%;\r\n  background: var(--career-navy); color: white;\r\n  font-family: var(--font-display); font-weight: 900; font-size: 16px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin: 0 auto var(--r2);\r\n  border: 3px solid white;\r\n  box-shadow: 0 0 0 2px var(--career-navy);\r\n}\r\n.journey-step:nth-child(4n+1) .step-num { background: var(--ignite-red); box-shadow: 0 0 0 2px var(--ignite-red); }\r\n.journey-step:nth-child(4n+2) .step-num { background: var(--global-blue); box-shadow: 0 0 0 2px var(--global-blue); }\r\n.journey-step:nth-child(4n+3) .step-num { background: var(--career-navy); box-shadow: 0 0 0 2px var(--career-navy); }\r\n.journey-step:nth-child(4n+4) .step-num { background: var(--ignite-red); box-shadow: 0 0 0 2px var(--ignite-red); }\r\n.journey-step h4 { margin-bottom: 6px; font-size: 15px; }\r\n.journey-step p { font-size: 13px; color: var(--steel-grey); line-height: 1.55; }\r\n\r\n.journey-step:not(:last-child)::after {\r\n  content: ''; position: absolute; top: 40px; right: -10px;\r\n  width: 20px; height: 2px;\r\n  background: repeating-linear-gradient(90deg, var(--line) 0, var(--line) 4px, transparent 4px, transparent 8px);\r\n  z-index: 0;\r\n}\r\n@media (max-width: 920px) {\r\n  .journey-step:not(:last-child)::after { display: none; }\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE + CTA CALLOUT\r\n   ========================================================= *\/\r\n.callout-section { background: var(--canvas); }\r\n.callout {\r\n  display: grid; grid-template-columns: 1fr 1fr; gap: 0;\r\n  border-radius: var(--radius-lg); overflow: hidden;\r\n  box-shadow: 0 24px 60px -20px rgba(24,16,120,0.25);\r\n}\r\n@media (max-width: 860px) { .callout { grid-template-columns: 1fr; } }\r\n\r\n.callout .img-side {\r\n  background: var(--navy-deep);\r\n  position: relative;\r\n  min-height: 360px;\r\n}\r\n.callout .img-side img {\r\n  width: 100%; height: 100%; object-fit: cover;\r\n  opacity: 0.9;\r\n}\r\n.callout .img-side::after {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: linear-gradient(135deg, rgba(24,16,120,0.5), transparent 60%);\r\n}\r\n\r\n.callout .text-side {\r\n  background: white;\r\n  padding: var(--r5);\r\n  display: flex; flex-direction: column; justify-content: center;\r\n}\r\n.callout .text-side .tag {\r\n  font-family: var(--font-display); font-size: 11px; font-weight: 700;\r\n  letter-spacing: 0.2em; text-transform: uppercase; color: var(--ignite-red);\r\n  margin-bottom: var(--r2);\r\n}\r\n.callout .text-side h2 { margin-bottom: var(--r2); }\r\n.callout .text-side p { color: var(--steel-grey); margin-bottom: var(--r3); }\r\n.btn-primary {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  background: var(--ignite-red); color: white;\r\n  font-family: var(--font-display); font-weight: 700; font-size: 14px;\r\n  padding: 16px 28px; border-radius: 8px;\r\n  text-transform: uppercase; letter-spacing: 0.08em;\r\n  align-self: flex-start;\r\n  transition: transform .2s, box-shadow .2s, background .2s;\r\n  box-shadow: 0 8px 20px rgba(232,38,45,0.3);\r\n}\r\n.btn-primary:hover { transform: translateX(4px); background: #d11f25; }\r\n.btn-primary svg { width: 16px; height: 16px; stroke: white; }\r\n\r\n\r\n  \/* ===== FOOTER V1 \u2014 ACCORDION COURSES ===== *\/\r\n.footer-v1 {\r\n  background: #0a0a0a;\r\n  color: rgba(255,255,255,0.78);\r\n  padding: 64px 0 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.footer-v1::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, var(--ignite-red), var(--career-navy), var(--global-blue));\r\n}\r\n.footer-v1 .f-grid {\r\n  display: grid;\r\n  grid-template-columns: 260px 1fr 260px;\r\n  gap: 56px;\r\n  align-items: start;\r\n}\r\n\r\n\/* Brand col *\/\r\n.footer-v1 .f-brand img {\r\n  height: 72px;\r\n  object-fit: contain;\r\n  margin-bottom: 20px;\r\n  background: #ffffff;\r\n  padding: 10px 16px;\r\n  border-radius: 8px;\r\n}\r\n.footer-v1 .f-brand p {\r\n  font-size: 13.5px;\r\n  color: rgba(255,255,255,0.5);\r\n  line-height: 1.65;\r\n  margin: 0 0 24px;\r\n}\r\n.footer-v1 .f-socials { display: flex; gap: 8px; flex-wrap: wrap; }\r\n.footer-v1 .f-soc {\r\n  width: 36px; height: 36px;\r\n  border-radius: 8px;\r\n  display: grid; place-items: center;\r\n  color: white;\r\n  transition: transform 0.2s, opacity 0.2s;\r\n}\r\n.footer-v1 .f-soc:hover { transform: translateY(-3px); opacity: 0.85; }\r\n.footer-v1 .f-soc-fb { background: #1877F2; }\r\n.footer-v1 .f-soc-li { background: #0A66C2; }\r\n.footer-v1 .f-soc-ig { background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }\r\n.footer-v1 .f-soc-x  { background: #111; border: 1px solid rgba(255,255,255,0.3); }\r\n.footer-v1 .f-soc-yt { background: #FF0000; }\r\n\r\n\/* Accordion courses col *\/\r\n.footer-v1 .f-courses h4 {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.45);\r\n  margin: 0 0 16px;\r\n}\r\n.footer-v1 .f-acc-item {\r\n  border-bottom: 1px solid rgba(255,255,255,0.07);\r\n}\r\n.footer-v1 .f-acc-trigger {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  background: none;\r\n  border: none;\r\n  color: rgba(255,255,255,0.82);\r\n  font-family: inherit;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  padding: 14px 0;\r\n  cursor: pointer;\r\n  text-align: left;\r\n  transition: color 0.2s;\r\n  gap: 12px;\r\n}\r\n.footer-v1 .f-acc-trigger:hover { color: white; }\r\n.footer-v1 .f-acc-trigger .f-acc-icon {\r\n  width: 20px; height: 20px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.08);\r\n  display: grid; place-items: center;\r\n  flex-shrink: 0;\r\n  transition: transform 0.3s, background 0.2s;\r\n  color: rgba(255,255,255,0.6);\r\n}\r\n.footer-v1 .f-acc-item.open .f-acc-icon {\r\n  transform: rotate(180deg);\r\n  background: var(--ignite-red);\r\n  color: white;\r\n}\r\n.footer-v1 .f-acc-body {\r\n  display: none;\r\n  padding-bottom: 14px;\r\n}\r\n.footer-v1 .f-acc-item.open .f-acc-body { display: block; }\r\n.footer-v1 .f-acc-links {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 6px 20px;\r\n  list-style: none;\r\n  padding: 0; margin: 0;\r\n}\r\n.footer-v1 .f-acc-links li a {\r\n  font-size: 13px;\r\n  color: rgb(255, 255, 255);\r\n  text-decoration: none;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 3px 0;\r\n  transition: color 0.18s, transform 0.18s;\r\n}\r\n.footer-v1 .f-acc-links li a::before {\r\n  content: '';\r\n  width: 4px; height: 4px;\r\n  border-radius: 50%;\r\n  background: var(--ignite-red);\r\n  flex-shrink: 0;\r\n}\r\n.footer-v1 .f-acc-links li a:hover {\r\n  color: white;\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* Contact col *\/\r\n.footer-v1 .f-contact h4 {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.45);\r\n  margin: 0 0 20px;\r\n}\r\n.footer-v1 .f-contact-item {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: flex-start;\r\n  margin-bottom: 16px;\r\n}\r\n.footer-v1 .f-ci {\r\n  width: 30px; height: 30px;\r\n  background: rgba(232,38,45,0.15);\r\n  border: 1px solid rgba(232,38,45,0.25);\r\n  border-radius: 8px;\r\n  display: grid; place-items: center;\r\n  color: var(--ignite-red);\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n}\r\n.footer-v1 .f-contact-item span,\r\n.footer-v1 .f-contact-item a {\r\n  font-size: 13.5px;\r\n  color: rgb(255, 255, 255);\r\n  line-height: 1.55;\r\n  text-decoration: none;\r\n  transition: color 0.2s;\r\n}\r\n.footer-v1 .f-contact-item a:hover { color: white; }\r\n\r\n\/* Bottom bar *\/\r\n.footer-v1 .f-bottom {\r\n  margin-top: 48px;\r\n  padding: 18px 0;\r\n  border-top: 1px solid rgba(255,255,255,0.07);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.35);\r\n}\r\n.footer-v1 .f-bottom-links { display: flex; gap: 20px; flex-wrap: wrap; }\r\n.footer-v1 .f-bottom-links a {\r\n  color: rgba(255,255,255,0.35);\r\n  text-decoration: none;\r\n  font-size: 13px;\r\n  transition: color 0.2s;\r\n}\r\n.footer-v1 .f-bottom-links a:hover { color: white; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .footer-v1 .f-grid { grid-template-columns: 1fr; gap: 36px; }\r\n}\r\n\r\n\/* =========================================================\r\n   ENTRY ANIMATIONS\r\n   ========================================================= *\/\r\n.fade-in { opacity: 0; transform: translateY(20px); transition: opacity .8s ease, transform .8s ease; }\r\n.fade-in.visible { opacity: 1; transform: translateY(0); }\r\n\r\n\/* =========================================================\r\n   ENROLL MODAL\r\n   ========================================================= *\/\r\n.modal-overlay {\r\n  position: fixed; inset: 0; z-index: 1000;\r\n  background: rgba(14, 8, 72, 0.75);\r\n  backdrop-filter: blur(6px);\r\n  -webkit-backdrop-filter: blur(6px);\r\n  display: flex; align-items: center; justify-content: center;\r\n  padding: var(--r3);\r\n  opacity: 0; visibility: hidden;\r\n  transition: opacity .3s ease, visibility .3s ease;\r\n}\r\n.modal-overlay.active { opacity: 1; visibility: visible; }\r\n.modal-overlay.active .modal { transform: scale(1) translateY(0); }\r\n\r\n.modal {\r\n  background: white;\r\n  border-radius: var(--radius-lg);\r\n  width: 100%; max-width: 520px;\r\n  max-height: 90vh; overflow: hidden;\r\n  position: relative;\r\n  transform: scale(0.95) translateY(20px);\r\n  transition: transform .35s cubic-bezier(.2,.8,.2,1);\r\n  box-shadow: 0 30px 80px -20px rgba(0,0,0,0.5);\r\n  display: flex; flex-direction: column;\r\n}\r\n.modal-header {\r\n  background: linear-gradient(135deg, var(--navy-deep), var(--career-navy));\r\n  color: white;\r\n  padding: var(--r4) var(--r4) var(--r3);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.modal-header::before {\r\n  content: ''; position: absolute; top: -40px; right: -40px;\r\n  width: 160px; height: 160px; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(16,120,184,0.4), transparent 60%);\r\n}\r\n.modal-header::after {\r\n  content: ''; position: absolute; bottom: -30px; left: -30px;\r\n  width: 120px; height: 120px; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(232,38,45,0.25), transparent 60%);\r\n}\r\n.modal-header .eyebrow {\r\n  font-family: var(--font-display); font-size: 11px; font-weight: 700;\r\n  letter-spacing: 0.2em; text-transform: uppercase; color: var(--ignite-red);\r\n  margin-bottom: 8px; position: relative; z-index: 1;\r\n}\r\n.modal-header h3 {\r\n  color: white; font-size: 24px; line-height: 1.2;\r\n  position: relative; z-index: 1;\r\n}\r\n.modal-header p {\r\n  font-size: 13px; color: rgba(255,255,255,0.75);\r\n  margin-top: 6px; position: relative; z-index: 1;\r\n}\r\n.modal-close {\r\n  position: absolute; top: 14px; right: 14px;\r\n  width: 32px; height: 32px; border-radius: 50%;\r\n  background: rgba(255,255,255,0.15); border: none; cursor: pointer;\r\n  display: flex; align-items: center; justify-content: center;\r\n  color: white; transition: background .2s, transform .2s;\r\n  z-index: 2;\r\n}\r\n.modal-close:hover { background: var(--ignite-red); transform: rotate(90deg); }\r\n.modal-close svg { width: 16px; height: 16px; }\r\n\r\n.modal-body {\r\n  padding: var(--r4);\r\n  overflow-y: auto;\r\n  flex: 1;\r\n}\r\n.form-row { margin-bottom: var(--r3); }\r\n.form-row label {\r\n  display: block;\r\n  font-family: var(--font-display); font-size: 11px; font-weight: 700;\r\n  letter-spacing: 0.12em; text-transform: uppercase;\r\n  color: var(--career-navy); margin-bottom: 8px;\r\n}\r\n.form-row label .req { color: var(--ignite-red); }\r\n.form-row input, .form-row select {\r\n  width: 100%;\r\n  padding: 12px 14px;\r\n  font-family: var(--font-body); font-size: 15px;\r\n  color: var(--charcoal);\r\n  background: var(--canvas);\r\n  border: 1.5px solid transparent;\r\n  border-radius: 8px;\r\n  transition: border-color .2s, background .2s;\r\n  outline: none;\r\n}\r\n.form-row input:focus, .form-row select:focus {\r\n  border-color: var(--global-blue);\r\n  background: white;\r\n  box-shadow: 0 0 0 4px var(--blue-soft);\r\n}\r\n.form-row select {\r\n  appearance: none;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23181078' stroke-width='2' d='M1 1l5 5 5-5'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 16px center;\r\n  padding-right: 40px;\r\n}\r\n.modal-submit {\r\n  width: 100%;\r\n  background: var(--ignite-red);\r\n  color: white;\r\n  font-family: var(--font-display); font-weight: 700; font-size: 14px;\r\n  padding: 16px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  text-transform: uppercase; letter-spacing: 0.08em;\r\n  cursor: pointer;\r\n  transition: background .2s, transform .2s, box-shadow .2s;\r\n  box-shadow: 0 8px 20px rgba(232,38,45,0.3);\r\n}\r\n.modal-submit:hover { background: #d11f25; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(232,38,45,0.4); }\r\n.modal-footer-note {\r\n  font-size: 12px; color: var(--steel-grey);\r\n  text-align: center; margin-top: var(--r2);\r\n  font-style: italic;\r\n}\r\n\r\nbody.modal-open { overflow: hidden; }\r\n\r\n@media (max-width: 540px) {\r\n  .modal-header { padding: var(--r3); }\r\n  .modal-header h3 { font-size: 20px; }\r\n  .modal-body { padding: var(--r3); }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  *, *::before, *::after { animation-duration: 0.01ms !important; transition: none !important; }\r\n}\r\n\/* ============================================================\r\n   ENROLL NOW MODAL \u2014 NEW DESIGN\r\n   ============================================================ *\/\r\n.enroll-modal-overlay {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 300;\r\n  background: rgba(10, 6, 50, 0.85);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 20px;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 0.3s ease;\r\n}\r\n.enroll-modal-overlay.open {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n}\r\n.enroll-modal {\r\n  background: transparent;\r\n  border-radius: 20px;\r\n  width: min(580px, 100%);\r\n  max-height: 92vh;\r\n  overflow-y: auto;\r\n  box-shadow: 0 40px 80px rgba(0,0,0,0.5);\r\n  transform: scale(0.92) translateY(20px);\r\n  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  scrollbar-width: thin;\r\n  scrollbar-color: rgba(255,255,255,0.2) transparent;\r\n}\r\n.enroll-modal-overlay.open .enroll-modal {\r\n  transform: scale(1) translateY(0);\r\n}\r\n\r\n\/* ---- Header ---- *\/\r\n.enroll-modal-head {\r\n  background: linear-gradient(160deg, #1a1082 0%, #0e0850 55%, #1a1082 100%);\r\n  padding: 36px 32px 32px;\r\n  border-radius: 20px 20px 0 0;\r\n  position: relative;\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n.enroll-modal-head::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 340px; height: 340px;\r\n  background: radial-gradient(circle, rgba(100,80,255,0.25), transparent 65%);\r\n  border-radius: 50%;\r\n  top: -120px; left: -80px;\r\n  pointer-events: none;\r\n}\r\n.enroll-modal-head::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 280px; height: 280px;\r\n  background: radial-gradient(circle, rgba(232,38,45,0.15), transparent 65%);\r\n  border-radius: 50%;\r\n  bottom: -80px; right: -60px;\r\n  pointer-events: none;\r\n}\r\n.enroll-modal-close {\r\n  position: absolute;\r\n  top: 16px; right: 16px;\r\n  width: 34px; height: 34px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.15);\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  color: white;\r\n  display: grid;\r\n  place-items: center;\r\n  cursor: pointer;\r\n  transition: background 0.2s, transform 0.2s;\r\n  z-index: 2;\r\n}\r\n.enroll-modal-close:hover {\r\n  background: rgba(255,255,255,0.25);\r\n  transform: rotate(90deg);\r\n}\r\n.enroll-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  background: var(--ignite-red);\r\n  color: white;\r\n  font-family: var(--font-display);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  padding: 6px 18px;\r\n  border-radius: 999px;\r\n  margin-bottom: 18px;\r\n  position: relative;\r\n  z-index: 2;\r\n  box-shadow: 0 4px 16px rgba(232,38,45,0.45);\r\n}\r\n.enroll-modal-head h2 {\r\n  color: white;\r\n  font-size: clamp(22px, 4vw, 28px);\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  margin: 0 0 10px;\r\n  position: relative;\r\n  z-index: 2;\r\n  letter-spacing: -0.01em;\r\n}\r\n.enroll-modal-head p {\r\n  color: rgba(255,255,255,0.72);\r\n  font-size: 14px;\r\n  margin: 0 0 22px;\r\n  position: relative;\r\n  z-index: 2;\r\n  line-height: 1.5;\r\n}\r\n.enroll-trust-badges {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n.enroll-trust-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  color: rgba(255,255,255,0.9);\r\n  font-family: var(--font-display);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n}\r\n.enroll-trust-badge svg { color: #4caf50; flex-shrink: 0; }\r\n\r\n\/* ---- Form body ---- *\/\r\n.enroll-modal-body {\r\n  background: white;\r\n  padding: 32px;\r\n  border-radius: 0 0 20px 20px;\r\n}\r\n.enroll-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }\r\n.enroll-form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 0; }\r\n.enroll-form-group.full { margin-bottom: 16px; }\r\n.enroll-form-group label {\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  color: #444;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 3px;\r\n}\r\n.enroll-form-group label .req { color: var(--ignite-red); }\r\n.enroll-form-group input,\r\n.enroll-form-group select {\r\n  border: 1.5px solid #e5e5ec;\r\n  border-radius: 10px;\r\n  padding: 13px 16px;\r\n  font-size: 14px;\r\n  color: #1a1a1a;\r\n  background: #f9f9fc;\r\n  outline: none;\r\n  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;\r\n  font-family: inherit;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  appearance: none;\r\n}\r\n.enroll-form-group select {\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 14px center;\r\n  background-color: #f9f9fc;\r\n  padding-right: 40px;\r\n  cursor: pointer;\r\n}\r\n.enroll-form-group input:focus,\r\n.enroll-form-group select:focus {\r\n  border-color: #6C63FF;\r\n  background: white;\r\n  box-shadow: 0 0 0 3px rgba(108,99,255,0.1);\r\n}\r\n.enroll-form-group input::placeholder { color: #bbb; }\r\n.enroll-submit-btn {\r\n  width: 100%;\r\n  background: var(--ignite-red);\r\n  color: white;\r\n  border: none;\r\n  border-radius: 12px;\r\n  padding: 17px 24px;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;\r\n  letter-spacing: 0.02em;\r\n  font-family: inherit;\r\n  box-shadow: 0 8px 24px rgba(232,38,45,0.35);\r\n  margin-top: 20px;\r\n  margin-bottom: 14px;\r\n}\r\n.enroll-submit-btn:hover {\r\n  background: var(--ignite-red-dark);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 32px rgba(232,38,45,0.45);\r\n}\r\n.enroll-submit-btn:active { transform: translateY(0); }\r\n.enroll-secure-note {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n  font-size: 12px;\r\n  color: #aaa;\r\n  font-weight: 500;\r\n  text-align: center;\r\n}\r\n.enroll-secure-note svg { color: #6C63FF; flex-shrink: 0; }\r\n\r\n\/* Success state *\/\r\n.enroll-success {\r\n  display: none;\r\n  text-align: center;\r\n  padding: 40px 32px;\r\n}\r\n.enroll-success-icon {\r\n  width: 72px; height: 72px;\r\n  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 20px;\r\n  box-shadow: 0 8px 20px rgba(46,125,50,0.2);\r\n}\r\n.enroll-success h3 { font-size: 24px; font-weight: 800; color: var(--career-navy); margin-bottom: 10px; }\r\n.enroll-success p { font-size: 15px; color: var(--steel-grey); max-width: 380px; margin: 0 auto 24px; line-height: 1.6; }\r\n.enroll-success-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\r\n\r\n@media (max-width: 580px) {\r\n  .enroll-modal-head { padding: 28px 22px 26px; }\r\n  .enroll-modal-body { padding: 24px 20px 28px; }\r\n  .enroll-form-row { grid-template-columns: 1fr; gap: 14px; }\r\n  .enroll-trust-badges { gap: 12px; }\r\n  .enroll-trust-badge { font-size: 12px; }\r\n}\r\n\r\n\/* ---- Responsive cascade ---- *\/\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 768px) {\r\n  .enroll-modal-overlay { padding: 16px; }\r\n  .enroll-modal { width: min(540px, 100%); }\r\n}\r\n\r\n\/* Large phone *\/\r\n@media (max-width: 580px) {\r\n  .enroll-modal-overlay { padding: 12px; }\r\n  .enroll-modal { border-radius: 16px; }\r\n  .enroll-modal-head {\r\n    padding: 28px 22px 24px;\r\n    border-radius: 16px 16px 0 0;\r\n  }\r\n  .enroll-modal-head h2 { font-size: 22px; margin-bottom: 8px; }\r\n  .enroll-modal-head p { font-size: 13px; margin-bottom: 18px; }\r\n  .enroll-modal-close { top: 12px; right: 12px; width: 32px; height: 32px; }\r\n  .enroll-badge { font-size: 11px; padding: 6px 16px; margin-bottom: 16px; }\r\n  .enroll-modal-body {\r\n    padding: 24px 20px 26px;\r\n    border-radius: 0 0 16px 16px;\r\n  }\r\n  .enroll-form-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n    margin-bottom: 14px;\r\n  }\r\n  .enroll-form-group.full { margin-bottom: 14px; }\r\n  .enroll-form-group input,\r\n  .enroll-form-group select { padding: 12px 14px; font-size: 14px; }\r\n  .enroll-submit-btn {\r\n    padding: 15px 20px;\r\n    font-size: 15px;\r\n    margin-top: 18px;\r\n  }\r\n  .enroll-trust-badges { gap: 16px; }\r\n  .enroll-trust-badge { font-size: 12px; }\r\n}\r\n\r\n\/* Small phone *\/\r\n@media (max-width: 420px) {\r\n  .enroll-modal-overlay { padding: 8px; }\r\n  .enroll-modal-head { padding: 24px 18px 22px; }\r\n  .enroll-modal-head h2 { font-size: 20px; line-height: 1.25; }\r\n  .enroll-modal-head p { font-size: 12.5px; margin-bottom: 16px; }\r\n  .enroll-modal-body { padding: 22px 16px 24px; }\r\n  .enroll-form-group label { font-size: 10.5px; }\r\n  .enroll-form-group input,\r\n  .enroll-form-group select { padding: 11px 13px; font-size: 13.5px; }\r\n  .enroll-submit-btn { padding: 14px 16px; font-size: 14px; }\r\n  .enroll-trust-badges {\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n  .enroll-secure-note { font-size: 11.5px; }\r\n}\r\n\r\n\/* Tiny phone *\/\r\n@media (max-width: 340px) {\r\n  .enroll-modal-head { padding: 22px 14px 20px; }\r\n  .enroll-modal-head h2 { font-size: 18px; }\r\n  .enroll-modal-body { padding: 20px 14px 22px; }\r\n}\r\n\r\n\/* Short landscape phones \u2014 keep modal usable when height is limited *\/\r\n@media (max-height: 620px) and (orientation: landscape) {\r\n  .enroll-modal { max-height: 96vh; }\r\n  .enroll-modal-head { padding: 20px 24px 18px; }\r\n  .enroll-modal-head h2 { font-size: 20px; margin-bottom: 6px; }\r\n  .enroll-modal-head p { font-size: 12px; margin-bottom: 14px; }\r\n  .enroll-badge { margin-bottom: 12px; }\r\n  .enroll-trust-badges { gap: 14px; }\r\n  .enroll-modal-body { padding: 20px 24px; }\r\n  .enroll-submit-btn { margin-top: 14px; padding: 14px; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n<div class=\"nav-overlay\" id=\"navOverlay\"><\/div>\r\n<header class=\"hero\">\r\n  <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/07\/about-us-banner-1.jpeg\" alt=\"About Us \u2014 Your Trusted IT Training Partner. We help students transform their passion into successful careers through advanced IT education and hands-on experience.\" \/>\r\n<\/header>\r\n\r\n<!-- ============================================================\r\n     STATS STRIP\r\n============================================================ -->\r\n<section class=\"stats-strip\" id=\"statsStrip\">\r\n  <div class=\"container\">\r\n    <div class=\"stat\">\r\n      <span class=\"num\"><span class=\"count\" data-target=\"40\">0<\/span><span class=\"small\">+<\/span><\/span>\r\n      <span class=\"label\">Industry-aligned courses<\/span>\r\n    <\/div>\r\n    <div class=\"stat\">\r\n      <span class=\"num\"><span class=\"count\" data-target=\"100\">0<\/span><span class=\"small\">%<\/span><\/span>\r\n      <span class=\"label\">Placement support<\/span>\r\n    <\/div>\r\n    <div class=\"stat\">\r\n      <span class=\"num\">1<span class=\"small\">:1<\/span><\/span>\r\n      <span class=\"label\">Mentorship model<\/span>\r\n    <\/div>\r\n    <div class=\"stat\">\r\n      <span class=\"num\">Hyd<span class=\"small\">.<\/span><\/span>\r\n      <span class=\"label\">Ameerpet \u00b7 India<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     MARQUEE \u2014 Course chips\r\n============================================================ -->\r\n<div class=\"marquee\" id=\"marquee\">\r\n  <div class=\"marquee-track\" id=\"marqueeTrack\">\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Tosca Training<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Playwright Automation<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Selenium<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Data Science<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Generative AI<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Cyber Security<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Azure Data Engineering<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>UI\/UX Design<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Power BI &amp; Power Apps<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Salesforce CRM<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>DevOps Multi-Cloud<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Snowflake<\/span>\r\n    <!-- Duplicated for seamless scroll -->\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Tosca Training<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Playwright Automation<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Selenium<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Data Science<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Generative AI<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Cyber Security<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Azure Data Engineering<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>UI\/UX Design<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Power BI &amp; Power Apps<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Salesforce CRM<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>DevOps Multi-Cloud<\/span>\r\n    <span class=\"chip\"><span class=\"dot\"><\/span>Snowflake<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============================================================\r\n     ABOUT NEXT IT CAREER \u2014 Two column\r\n============================================================ -->\r\n<section id=\"about\">\r\n  <div class=\"container\">\r\n    <div class=\"about-grid\">\r\n      <!-- Visual \/ image card -->\r\n      <div class=\"about-visual fade-in\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/07\/who-we-are-scaled-1.jpeg\" alt=\"Best Tosca training in Hyderabad \u2014 Next IT Career classroom\" \/>\r\n        <div class=\"badge\">\r\n          <span class=\"pulse\"><\/span>\r\n          Admissions Open\r\n        <\/div>\r\n        <div class=\"frame-deco\">\r\n          <div class=\"quote\">Best Software Coaching Center in Hyderabad.<\/div>\r\n          <div class=\"quote-by\">\u2014 Built for real recruiters, real tests, real offers.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Body copy -->\r\n      <div class=\"about-body fade-in\">\r\n        <span class=\"section-tag\">Who We Are<\/span>\r\n        <h2>About Next IT Career<\/h2>\r\n\r\n        <p style=\"margin-top: var(--r3);\">\r\n          <strong>Next IT Career<\/strong> \u2014 <strong>Best Software Coaching Center in Hyderabad<\/strong>.\r\n          <a href=\"https:\/\/www.nextitcareer.com\/what-are-the-career-options-in-cybersecurity\/\">Corporate training<\/a>\r\n          is a function of human resource management that aims to provide the organization's employees with the knowledge and skills required to be successful. In turn, the growth of employees also contributes to the success of the business.\r\n        <\/p>\r\n\r\n        <p>\r\n          In recent years, it's also seen as a long-term strategic assignment rather than a cost center for the organization. The majority of companies have embraced 'continual learning' in it to promote employee growth both professionally and personally and acquire a highly skilled workforce as a result.\r\n        <\/p>\r\n\r\n        <p>\r\n          It helps achieve the effectiveness of training by tapping the in-house training facilities as well as external training sources externally in a balanced manner to develop faculty support in all disciplines and at all levels.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     COURSE COMPLETION CERTIFICATE\r\n============================================================ -->\r\n<section class=\"cert-section\">\r\n  <div class=\"container\">\r\n    <div class=\"cert-grid\">\r\n      <!-- Cert card \u2014 actual Next IT Career certificate -->\r\n      <div class=\"cert-card fade-in\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/07\/certificate-1-1.jpeg\" alt=\"Next IT Career \u2014 Certificate of Completion. Celebrating 7 Years. Moving minds to right place.\" \/>\r\n        <div class=\"cert-caption\">Course Completion Certificate \u00b7 Sample<\/div>\r\n      <\/div>\r\n\r\n      <!-- Cert intro -->\r\n      <div class=\"fade-in\">\r\n        <span class=\"section-tag\">What You Walk Away With<\/span>\r\n        <h2>Course Completion Certificate.<\/h2>\r\n        <p style=\"margin-top: var(--r3); font-size: 17px; color: var(--steel-grey);\">\r\n          When you finish one of our courses, you'll receive a course completion certificate that will demonstrate to prospective employers your proficiency in real-world scenarios.\r\n        <\/p>\r\n        <ul style=\"margin-top: var(--r4); list-style: none; display: grid; gap: var(--r2);\">\r\n          <li style=\"display: flex; gap: var(--r2); align-items: flex-start;\">\r\n            <span style=\"flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--red-soft); display: inline-flex; align-items: center; justify-content: center;\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8262D\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/span>\r\n            <span><strong style=\"color: var(--career-navy);\">Recognised proficiency<\/strong> in industry tools and frameworks.<\/span>\r\n          <\/li>\r\n          <li style=\"display: flex; gap: var(--r2); align-items: flex-start;\">\r\n            <span style=\"flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--red-soft); display: inline-flex; align-items: center; justify-content: center;\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8262D\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/span>\r\n            <span><strong style=\"color: var(--career-navy);\">Portfolio-ready projects<\/strong> to showcase in interviews.<\/span>\r\n          <\/li>\r\n          <li style=\"display: flex; gap: var(--r2); align-items: flex-start;\">\r\n            <span style=\"flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--red-soft); display: inline-flex; align-items: center; justify-content: center;\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E8262D\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/span>\r\n            <span><strong style=\"color: var(--career-navy);\">Placement support<\/strong> until you land the role.<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     WHY NEXT IT CAREER \u2014 Card grid\r\n============================================================ -->\r\n<section>\r\n  <div class=\"container\">\r\n    <div class=\"section-intro fade-in\">\r\n      <span class=\"section-tag\">Why Choose Us<\/span>\r\n      <h2>Why Next IT Career?<\/h2>\r\n      <p>Four reasons learners and recruiters trust us with the next chapter of an IT career.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-grid\">\r\n      <article class=\"why-card fade-in\">\r\n        <div class=\"num\">01 \/ CURRICULUM<\/div>\r\n        <div class=\"icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/>\r\n            <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Basics to Advanced \u2014 End to End<\/h3>\r\n        <p>At Next IT Career, we provide Best Software Coaching Center in Hyderabad that covers everything from the basics to more advanced topics.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"why-card fade-in\">\r\n        <div class=\"num\">02 \/ TRAINERS<\/div>\r\n        <div class=\"icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n            <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Certified Professionals at the Helm<\/h3>\r\n        <p>Our trainers are certified professionals with best experience in the field, so you can be confident you're receiving quality instruction.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"why-card fade-in\">\r\n        <div class=\"num\">03 \/ PLACEMENTS<\/div>\r\n        <div class=\"icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/>\r\n            <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Placement Training That Lands Offers<\/h3>\r\n        <p>In addition, we offer placement training to help you secure a position in a top company.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"why-card fade-in\">\r\n        <div class=\"num\">04 \/ CERTIFICATE<\/div>\r\n        <div class=\"icon-wrap\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"8\" r=\"6\"\/>\r\n            <path d=\"M15.5 12.5L17 22l-5-3-5 3 1.5-9.5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Proof of Real-World Proficiency<\/h3>\r\n        <p>When you finish one of our courses, you'll receive a course completion certificate that will demonstrate to prospective employers your proficiency in real-world scenarios.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     JOURNEY FLOWCHART\r\n============================================================ -->\r\n<section class=\"journey-section\">\r\n  <div class=\"container\">\r\n    <div class=\"section-intro fade-in\">\r\n      <span class=\"section-tag\">Your Path<\/span>\r\n      <h2>From Enrolment to Offer Letter.<\/h2>\r\n      <p>A clear, guided journey \u2014 mentors, peer cohorts, and placement support walk with you through every milestone.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"journey\">\r\n      <div class=\"journey-step fade-in\">\r\n        <div class=\"step-num\">1<\/div>\r\n        <h4>Enrol &amp; Onboard<\/h4>\r\n        <p>Pick a course aligned with industry hiring stacks and join your cohort.<\/p>\r\n      <\/div>\r\n      <div class=\"journey-step fade-in\">\r\n        <div class=\"step-num\">2<\/div>\r\n        <h4>Learn the Stack<\/h4>\r\n        <p>Hands-on training on the tools and frameworks recruiters actually test on.<\/p>\r\n      <\/div>\r\n      <div class=\"journey-step fade-in\">\r\n        <div class=\"step-num\">3<\/div>\r\n        <h4>Build &amp; Certify<\/h4>\r\n        <p>Complete real projects and earn a course completion certificate.<\/p>\r\n      <\/div>\r\n      <div class=\"journey-step fade-in\">\r\n        <div class=\"step-num\">4<\/div>\r\n        <h4>Interview &amp; Place<\/h4>\r\n        <p>Placement support, mock interviews, and recruiter intros until you land the role.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     CALLOUT \u2014 Image + CTA\r\n============================================================ -->\r\n<section class=\"callout-section\">\r\n  <div class=\"container\">\r\n    <div class=\"callout fade-in\">\r\n      <div class=\"img-side\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/07\/cta.jpeg\" alt=\"Testing tools online training in Hyderabad \u2014 Next IT Career\" \/>\r\n      <\/div>\r\n      <div class=\"text-side\">\r\n        <span class=\"tag\">Admissions Open<\/span>\r\n        <h2>To know more details about our courses, contact us.<\/h2>\r\n        <p>Speak to a counsellor about the right track for your goals \u2014 testing, automation, data, cloud, design, or AI.<\/p>\r\n        <a href=\"https:\/\/wa.me\/917995138210\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary\">\r\n          Contact Us\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ======= ENROLL NOW MODAL ======= -->\r\n<div class=\"enroll-modal-overlay\" id=\"enrollModal\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Book Free Demo\">\r\n  <div class=\"enroll-modal\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"enroll-modal-head\">\r\n      <button class=\"enroll-modal-close\" id=\"enrollModalClose\" aria-label=\"Close\">\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"enroll-badge\">\r\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n        100% Free\r\n      <\/div>\r\n\r\n      <h2>Book Your Free Demo Class<\/h2>\r\n      <p>Fill in your details \u2014 our team will contact you within 24 hours<\/p>\r\n\r\n      <div class=\"enroll-trust-badges\">\r\n        <span class=\"enroll-trust-badge\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\"\/><\/svg>\r\n          No Commitment\r\n        <\/span>\r\n        <span class=\"enroll-trust-badge\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\"\/><\/svg>\r\n          Expert Trainer\r\n        <\/span>\r\n        <span class=\"enroll-trust-badge\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\"\/><\/svg>\r\n          Live Session\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Form body -->\r\n    <div class=\"enroll-modal-body\">\r\n      <div id=\"enrollForm\">\r\n\r\n        <div class=\"enroll-form-row\">\r\n          <div class=\"enroll-form-group\">\r\n            <label>Full Name <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"ef-name\" placeholder=\"Your full name\">\r\n          <\/div>\r\n          <div class=\"enroll-form-group\">\r\n            <label>Phone Number <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"tel\" id=\"ef-phone\" placeholder=\"+91 XXXXX XXXXX\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"enroll-form-group full\">\r\n          <label>Email Address <span class=\"req\">*<\/span><\/label>\r\n          <input type=\"email\" id=\"ef-email\" placeholder=\"your@email.com\">\r\n        <\/div>\r\n\r\n        <div class=\"enroll-form-row\">\r\n          <div class=\"enroll-form-group\">\r\n            <label>Preferred Mode<\/label>\r\n            <select id=\"ef-mode\">\r\n              <option value=\"\" disabled selected>Select Mode<\/option>\r\n              <option>Classroom<\/option>\r\n              <option>Online<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"enroll-form-group\">\r\n            <label>Course Name<\/label>\r\n            <select id=\"ef-course\">\r\n              <option value=\"\" disabled selected>Select Course<\/option>\r\n              <option>Tosca Training<\/option>\r\n              <option>Selenium Training<\/option>\r\n              <option>Selenium Online Training<\/option>\r\n              <option>Playwright Automation Training<\/option>\r\n              <option>Manual Testing Training<\/option>\r\n              <option>Performance Testing Training<\/option>\r\n              <option>ETL Testing Training<\/option>\r\n              <option>Best API Testing Training<\/option>\r\n              <option>JMeter Testing Training<\/option>\r\n              <option>Load Runner Testing Training<\/option>\r\n              <option>Neo Load Testing Training<\/option>\r\n              <option>Devops Training<\/option>\r\n              <option>Data Analytics Course<\/option>\r\n              <option>CRT Training<\/option>\r\n              <option>Azure Data Engineering<\/option>\r\n              <option>Data Science Course<\/option>\r\n              <option>Cyber Security Course<\/option>\r\n              <option>Power BI Course<\/option>\r\n              <option>Generative AI Training<\/option>\r\n              <option>UI UX Design Course<\/option>\r\n              <option>Azure DevOps Training<\/option>\r\n              <option>Salesforce CRM<\/option>\r\n              <option>Microsoft Power Apps Training<\/option>\r\n              <option>Devops with Multi Cloud Training<\/option>\r\n              <option>GCP Data Engineering Training<\/option>\r\n              <option>Snowflake Training<\/option>\r\n              <option>ServiceNow Course<\/option>\r\n              <option>Microsoft Fabric Training<\/option>\r\n              <option>Cypress Training<\/option>\r\n              <option>DevSecOps with Multi-Cloud<\/option>\r\n              <option>AWS Devops Training<\/option>\r\n              <option>MLOPS Training<\/option>\r\n              <option>Workday HCM Training<\/option>\r\n              <option>Python Full Stack<\/option>\r\n              <option>Java Full Stack<\/option>\r\n              <option>Medical Coding<\/option>\r\n              <option>SOC Analyst<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"enroll-submit-btn\" onclick=\"submitEnrollForm()\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\r\n          Book My Free Demo Now\r\n        <\/button>\r\n\r\n        <p class=\"enroll-secure-note\">\r\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          Your information is 100% secure and will never be shared.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- Success State -->\r\n      <div class=\"enroll-success\" id=\"enrollSuccess\">\r\n        <div class=\"enroll-success-icon\">\r\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2e7d32\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n        <\/div>\r\n        <h3>You're All Set! \ud83c\udf89<\/h3>\r\n        <p>Our admissions counsellor will call you within 30 minutes. Get ready to start your IT career journey!<\/p>\r\n        <div class=\"enroll-success-actions\">\r\n          <a href=\"https:\/\/wa.me\/917995138210\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-secondary\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.5 14.4c-.3-.1-1.7-.8-2-.9-.3-.1-.5-.2-.7.1l-1 1.3c-.2.2-.4.3-.7.1-.3-.2-1.3-.5-2.5-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6.1-.1.3-.3.4-.5.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5 0-.1-.7-1.7-1-2.3-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.4 0 1.4 1 2.8 1.2 3 .1.2 2 3.1 4.9 4.4 2.9 1.2 2.9.8 3.4.8.5-.1 1.7-.7 1.9-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.6-.3zM12 2C6.5 2 2 6.5 2 12c0 1.8.5 3.5 1.3 4.9L2 22l5.2-1.4c1.4.8 3 1.2 4.8 1.2 5.5 0 10-4.5 10-10S17.5 2 12 2z\"\/><\/svg>\r\n            WhatsApp Us\r\n          <\/a>\r\n          <button onclick=\"closeEnrollModal()\" class=\"btn\" style=\"background:var(--canvas);color:var(--career-navy);\">Close<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/* =============== Footer accordion =============== *\/\r\n  function toggleAcc(btn) {\r\n    const item   = btn.closest('.f-acc-item');\r\n    const isOpen = item.classList.contains('open');\r\n    document.querySelectorAll('.f-acc-item.open').forEach(i => i.classList.remove('open'));\r\n    if (!isOpen) item.classList.add('open');\r\n  }\r\n\r\n  \/* =============== Reveal-on-scroll =============== *\/\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(e => {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('visible');\r\n        observer.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\r\n\r\n  \/* =============== Stats strip \u2014 reveal + count-up =============== *\/\r\n  (function setupStats() {\r\n    const strip = document.getElementById('statsStrip');\r\n    if (!strip) return;\r\n\r\n    function countUp(el) {\r\n      const target = parseInt(el.dataset.target, 10);\r\n      const duration = 1400;\r\n      const start = performance.now();\r\n      function tick(now) {\r\n        const progress = Math.min((now - start) \/ duration, 1);\r\n        \/\/ ease-out cubic\r\n        const eased = 1 - Math.pow(1 - progress, 3);\r\n        el.textContent = Math.round(target * eased);\r\n        if (progress < 1) requestAnimationFrame(tick);\r\n        else el.textContent = target;\r\n      }\r\n      requestAnimationFrame(tick);\r\n    }\r\n\r\n    const statsObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(e => {\r\n        if (e.isIntersecting) {\r\n          strip.classList.add('visible');\r\n          strip.querySelectorAll('.count').forEach(countUp);\r\n          statsObserver.unobserve(strip);\r\n        }\r\n      });\r\n    }, { threshold: 0.4 });\r\n    statsObserver.observe(strip);\r\n  })();\r\n\r\n  \/* =============== Marquee: drag + auto-scroll =============== *\/\r\n  (function setupMarquee() {\r\n    const marquee = document.getElementById('marquee');\r\n    const track = document.getElementById('marqueeTrack');\r\n    if (!marquee || !track) return;\r\n\r\n    let isDown = false;\r\n    let startX = 0;\r\n    let scrollOffset = 0;        \/\/ current drag-induced offset (px)\r\n    let dragMoved = 0;            \/\/ distance moved during current drag\r\n    let resumeTimer = null;\r\n\r\n    function getTrackWidth() {\r\n      \/\/ Track has duplicated content; one \"loop\" is half its width\r\n      return track.scrollWidth \/ 2;\r\n    }\r\n\r\n    function pause() {\r\n      marquee.classList.add('paused');\r\n      \/\/ Capture the current animated transform so we can take over from where it is\r\n      const computed = getComputedStyle(track).transform;\r\n      if (computed && computed !== 'none') {\r\n        const m = new DOMMatrixReadOnly(computed);\r\n        scrollOffset = m.m41;\r\n      }\r\n      track.style.animation = 'none';\r\n      track.style.transform = `translateX(${scrollOffset}px)`;\r\n    }\r\n\r\n    function resume() {\r\n      \/\/ Restart auto-scroll from the current offset\r\n      \/\/ Use a CSS custom translate so animation continues smoothly\r\n      track.style.transform = '';\r\n      track.style.animation = '';\r\n      marquee.classList.remove('paused');\r\n    }\r\n\r\n    function onDown(clientX) {\r\n      isDown = true;\r\n      dragMoved = 0;\r\n      pause();\r\n      startX = clientX;\r\n      marquee.classList.add('dragging');\r\n      clearTimeout(resumeTimer);\r\n    }\r\n\r\n    function onMove(clientX) {\r\n      if (!isDown) return;\r\n      const dx = clientX - startX;\r\n      dragMoved = Math.abs(dx);\r\n      let next = scrollOffset + dx;\r\n      const loopWidth = getTrackWidth();\r\n      \/\/ Wrap so it loops infinitely in both directions\r\n      if (next > 0) next -= loopWidth;\r\n      if (next < -loopWidth) next += loopWidth;\r\n      track.style.transform = `translateX(${next}px)`;\r\n    }\r\n\r\n    function onUp(clientX) {\r\n      if (!isDown) return;\r\n      isDown = false;\r\n      const dx = (clientX ?? startX) - startX;\r\n      scrollOffset += dx;\r\n      const loopWidth = getTrackWidth();\r\n      if (scrollOffset > 0) scrollOffset -= loopWidth;\r\n      if (scrollOffset < -loopWidth) scrollOffset += loopWidth;\r\n      track.style.transform = `translateX(${scrollOffset}px)`;\r\n      marquee.classList.remove('dragging');\r\n      \/\/ Resume auto-scroll after a short pause\r\n      resumeTimer = setTimeout(resume, 1200);\r\n    }\r\n\r\n    \/\/ Mouse\r\n    marquee.addEventListener('mousedown', (e) => onDown(e.clientX));\r\n    window.addEventListener('mousemove', (e) => onMove(e.clientX));\r\n    window.addEventListener('mouseup', (e) => onUp(e.clientX));\r\n\r\n    \/\/ Touch\r\n    marquee.addEventListener('touchstart', (e) => onDown(e.touches[0].clientX), { passive: true });\r\n    marquee.addEventListener('touchmove', (e) => onMove(e.touches[0].clientX), { passive: true });\r\n    marquee.addEventListener('touchend', (e) => onUp(e.changedTouches[0]?.clientX));\r\n\r\n    \/\/ Prevent text selection while dragging\r\n    marquee.addEventListener('dragstart', (e) => e.preventDefault());\r\n  })();\r\n  \/\/ ===== ENROLL NOW MODAL =====\r\n  (function() {\r\n    const overlay  = document.getElementById('enrollModal');\r\n    const closeBtn = document.getElementById('enrollModalClose');\r\n    if (!overlay || !closeBtn) return;\r\n\r\n    window.openEnrollModal = function() {\r\n      overlay.classList.add('open');\r\n      overlay.setAttribute('aria-hidden', 'false');\r\n      document.body.style.overflow = 'hidden';\r\n      closeBtn.focus();\r\n    };\r\n    window.closeEnrollModal = function() {\r\n      overlay.classList.remove('open');\r\n      overlay.setAttribute('aria-hidden', 'true');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    \/\/ All .btn-enroll clicks \u2192 open modal\r\n    document.querySelectorAll('.btn-enroll').forEach(el => {\r\n      el.addEventListener('click', e => { e.preventDefault(); openEnrollModal(); });\r\n    });\r\n\r\n    closeBtn.addEventListener('click', closeEnrollModal);\r\n    overlay.addEventListener('click', e => { if (e.target === overlay) closeEnrollModal(); });\r\n    document.addEventListener('keydown', e => {\r\n      if (e.key === 'Escape' && overlay.classList.contains('open')) closeEnrollModal();\r\n    });\r\n  })();\r\n\r\n  \/\/ Submit \u2014 only Name, Phone, Email required; Mode & Course optional\r\n  window.submitEnrollForm = function() {\r\n    const name  = document.getElementById('ef-name').value.trim();\r\n    const phone = document.getElementById('ef-phone').value.trim();\r\n    const email = document.getElementById('ef-email').value.trim();\r\n\r\n    ['ef-name','ef-phone','ef-email'].forEach(id => {\r\n      const val = document.getElementById(id).value.trim();\r\n      document.getElementById(id).style.borderColor = val ? '' : 'var(--ignite-red)';\r\n    });\r\n\r\n    if (!name || !phone || !email) return;\r\n\r\n    document.getElementById('enrollForm').style.display  = 'none';\r\n    document.getElementById('enrollSuccess').style.display = 'block';\r\n  };\r\n\r\n  \/* =============== Mobile menu toggle =============== *\/\r\n  (function setupMobileMenu() {\r\n    const toggle  = document.getElementById('menuToggle');\r\n    const nav     = document.getElementById('primaryNav');\r\n    const overlay = document.getElementById('navOverlay');\r\n    if (!toggle || !nav || !overlay) return;\r\n\r\n    function openMenu() {\r\n      nav.classList.add('open');\r\n      overlay.classList.add('open');\r\n      toggle.setAttribute('aria-expanded', 'true');\r\n      document.body.style.overflow = 'hidden';\r\n    }\r\n    function closeMenu() {\r\n      nav.classList.remove('open');\r\n      overlay.classList.remove('open');\r\n      toggle.setAttribute('aria-expanded', 'false');\r\n      document.body.style.overflow = '';\r\n    }\r\n\r\n    toggle.addEventListener('click', () => {\r\n      nav.classList.contains('open') ? closeMenu() : openMenu();\r\n    });\r\n    overlay.addEventListener('click', closeMenu);\r\n    nav.querySelectorAll('a').forEach(a => a.addEventListener('click', closeMenu));\r\n    document.addEventListener('keydown', e => {\r\n      if (e.key === 'Escape' && nav.classList.contains('open')) closeMenu();\r\n    });\r\n    window.addEventListener('resize', () => {\r\n      if (window.innerWidth > 900) closeMenu();\r\n    });\r\n  })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Best Software Coaching Center in Hyderabad | Next IT Career 0+ Industry-aligned courses 0% Placement support 1:1 Mentorship model Hyd. Ameerpet \u00b7 India Tosca Training Playwright Automation Selenium Data Science Generative AI Cyber Security Azure Data Engineering UI\/UX Design Power BI &amp; Power Apps Salesforce CRM DevOps Multi-Cloud Snowflake Tosca Training Playwright Automation Selenium Data [&hellip;]<\/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-71","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":10,"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/pages\/71\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}