{"id":32,"date":"2026-07-08T08:57:41","date_gmt":"2026-07-08T08:57:41","guid":{"rendered":"https:\/\/emblixtestingserver.com\/nextitcareer\/?page_id=32"},"modified":"2026-08-13T12:32:00","modified_gmt":"2026-08-13T12:32:00","slug":"best-java-full-stack-training-in-hyderabad","status":"publish","type":"page","link":"https:\/\/emblixtestingserver.com\/nextitcareer\/best-java-full-stack-training-in-hyderabad\/","title":{"rendered":"best java full stack training in hyderabad"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\r\nJava Full Stack Training in Hyderabad | Fullstack Developer Course<\/title>\r\n<meta name=\"description\" content=\"Join the best Java Full Stack training in Hyderabad. Master front-end and back-end technologies with expert-led courses and hands-on projects. Enroll today!\" \/>\r\n<meta name=\"keywords\" content=\"Java Full Stack Training, Java Full Stack Course Hyderabad, Java Spring Boot Course, Fullstack Developer Course, Java Training Hyderabad\" \/>\r\n<meta name=\"author\" content=\"Next IT Career\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\" \/>\r\n\r\n<!-- Canonical -->\r\n<link rel=\"canonical\" href=\"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/\" \/>\r\n\r\n<!-- Open Graph -->\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Java Full Stack Training in Hyderabad | Fullstack Developer Course\" \/>\r\n<meta property=\"og:description\" content=\"Join the best Java Full Stack training in Hyderabad. Master front-end and back-end technologies with expert-led courses and hands-on projects. Enroll today!\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/java-training.jpg\" \/>\r\n<meta property=\"og:image:width\" content=\"380\" \/>\r\n<meta property=\"og:image:height\" content=\"253\" \/>\r\n<meta property=\"og:image:alt\" content=\"Java Full Stack Training in Hyderabad\" \/>\r\n<meta property=\"og:site_name\" content=\"Next IT Career\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"article:modified_time\" content=\"2026-05-05T09:12:08+00:00\" \/>\r\n\r\n<!-- Twitter Card -->\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:title\" content=\"Java Full Stack Training in Hyderabad | Fullstack Developer Course\" \/>\r\n<meta name=\"twitter:description\" content=\"Join the best Java Full Stack training in Hyderabad. Master front-end and back-end technologies with expert-led courses and hands-on projects. Enroll today!\" \/>\r\n<meta name=\"twitter:image\" content=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/java-training.jpg\" \/>\r\n<meta name=\"twitter:site\" content=\"@NextITCareerr\" \/>\r\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\r\n<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\r\n\r\n<!-- Geo Meta -->\r\n<meta name=\"geo.region\" content=\"IN-TG\" \/>\r\n<meta name=\"geo.placename\" content=\"Hyderabad\" \/>\r\n<meta name=\"geo.position\" content=\"17.4374;78.4482\" \/>\r\n<meta name=\"ICBM\" content=\"17.4374, 78.4482\" \/>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Open+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"Organization\", \"@id\": \"https:\/\/www.nextitcareer.com\/#organization\",\r\n \"name\": \"Next IT Career\", \"alternateName\": \"Next IT Career Software Training Institute\",\r\n \"url\": \"https:\/\/www.nextitcareer.com\/\",\r\n \"logo\": { \"@type\": \"ImageObject\", \"@id\": \"https:\/\/www.nextitcareer.com\/#logo\",\r\n \"url\": \"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/Nextitcareer_logo-New-1a.png\",\r\n \"contentUrl\": \"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/Nextitcareer_logo-New-1a.png\", \"caption\": \"Next IT Career\" },\r\n \"image\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#logo\" },\r\n \"description\": \"Hyderabad-based software training institute delivering Java Full Stack, Python Full Stack, Data Science, Data Analytics, and cloud data engineering courses since 2014. Over 5,000 placed alumni and a 4.9-star Google rating.\",\r\n \"foundingDate\": \"2014\", \"email\": \"contact@nextitcareer.com\", \"telephone\": \"+91-7995138210\",\r\n \"contactPoint\": [\r\n { \"@type\": \"ContactPoint\", \"telephone\": \"+91-7995138210\", \"contactType\": \"customer service\", \"areaServed\": \"IN\", \"availableLanguage\": [\"English\", \"Telugu\", \"Hindi\"] },\r\n { \"@type\": \"ContactPoint\", \"telephone\": \"+91-9848066299\", \"contactType\": \"admissions\", \"areaServed\": \"IN\", \"availableLanguage\": [\"English\", \"Telugu\", \"Hindi\"] }\r\n ],\r\n \"sameAs\": [\r\n \"https:\/\/www.facebook.com\/nextitcareer\/\",\r\n \"https:\/\/www.linkedin.com\/company\/next-it-career-software-training-institute\/\",\r\n \"https:\/\/www.youtube.com\/@nextitcareer7674\",\r\n \"https:\/\/x.com\/NextITCareerr\",\r\n \"https:\/\/twitter.com\/next_it_career\",\r\n \"https:\/\/www.instagram.com\/next_it_career\/\"\r\n ]\r\n },\r\n {\r\n \"@type\": \"LocalBusiness\", \"@id\": \"https:\/\/www.nextitcareer.com\/#localbusiness\",\r\n \"name\": \"Next IT Career \u2014 Java Full Stack Training Institute\",\r\n \"image\": \"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/java-training.jpg\",\r\n \"url\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/\",\r\n \"telephone\": \"+91-7995138210\", \"email\": \"contact@nextitcareer.com\", \"priceRange\": \"\u20b9\u20b9\",\r\n \"address\": { \"@type\": \"PostalAddress\", \"streetAddress\": \"6TH Floor, Nilgiri Block, ADITYA ENCLAVE, 604\/B, Kumar Basti, Ameerpet\",\r\n \"addressLocality\": \"Hyderabad\", \"addressRegion\": \"Telangana\", \"postalCode\": \"500016\", \"addressCountry\": \"IN\" },\r\n \"geo\": { \"@type\": \"GeoCoordinates\", \"latitude\": 17.4374, \"longitude\": 78.4482 },\r\n \"hasMap\": \"https:\/\/maps.app.goo.gl\/YSuaXiJXdTpqZ4yD8\",\r\n \"openingHoursSpecification\": [{ \"@type\": \"OpeningHoursSpecification\",\r\n \"dayOfWeek\": [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\",\"Sunday\"], \"opens\": \"09:00\", \"closes\": \"21:00\" }],\r\n \"aggregateRating\": { \"@type\": \"AggregateRating\", \"ratingValue\": \"4.9\", \"reviewCount\": \"6586\", \"bestRating\": \"5\", \"worstRating\": \"1\" },\r\n \"areaServed\": [\r\n {\"@type\": \"City\", \"name\": \"Hyderabad\"}, {\"@type\": \"Place\", \"name\": \"Ameerpet\"},\r\n {\"@type\": \"Place\", \"name\": \"Miyapur\"}, {\"@type\": \"Place\", \"name\": \"Bachupally\"},\r\n {\"@type\": \"Place\", \"name\": \"KPHB\"}, {\"@type\": \"Place\", \"name\": \"Kukatpally\"}\r\n ],\r\n \"parentOrganization\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#organization\" }\r\n },\r\n {\r\n \"@type\": \"WebSite\", \"@id\": \"https:\/\/www.nextitcareer.com\/#website\",\r\n \"url\": \"https:\/\/www.nextitcareer.com\/\", \"name\": \"Next IT Career\",\r\n \"description\": \"Best software training institute in Hyderabad for Java Full Stack, Python Full Stack, Data Science, Data Analytics, and Generative AI.\",\r\n \"publisher\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#organization\" }, \"inLanguage\": \"en-IN\",\r\n \"potentialAction\": { \"@type\": \"SearchAction\",\r\n \"target\": { \"@type\": \"EntryPoint\", \"urlTemplate\": \"https:\/\/www.nextitcareer.com\/?s={search_term_string}\" },\r\n \"query-input\": \"required name=search_term_string\" }\r\n },\r\n {\r\n \"@type\": \"WebPage\", \"@id\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#webpage\",\r\n \"url\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/\",\r\n \"name\": \"Java Full Stack Training in Hyderabad | Fullstack Developer Course\",\r\n \"description\": \"Join the best Java Full Stack training in Hyderabad. Master front-end and back-end technologies with expert-led courses and hands-on projects. Enroll today!\",\r\n \"dateModified\": \"2026-05-05T09:12:08+00:00\", \"inLanguage\": \"en-IN\",\r\n \"isPartOf\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#website\" },\r\n \"about\": { \"@id\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#course\" },\r\n \"primaryImageOfPage\": { \"@type\": \"ImageObject\", \"url\": \"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/java-training.jpg\", \"width\": 380, \"height\": 253 },\r\n \"breadcrumb\": { \"@id\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#breadcrumb\" },\r\n \"speakable\": { \"@type\": \"SpeakableSpecification\", \"cssSelector\": [\".intro-body p\", \".pay-intro p\", \".faq-q\"] },\r\n \"author\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#organization\" },\r\n \"publisher\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#organization\" },\r\n \"mainEntity\": { \"@id\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#course\" }\r\n },\r\n {\r\n \"@type\": \"BreadcrumbList\", \"@id\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#breadcrumb\",\r\n \"itemListElement\": [\r\n { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\/\/www.nextitcareer.com\/\" },\r\n { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Courses\", \"item\": \"https:\/\/www.nextitcareer.com\/our-courses\/\" },\r\n { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Java Full Stack Training in Hyderabad\" }\r\n ]\r\n },\r\n {\r\n \"@type\": \"Course\", \"@id\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#course\",\r\n \"name\": \"Java Full Stack Training in Hyderabad\",\r\n \"description\": \"90-day Java Full Stack course in Hyderabad covering Java, JSP, Servlets, Spring, Spring Boot, REST APIs, and databases, with hands-on live projects and placement support.\",\r\n \"url\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/\",\r\n \"image\": \"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/java-training.jpg\",\r\n \"courseCode\": \"NIT-JAVAFS\", \"educationalLevel\": \"All Levels\",\r\n \"educationalCredentialAwarded\": \"Java Full Stack Course Completion Certificate by Next IT Career\",\r\n \"teaches\": [\"Java\", \"JSP\", \"Servlets\", \"Spring\", \"Spring Boot\", \"RESTful Web Services\", \"Hibernate\", \"SQL & Databases\", \"Angular\/React basics\"],\r\n \"timeRequired\": \"P90D\", \"inLanguage\": [\"en\", \"te\"],\r\n \"provider\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#organization\" },\r\n \"audience\": { \"@type\": \"EducationalAudience\", \"educationalRole\": \"student\",\r\n \"audienceType\": \"Freshers, Software Professionals, Career Switchers, Backend & Frontend Developers\" },\r\n \"offers\": { \"@type\": \"Offer\", \"category\": \"Paid\", \"priceCurrency\": \"INR\", \"availability\": \"https:\/\/schema.org\/InStock\",\r\n \"url\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/\" },\r\n \"hasCourseInstance\": [\r\n { \"@type\": \"CourseInstance\", \"courseMode\": \"Onsite\", \"courseWorkload\": \"PT100H\",\r\n \"location\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#localbusiness\" }, \"instructor\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#instructor\" } },\r\n { \"@type\": \"CourseInstance\", \"courseMode\": \"Online\", \"courseWorkload\": \"PT100H\", \"instructor\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#instructor\" } }\r\n ],\r\n \"aggregateRating\": { \"@type\": \"AggregateRating\", \"ratingValue\": \"4.9\", \"reviewCount\": \"6586\", \"bestRating\": \"5\", \"worstRating\": \"1\" },\r\n \"review\": [\r\n { \"@type\": \"Review\", \"author\": { \"@type\": \"Person\", \"name\": \"Srinu\" }, \"datePublished\": \"2025-12-15\",\r\n \"reviewBody\": \"Excellent Java Full Stack training experience at Next IT Career. The trainers explain every concept with real-time examples and the placement team genuinely supports you through interviews.\",\r\n \"reviewRating\": { \"@type\": \"Rating\", \"ratingValue\": \"5\", \"bestRating\": \"5\" } },\r\n { \"@type\": \"Review\", \"author\": { \"@type\": \"Person\", \"name\": \"Naveen\" }, \"datePublished\": \"2026-04-10\",\r\n \"reviewBody\": \"Highly recommend Next IT Career for Java Full Stack. The program covers everything \u2014 Spring, Spring Boot, Hibernate, REST APIs. Got placed within 6 weeks of completing the course.\",\r\n \"reviewRating\": { \"@type\": \"Rating\", \"ratingValue\": \"5\", \"bestRating\": \"5\" } },\r\n { \"@type\": \"Review\", \"author\": { \"@type\": \"Person\", \"name\": \"Ravi Kumar\" }, \"datePublished\": \"2026-05-12\",\r\n \"reviewBody\": \"Hands-on training was excellent. The trainers are patient and clear up doubts during live sessions and after class. Mock interviews and resume polishing gave me real confidence.\",\r\n \"reviewRating\": { \"@type\": \"Rating\", \"ratingValue\": \"5\", \"bestRating\": \"5\" } }\r\n ]\r\n },\r\n {\r\n \"@type\": \"Person\", \"@id\": \"https:\/\/www.nextitcareer.com\/#instructor\",\r\n \"name\": \"Next IT Career Java Full Stack Trainers\", \"jobTitle\": \"Lead Java Full Stack Trainer\",\r\n \"description\": \"Experienced full-stack trainers with industry background across Java, Spring Boot, and modern web development.\",\r\n \"worksFor\": { \"@id\": \"https:\/\/www.nextitcareer.com\/#organization\" },\r\n \"knowsAbout\": [\"Java\", \"Spring Boot\", \"Hibernate\", \"REST APIs\", \"SQL\", \"JSP & Servlets\"]\r\n },\r\n {\r\n \"@type\": \"FAQPage\", \"@id\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#faq\",\r\n \"mainEntity\": [\r\n { \"@type\": \"Question\", \"name\": \"Who can take Java Full Stack Training?\",\r\n \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"This course is meant for both freshers and experienced software professionals, as well as anyone interested in backend, frontend, or full-stack web development. No prior programming experience is required to get started.\" } },\r\n { \"@type\": \"Question\", \"name\": \"What are the benefits of learning the Java Full Stack Course?\",\r\n \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"After getting certified in our Java Full Stack course, you can expect to work in a better position within your company or land a new role, with strong pay \u2014 Java remains one of the most widely-used, in-demand languages for enterprise and web development.\" } },\r\n { \"@type\": \"Question\", \"name\": \"What do you learn in the Online Java Full Stack Training?\",\r\n \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Our Online Java Full Stack Training with Next IT Career gives you real-time industry experience across Java, JSP, Servlets, Spring, Spring Boot, REST APIs, and databases, through live sessions with expert trainers and hands-on projects.\" } }\r\n ]\r\n },\r\n {\r\n \"@type\": \"HowTo\", \"@id\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#howto\",\r\n \"name\": \"How to Become a Job-Ready Java Full Stack Developer in 90 Days\",\r\n \"description\": \"A 4-milestone path from enrolment to your first Java Full Stack offer letter at Next IT Career.\",\r\n \"image\": \"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2022\/09\/java-training.jpg\", \"totalTime\": \"P90D\",\r\n \"supply\": [{ \"@type\": \"HowToSupply\", \"name\": \"Laptop with 8GB RAM\" }, { \"@type\": \"HowToSupply\", \"name\": \"Stable internet connection\" }],\r\n \"tool\": [{ \"@type\": \"HowToTool\", \"name\": \"Java\" }, { \"@type\": \"HowToTool\", \"name\": \"Spring Boot\" }, { \"@type\": \"HowToTool\", \"name\": \"MySQL\" }],\r\n \"step\": [\r\n { \"@type\": \"HowToStep\", \"position\": 1, \"name\": \"Enrol & Onboard\", \"text\": \"Join the Java Full Stack cohort, meet your trainer in your first live session, and get your learning roadmap.\", \"url\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#step-1\" },\r\n { \"@type\": \"HowToStep\", \"position\": 2, \"name\": \"Master the Fundamentals\", \"text\": \"90 days of hands-on training across Java, JSP, Servlets, Spring, Spring Boot, and databases.\", \"url\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#step-2\" },\r\n { \"@type\": \"HowToStep\", \"position\": 3, \"name\": \"Build & Certify\", \"text\": \"Complete live full-stack projects, and earn your Next IT Career Java Full Stack course completion certificate.\", \"url\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#step-3\" },\r\n { \"@type\": \"HowToStep\", \"position\": 4, \"name\": \"Interview & Place\", \"text\": \"Mock interviews, resume polishing, and recruiter introductions \u2014 placement support until you land the role.\", \"url\": \"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/#step-4\" }\r\n ]\r\n }\r\n ]\r\n}\r\n<\/script>\r\n\r\n<style>\r\n\/* =========================================================\r\n NEXT IT CAREER \u2014 BRAND TOKENS (same as About Us)\r\n ========================================================= *\/\r\n:root {\r\n --ignite-red: #D42B2B;\r\n --career-navy: #1A2673;\r\n --global-blue: #2E55B5;\r\n --charcoal: #2C2C2A;\r\n --steel-grey: #6B7A99;\r\n --canvas: #F5F6FA;\r\n --paper: #FFFFFF;\r\n --navy-deep: #131C56;\r\n --navy-soft: rgba(26, 38, 115, 0.06);\r\n --red-soft: rgba(212, 43, 43, 0.08);\r\n --blue-soft: rgba(46, 85, 181, 0.10);\r\n --line: rgba(26, 38, 115, 0.12);\r\n\r\n --font-display: 'Montserrat', system-ui, sans-serif;\r\n --font-body: 'Montserrat', 'Open Sans', system-ui, sans-serif;\r\n\r\n --r1: 8px; --r2: 16px; --r3: 24px;\r\n --r4: 32px; --r5: 48px; --r6: 64px; --r7: 96px;\r\n --section-pad: 56px;\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; font-size: 16px; line-height: 1.7;\r\n color: #000000; background: var(--paper);\r\n -webkit-font-smoothing: antialiased; 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\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(34px, 5vw, 52px); line-height: 1.05; }\r\nh2 { font-weight: 800; font-size: clamp(26px, 3.4vw, 36px); line-height: 1.2; }\r\nh3 { font-weight: 700; font-size: 20px; line-height: 1.3; }\r\nh4 { font-weight: 700; font-size: 16px; line-height: 1.35; }\r\n\r\n.container { width: min(1440px, 92%); margin-inline: auto; }\r\n\r\n\/* =========================================================\r\n UTILITY BAR + NAV\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; 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 span, .utility-bar a { display: inline-flex; gap: 6px; align-items: center; }\r\n\r\n.nav {\r\n background: var(--paper);\r\n border-bottom: 1px solid var(--line);\r\n position: sticky; top: 0; z-index: 50;\r\n}\r\n.nav .container { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; }\r\n.brand-mark {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n font-family: var(--font-display);\r\n text-decoration: none;\r\n line-height: 1;\r\n}\r\n\r\n\/* Globe + orbit ring *\/\r\n.brand-mark .brand-logo-mark {\r\n position: relative;\r\n width: 56px; height: 56px;\r\n flex-shrink: 0;\r\n}\r\n.brand-mark .brand-globe {\r\n position: absolute;\r\n top: 6px; left: 6px;\r\n width: 38px; height: 38px;\r\n border-radius: 50%;\r\n background:\r\n radial-gradient(circle at 32% 28%, #8FAEDD 0%, #4F7EC8 35%, var(--global-blue) 60%, #1A2673 100%);\r\n box-shadow:\r\n inset 0 -4px 8px rgba(0, 0, 0, 0.25),\r\n inset 4px 4px 8px rgba(255, 255, 255, 0.2),\r\n 0 4px 10px rgba(46, 85, 181, 0.35);\r\n}\r\n.brand-mark .brand-globe::before {\r\n \/* Subtle highlight reflection *\/\r\n content: ''; position: absolute;\r\n top: 4px; left: 5px;\r\n width: 12px; height: 12px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.4);\r\n filter: blur(3px);\r\n}\r\n.brand-mark .brand-globe::after {\r\n \/* Continent \/ land mass detail *\/\r\n content: ''; position: absolute;\r\n top: 11px; left: 8px;\r\n width: 14px; height: 9px;\r\n border-radius: 60% 40% 50% 50% \/ 50% 50% 70% 30%;\r\n background: rgba(255, 255, 255, 0.15);\r\n}\r\n.brand-mark .brand-orbit {\r\n \/* Diagonal orbit swoosh around globe *\/\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n}\r\n.brand-mark .brand-orbit svg {\r\n width: 100%; height: 100%;\r\n overflow: visible;\r\n}\r\n\r\n\/* Stacked text block *\/\r\n.brand-mark .brand-text {\r\n display: flex; flex-direction: column;\r\n align-items: flex-start;\r\n gap: 2px;\r\n}\r\n.brand-mark .brand-text .brand-next {\r\n font-weight: 800; font-size: 17px;\r\n color: var(--ignite-red);\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n}\r\n.brand-mark .brand-text .brand-itcareer {\r\n font-weight: 900; font-size: 22px;\r\n color: var(--career-navy);\r\n letter-spacing: -0.01em;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n}\r\n.brand-mark .brand-text .brand-tagline {\r\n font-family: var(--font-body);\r\n font-weight: 500; font-size: 9px;\r\n color: var(--steel-grey);\r\n letter-spacing: 0.04em;\r\n font-style: italic;\r\n margin-top: 2px;\r\n line-height: 1;\r\n}\r\n\r\n@media (max-width: 540px) {\r\n .brand-mark .brand-logo-mark { width: 44px; height: 44px; }\r\n .brand-mark .brand-globe { top: 4px; left: 4px; width: 30px; height: 30px; }\r\n .brand-mark .brand-text .brand-next { font-size: 14px; }\r\n .brand-mark .brand-text .brand-itcareer { font-size: 18px; }\r\n .brand-mark .brand-text .brand-tagline { font-size: 8px; }\r\n}\r\n.nav ul { list-style: none; display: flex; gap: var(--r4); align-items: center; }\r\n.nav ul a {\r\n font-family: var(--font-display); font-weight: 600; font-size: 14px;\r\n color: var(--career-navy); text-transform: uppercase; letter-spacing: 0.06em;\r\n position: relative; padding: 6px 0;\r\n}\r\n.nav ul a.active { color: var(--ignite-red); }\r\n.nav ul a.active::after {\r\n content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; background: var(--ignite-red);\r\n}\r\n.nav .cta {\r\n background: var(--ignite-red); color: white;\r\n font-family: var(--font-display); font-weight: 700; font-size: 13px;\r\n padding: 12px 22px; border-radius: 6px; text-transform: uppercase; letter-spacing: 0.08em;\r\n border: none; cursor: pointer; transition: transform .2s, box-shadow .2s;\r\n box-shadow: 0 6px 16px rgba(212, 43, 43, 0.3);\r\n}\r\n.nav .cta:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(212, 43, 43, 0.4); }\r\n@media (max-width: 980px) { .nav ul { display: none; } }\r\n\r\n\/* =========================================================\r\n HERO \u2014 Course landing (immersive background style)\r\n ========================================================= *\/\r\n.hero {\r\n position: relative;\r\n color: white;\r\n padding: var(--r7) 0 var(--r6);\r\n overflow: hidden;\r\n background: var(--navy-deep);\r\n}\r\n.hero .hero-bg {\r\n position: absolute; inset: 0; z-index: 0;\r\n background-image: url(\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/07\/service-banner-scaled-1.png\");\r\n background-size: cover;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n opacity: 0.35;\r\n filter: saturate(0.9);\r\n}\r\n.hero .hero-overlay {\r\n position: absolute; inset: 0; z-index: 1;\r\n background:\r\n linear-gradient(115deg, rgba(14, 8, 72, 0.78) 0%, rgba(26, 38, 115, 0.55) 45%, rgba(46, 85, 181, 0.30) 100%),\r\n radial-gradient(ellipse 60% 80% at 80% 50%, rgba(46, 85, 181, 0.25), transparent 65%),\r\n radial-gradient(ellipse 40% 60% at 10% 100%, rgba(212, 43, 43, 0.10), transparent 60%);\r\n pointer-events: none;\r\n}\r\n.hero::before {\r\n \/* Decorative shield + circuit texture on the right *\/\r\n content: ''; position: absolute; inset: 0;\r\n z-index: 1;\r\n background-image:\r\n radial-gradient(circle at 1px 1px, rgba(255,255,255,0.05) 1px, transparent 0);\r\n background-size: 32px 32px;\r\n opacity: 0.7; pointer-events: none;\r\n}\r\n.hero .glow-shield {\r\n position: absolute; right: -8%; top: 50%; transform: translateY(-50%);\r\n width: 720px; height: 720px;\r\n z-index: 1;\r\n background:\r\n radial-gradient(circle, rgba(16,120,184,0.35) 0%, transparent 55%),\r\n conic-gradient(from 0deg, rgba(232,38,45,0.1), transparent 20%, rgba(16,120,184,0.15) 50%, transparent 80%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n opacity: 0.85;\r\n filter: blur(2px);\r\n}\r\n.hero .glow-shield::before {\r\n content: ''; position: absolute; inset: 18%;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.08);\r\n background: radial-gradient(circle, transparent 60%, rgba(255,255,255,0.04) 100%);\r\n}\r\n.hero::after {\r\n content: ''; position: absolute; left: 0; right: 0; bottom: 0; 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: 4;\r\n}\r\n.hero .container {\r\n position: relative; z-index: 2;\r\n display: grid;\r\n grid-template-columns: 1.15fr 1fr;\r\n gap: var(--r5);\r\n align-items: center;\r\n}\r\n@media (max-width: 980px) {\r\n .hero .container { grid-template-columns: 1fr; gap: var(--r4); }\r\n}\r\n.hero .hero-eyebrow {\r\n display: inline-flex; align-items: center; gap: 10px;\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: #ffd2d4;\r\n background: rgba(212, 43, 43, 0.18);\r\n border: 1px solid rgba(212, 43, 43, 0.4);\r\n padding: 9px 20px; border-radius: 999px;\r\n}\r\n.hero .hero-eyebrow::before {\r\n content: ''; width: 7px; height: 7px; border-radius: 50%;\r\n background: var(--ignite-red); box-shadow: 0 0 0 0 rgba(232,38,45,0.6);\r\n animation: pulse 2s infinite;\r\n}\r\n\/* Left column wrapper *\/\r\n.hero .hero-left {\r\n display: flex; flex-direction: column;\r\n align-items: flex-start; text-align: left;\r\n gap: var(--r3);\r\n}\r\n@media (max-width: 980px) {\r\n .hero .hero-left { align-items: center; text-align: center; }\r\n}\r\n.hero .hero-main { max-width: 100%; }\r\n\r\n.hero h1 {\r\n color: white;\r\n font-size: clamp(38px, 4.6vw, 60px);\r\n font-weight: 800; line-height: 1.05;\r\n letter-spacing: -0.02em;\r\n margin-bottom: var(--r3);\r\n}\r\n.hero h1 .accent-line {\r\n display: block;\r\n color: var(--ignite-red);\r\n}\r\n\r\n.hero .lede-block { max-width: 560px; margin: 0 0 var(--r3); }\r\n@media (max-width: 980px) { .hero .lede-block { margin-inline: auto; } }\r\n.hero .lede-block p {\r\n color: rgba(255,255,255,0.85);\r\n font-size: 16px; line-height: 1.7;\r\n margin-bottom: var(--r2);\r\n}\r\n.hero .lede-block p:last-child { margin-bottom: 0; }\r\n.hero .lede-block strong { color: white; font-weight: 700; }\r\n\r\n.hero .cta-row { display: flex; gap: var(--r2); flex-wrap: wrap; justify-content: flex-start; margin-bottom: 0; }\r\n@media (max-width: 980px) { .hero .cta-row { justify-content: center; } }\r\n\r\n.btn-primary, .btn-secondary {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n font-family: var(--font-display); font-weight: 700; font-size: 13px;\r\n padding: 16px 32px;\r\n border-radius: 999px;\r\n text-transform: uppercase; letter-spacing: 0.12em;\r\n border: 2px solid transparent;\r\n transition: transform .25s, background .25s, color .25s, border-color .25s, box-shadow .25s;\r\n cursor: pointer;\r\n}\r\n.btn-primary {\r\n background: var(--ignite-red); color: white;\r\n box-shadow: 0 10px 28px rgba(232,38,45,0.4);\r\n}\r\n.btn-primary:hover { transform: translateY(-2px); background: #B92222; box-shadow: 0 14px 36px rgba(232,38,45,0.5); }\r\n.btn-secondary {\r\n background: transparent; color: white; border-color: rgba(255,255,255,0.45);\r\n}\r\n.btn-secondary:hover { background: white; color: var(--career-navy); border-color: white; }\r\n.btn-primary svg, .btn-secondary svg { width: 16px; height: 16px; stroke: currentColor; }\r\n\r\n\/* Hero inline stats \u2014 glass pill row floating on hero *\/\r\n.hero-stats {\r\n margin-top: var(--r2);\r\n width: 100%;\r\n grid-column: 1 \/ -1;\r\n display: flex; flex-wrap: wrap;\r\n justify-content: center; gap: 12px;\r\n}\r\n\r\n.hero-stats .h-stat {\r\n display: flex; align-items: center; gap: 12px;\r\n padding: 12px 18px;\r\n background: rgba(255,255,255,0.07);\r\n border: 1px solid rgba(255,255,255,0.14);\r\n border-radius: 999px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n position: relative;\r\n transition: transform .25s, background .25s, border-color .25s;\r\n}\r\n.hero-stats .h-stat:hover {\r\n transform: translateY(-3px);\r\n background: rgba(255,255,255,0.12);\r\n border-color: rgba(232,38,45,0.45);\r\n}\r\n\r\n.hero-stats .h-icon {\r\n width: 36px; height: 36px; border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n background: rgba(255,255,255,0.12);\r\n}\r\n.hero-stats .h-icon svg { width: 18px; height: 18px; stroke: #fff; }\r\n\r\n\/* Tinted icon backgrounds per stat *\/\r\n.hero-stats .h-stat.tint-google .h-icon { background: rgba(255,255,255,0.95); }\r\n.hero-stats .h-stat.tint-amber .h-icon svg { stroke: #FFD27A; }\r\n.hero-stats .h-stat.tint-mint .h-icon svg { stroke: #7EE6A8; }\r\n.hero-stats .h-stat.tint-blue .h-icon svg { stroke: #4F7EC8; }\r\n.hero-stats .h-stat.tint-red .h-icon svg { stroke: #FF9CA0; }\r\n.hero-stats .h-stat.tint-navy .h-icon svg { stroke: #B4B0E8; }\r\n\r\n.hero-stats .h-text { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; text-align: left; }\r\n.hero-stats .h-text .h-top {\r\n font-family: var(--font-display); font-weight: 800; font-size: 16px;\r\n color: #fff; display: inline-flex; align-items: center; gap: 5px;\r\n}\r\n.hero-stats .h-text .h-top .star { color: #F59E0B; font-size: 13px; }\r\n.hero-stats .h-text .h-mid {\r\n font-family: var(--font-display); font-weight: 700; font-size: 12px;\r\n color: rgba(255,255,255,0.92); margin-top: 1px;\r\n}\r\n.hero-stats .h-text .h-sub {\r\n font-size: 10.5px; color: rgba(255,255,255,0.6);\r\n margin-top: 1px; letter-spacing: 0.02em;\r\n}\r\n@media (max-width: 600px) { .hero-stats .h-stat { flex: 1 1 calc(50% - 12px); } }\r\n\r\n\/* Hero Course Snapshot \u2014 vertical white card *\/\r\n.course-card {\r\n width: 100%;\r\n background: #fff;\r\n border-radius: var(--radius-lg);\r\n box-shadow: 0 30px 70px -20px rgba(8, 5, 38, 0.55);\r\n position: relative;\r\n overflow: hidden;\r\n padding: var(--r4);\r\n}\r\n.course-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}\r\n.course-card .card-header {\r\n display: flex; align-items: center; gap: 14px;\r\n padding-bottom: var(--r3);\r\n margin-bottom: var(--r3);\r\n border-bottom: 1px solid var(--line);\r\n}\r\n.course-card .card-header .header-icon {\r\n width: 44px; height: 44px; border-radius: 12px;\r\n background: var(--red-soft);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n.course-card .card-header .header-icon svg { width: 22px; height: 22px; stroke: var(--ignite-red); }\r\n.course-card .card-header h3 {\r\n font-size: 20px; color: var(--career-navy); margin: 0;\r\n letter-spacing: -0.01em;\r\n}\r\n.course-card .meta {\r\n padding: 0; display: flex; flex-direction: column; gap: 10px;\r\n}\r\n.course-card .meta-item {\r\n display: flex; align-items: center; gap: 12px;\r\n background: var(--canvas);\r\n padding: 13px 16px;\r\n border-radius: 12px;\r\n font-size: 14px;\r\n border: none;\r\n transition: background .25s;\r\n}\r\n.course-card .meta-item:hover { background: var(--navy-soft); }\r\n.course-card .meta-item .row-icon {\r\n display: flex; align-items: center; justify-content: center;\r\n width: 30px; height: 30px; border-radius: 8px;\r\n background: #fff; flex-shrink: 0;\r\n}\r\n.course-card .meta-item .row-icon svg { width: 16px; height: 16px; stroke: var(--career-navy); }\r\n.course-card .meta-item .key {\r\n font-family: var(--font-display); font-weight: 600; font-size: 14px;\r\n color: var(--career-navy);\r\n flex: 1;\r\n letter-spacing: 0; text-transform: none;\r\n}\r\n.course-card .meta-item .val {\r\n font-family: var(--font-display); font-weight: 800; font-size: 14px;\r\n color: var(--ignite-red);\r\n text-align: right;\r\n}\r\n.course-card .demo-cta {\r\n width: 100%;\r\n margin-top: var(--r3);\r\n display: flex; align-items: center; justify-content: center; gap: 10px;\r\n background: var(--career-navy); color: #fff;\r\n font-family: var(--font-display); font-weight: 700; font-size: 15px;\r\n padding: 16px 24px;\r\n border-radius: 999px;\r\n border: none; cursor: pointer;\r\n letter-spacing: 0.01em;\r\n transition: background .2s, transform .2s, box-shadow .2s;\r\n box-shadow: 0 12px 28px -8px rgba(26, 38, 115, 0.45);\r\n}\r\n.course-card .demo-cta:hover {\r\n background: var(--ignite-red); transform: translateY(-2px);\r\n box-shadow: 0 16px 34px -8px rgba(212, 43, 43, 0.5);\r\n}\r\n.course-card .demo-cta svg { width: 18px; height: 18px; stroke: currentColor; }\r\n\r\n\/* Certificate section \u2014 CSS-built certificate visual *\/\r\n.cert-layout {\r\n display: grid; grid-template-columns: 1.2fr 1fr;\r\n gap: var(--r5); align-items: center;\r\n}\r\n@media (max-width: 880px) { .cert-layout { grid-template-columns: 1fr; gap: var(--r4); } }\r\n.cert-body p { font-size: 16px; color: #000; margin-bottom: var(--r3); }\r\n.cert-body p strong { color: var(--career-navy); font-weight: 700; }\r\n.cert-points { list-style: none; margin: 0; padding: 0; }\r\n.cert-points li {\r\n display: flex; align-items: center; gap: 12px;\r\n font-family: var(--font-display); font-weight: 600; font-size: 14px;\r\n color: var(--career-navy);\r\n padding: 8px 0;\r\n}\r\n.cert-points li::before {\r\n content: '\u2713'; flex-shrink: 0;\r\n width: 22px; height: 22px; border-radius: 6px;\r\n background: var(--ignite-red); color: #fff;\r\n font-size: 12px; font-weight: 700;\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n\r\n.cert-visual { display: flex; flex-direction: column; align-items: center; }\r\n.cert-image-frame {\r\n width: 100%; max-width: 460px;\r\n background: #fff;\r\n border-radius: var(--radius-lg);\r\n padding: 10px;\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(-2deg);\r\n transition: transform .4s ease, box-shadow .4s ease;\r\n}\r\n.cert-image-frame::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: 2;\r\n border-radius: var(--radius-lg) var(--radius-lg) 0 0;\r\n}\r\n.cert-image-frame:hover {\r\n transform: rotate(0) scale(1.03);\r\n box-shadow: 0 32px 80px -15px rgba(24,16,120,0.45);\r\n}\r\n.cert-image-frame img {\r\n width: 100%; display: block;\r\n border-radius: calc(var(--radius-lg) - 10px);\r\n margin-top: 6px;\r\n}\r\n.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: var(--r3) 8px 0;\r\n display: flex; align-items: center; justify-content: center; gap: 10px;\r\n}\r\n.cert-caption::before, .cert-caption::after {\r\n content: ''; width: 24px; height: 2px; background: var(--ignite-red);\r\n}\r\n\r\n\/* =========================================================\r\n STATS STRIP\r\n ========================================================= *\/\r\n.stats-strip {\r\n background:\r\n linear-gradient(90deg, transparent 0%, rgba(46, 85, 181, 0.04) 60%, rgba(46, 85, 181, 0.08) 100%),\r\n var(--paper);\r\n padding: var(--r3) 0;\r\n border-bottom: 1px solid var(--line);\r\n}\r\n.stats-strip .container {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: var(--r2);\r\n}\r\n@media (max-width: 880px) { .stats-strip .container { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 460px) { .stats-strip .container { grid-template-columns: 1fr; } }\r\n.stats-strip .stat {\r\n text-align: left;\r\n padding: var(--r3);\r\n position: relative;\r\n background: var(--paper);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n border-left: 4px solid var(--ignite-red);\r\n opacity: 0; transform: translateY(12px);\r\n transition: opacity .5s ease, transform .5s ease, box-shadow .3s;\r\n}\r\n.stats-strip .stat:hover { box-shadow: 0 16px 34px -16px rgba(24,16,120,0.25); }\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.visible .stat:nth-child(5) { transition-delay: .45s; }\r\n\r\n\/* Star rating row above first stat *\/\r\n.stats-strip .stat .stars {\r\n display: block;\r\n color: #F59E0B;\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n height: 14px;\r\n}\r\n.stats-strip .stat .stars-spacer {\r\n display: block;\r\n height: 14px;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.stats-strip .num {\r\n font-family: var(--font-display); font-weight: 800; font-size: 28px;\r\n color: var(--career-navy); line-height: 1.05; display: block;\r\n letter-spacing: -0.02em;\r\n}\r\n.stats-strip .num .small {\r\n color: var(--career-navy);\r\n font-size: 22px;\r\n font-weight: 800;\r\n}\r\n\r\n.stats-strip .label {\r\n font-family: var(--font-body); font-weight: 500; font-size: 13.5px;\r\n letter-spacing: 0; text-transform: none;\r\n color: #000000;\r\n margin-top: 6px;\r\n line-height: 1.4;\r\n}\r\n.stats-strip .label .sub {\r\n display: block;\r\n font-size: 11.5px;\r\n color: var(--steel-grey);\r\n font-weight: 400;\r\n margin-top: 1px;\r\n}\r\n\r\n\/* =========================================================\r\n SECTION SCAFFOLD\r\n ========================================================= *\/\r\nsection { padding: var(--section-pad) 0; }\r\nsection.stats-strip { padding: var(--r3) 0; }\r\n\r\n\/* =========================================================\r\n COURSE CHIP MARQUEE \u2014 Brand-compliant navy band with pill chips\r\n ========================================================= *\/\r\n.course-marquee {\r\n background:\r\n radial-gradient(ellipse 50% 60% at 20% 50%, rgba(46, 85, 181, 0.20), transparent 70%),\r\n radial-gradient(ellipse 40% 50% at 90% 50%, rgba(212, 43, 43, 0.10), transparent 70%),\r\n linear-gradient(180deg, var(--navy-deep) 0%, var(--career-navy) 100%);\r\n padding: var(--r3) 0;\r\n position: relative;\r\n overflow: hidden;\r\n border-top: 1px solid rgba(255,255,255,0.06);\r\n border-bottom: 1px solid rgba(255,255,255,0.06);\r\n}\r\n.course-marquee::before {\r\n \/* Subtle grid texture (same as hero) *\/\r\n content: ''; position: absolute; inset: 0;\r\n background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.05) 1px, transparent 0);\r\n background-size: 32px 32px;\r\n opacity: 0.6; pointer-events: none;\r\n}\r\n.course-marquee::after {\r\n \/* Brand tricolour accent stripe at bottom *\/\r\n content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;\r\n background: linear-gradient(90deg,\r\n var(--ignite-red) 0%, var(--ignite-red) 33%,\r\n var(--career-navy) 33%, var(--career-navy) 66%,\r\n var(--global-blue) 66%, var(--global-blue) 100%);\r\n z-index: 3;\r\n}\r\n.course-marquee .marquee-track-wrap {\r\n overflow: hidden;\r\n position: relative;\r\n cursor: grab;\r\n user-select: none;\r\n z-index: 1;\r\n}\r\n.course-marquee .marquee-track-wrap:active { cursor: grabbing; }\r\n.course-marquee .marquee-track-wrap::before,\r\n.course-marquee .marquee-track-wrap::after {\r\n \/* Edge fade \u2014 fades into the navy background *\/\r\n content: ''; position: absolute; top: 0; bottom: 0; width: 100px;\r\n z-index: 2; pointer-events: none;\r\n}\r\n.course-marquee .marquee-track-wrap::before {\r\n left: 0;\r\n background: linear-gradient(90deg, var(--navy-deep) 0%, transparent 100%);\r\n}\r\n.course-marquee .marquee-track-wrap::after {\r\n right: 0;\r\n background: linear-gradient(-90deg, var(--navy-deep) 0%, transparent 100%);\r\n}\r\n\r\n.course-marquee .marquee-track {\r\n display: flex;\r\n gap: var(--r2);\r\n width: max-content;\r\n animation: marqueeScroll 45s linear infinite;\r\n will-change: transform;\r\n}\r\n.course-marquee .marquee-track.paused { animation-play-state: paused; }\r\n\r\n@keyframes marqueeScroll {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n}\r\n\r\n.course-chip {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 10px 18px;\r\n font-family: var(--font-display); font-weight: 700; font-size: 14px;\r\n color: var(--ignite-red);\r\n background: var(--paper);\r\n border-radius: 999px;\r\n white-space: nowrap;\r\n letter-spacing: 0.01em;\r\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);\r\n transition: transform .25s, box-shadow .25s, color .25s;\r\n}\r\n.course-chip:hover {\r\n transform: translateY(-2px);\r\n color: var(--career-navy);\r\n box-shadow: 0 8px 22px rgba(212, 43, 43, 0.35);\r\n}\r\n.course-chip .chip-icon {\r\n width: 20px; height: 20px;\r\n flex-shrink: 0;\r\n display: inline-flex; align-items: center; justify-content: center;\r\n}\r\n.course-chip .chip-icon svg {\r\n width: 18px; height: 18px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\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 justify-content: center;\r\n padding: 0;\r\n}\r\n.section-tag::before { display: none; }\r\n.section-tag.intro-tag { justify-content: flex-start; }\r\n.section-intro {\r\n max-width: 760px;\r\n margin-left: auto; margin-right: auto;\r\n margin-bottom: var(--r4);\r\n text-align: center;\r\n}\r\n.section-intro p { font-size: 17px; color: #000000; margin-top: var(--r2); }\r\n.section-intro.center { margin-left: auto; margin-right: auto; text-align: center; }\r\n\r\n\/* =========================================================\r\n INTRO \u2014 Welcome + content card\r\n ========================================================= *\/\r\n.intro-grid {\r\n display: grid; grid-template-columns: 1.7fr 1fr; gap: var(--r5);\r\n align-items: start;\r\n}\r\n@media (max-width: 880px) { .intro-grid { grid-template-columns: 1fr; } }\r\n.intro-grid .demo-card { order: 2; }\r\n.intro-grid .intro-body { order: 1; }\r\n@media (max-width: 880px) {\r\n .intro-grid .demo-card { order: 2; }\r\n .intro-grid .intro-body { order: 1; }\r\n}\r\n.intro-body p { margin-bottom: var(--r3); font-size: 16px; color: #000000; }\r\n.intro-body p strong { color: var(--career-navy); font-weight: 700; }\r\n.intro-body a { color: var(--global-blue); border-bottom: 1px solid currentColor; font-weight: 600; }\r\n\r\n.demo-card {\r\n background: var(--canvas);\r\n border-radius: var(--radius-lg);\r\n padding: var(--r4);\r\n border: 2px solid var(--career-navy);\r\n position: sticky; top: 24px;\r\n align-self: start;\r\n box-shadow: 0 8px 24px -8px rgba(26, 38, 115, 0.15);\r\n}\r\n.demo-card h4 {\r\n color: var(--career-navy);\r\n margin-bottom: 6px; font-size: 18px;\r\n}\r\n.demo-card .tag {\r\n font-family: var(--font-display); font-size: 11px; font-weight: 700;\r\n letter-spacing: 0.18em; text-transform: uppercase; color: var(--ignite-red);\r\n margin-bottom: 8px;\r\n}\r\n.demo-card p { font-size: 13px; color: #000000; margin-bottom: var(--r3); }\r\n.demo-card .form-row { margin-bottom: var(--r2); }\r\n.demo-card label {\r\n display: block;\r\n font-family: var(--font-display); font-size: 10px; font-weight: 700;\r\n letter-spacing: 0.12em; text-transform: uppercase;\r\n color: var(--career-navy); margin-bottom: 6px;\r\n}\r\n.demo-card label .req { color: var(--ignite-red); }\r\n.demo-card label .optional,\r\n.form-row label .optional { color: var(--steel-grey); font-weight: 400; font-size: 0.85em; }\r\n.demo-card input, .demo-card select {\r\n width: 100%; padding: 10px 12px;\r\n font-family: var(--font-body); font-size: 16px;\r\n background: white; border: 1.5px solid transparent;\r\n border-radius: 8px; outline: none;\r\n transition: border-color .2s;\r\n}\r\n.demo-card input:focus, .demo-card select:focus {\r\n border-color: var(--global-blue);\r\n box-shadow: 0 0 0 3px var(--blue-soft);\r\n}\r\n.demo-card 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='%231A2673' stroke-width='2' d='M1 1l5 5 5-5'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px;\r\n}\r\n.demo-card .submit {\r\n width: 100%; background: var(--ignite-red); color: white;\r\n font-family: var(--font-display); font-weight: 700; font-size: 13px;\r\n padding: 14px; border: none; border-radius: 8px;\r\n text-transform: uppercase; letter-spacing: 0.08em; cursor: pointer;\r\n margin-top: 6px; box-shadow: 0 8px 20px rgba(232,38,45,0.3);\r\n transition: background .2s, transform .2s;\r\n}\r\n.demo-card .submit:hover { background: #B92222; transform: translateY(-2px); }\r\n\r\n\/* =========================================================\r\n HIGHLIGHTS GRID \u2014 11 cards\r\n ========================================================= *\/\r\n.highlights-section { background: var(--canvas); }\r\n.highlights-grid {\r\n display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--r3);\r\n grid-auto-rows: 1fr;\r\n}\r\n@media (max-width: 1040px) { .highlights-grid { grid-template-columns: repeat(3, 1fr); } }\r\n@media (max-width: 760px) { .highlights-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 520px) { .highlights-grid { grid-template-columns: 1fr; } }\r\n\r\n.highlight-card {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--r3);\r\n border: 1px solid var(--line);\r\n position: relative;\r\n transition: transform .35s, box-shadow .35s, border-color .35s;\r\n overflow: hidden;\r\n height: 100%;\r\n display: flex; flex-direction: column;\r\n}\r\n.highlight-card::after {\r\n \/* faded watermark number *\/\r\n content: attr(data-num);\r\n position: absolute; top: 6px; right: 14px;\r\n font-family: var(--font-display); font-weight: 900; font-size: 56px;\r\n color: rgba(24,16,120,0.05);\r\n line-height: 1; pointer-events: none;\r\n transition: color .35s;\r\n}\r\n.highlight-card:hover {\r\n transform: translateY(-6px);\r\n border-color: transparent;\r\n box-shadow: 0 22px 44px -16px rgba(24,16,120,0.26);\r\n}\r\n.highlight-card:hover::after { color: rgba(232,38,45,0.09); }\r\n.highlight-card:hover .num .icon {\r\n background: var(--ignite-red);\r\n transform: rotate(-6deg);\r\n}\r\n.highlight-card:hover .num .icon svg { stroke: #fff; }\r\n\r\n.highlight-card .num {\r\n font-family: var(--font-display); font-weight: 700; font-size: 10px;\r\n color: var(--ignite-red); letter-spacing: 0.18em;\r\n display: flex; flex-direction: column; align-items: flex-start; gap: 12px;\r\n margin-bottom: var(--r2);\r\n position: relative; z-index: 1;\r\n}\r\n.highlight-card .num .icon {\r\n width: 48px; height: 48px; border-radius: 14px;\r\n background: var(--red-soft);\r\n display: flex; align-items: center; justify-content: center;\r\n transition: background .35s, transform .35s;\r\n}\r\n.highlight-card .num .icon svg { width: 22px; height: 22px; stroke: var(--ignite-red); transition: stroke .35s; }\r\n.highlight-card h3 { margin-bottom: var(--r2); font-size: 17px; color: var(--career-navy); position: relative; z-index: 1; }\r\n.highlight-card p { color: #000000; font-size: 14px; line-height: 1.6; position: relative; z-index: 1; }\r\n.highlight-card p a { color: var(--global-blue); border-bottom: 1px solid currentColor; }\r\n\r\n\/* =========================================================\r\n ABOUT TOSCA \u2014 Clean white cards with icon + feature lists\r\n ========================================================= *\/\r\n.about-tosca {\r\n display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--r3);\r\n align-items: stretch;\r\n}\r\n@media (max-width: 860px) { .about-tosca { grid-template-columns: 1fr; } }\r\n\r\n.info-card {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--r4);\r\n border: 1px solid rgba(26, 38, 115, 0.06);\r\n border-top: 5px solid var(--global-blue);\r\n position: relative;\r\n height: 100%;\r\n transition: transform .3s, box-shadow .3s, border-top-color .3s;\r\n}\r\n.info-card:nth-child(even) { border-top-color: var(--ignite-red); }\r\n.info-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 24px 50px -20px rgba(24,16,120,0.18);\r\n}\r\n.info-card .card-icon {\r\n width: 56px; height: 56px;\r\n border-radius: 14px;\r\n background: var(--navy-soft);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 28px;\r\n line-height: 1;\r\n flex-shrink: 0;\r\n filter: saturate(0.85);\r\n}\r\n.info-card .info-head {\r\n display: flex; align-items: center; gap: var(--r3);\r\n margin-bottom: var(--r3);\r\n padding-bottom: var(--r3);\r\n border-bottom: 1px dashed var(--line);\r\n}\r\n.info-card h3 {\r\n color: var(--career-navy);\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin: 0;\r\n line-height: 1.25;\r\n letter-spacing: -0.01em;\r\n}\r\n.info-card p {\r\n color: #000000;\r\n font-size: 14px;\r\n line-height: 1.7;\r\n margin-bottom: var(--r2);\r\n}\r\n.info-card p:last-of-type { margin-bottom: 0; }\r\n.info-card p strong { color: var(--career-navy); font-weight: 700; }\r\n.info-card a { color: var(--global-blue); font-weight: 600; border-bottom: 1px solid currentColor; }\r\n\r\n.info-card .sub-heading {\r\n font-family: var(--font-display);\r\n font-weight: 700; font-size: 14.5px;\r\n color: #000000;\r\n margin: var(--r3) 0 var(--r2);\r\n}\r\n\r\n.info-card .check-list {\r\n list-style: none;\r\n margin: 0; padding: 0;\r\n display: grid; grid-template-columns: repeat(2, 1fr);\r\n gap: 4px var(--r4);\r\n}\r\n@media (max-width: 620px) { .info-card .check-list { grid-template-columns: 1fr; } }\r\n.info-card .check-list li {\r\n display: flex; align-items: flex-start; gap: 12px;\r\n padding: 3px 0;\r\n font-size: 14px;\r\n color: #000000;\r\n line-height: 1.5;\r\n}\r\n.info-card .check-list li::before {\r\n content: '\u2713';\r\n flex-shrink: 0;\r\n color: var(--ignite-red);\r\n font-weight: 700;\r\n font-size: 14px;\r\n margin-top: 2px;\r\n}\r\n\r\n\/* =========================================================\r\n WHO USES & WHO SHOULD LEARN \u2014 Numbered card grid (syllabus-style)\r\n ========================================================= *\/\r\n.audience-section { background: var(--canvas); }\r\n.audience-grid {\r\n display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--r3);\r\n grid-auto-rows: 1fr;\r\n}\r\n@media (max-width: 1040px) { .audience-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 540px) { .audience-grid { grid-template-columns: 1fr; } }\r\n\r\n.audience-card {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--r3);\r\n position: relative;\r\n border: 1px solid transparent;\r\n box-shadow: 0 4px 16px -8px rgba(26, 38, 115, 0.08);\r\n transition: transform .35s, box-shadow .35s, border-color .35s;\r\n overflow: hidden;\r\n height: 100%;\r\n display: flex; flex-direction: column; align-items: flex-start; gap: var(--r2);\r\n}\r\n.audience-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 24px 50px -15px rgba(26, 38, 115, 0.20);\r\n border-color: var(--ignite-red);\r\n}\r\n.audience-card::before {\r\n content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 4px;\r\n background: var(--ignite-red);\r\n opacity: 0; transition: opacity .35s;\r\n}\r\n.audience-card:hover::before { opacity: 1; }\r\n\r\n.audience-card .step-num {\r\n font-family: var(--font-display); font-weight: 900; font-size: 26px;\r\n color: #fff;\r\n background: var(--career-navy);\r\n width: 52px; height: 52px; border-radius: 14px;\r\n display: flex; align-items: center; justify-content: center;\r\n line-height: 1;\r\n flex-shrink: 0;\r\n letter-spacing: -0.02em;\r\n transition: background .35s, transform .35s;\r\n}\r\n.audience-card:hover .step-num { background: var(--ignite-red); transform: scale(1.05); }\r\n\r\n.audience-card .icon-circle { display: none; }\r\n\r\n.audience-card .step-text { flex: 1; min-width: 0; }\r\n.audience-card h4 {\r\n font-size: 15px;\r\n margin-bottom: 8px;\r\n color: var(--career-navy);\r\n line-height: 1.3;\r\n}\r\n.audience-card p {\r\n font-size: 13px;\r\n color: #000000;\r\n line-height: 1.6;\r\n margin: 0;\r\n}\r\n\r\n\/* Featured dark navy card (last one) *\/\r\n.audience-card.featured {\r\n background: linear-gradient(135deg, var(--career-navy) 0%, var(--navy-deep) 100%);\r\n border-color: transparent;\r\n color: white;\r\n}\r\n.audience-card.featured:hover {\r\n border-color: transparent;\r\n box-shadow: 0 24px 50px -15px rgba(26, 38, 115, 0.5);\r\n}\r\n.audience-card.featured::before { display: none; }\r\n.audience-card.featured .step-num {\r\n background: rgba(255, 255, 255, 0.12);\r\n color: #fff;\r\n}\r\n.audience-card.featured:hover .step-num { background: var(--ignite-red); }\r\n.audience-card.featured h4 { color: white; }\r\n.audience-card.featured p { color: rgba(255, 255, 255, 0.75); }\r\n.audience-card.featured .tags {\r\n margin-top: var(--r2);\r\n font-family: var(--font-display); font-weight: 700; font-size: 12px;\r\n color: rgba(255, 255, 255, 0.85);\r\n line-height: 1.6;\r\n}\r\n.audience-card.featured .tags span {\r\n display: inline-block;\r\n margin-right: 6px;\r\n}\r\n\r\n\/* =========================================================\r\n WHY CHOOSE US \u2014 Static feature grid (CSS-only icon tiles)\r\n ========================================================= *\/\r\n.why-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: var(--r3);\r\n margin-top: var(--r4);\r\n}\r\n@media (max-width: 920px) { .why-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 600px) { .why-grid { grid-template-columns: 1fr; } }\r\n\r\n.why-card {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n border: 1px solid var(--line);\r\n padding: var(--r4);\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform .35s, box-shadow .35s, border-color .35s;\r\n}\r\n.why-card::after {\r\n \/* large faded number watermark *\/\r\n content: attr(data-num);\r\n position: absolute; right: 16px; bottom: 4px;\r\n font-family: var(--font-display); font-weight: 900; font-size: 96px;\r\n color: rgba(24,16,120,0.04);\r\n line-height: 1; pointer-events: none;\r\n transition: color .35s;\r\n}\r\n.why-card:hover {\r\n transform: translateY(-6px);\r\n border-color: transparent;\r\n box-shadow: 0 28px 56px -18px rgba(26, 38, 115, 0.28);\r\n}\r\n.why-card:hover::after { color: rgba(232,38,45,0.08); }\r\n\r\n.why-card .why-icon {\r\n width: 60px; height: 60px;\r\n border-radius: 16px;\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: var(--r3);\r\n position: relative; z-index: 1;\r\n background: linear-gradient(135deg, var(--career-navy), var(--navy-deep));\r\n transition: background .35s, transform .35s;\r\n}\r\n.why-card:nth-child(3n+2) .why-icon { background: linear-gradient(135deg, var(--global-blue), #0c5d91); }\r\n.why-card:nth-child(3n) .why-icon { background: linear-gradient(135deg, var(--ignite-red), #b81d23); }\r\n.why-card:hover .why-icon { transform: rotate(-6deg) scale(1.05); }\r\n.why-card .why-icon svg {\r\n width: 28px; height: 28px;\r\n stroke: #fff; fill: none; stroke-width: 2;\r\n stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n.why-card h3 {\r\n color: var(--career-navy);\r\n font-size: 18px;\r\n font-weight: 800;\r\n margin-bottom: 10px;\r\n line-height: 1.25;\r\n position: relative; z-index: 1;\r\n}\r\n.why-card p {\r\n color: #000000;\r\n font-size: 14px;\r\n line-height: 1.65;\r\n position: relative; z-index: 1;\r\n}\r\n.why-card p a { color: var(--global-blue); border-bottom: 1px solid currentColor; }\r\n\r\n\r\n\/* =========================================================\r\n SKILLS \u2014 Numbered tile grid\r\n ========================================================= *\/\r\n.skills-section { background: var(--canvas); }\r\n.skills-grid {\r\n display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--r3);\r\n grid-auto-rows: 1fr;\r\n counter-reset: skill;\r\n}\r\n@media (max-width: 880px) { .skills-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 540px) { .skills-grid { grid-template-columns: 1fr; } }\r\n.skill-item {\r\n background: white;\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n padding: var(--r3) var(--r3) var(--r3) var(--r5);\r\n position: relative;\r\n counter-increment: skill;\r\n transition: transform .25s, box-shadow .25s, border-color .25s;\r\n overflow: hidden;\r\n height: 100%;\r\n}\r\n.skill-item::before {\r\n content: counter(skill, decimal-leading-zero);\r\n position: absolute; top: var(--r3); left: var(--r3);\r\n font-family: var(--font-display); font-weight: 900; font-size: 14px;\r\n color: var(--ignite-red);\r\n letter-spacing: 0.05em;\r\n}\r\n.skill-item:hover {\r\n transform: translateY(-4px);\r\n border-color: transparent;\r\n box-shadow: 0 18px 38px -14px rgba(24,16,120,0.22);\r\n}\r\n.skill-item h4 {\r\n font-size: 15px; color: var(--career-navy); margin-bottom: 8px;\r\n display: flex; align-items: center; gap: 10px;\r\n}\r\n.skill-item h4 .check {\r\n width: 24px; height: 24px; border-radius: 7px;\r\n background: var(--ignite-red);\r\n display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n}\r\n.skill-item h4 .check svg { width: 13px; height: 13px; stroke: #fff; }\r\n.skill-item p { font-size: 13.5px; color: #000000; line-height: 1.6; }\r\n\r\n\/* =========================================================\r\n JOB ROLES \u2014 Highlight cards with motion + glow on hover\r\n ========================================================= *\/\r\n.roles-grid {\r\n display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--r3);\r\n grid-auto-rows: 1fr;\r\n}\r\n@media (max-width: 880px) { .roles-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 480px) { .roles-grid { grid-template-columns: 1fr; } }\r\n\r\n.role-card {\r\n background: white;\r\n border: 1.5px solid var(--line);\r\n border-radius: var(--radius-lg);\r\n padding: var(--r3);\r\n position: relative;\r\n overflow: hidden;\r\n cursor: pointer;\r\n height: 100%;\r\n transition: transform .4s cubic-bezier(.2,.8,.2,1),\r\n box-shadow .4s,\r\n border-color .35s,\r\n background .35s;\r\n}\r\n\r\n\/* Inner red accent glow that animates in from top *\/\r\n.role-card::before {\r\n content: '';\r\n position: absolute; top: 0; left: 0; right: 0; height: 4px;\r\n background: linear-gradient(90deg, var(--ignite-red), #ff5560, var(--ignite-red));\r\n transform: scaleX(0);\r\n transform-origin: left center;\r\n transition: transform .5s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\/* Subtle gradient wash on hover *\/\r\n.role-card::after {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(212, 43, 43, 0.04), transparent 70%);\r\n opacity: 0;\r\n transition: opacity .4s;\r\n pointer-events: none;\r\n}\r\n\r\n.role-card:hover {\r\n transform: translateY(-8px);\r\n border-color: var(--ignite-red);\r\n box-shadow:\r\n 0 30px 60px -20px rgba(212, 43, 43, 0.35),\r\n 0 0 0 1px rgba(212, 43, 43, 0.15);\r\n background: #fffdfd;\r\n}\r\n.role-card:hover::before { transform: scaleX(1); }\r\n.role-card:hover::after { opacity: 1; }\r\n\r\n\/* Role number \u2014 pill badge above title *\/\r\n.role-card .role-num {\r\n display: inline-flex; align-items: center; justify-content: center;\r\n font-family: var(--font-display); font-weight: 900; font-size: 13px;\r\n color: #fff;\r\n background: var(--career-navy);\r\n padding: 5px 12px; border-radius: 999px;\r\n line-height: 1;\r\n letter-spacing: 0.04em;\r\n margin-bottom: var(--r2);\r\n transition: background .4s, transform .4s;\r\n z-index: 2;\r\n}\r\n.role-card:hover .role-num {\r\n background: var(--ignite-red);\r\n transform: translateX(3px);\r\n}\r\n\r\n.role-card h4 {\r\n font-size: 15px;\r\n color: var(--career-navy);\r\n margin-bottom: 10px;\r\n padding-right: 0;\r\n line-height: 1.3;\r\n position: relative; z-index: 1;\r\n transition: color .35s;\r\n}\r\n.role-card:hover h4 { color: var(--ignite-red); }\r\n\r\n.role-card p {\r\n font-size: 13.5px;\r\n color: #000000;\r\n line-height: 1.6;\r\n position: relative; z-index: 1;\r\n margin: 0;\r\n}\r\n.role-card p a { color: var(--global-blue); border-bottom: 1px solid currentColor; }\r\n\r\n\/* =========================================================\r\n PAY SCALE \u2014 Light cards on navy background (Smart Secures style)\r\n ========================================================= *\/\r\n.payscale-section {\r\n background:\r\n radial-gradient(ellipse 60% 50% at 80% 30%, rgba(46, 85, 181, 0.25), transparent 60%),\r\n radial-gradient(ellipse 50% 50% at 10% 100%, rgba(212, 43, 43, 0.12), transparent 60%),\r\n linear-gradient(180deg, #08052e 0%, var(--navy-deep) 50%, var(--career-navy) 100%);\r\n color: white;\r\n position: relative; overflow: hidden;\r\n}\r\n.payscale-section::before {\r\n content: ''; position: absolute; inset: 0;\r\n background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.04) 1px, transparent 0);\r\n background-size: 30px 30px;\r\n opacity: 0.5; pointer-events: none;\r\n}\r\n.payscale-section .container { position: relative; z-index: 1; }\r\n\r\n\/* Centered pill-shaped tag *\/\r\n.payscale-section .pill-tag {\r\n display: inline-flex;\r\n align-items: center; justify-content: center;\r\n font-family: var(--font-display); font-weight: 700; font-size: 12px;\r\n letter-spacing: 0.14em; text-transform: uppercase;\r\n color: #B4D4FF;\r\n background: rgba(46, 85, 181, 0.15);\r\n border: 1px solid rgba(46, 85, 181, 0.35);\r\n padding: 9px 22px;\r\n border-radius: 999px;\r\n line-height: 1;\r\n margin: 0 auto var(--r3);\r\n}\r\n.payscale-section .pay-intro {\r\n display: flex; flex-direction: column; align-items: center;\r\n text-align: center;\r\n max-width: 880px;\r\n margin: 0 auto var(--r5);\r\n}\r\n.payscale-section .pay-intro h2 {\r\n color: white;\r\n font-size: clamp(28px, 3.6vw, 42px);\r\n margin-bottom: var(--r2);\r\n}\r\n.payscale-section .pay-intro p {\r\n color: rgba(255, 255, 255, 0.75);\r\n font-size: 16px;\r\n line-height: 1.6;\r\n}\r\n\r\n.payscale-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-auto-rows: 1fr;\r\n gap: var(--r3);\r\n}\r\n@media (max-width: 860px) { .payscale-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 480px) { .payscale-grid { grid-template-columns: 1fr; } }\r\n\r\n.pay-card {\r\n background: white;\r\n border-radius: 14px;\r\n padding: var(--r4) var(--r3);\r\n position: relative;\r\n transition: transform .3s, box-shadow .3s;\r\n border: none;\r\n border-top: 4px solid var(--ignite-red);\r\n backdrop-filter: none;\r\n height: 100%;\r\n display: flex; flex-direction: column;\r\n}\r\n.pay-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow:\r\n 0 20px 50px -15px rgba(212, 43, 43, 0.35),\r\n 0 0 0 1px rgba(212, 43, 43, 0.2);\r\n background: white;\r\n}\r\n.pay-card .card-head {\r\n display: flex; align-items: center; gap: 10px;\r\n margin-bottom: var(--r3);\r\n padding-bottom: var(--r2);\r\n border-bottom: 1px solid var(--line);\r\n}\r\n.pay-card .card-icon {\r\n font-size: 22px;\r\n line-height: 1;\r\n filter: saturate(0.9);\r\n}\r\n.pay-card .role {\r\n font-family: var(--font-display); font-weight: 700; font-size: 14px;\r\n color: var(--career-navy);\r\n letter-spacing: 0;\r\n text-transform: none;\r\n line-height: 1.25;\r\n margin-bottom: 0;\r\n}\r\n.pay-card .amount {\r\n font-family: var(--font-display); font-weight: 900;\r\n font-size: 34px;\r\n color: var(--ignite-red);\r\n line-height: 1;\r\n margin: 0 0 10px;\r\n letter-spacing: -0.02em;\r\n}\r\n.pay-card .amount .accent { color: var(--ignite-red); }\r\n.pay-card .desc {\r\n font-size: 13px;\r\n color: #000000;\r\n line-height: 1.55;\r\n margin: 0;\r\n}\r\n\r\n\/* =========================================================\r\n JOURNEY \u2014 Timeline left + CSS visual panel right\r\n ========================================================= *\/\r\n.journey-layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr 1fr;\r\n gap: var(--r5);\r\n margin-top: var(--r3);\r\n align-items: stretch;\r\n}\r\n@media (max-width: 880px) { .journey-layout { grid-template-columns: 1fr; gap: var(--r4); } }\r\n\r\n.journey-visual {\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n position: relative;\r\n order: 2;\r\n background:\r\n radial-gradient(circle at 75% 25%, rgba(16,120,184,0.45), transparent 55%),\r\n radial-gradient(circle at 20% 80%, rgba(232,38,45,0.25), transparent 55%),\r\n linear-gradient(135deg, var(--navy-deep), var(--career-navy));\r\n min-height: 480px;\r\n box-shadow: 0 24px 60px -20px rgba(26, 38, 115, 0.35);\r\n display: flex; flex-direction: column; justify-content: center;\r\n gap: var(--r3);\r\n}\r\n@media (max-width: 880px) { .journey-visual { order: -1; min-height: 340px; } }\r\n.journey-visual::before {\r\n \/* Decorative dotted texture *\/\r\n content: ''; position: absolute; inset: 0; z-index: 1;\r\n background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.07) 1px, transparent 0);\r\n background-size: 22px 22px;\r\n pointer-events: none;\r\n}\r\n.journey-visual::after {\r\n \/* Large decorative ring *\/\r\n content: ''; position: absolute; z-index: 1;\r\n top: -80px; right: -80px;\r\n width: 280px; height: 280px; border-radius: 50%;\r\n border: 2px dashed rgba(255,255,255,0.12);\r\n pointer-events: none;\r\n}\r\n.journey-visual img { display: none; }\r\n.journey-badges {\r\n position: relative; z-index: 2;\r\n padding: 0 var(--r4);\r\n display: flex; flex-wrap: wrap; gap: 12px;\r\n}\r\n.j-badge {\r\n flex: 1 1 0; min-width: 120px;\r\n display: flex; flex-direction: column;\r\n background: rgba(255,255,255,0.07);\r\n border: 1px solid rgba(255,255,255,0.14);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n}\r\n.j-badge .j-num {\r\n font-family: var(--font-display); font-weight: 900; font-size: 26px;\r\n color: #fff; line-height: 1;\r\n}\r\n.j-badge:nth-child(2) .j-num { color: #4F7EC8; }\r\n.j-badge:nth-child(3) .j-num { color: #FF9CA0; }\r\n.j-badge .j-cap {\r\n font-size: 11px; color: rgba(255,255,255,0.65);\r\n margin-top: 6px; letter-spacing: 0.04em;\r\n}\r\n.journey-visual .overlay-content {\r\n position: relative;\r\n padding: 0 var(--r4);\r\n z-index: 3;\r\n color: white;\r\n display: flex; flex-direction: column; align-items: flex-start;\r\n}\r\n.journey-visual .overlay-tag {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(212, 43, 43, 0.95);\r\n color: white;\r\n font-family: var(--font-display); font-weight: 700; font-size: 11px;\r\n letter-spacing: 0.16em; text-transform: uppercase;\r\n padding: 8px 14px; border-radius: 999px;\r\n margin-bottom: var(--r3);\r\n box-shadow: 0 8px 20px rgba(212, 43, 43, 0.4);\r\n}\r\n.journey-visual .overlay-tag .pulse {\r\n width: 6px; height: 6px; border-radius: 50%; background: white;\r\n animation: pulse 2s infinite;\r\n}\r\n.journey-visual .overlay-title {\r\n font-family: var(--font-display); font-weight: 900;\r\n font-size: clamp(22px, 2.6vw, 30px);\r\n color: white;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n}\r\n.journey-visual .overlay-subtitle {\r\n font-size: 14px; color: rgba(255, 255, 255, 0.8);\r\n line-height: 1.6; max-width: 420px;\r\n}\r\n\r\n\/* Vertical timeline *\/\r\n.journey-steps {\r\n display: flex; flex-direction: column;\r\n justify-content: center;\r\n order: 1;\r\n position: relative;\r\n}\r\n.journey-steps::before {\r\n \/* Connecting vertical line *\/\r\n content: '';\r\n position: absolute;\r\n left: 20px; top: 32px; bottom: 32px;\r\n width: 2px;\r\n background: repeating-linear-gradient(180deg,\r\n var(--line) 0, var(--line) 4px,\r\n transparent 4px, transparent 8px);\r\n}\r\n.journey-step {\r\n display: flex; gap: var(--r3);\r\n padding: var(--r2) 0;\r\n position: relative;\r\n background: transparent !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n text-align: left !important;\r\n}\r\n.journey-step::after { display: none !important; }\r\n.journey-step .step-num {\r\n width: 42px; height: 42px; border-radius: 50%;\r\n 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 flex-shrink: 0;\r\n position: relative;\r\n z-index: 1;\r\n border: 3px solid var(--canvas);\r\n box-shadow: 0 0 0 2px var(--career-navy);\r\n margin: 0;\r\n transition: transform .3s;\r\n}\r\n.journey-step:nth-child(1) .step-num { background: var(--ignite-red); box-shadow: 0 0 0 2px var(--ignite-red), 0 8px 20px rgba(232,38,45,0.35); }\r\n.journey-step:nth-child(2) .step-num { background: var(--global-blue); box-shadow: 0 0 0 2px var(--global-blue), 0 8px 20px rgba(16,120,184,0.35); }\r\n.journey-step:nth-child(3) .step-num { background: var(--career-navy); box-shadow: 0 0 0 2px var(--career-navy), 0 8px 20px rgba(24,16,120,0.35); }\r\n.journey-step:nth-child(4) .step-num { background: var(--ignite-red); box-shadow: 0 0 0 2px var(--ignite-red), 0 8px 20px rgba(232,38,45,0.35); }\r\n.journey-step:hover .step-num { transform: scale(1.08); }\r\n\r\n.journey-step .step-body {\r\n flex: 1;\r\n padding-top: 4px;\r\n padding-bottom: var(--r2);\r\n}\r\n.journey-step h4 {\r\n font-size: 17px;\r\n color: var(--career-navy);\r\n margin-bottom: 6px;\r\n}\r\n.journey-step p {\r\n font-size: 14px;\r\n color: #000000;\r\n line-height: 1.6;\r\n margin: 0;\r\n}\r\n\r\n\/* =========================================================\r\n REVIEWS \u2014 Real customer experiences (Google reviews carousel)\r\n ========================================================= *\/\r\n.reviews-section {\r\n background: var(--canvas);\r\n padding: var(--r6) 0;\r\n}\r\n.reviews-section .reviews-intro {\r\n text-align: center;\r\n max-width: 720px;\r\n margin: 0 auto var(--r4);\r\n}\r\n.reviews-section .reviews-intro h2 {\r\n color: var(--career-navy);\r\n margin-bottom: 8px;\r\n}\r\n.reviews-section .reviews-intro .small-tag {\r\n font-family: var(--font-display); font-size: 14px; font-weight: 600;\r\n color: #000000;\r\n}\r\n\r\n\/* Google rating row *\/\r\n.google-rating-row {\r\n display: flex; align-items: center; justify-content: center; gap: 14px;\r\n margin: 0 auto var(--r4);\r\n flex-wrap: wrap;\r\n}\r\n.google-rating-row .google-logo {\r\n font-family: var(--font-display); font-weight: 700; font-size: 22px;\r\n letter-spacing: -0.02em;\r\n display: inline-flex;\r\n}\r\n.google-rating-row .google-logo .g1 { color: #4285F4; }\r\n.google-rating-row .google-logo .g2 { color: #EA4335; }\r\n.google-rating-row .google-logo .g3 { color: #FBBC04; }\r\n.google-rating-row .google-logo .g4 { color: #4285F4; }\r\n.google-rating-row .google-logo .g5 { color: #34A853; }\r\n.google-rating-row .google-logo .g6 { color: #EA4335; }\r\n.google-rating-row .rating-num {\r\n font-family: var(--font-display); font-weight: 800; font-size: 18px;\r\n color: #000000;\r\n}\r\n.google-rating-row .star-row {\r\n color: #FBBC04; font-size: 18px; letter-spacing: 2px;\r\n}\r\n.google-rating-row .review-count {\r\n color: var(--steel-grey); font-size: 14px;\r\n}\r\n\r\n\/* Reviews carousel *\/\r\n.reviews-carousel {\r\n position: relative;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 var(--r2);\r\n}\r\n.reviews-track-wrap {\r\n overflow: hidden;\r\n}\r\n.reviews-track {\r\n display: flex;\r\n gap: var(--r3);\r\n transition: transform .5s cubic-bezier(.2,.8,.2,1);\r\n will-change: transform;\r\n}\r\n.review-card {\r\n flex: 0 0 calc((100% - var(--r3) * 2) \/ 3);\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--r3) var(--r3) var(--r2);\r\n box-shadow: 0 12px 30px -10px rgba(26, 38, 115, 0.10);\r\n display: flex; flex-direction: column;\r\n transition: transform .3s, box-shadow .3s;\r\n}\r\n@media (max-width: 980px) {\r\n .review-card { flex: 0 0 calc((100% - var(--r3)) \/ 2); }\r\n}\r\n@media (max-width: 640px) {\r\n .review-card { flex: 0 0 100%; }\r\n}\r\n.review-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 40px -15px rgba(26, 38, 115, 0.18);\r\n}\r\n\r\n.review-card .review-head {\r\n display: flex; align-items: center; gap: 12px;\r\n margin-bottom: var(--r2);\r\n}\r\n.review-card .avatar {\r\n width: 48px; height: 48px; border-radius: 50%;\r\n background-size: cover; background-position: center;\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: var(--font-display); font-weight: 700; font-size: 20px;\r\n color: white;\r\n flex-shrink: 0;\r\n}\r\n.review-card .review-meta { flex: 1; }\r\n.review-card .reviewer-name {\r\n font-family: var(--font-display); font-weight: 700; font-size: 15px;\r\n color: var(--career-navy);\r\n margin-bottom: 4px;\r\n}\r\n.review-card .review-rating {\r\n display: flex; align-items: center; gap: 10px;\r\n}\r\n.review-card .review-rating .stars {\r\n color: #FBBC04; font-size: 13px; letter-spacing: 1px;\r\n}\r\n.review-card .review-rating .when {\r\n color: var(--steel-grey); font-size: 12px;\r\n}\r\n.review-card .review-text {\r\n font-size: 14px; color: #000000;\r\n line-height: 1.6; flex: 1;\r\n margin-bottom: var(--r2);\r\n}\r\n.review-card .source {\r\n display: flex; align-items: center; gap: 6px;\r\n padding-top: var(--r2);\r\n border-top: 1px solid var(--line);\r\n font-size: 12px; color: var(--steel-grey);\r\n}\r\n.review-card .source .g-mini {\r\n font-family: var(--font-display); font-weight: 700; font-size: 13px;\r\n letter-spacing: -0.02em;\r\n}\r\n.review-card .source .g-mini .g1 { color: #4285F4; }\r\n.review-card .source .g-mini .g2 { color: #EA4335; }\r\n.review-card .source .g-mini .g3 { color: #FBBC04; }\r\n.review-card .source .g-mini .g4 { color: #4285F4; }\r\n.review-card .source .g-mini .g5 { color: #34A853; }\r\n.review-card .source .g-mini .g6 { color: #EA4335; }\r\n\r\n\/* Pagination dots *\/\r\n.reviews-dots {\r\n display: flex; justify-content: center; gap: 8px;\r\n margin-top: var(--r4);\r\n}\r\n.reviews-dot {\r\n width: 10px; height: 10px; border-radius: 50%;\r\n background: var(--line);\r\n border: none; cursor: pointer;\r\n transition: background .2s, transform .2s;\r\n padding: 0;\r\n}\r\n.reviews-dot.active {\r\n background: var(--career-navy);\r\n transform: scale(1.15);\r\n}\r\n\r\n\/* =========================================================\r\n PLACEMENTS \u2014 Light scrolling carousel of placed students\r\n ========================================================= *\/\r\n.placements-section {\r\n background: var(--canvas);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.placements-head {\r\n display: flex; flex-direction: column;\r\n align-items: center; text-align: center;\r\n gap: var(--r2);\r\n margin-bottom: var(--r5);\r\n}\r\n.placements-head .head-text { max-width: 720px; }\r\n.placements-head .pill-tag {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 6px 14px;\r\n background: rgba(212, 43, 43, 0.10);\r\n color: var(--ignite-red);\r\n border-radius: 999px;\r\n font-family: var(--font-display); font-weight: 700; font-size: 11px;\r\n letter-spacing: 0.16em; text-transform: uppercase;\r\n margin-bottom: var(--r2);\r\n}\r\n.placements-head .pill-tag::before {\r\n content: ''; width: 8px; height: 8px; border-radius: 50%;\r\n 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.placements-head h2 {\r\n color: var(--career-navy);\r\n font-size: clamp(28px, 4vw, 44px);\r\n line-height: 1.1;\r\n letter-spacing: -0.025em;\r\n margin-bottom: var(--r2);\r\n}\r\n.placements-head p {\r\n color: #000000;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n margin: 0;\r\n}\r\n\r\n.placements-cta {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 16px 28px;\r\n background: var(--career-navy);\r\n color: white;\r\n border-radius: 999px;\r\n font-family: var(--font-display); font-weight: 700; font-size: 13px;\r\n letter-spacing: 0.14em; text-transform: uppercase;\r\n border: none; cursor: pointer;\r\n box-shadow: 0 8px 20px rgba(26, 38, 115, 0.25);\r\n transition: transform .25s, box-shadow .25s;\r\n white-space: nowrap;\r\n}\r\n.placements-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 14px 28px rgba(26, 38, 115, 0.35);\r\n}\r\n.placements-cta svg { width: 16px; height: 16px; }\r\n\r\n\/* Carousel container \u2014 continuous auto-scrolling marquee *\/\r\n.placements-carousel {\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.placements-carousel::before,\r\n.placements-carousel::after {\r\n \/* Edge fade \u2014 fades into the canvas background *\/\r\n content: ''; position: absolute; top: 0; bottom: 0; width: 80px;\r\n z-index: 3; pointer-events: none;\r\n}\r\n.placements-carousel::before {\r\n left: 0;\r\n background: linear-gradient(90deg, var(--canvas) 0%, transparent 100%);\r\n}\r\n.placements-carousel::after {\r\n right: 0;\r\n background: linear-gradient(-90deg, var(--canvas) 0%, transparent 100%);\r\n}\r\n.placements-track-wrap {\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n cursor: grab;\r\n scrollbar-width: thin;\r\n scrollbar-color: rgba(24,16,120,0.3) transparent;\r\n -webkit-overflow-scrolling: touch;\r\n scroll-behavior: smooth;\r\n scroll-snap-type: x proximity;\r\n}\r\n.placements-track-wrap:active { cursor: grabbing; }\r\n.placements-track-wrap::-webkit-scrollbar { height: 8px; }\r\n.placements-track-wrap::-webkit-scrollbar-track { background: transparent; }\r\n.placements-track-wrap::-webkit-scrollbar-thumb {\r\n background: rgba(24,16,120,0.25); border-radius: 999px;\r\n}\r\n.placements-track-wrap::-webkit-scrollbar-thumb:hover { background: rgba(24,16,120,0.4); }\r\n\r\n.placements-track {\r\n display: flex;\r\n gap: var(--r3);\r\n width: max-content;\r\n padding: 8px 4px;\r\n}\r\n.placement-card { scroll-snap-align: start; }\r\n\r\n@keyframes placementsScroll {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n}\r\n\r\n.placement-card {\r\n flex: 0 0 290px;\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: 0;\r\n display: flex; flex-direction: column;\r\n border: 1px solid rgba(26, 38, 115, 0.04);\r\n box-shadow: 0 6px 20px -10px rgba(26, 38, 115, 0.12);\r\n transition: transform .3s, box-shadow .3s, border-color .3s;\r\n overflow: hidden;\r\n}\r\n@media (max-width: 540px) { .placement-card { flex: 0 0 260px; } }\r\n\r\n.placement-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(212, 43, 43, 0.2);\r\n box-shadow: 0 22px 40px -15px rgba(212, 43, 43, 0.25);\r\n}\r\n\r\n\/* Navy header band *\/\r\n.placement-card .card-top {\r\n display: flex; justify-content: space-between; align-items: center;\r\n margin-bottom: 0;\r\n background: linear-gradient(135deg, var(--career-navy), var(--navy-deep));\r\n padding: 14px var(--r3);\r\n}\r\n.placement-card .tag {\r\n font-family: var(--font-display); font-weight: 700; font-size: 10px;\r\n letter-spacing: 0.16em; text-transform: uppercase;\r\n color: #fff;\r\n background: rgba(255,255,255,0.12);\r\n padding: 5px 11px;\r\n border-radius: 999px;\r\n}\r\n.placement-card .placed-badge {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n font-family: var(--font-display); font-weight: 700; font-size: 11px;\r\n color: #fff;\r\n letter-spacing: 0.08em; text-transform: uppercase;\r\n}\r\n.placement-card .placed-badge::before {\r\n content: ''; width: 8px; height: 8px; border-radius: 50%;\r\n background: #fff;\r\n box-shadow: 0 0 0 0 rgba(255,255,255,0.6);\r\n animation: pulse 2s infinite;\r\n}\r\n.placement-card .student-name {\r\n font-family: var(--font-display); font-weight: 800; font-size: 22px;\r\n color: var(--career-navy);\r\n letter-spacing: -0.02em;\r\n line-height: 1.15;\r\n text-align: center;\r\n margin: 0;\r\n padding: var(--r3) var(--r3) var(--r2);\r\n}\r\n.placement-card .detail-row {\r\n display: flex; justify-content: space-between; align-items: center;\r\n font-size: 13.5px;\r\n padding: 9px var(--r3);\r\n margin: 0 var(--r3);\r\n border-bottom: 1px dashed var(--line);\r\n}\r\n.placement-card .detail-row:first-of-type {\r\n background: var(--red-soft);\r\n margin: 0 var(--r3) 6px;\r\n border-radius: 10px;\r\n border-bottom: none;\r\n}\r\n.placement-card .detail-row .lbl {\r\n font-family: var(--font-display); font-weight: 700; font-size: 11px;\r\n letter-spacing: 0.14em; text-transform: uppercase;\r\n color: var(--steel-grey);\r\n}\r\n.placement-card .detail-row .val {\r\n color: #000000; font-weight: 600;\r\n}\r\n.placement-card .detail-row .val.highlight {\r\n color: var(--ignite-red); font-weight: 800; font-size: 17px;\r\n}\r\n.placement-card .register-btn {\r\n margin: var(--r2) var(--r3) var(--r3);\r\n padding: 14px var(--r3);\r\n background: var(--career-navy);\r\n color: #fff;\r\n border: none;\r\n border-radius: 10px;\r\n font-family: var(--font-display); font-weight: 700; font-size: 12px;\r\n letter-spacing: 0.14em; text-transform: uppercase;\r\n cursor: pointer;\r\n display: flex; align-items: center; justify-content: space-between;\r\n transition: background .25s, color .25s;\r\n}\r\n.placement-card .register-btn:hover {\r\n background: var(--ignite-red);\r\n color: white;\r\n}\r\n.placement-card .register-btn svg { width: 16px; height: 16px; transition: transform .25s; }\r\n.placement-card .register-btn:hover svg { transform: translateX(3px); }\r\n\r\n\/* =========================================================\r\n HIRING PARTNERS \u2014 Auto-scrolling logo strip\r\n ========================================================= *\/\r\n.hiring-partners-section {\r\n background: var(--paper);\r\n position: relative;\r\n overflow: hidden;\r\n padding: var(--r5) 0 var(--r4);\r\n}\r\n.hiring-partners-section::before {\r\n \/* Subtle dotted accent texture on the right side (like reference) *\/\r\n content: ''; position: absolute;\r\n right: 0; top: 0; bottom: 0;\r\n width: 40%;\r\n background-image: radial-gradient(circle at 1.5px 1.5px, rgba(26, 38, 115, 0.10) 1px, transparent 0);\r\n background-size: 12px 12px;\r\n opacity: 0.6;\r\n pointer-events: none;\r\n mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%);\r\n -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.6) 100%);\r\n}\r\n.hiring-partners-section .container { position: relative; z-index: 1; }\r\n\r\n.hiring-intro {\r\n text-align: center;\r\n margin-bottom: var(--r4);\r\n}\r\n.hiring-intro .pill-tag {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 6px 16px;\r\n background: rgba(212, 43, 43, 0.10);\r\n color: var(--ignite-red);\r\n border-radius: 999px;\r\n font-family: var(--font-display); font-weight: 700; font-size: 11px;\r\n letter-spacing: 0.18em; text-transform: uppercase;\r\n margin-bottom: var(--r2);\r\n}\r\n.hiring-intro h2 {\r\n color: var(--career-navy);\r\n margin-bottom: var(--r2);\r\n font-size: clamp(26px, 3.4vw, 38px);\r\n line-height: 1.15;\r\n letter-spacing: -0.02em;\r\n}\r\n.hiring-intro p {\r\n color: #000000;\r\n font-size: 15px;\r\n max-width: 640px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n}\r\n\r\n\/* Marquee \u2014 continuous auto-scroll *\/\r\n.partners-marquee {\r\n position: relative;\r\n overflow: hidden;\r\n margin-top: var(--r4);\r\n}\r\n.partners-marquee::before,\r\n.partners-marquee::after {\r\n content: ''; position: absolute; top: 0; bottom: 0; width: 100px;\r\n z-index: 3; pointer-events: none;\r\n}\r\n.partners-marquee::before {\r\n left: 0;\r\n background: linear-gradient(90deg, var(--paper) 0%, transparent 100%);\r\n}\r\n.partners-marquee::after {\r\n right: 0;\r\n background: linear-gradient(-90deg, var(--paper) 0%, transparent 100%);\r\n}\r\n.partners-track {\r\n display: flex;\r\n gap: var(--r3);\r\n width: max-content;\r\n padding: 8px 4px;\r\n animation: partnersScroll 90s linear infinite;\r\n will-change: transform;\r\n align-items: center;\r\n}\r\n.partners-track.paused { animation-play-state: paused; }\r\n@keyframes partnersScroll {\r\n from { transform: translateX(0); }\r\n to { transform: translateX(-50%); }\r\n}\r\n\r\n.partner-logo {\r\n flex: 0 0 auto;\r\n width: 180px;\r\n height: 90px;\r\n background: white;\r\n border-radius: var(--radius);\r\n border: 1px solid rgba(26, 38, 115, 0.06);\r\n box-shadow: 0 4px 14px -8px rgba(26, 38, 115, 0.18);\r\n display: flex; align-items: center; justify-content: center;\r\n padding: var(--r2) var(--r3);\r\n transition: transform .3s, box-shadow .3s, border-color .3s, filter .3s;\r\n filter: grayscale(0.15);\r\n}\r\n.partner-logo:hover {\r\n transform: translateY(-3px);\r\n border-color: rgba(212, 43, 43, 0.2);\r\n box-shadow: 0 14px 30px -10px rgba(212, 43, 43, 0.25);\r\n filter: grayscale(0);\r\n}\r\n.partner-logo img {\r\n max-width: 100%;\r\n max-height: 50px;\r\n width: auto; height: auto;\r\n display: block;\r\n object-fit: contain;\r\n}\r\n\r\n\/* =========================================================\r\n REVIEWS \u2014 Google reviews carousel\r\n ========================================================= *\/\r\n.reviews-section { background: var(--canvas); }\r\n.reviews-intro {\r\n text-align: center;\r\n margin-bottom: var(--r4);\r\n}\r\n.reviews-intro h2 {\r\n color: var(--career-navy);\r\n margin-bottom: 8px;\r\n}\r\n.reviews-intro .sub-label {\r\n font-family: var(--font-display); font-size: 13px; font-weight: 600;\r\n color: var(--steel-grey);\r\n letter-spacing: 0.02em;\r\n}\r\n.google-summary {\r\n display: flex; align-items: center; justify-content: center;\r\n gap: 14px; margin-top: var(--r4);\r\n flex-wrap: wrap;\r\n}\r\n.google-summary .google-logo {\r\n font-family: var(--font-display); font-weight: 900; font-size: 28px;\r\n letter-spacing: -0.02em;\r\n line-height: 1;\r\n}\r\n.google-summary .google-logo .g-b { color: #4285F4; }\r\n.google-summary .google-logo .g-r { color: #EA4335; }\r\n.google-summary .google-logo .g-y { color: #FBBC05; }\r\n.google-summary .google-logo .g-b2 { color: #4285F4; }\r\n.google-summary .google-logo .g-g { color: #34A853; }\r\n.google-summary .google-logo .g-r2 { color: #EA4335; }\r\n.google-summary .rating-num {\r\n font-family: var(--font-display); font-weight: 800; font-size: 22px;\r\n color: #000000;\r\n}\r\n.google-summary .stars {\r\n color: #F59E0B; font-size: 18px; letter-spacing: 2px;\r\n}\r\n.google-summary .review-count {\r\n font-size: 14px; color: var(--steel-grey);\r\n}\r\n\r\n.reviews-carousel {\r\n position: relative;\r\n padding: 0 var(--r5);\r\n}\r\n@media (max-width: 760px) { .reviews-carousel { padding: 0; } }\r\n.reviews-track-wrap {\r\n overflow: hidden;\r\n}\r\n.reviews-track {\r\n display: flex;\r\n gap: var(--r3);\r\n transition: transform .5s cubic-bezier(.2,.8,.2,1);\r\n will-change: transform;\r\n}\r\n.review-card {\r\n flex: 0 0 calc((100% - var(--r3) * 2) \/ 3);\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--r3);\r\n box-shadow: 0 10px 30px -15px rgba(24,16,120,0.12);\r\n display: flex; flex-direction: column;\r\n border: 1px solid rgba(24,16,120,0.04);\r\n border-top: 4px solid var(--global-blue);\r\n transition: transform .3s, box-shadow .3s;\r\n}\r\n@media (max-width: 920px) { .review-card { flex: 0 0 calc((100% - var(--r3)) \/ 2); } }\r\n@media (max-width: 600px) { .review-card { flex: 0 0 100%; } }\r\n.review-card:nth-child(3n+2) { border-top-color: var(--ignite-red); }\r\n.review-card:nth-child(3n) { border-top-color: var(--career-navy); }\r\n.review-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 22px 44px -15px rgba(24,16,120,0.22);\r\n}\r\n\r\n\/* Carousel nav arrows *\/\r\n.reviews-nav {\r\n position: absolute; top: 50%; transform: translateY(-50%);\r\n width: 46px; height: 46px; border-radius: 50%;\r\n background: #fff; border: 1px solid var(--line);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; z-index: 5;\r\n box-shadow: 0 8px 24px -8px rgba(24,16,120,0.25);\r\n transition: background .2s, transform .2s, border-color .2s;\r\n}\r\n.reviews-nav:hover { background: var(--career-navy); border-color: var(--career-navy); }\r\n.reviews-nav:hover svg { stroke: #fff; }\r\n.reviews-nav svg { width: 20px; height: 20px; stroke: var(--career-navy); transition: stroke .2s; }\r\n.reviews-nav.prev { left: -4px; }\r\n.reviews-nav.next { right: -4px; }\r\n.reviews-nav:active { transform: translateY(-50%) scale(0.92); }\r\n@media (max-width: 760px) {\r\n .reviews-nav.prev { left: 2px; }\r\n .reviews-nav.next { right: 2px; }\r\n}\r\n.reviews-nav[disabled] { opacity: 0.35; cursor: not-allowed; }\r\n.review-card .review-head {\r\n display: flex; align-items: center; gap: 14px;\r\n margin-bottom: var(--r2);\r\n}\r\n.review-card .avatar {\r\n width: 48px; height: 48px; border-radius: 50%;\r\n flex-shrink: 0;\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: var(--font-display); font-weight: 800; font-size: 18px;\r\n color: white;\r\n}\r\n.review-card .avatar.c1 { background: linear-gradient(135deg, var(--ignite-red), #ff4954); }\r\n.review-card .avatar.c2 { background: linear-gradient(135deg, var(--career-navy), var(--global-blue)); }\r\n.review-card .avatar.c3 { background: linear-gradient(135deg, #8B4513, #5C3317); }\r\n.review-card .avatar.c4 { background: linear-gradient(135deg, var(--global-blue), #4FBFE8); }\r\n.review-card .avatar.c5 { background: linear-gradient(135deg, #15803D, #22C55E); }\r\n.review-card .avatar.c6 { background: linear-gradient(135deg, #7E22CE, #A855F7); }\r\n.review-card .meta {\r\n flex: 1; min-width: 0;\r\n}\r\n.review-card .name {\r\n font-family: var(--font-display); font-weight: 700; font-size: 15px;\r\n color: var(--career-navy); margin-bottom: 4px;\r\n}\r\n.review-card .stars-row {\r\n display: flex; align-items: center; gap: 10px;\r\n font-size: 13px; color: var(--steel-grey);\r\n}\r\n.review-card .stars-row .stars { color: #F59E0B; letter-spacing: 1px; font-size: 14px; }\r\n.review-card .review-body {\r\n font-size: 14px;\r\n color: #000000;\r\n line-height: 1.6;\r\n flex: 1;\r\n margin-bottom: var(--r3);\r\n}\r\n.review-card .review-footer {\r\n display: flex; align-items: center; gap: 8px;\r\n padding-top: var(--r2);\r\n border-top: 1px solid var(--line);\r\n}\r\n.review-card .review-footer .g-mark {\r\n font-family: var(--font-display); font-weight: 900; font-size: 16px;\r\n letter-spacing: -0.02em;\r\n}\r\n.review-card .review-footer .posted {\r\n font-size: 12px; color: var(--steel-grey);\r\n font-weight: 600;\r\n}\r\n\r\n\/* Pagination dots *\/\r\n.reviews-dots {\r\n display: flex; justify-content: center; gap: 8px;\r\n margin-top: var(--r4);\r\n}\r\n.reviews-dot {\r\n width: 8px; height: 8px; border-radius: 50%;\r\n background: rgba(24,16,120,0.2);\r\n border: none; cursor: pointer;\r\n transition: background .2s, width .2s;\r\n padding: 0;\r\n}\r\n.reviews-dot.active {\r\n background: var(--career-navy);\r\n width: 24px;\r\n border-radius: 4px;\r\n}\r\n\r\n\/* =========================================================\r\n GALLERY \u2014 Masonry-style photo grid + lightbox\r\n ========================================================= *\/\r\n.gallery-section { background: var(--paper); }\r\n.gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n grid-auto-rows: 200px;\r\n gap: var(--r3);\r\n}\r\n@media (max-width: 980px) { .gallery-grid { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 540px) { .gallery-grid { grid-template-columns: 1fr; grid-auto-rows: 220px; } }\r\n\r\n.gallery-item {\r\n margin: 0;\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: var(--radius);\r\n cursor: pointer;\r\n background: var(--navy-soft);\r\n box-shadow: 0 10px 28px -14px rgba(24,16,120,0.25);\r\n}\r\n\/* Featured spans *\/\r\n.gallery-item.gi-tall { grid-row: span 2; }\r\n.gallery-item.gi-wide { grid-column: span 2; }\r\n@media (max-width: 980px) {\r\n .gallery-item.gi-tall { grid-row: span 1; }\r\n .gallery-item.gi-wide { grid-column: span 2; }\r\n}\r\n@media (max-width: 540px) {\r\n .gallery-item.gi-wide { grid-column: span 1; }\r\n}\r\n\r\n.gallery-item img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform .5s cubic-bezier(.2,.8,.2,1);\r\n}\r\n.gallery-item::after {\r\n \/* gradient + accent overlay *\/\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: linear-gradient(180deg, rgba(14,8,72,0) 40%, rgba(14,8,72,0.78) 100%);\r\n opacity: 0.85; transition: opacity .35s;\r\n}\r\n.gallery-item:hover img { transform: scale(1.08); }\r\n.gallery-item:hover::after { opacity: 1; }\r\n\r\n.gallery-item figcaption {\r\n position: absolute; left: 0; right: 0; bottom: 0;\r\n z-index: 2;\r\n padding: var(--r3);\r\n display: flex; align-items: center; gap: 10px;\r\n}\r\n.gallery-item figcaption::before {\r\n content: ''; width: 22px; height: 3px;\r\n background: var(--ignite-red); border-radius: 2px;\r\n flex-shrink: 0;\r\n transition: width .35s;\r\n}\r\n.gallery-item:hover figcaption::before { width: 36px; }\r\n.gallery-item figcaption span {\r\n font-family: var(--font-display); font-weight: 700; font-size: 15px;\r\n color: #fff;\r\n letter-spacing: 0.01em;\r\n}\r\n\/* zoom-cue icon *\/\r\n.gallery-item::before {\r\n content: '';\r\n position: absolute; top: 14px; right: 14px;\r\n z-index: 2;\r\n width: 36px; height: 36px; border-radius: 50%;\r\n background: rgba(255,255,255,0.15)\r\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M8 1v14M1 8h14'\/%3E%3C\/svg%3E\")\r\n no-repeat center;\r\n backdrop-filter: blur(4px);\r\n -webkit-backdrop-filter: blur(4px);\r\n opacity: 0; transform: scale(0.6);\r\n transition: opacity .35s, transform .35s;\r\n}\r\n.gallery-item:hover::before { opacity: 1; transform: scale(1); }\r\n\r\n\/* Lightbox *\/\r\n.lightbox-overlay {\r\n position: fixed; inset: 0; z-index: 1100;\r\n background: rgba(8, 5, 38, 0.92);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n display: flex; align-items: center; justify-content: center;\r\n padding: var(--r4);\r\n opacity: 0; visibility: hidden;\r\n transition: opacity .3s, visibility .3s;\r\n}\r\n.lightbox-overlay.active { opacity: 1; visibility: visible; }\r\n.lightbox-img {\r\n max-width: min(1000px, 92vw); max-height: 86vh;\r\n border-radius: var(--radius);\r\n box-shadow: 0 30px 80px -20px rgba(0,0,0,0.7);\r\n border: 4px solid #fff;\r\n transform: scale(0.94);\r\n transition: transform .35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n.lightbox-overlay.active .lightbox-img { transform: scale(1); }\r\n.lightbox-close {\r\n position: absolute; top: 22px; right: 22px;\r\n width: 44px; height: 44px; border-radius: 50%;\r\n background: rgba(255,255,255,0.12); border: none; cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n color: #fff;\r\n transition: background .2s, transform .2s;\r\n}\r\n.lightbox-close:hover { background: var(--ignite-red); transform: rotate(90deg); }\r\n.lightbox-close svg { width: 20px; height: 20px; }\r\n\r\n\/* =========================================================\r\n FAQ \u2014 Accordion\r\n ========================================================= *\/\r\n.faq-section { background: var(--canvas); }\r\n.faq-list {\r\n display: grid; grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n margin: var(--r4) auto 0;\r\n align-items: start;\r\n}\r\n@media (max-width: 760px) { .faq-list { grid-template-columns: 1fr; } }\r\n.faq-item {\r\n background: white;\r\n border-radius: var(--radius);\r\n border: 1px solid var(--line);\r\n overflow: hidden;\r\n transition: box-shadow .3s, border-color .3s;\r\n}\r\n.faq-item.open {\r\n border-color: var(--ignite-red);\r\n box-shadow: 0 12px 30px -10px rgba(232,38,45,0.15);\r\n}\r\n.faq-q {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: var(--r3);\r\n cursor: pointer;\r\n font-family: var(--font-display); font-weight: 700; font-size: 15px;\r\n color: var(--career-navy);\r\n user-select: none;\r\n}\r\n.faq-q .plus {\r\n width: 28px; height: 28px; flex-shrink: 0;\r\n border-radius: 50%; background: var(--red-soft);\r\n display: flex; align-items: center; justify-content: center;\r\n color: var(--ignite-red); font-size: 20px; font-weight: 700;\r\n transition: transform .3s, background .3s, color .3s;\r\n}\r\n.faq-item.open .plus {\r\n background: var(--ignite-red); color: white;\r\n transform: rotate(45deg);\r\n}\r\n.faq-a {\r\n max-height: 0; overflow: hidden;\r\n transition: max-height .4s ease, padding .3s ease;\r\n padding: 0 var(--r3);\r\n}\r\n.faq-item.open .faq-a {\r\n max-height: 500px;\r\n padding: 0 var(--r3) var(--r3);\r\n}\r\n.faq-a p { color: #000000; font-size: 15px; line-height: 1.7; }\r\n\r\n\/* =========================================================\r\n FINAL CTA + FOOTER (same as About)\r\n ========================================================= *\/\r\n\/* =========================================================\r\n FINAL CTA \u2014 Get Started layout (split with stat card)\r\n ========================================================= *\/\r\n.final-cta {\r\n background:\r\n radial-gradient(ellipse 50% 60% at 15% 50%, rgba(46, 85, 181, 0.15), transparent 65%),\r\n radial-gradient(ellipse 40% 60% at 90% 100%, rgba(212, 43, 43, 0.10), transparent 60%),\r\n linear-gradient(180deg, var(--navy-deep) 0%, #0B1240 100%);\r\n color: white;\r\n position: relative; overflow: hidden;\r\n padding: var(--r6) 0;\r\n}\r\n.final-cta::before {\r\n content: ''; position: absolute; inset: 0;\r\n background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.05) 1px, transparent 0);\r\n background-size: 32px 32px;\r\n opacity: 0.5; pointer-events: none;\r\n}\r\n.final-cta .container {\r\n position: relative; z-index: 1;\r\n display: flex; flex-direction: column;\r\n align-items: center; text-align: center;\r\n gap: var(--r2);\r\n}\r\n\r\n.final-cta .cta-eyebrow {\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);\r\n margin-bottom: var(--r2);\r\n}\r\n.final-cta h2 {\r\n color: white;\r\n font-size: clamp(30px, 4.4vw, 48px);\r\n font-weight: 800;\r\n line-height: 1.12;\r\n letter-spacing: -0.01em;\r\n margin-bottom: var(--r2);\r\n max-width: 720px;\r\n}\r\n.final-cta h2 .accent { color: var(--ignite-red); }\r\n.final-cta .cta-desc {\r\n color: rgba(255, 255, 255, 0.75);\r\n font-size: 15px;\r\n line-height: 1.7;\r\n max-width: 580px;\r\n margin-bottom: var(--r3);\r\n}\r\n.final-cta .cta-row {\r\n display: flex; gap: 12px; flex-wrap: wrap; justify-content: center;\r\n}\r\n.final-cta .btn-filled {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 10px;\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: 14px 28px;\r\n border-radius: 999px;\r\n border: 2px solid var(--ignite-red);\r\n cursor: pointer;\r\n text-transform: none; letter-spacing: 0.02em;\r\n transition: transform .2s, background .2s, box-shadow .2s;\r\n box-shadow: 0 10px 24px rgba(212, 43, 43, 0.35);\r\n}\r\n.final-cta .btn-filled:hover {\r\n transform: translateY(-2px);\r\n background: #B92222;\r\n box-shadow: 0 14px 32px rgba(212, 43, 43, 0.5);\r\n}\r\n.final-cta .btn-outline {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n background: transparent;\r\n color: white;\r\n font-family: var(--font-display); font-weight: 700; font-size: 14px;\r\n padding: 14px 28px;\r\n border-radius: 999px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n text-decoration: none;\r\n transition: background .2s, border-color .2s, transform .2s;\r\n}\r\n.final-cta .btn-outline:hover {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-color: rgba(255, 255, 255, 0.5);\r\n transform: translateY(-2px);\r\n}\r\n.final-cta .btn-filled svg, .final-cta .btn-outline svg {\r\n width: 14px; height: 14px; stroke: currentColor;\r\n}\r\n\r\n\/* Final CTA \u2014 horizontal mini stat row *\/\r\n.final-cta .stat-card {\r\n display: flex; flex-wrap: wrap; justify-content: center;\r\n gap: var(--r2);\r\n margin-top: var(--r4);\r\n}\r\n.final-cta .stat-card .fc-stat {\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.12);\r\n border-radius: 16px;\r\n padding: var(--r3) var(--r4);\r\n text-align: center;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n}\r\n.final-cta .stat-card .stat-num {\r\n font-family: var(--font-display); font-weight: 900;\r\n font-size: clamp(34px, 4vw, 46px);\r\n line-height: 1; letter-spacing: -0.03em;\r\n color: var(--ignite-red);\r\n margin-bottom: 6px;\r\n}\r\n.final-cta .stat-card .fc-stat:nth-child(2) .stat-num { color: #4F7EC8; }\r\n.final-cta .stat-card .fc-stat:nth-child(3) .stat-num { color: #fff; }\r\n.final-cta .stat-card .stat-label {\r\n font-family: var(--font-display); font-weight: 700; font-size: 12px;\r\n color: rgba(255,255,255,0.8);\r\n letter-spacing: 0.06em;\r\n}\r\n\r\nfooter {\r\n background: var(--charcoal); color: rgba(255,255,255,0.7);\r\n font-size: 14px; padding: var(--r5) 0 var(--r3);\r\n}\r\n.footer-grid {\r\n display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr;\r\n gap: var(--r4);\r\n padding-bottom: var(--r3); border-bottom: 1px solid rgba(255,255,255,0.1);\r\n}\r\n@media (max-width: 860px) { .footer-grid { grid-template-columns: 1fr 1fr; } }\r\n@media (max-width: 540px) { .footer-grid { grid-template-columns: 1fr; } }\r\n.footer-grid h4 {\r\n color: white; font-size: 13px; letter-spacing: 0.15em;\r\n text-transform: uppercase; margin-bottom: var(--r3); font-weight: 700;\r\n}\r\n.footer-grid h4::after {\r\n content: ''; display: block; width: 28px; height: 2px;\r\n background: var(--ignite-red); margin-top: 8px;\r\n}\r\n.footer-grid ul { list-style: none; }\r\n.footer-grid ul li { margin-bottom: 8px; }\r\n.footer-grid ul a { color: rgba(255,255,255,0.65); font-size: 14px; }\r\n.footer-grid ul a:hover { color: var(--ignite-red); }\r\n.socials { display: flex; gap: 10px; margin-top: var(--r2); }\r\n.socials a {\r\n width: 36px; height: 36px; border-radius: 50%;\r\n background: rgba(255,255,255,0.08);\r\n display: flex; align-items: center; justify-content: center;\r\n transition: background .2s, transform .2s;\r\n}\r\n.socials a:hover { background: var(--ignite-red); transform: translateY(-3px); }\r\n.socials a svg { width: 16px; height: 16px; fill: white; }\r\n.copyright {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding-top: var(--r3); flex-wrap: wrap; gap: var(--r2);\r\n font-size: 13px; color: rgba(255,255,255,0.5);\r\n}\r\n.copyright a { color: rgba(255,255,255,0.6); margin-left: var(--r3); }\r\n.copyright a:hover { color: white; }\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 display: flex; align-items: center; justify-content: center;\r\n padding: var(--r3);\r\n opacity: 0; visibility: hidden;\r\n transition: opacity .3s, visibility .3s;\r\n}\r\n.modal-overlay.active { opacity: 1; visibility: visible; }\r\n.modal-overlay.active .modal { transform: scale(1) translateY(0); }\r\n.modal {\r\n background: white; border-radius: var(--radius-lg);\r\n width: 100%; max-width: 520px; 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; padding: var(--r4) var(--r4) var(--r3);\r\n position: relative; 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 .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; 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; 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.modal-body { padding: var(--r4); overflow-y: auto; flex: 1; }\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%; padding: 12px 14px;\r\n font-family: var(--font-body); font-size: 16px;\r\n color: #000000; background: var(--canvas);\r\n border: 1.5px solid transparent; border-radius: 8px;\r\n transition: border-color .2s, background .2s; outline: none;\r\n}\r\n.form-row input:focus, .form-row select:focus {\r\n border-color: var(--global-blue); 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='%231A2673' stroke-width='2' d='M1 1l5 5 5-5'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px;\r\n}\r\n.modal-submit {\r\n width: 100%; background: var(--ignite-red); color: white;\r\n font-family: var(--font-display); font-weight: 700; font-size: 14px;\r\n padding: 16px; border-radius: 8px; border: none;\r\n text-transform: uppercase; letter-spacing: 0.08em; cursor: pointer;\r\n transition: background .2s, transform .2s; box-shadow: 0 8px 20px rgba(232,38,45,0.3);\r\n}\r\n.modal-submit:hover { background: #B92222; transform: translateY(-2px); }\r\n.modal-footer-note {\r\n font-size: 12px; color: var(--steel-grey);\r\n text-align: center; margin-top: var(--r2); font-style: italic;\r\n}\r\nbody.modal-open { overflow: hidden; }\r\n\r\n\/* =========================================================\r\n ANIMATIONS\r\n ========================================================= *\/\r\n.fade-in { opacity: 0; transform: translateY(20px); transition: opacity .8s, transform .8s; }\r\n.fade-in.visible { opacity: 1; transform: translateY(0); }\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\/* =========================================================\r\n PLACEMENTS SLIDER \u2014 Prev \/ Next arrow buttons\r\n ========================================================= *\/\r\n.placements-nav-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n margin-top: 28px;\r\n}\r\n.placements-nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px; height: 48px;\r\n border-radius: 50%;\r\n border: 2px solid var(--career-navy);\r\n background: transparent;\r\n color: var(--career-navy);\r\n cursor: pointer;\r\n transition: background .2s, color .2s, transform .18s, opacity .2s;\r\n flex-shrink: 0;\r\n}\r\n.placements-nav-btn svg {\r\n width: 20px; height: 20px;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n.placements-nav-btn:hover:not(:disabled) {\r\n background: var(--career-navy);\r\n color: #fff;\r\n transform: scale(1.08);\r\n}\r\n.placements-nav-btn:disabled {\r\n opacity: 0.28;\r\n cursor: not-allowed;\r\n}\r\n.placements-nav-dots {\r\n display: flex;\r\n gap: 7px;\r\n align-items: center;\r\n}\r\n.placements-nav-dot {\r\n width: 8px; height: 8px;\r\n border-radius: 50%;\r\n border: none;\r\n background: rgba(24,16,120,0.22);\r\n cursor: pointer;\r\n padding: 0;\r\n transition: background .2s, transform .2s, width .2s;\r\n}\r\n.placements-nav-dot.active {\r\n background: var(--career-navy);\r\n width: 22px;\r\n border-radius: 999px;\r\n}\r\n\r\n\/* =========================================================\r\n SECTION CTA BAR \u2014 WhatsApp + Enroll Form buttons\r\n ========================================================= *\/\r\n.section-cta-bar {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n margin-top: 36px;\r\n padding-top: 28px;\r\n border-top: 1px solid var(--line);\r\n}\r\n.section-cta-bar .scta-wa {\r\n display: inline-flex; align-items: center; gap: 9px;\r\n background: #25D366;\r\n color: #fff;\r\n font-family: var(--font-display); font-weight: 700; font-size: 14px;\r\n padding: 13px 26px;\r\n border-radius: 999px;\r\n border: none;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: transform .2s, box-shadow .2s, background .2s;\r\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.32);\r\n white-space: nowrap;\r\n}\r\n.section-cta-bar .scta-wa:hover {\r\n background: #1ebe5d;\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 28px rgba(37, 211, 102, 0.45);\r\n}\r\n.section-cta-bar .scta-wa svg { width: 18px; height: 18px; fill: #fff; flex-shrink: 0; }\r\n\r\n.section-cta-bar .scta-form {\r\n display: inline-flex; align-items: center; gap: 9px;\r\n background: var(--ignite-red);\r\n color: #fff;\r\n font-family: var(--font-display); font-weight: 700; font-size: 14px;\r\n padding: 13px 26px;\r\n border-radius: 999px;\r\n border: none;\r\n cursor: pointer;\r\n transition: transform .2s, box-shadow .2s, background .2s;\r\n box-shadow: 0 6px 20px rgba(212, 43, 43, 0.30);\r\n white-space: nowrap;\r\n}\r\n.section-cta-bar .scta-form:hover {\r\n background: #B92222;\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 28px rgba(212, 43, 43, 0.45);\r\n}\r\n.section-cta-bar .scta-form svg { width: 16px; height: 16px; stroke: #fff; fill: none; flex-shrink: 0; }\r\n\r\n@media (max-width: 480px) {\r\n .section-cta-bar { gap: 10px; }\r\n .section-cta-bar .scta-wa,\r\n .section-cta-bar .scta-form { font-size: 13px; padding: 11px 20px; width: 100%; justify-content: center; }\r\n}\r\n\r\n\/* =========================================================\r\n PAGE ADDITIONS (reference design language)\r\n ========================================================= *\/\r\n.course-card .brochure-mini {\r\n display: flex; align-items: center; justify-content: center; gap: 8px;\r\n width: 100%; margin-top: 10px; padding: 12px;\r\n border-radius: 10px; border: 2px solid var(--career-navy);\r\n color: var(--career-navy); background: transparent;\r\n font-family: var(--font-display); font-weight: 700; font-size: 13px;\r\n text-decoration: none; transition: background .2s, color .2s;\r\n}\r\n.course-card .brochure-mini:hover { background: var(--career-navy); color: #fff; }\r\n.course-card .brochure-mini svg { width: 15px; height: 15px; }\r\n\r\n.section-intro .sec-h {\r\n font-family: var(--font-display); color: var(--career-navy);\r\n letter-spacing: -0.01em; font-weight: 800;\r\n font-size: clamp(26px, 3.4vw, 36px); line-height: 1.2;\r\n}\r\n\r\n.faq-a ul { margin: 6px 0 0 0; padding-left: 20px; }\r\n.faq-a li { color: #000000; font-size: 15px; line-height: 1.7; margin-bottom: 6px; }\r\n.faq-a li:last-child { margin-bottom: 0; }\r\n\r\n.popular-grid { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: var(--r4); }\r\n.popular-grid .course-chip { animation: none; text-decoration: none; cursor: pointer; }\r\n.popular-grid a.course-chip:hover { border-color: var(--ignite-red); color: var(--ignite-red); transform: translateY(-2px); }\r\n.popular-grid .course-chip.is-current { background: var(--career-navy); color: #fff; border-color: var(--career-navy); }\r\n\r\n.float-wa, .float-call {\r\n position: fixed; bottom: 22px; z-index: 90;\r\n width: 54px; height: 54px; border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);\r\n transition: transform .2s;\r\n}\r\n.float-wa:hover, .float-call:hover { transform: translateY(-3px) scale(1.05); }\r\n.float-wa { left: 22px; background: #25D366; }\r\n.float-call { right: 22px; background: var(--ignite-red); }\r\n.float-wa svg { width: 28px; height: 28px; fill: #fff; }\r\n.float-call svg { width: 24px; height: 24px; stroke: #fff; fill: none; }\r\n@media (max-width: 540px) {\r\n .float-wa, .float-call { width: 48px; height: 48px; bottom: 16px; }\r\n .float-wa { left: 14px; }\r\n .float-call { right: 14px; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HERO -->\r\n<header class=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"glow-shield\"><\/div>\r\n <div class=\"container\">\r\n <div class=\"hero-left\">\r\n \r\n <div class=\"hero-main\">\r\n <h1>\r\n Java Full Stack Training\r\n <span class=\"accent-line\">in Hyderabad<\/span>\r\n <\/h1>\r\n\r\n <div class=\"lede-block\">\r\n <p>Join <strong>Next IT Career<\/strong>'s <strong>Java Full Stack Training in Hyderabad<\/strong> and learn Java, JSP, RESTful web services, and Spring \u2014 becoming an expert in every aspect of full-stack web development.<\/p>\r\n <p>Learn to connect to databases and build informative, attractive, production-ready websites \u2014 comprehensive training that prepares you for a successful career in <strong>90 days<\/strong>.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cta-row\">\r\n <button class=\"btn-primary\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n Enrol Now\r\n <\/button>\r\n <a class=\"btn-secondary\" href=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/05\/Java-04.05.2026-brochure-New.pdf\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n Download Brochure\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Course Snapshot \u2014 vertical white card -->\r\n <div class=\"course-card\">\r\n <div class=\"card-header\">\r\n <span class=\"header-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/span>\r\n <h3>Course Snapshot<\/h3>\r\n <\/div>\r\n\r\n <div class=\"meta\">\r\n <div class=\"meta-item\">\r\n <span class=\"row-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/span>\r\n <span class=\"key\">Duration<\/span>\r\n <span class=\"val\">90 Days<\/span>\r\n <\/div>\r\n <div class=\"meta-item\">\r\n <span class=\"row-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/span>\r\n <span class=\"key\">Level<\/span>\r\n <span class=\"val\">All Levels<\/span>\r\n <\/div>\r\n <div class=\"meta-item\">\r\n <span class=\"row-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/span>\r\n <span class=\"key\">Subject<\/span>\r\n <span class=\"val\">Java Full Stack<\/span>\r\n <\/div>\r\n <div class=\"meta-item\">\r\n <span class=\"row-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 8l6 6\"\/><path d=\"M4 14l6-6 2-3\"\/><path d=\"M2 5h12\"\/><path d=\"M7 2h1\"\/><path d=\"M22 22l-5-10-5 10\"\/><path d=\"M14 18h6\"\/><\/svg><\/span>\r\n <span class=\"key\">Language<\/span>\r\n <span class=\"val\">English, Telugu<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"demo-cta\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"8.5\" cy=\"7\" r=\"4\"\/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"\/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/><\/svg>\r\n Enroll For Free Demo\r\n <\/button>\r\n\r\n <a class=\"brochure-mini\" href=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/05\/Java-04.05.2026-brochure-New.pdf\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\r\n Download Brochure\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"h-stat tint-google\">\r\n <span class=\"h-icon\">\r\n <!-- Google G -->\r\n <svg viewBox=\"0 0 48 48\" width=\"20\" height=\"20\">\r\n <path fill=\"#FFC107\" d=\"M43.6 20.5H42V20H24v8h11.3c-1.6 4.7-6.1 8-11.3 8-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3l5.7-5.7C34.1 6.5 29.3 4.5 24 4.5 13.2 4.5 4.5 13.2 4.5 24S13.2 43.5 24 43.5 43.5 34.8 43.5 24c0-1.2-.1-2.3-.4-3.5z\"\/>\r\n <path fill=\"#FF3D00\" d=\"M6.3 14.1l6.6 4.8c1.8-4.3 6-7.4 11.1-7.4 3.1 0 5.8 1.2 7.9 3l5.7-5.7C34.1 6.5 29.3 4.5 24 4.5c-7.7 0-14.3 4.4-17.7 10.6z\"\/>\r\n <path fill=\"#4CAF50\" d=\"M24 43.5c5.2 0 9.9-2 13.5-5.2l-6.2-5.3c-2 1.5-4.6 2.5-7.3 2.5-5.1 0-9.5-3.3-11.1-7.9l-6.5 5C9.7 39 16.3 43.5 24 43.5z\"\/>\r\n <path fill=\"#1976D2\" d=\"M43.6 20.5H42V20H24v8h11.3c-.8 2.3-2.2 4.3-4 5.7l6.2 5.3c-.4.4 6.5-4.7 6.5-15 0-1.2-.1-2.3-.4-3.5z\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"h-text\">\r\n <span class=\"h-top\">4.9 <span class=\"star\">\u2605<\/span><\/span>\r\n <span class=\"h-mid\">Google<\/span>\r\n <span class=\"h-sub\">Rating<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"h-stat tint-amber\">\r\n <span class=\"h-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\r\n <\/span>\r\n <span class=\"h-text\">\r\n <span class=\"h-top\">12+<\/span>\r\n <span class=\"h-mid\">Years of<\/span>\r\n <span class=\"h-sub\">Trainer Experience<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"h-stat tint-amber\">\r\n <span class=\"h-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\r\n <\/span>\r\n <span class=\"h-text\">\r\n <span class=\"h-top\">5,000+<\/span>\r\n <span class=\"h-mid\">Successful<\/span>\r\n <span class=\"h-sub\">Placements<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"h-stat tint-mint\">\r\n <span class=\"h-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/span>\r\n <span class=\"h-text\">\r\n <span class=\"h-top\">Certified<\/span>\r\n <span class=\"h-mid\">Trainers<\/span>\r\n <span class=\"h-sub\">Industry Experts<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"h-stat tint-blue\">\r\n <span class=\"h-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n <\/span>\r\n <span class=\"h-text\">\r\n <span class=\"h-top\">Same-Day<\/span>\r\n <span class=\"h-mid\">Free Demo<\/span>\r\n <span class=\"h-sub\">Class Access<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"h-stat tint-red\">\r\n <span class=\"h-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n <\/span>\r\n <span class=\"h-text\">\r\n <span class=\"h-top\">Free Visit<\/span>\r\n <span class=\"h-mid\">Centre Tour<\/span>\r\n <span class=\"h-sub\">Hyderabad<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- STATS STRIP -->\r\n<section class=\"stats-strip\" id=\"statsStrip\">\r\n <div class=\"container\">\r\n <div class=\"stat\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"num\"><span class=\"count\" data-target=\"4.9\" data-decimal=\"1\">0<\/span> \/ 5<\/span>\r\n <span class=\"label\">Google Rating<span class=\"sub\">6,586+ Reviews<\/span><\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stars-spacer\"><\/span>\r\n <span class=\"num\"><span class=\"count\" data-target=\"12000\">0<\/span>+<\/span>\r\n <span class=\"label\">Learners Trained<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stars-spacer\"><\/span>\r\n <span class=\"num\"><span class=\"count\" data-target=\"100\">0<\/span>+<\/span>\r\n <span class=\"label\">Hiring Partners<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stars-spacer\"><\/span>\r\n <span class=\"num\"><span class=\"count\" data-target=\"92\">0<\/span><span class=\"small\">%<\/span><\/span>\r\n <span class=\"label\">Placement Rate<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stars-spacer\"><\/span>\r\n <span class=\"num\"><span class=\"count\" data-target=\"12\">0<\/span><span class=\"small\">+ Years<\/span><\/span>\r\n <span class=\"label\">Industry Mentors<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- COURSE CHIP MARQUEE -->\r\n<section class=\"course-marquee\" aria-label=\"Related automation testing and IT courses\">\r\n <div class=\"marquee-track-wrap\" id=\"marqueeWrap\">\r\n <div class=\"marquee-track\" id=\"marqueeTrack\">\r\n <!-- Track row 1 (gets duplicated by JS for seamless loop) -->\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/span>Java Full Stack<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/span>Selenium Course<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/span>Playwright Course<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33h.0A1.65 1.65 0 0 0 10 4.6V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg><\/span>API Testing<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span>Manual Testing<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 17 9 11 13 15 21 7\"\/><polyline points=\"14 7 21 7 21 14\"\/><\/svg><\/span>Performance Testing<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg><\/span>ETL Testing<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8h1a4 4 0 1 1 0 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg><\/span>JMeter<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/span>Load Runner<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/span>Cypress Training<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h20v14H2zM8 21h8M12 17v4\"\/><\/svg><\/span>UI Path Training<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 20V10M12 20V4M6 20v-6\"\/><\/svg><\/span>Data Science<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/span>DevOps Training<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg><\/span>Generative AI<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/span>Cyber Security<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/><\/svg><\/span>AWS Training<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M3 5v6c0 1.66 4.03 3 9 3s9-1.34 9-3V5\"\/><path d=\"M3 11v6c0 1.66 4.03 3 9 3s9-1.34 9-3v-6\"\/><\/svg><\/span>Azure Data Engineering<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 9h6v6H9z\"\/><\/svg><\/span>SAP Automation<\/span>\r\n <span class=\"course-chip\"><span class=\"chip-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/span>Tosca Certification Course<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- INTRO + DEMO -->\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"intro-grid\">\r\n <aside class=\"demo-card fade-in\" id=\"demoForm\">\r\n <div class=\"tag\">Free Demo<\/div>\r\n <h4>Enrol For Free Demo<\/h4>\r\n <p>Get a sneak peek of our Java Full Stack classes \u2014 no commitment.<\/p>\r\n <form action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\">\r\n <input type=\"hidden\" name=\"access_key\" value=\"0118dc23-da68-41cd-a923-0336aab91408\">\r\n <input type=\"hidden\" name=\"subject\" value=\"New Free Demo Enquiry \u2014 Next IT Career\">\r\n <input type=\"hidden\" name=\"from_name\" value=\"Next IT Career Website\">\r\n <input type=\"checkbox\" name=\"botcheck\" style=\"display:none;\">\r\n <div class=\"form-row\">\r\n <label>Name <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" name=\"name\" placeholder=\"Your full name\" required \/>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <label>Phone <span class=\"req\">*<\/span><\/label>\r\n <input type=\"tel\" name=\"phone\" placeholder=\"+91 90000 00000\" required \/>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <label>Course <span class=\"optional\">(Optional)<\/span><\/label>\r\n <select name=\"course\">\r\n <option value=\"\" selected>Choose a course (optional)\u2026<\/option>\r\n <optgroup label=\"Testing Courses\">\r\n <option>Tosca Training<\/option>\r\n <option>Playwright Automation<\/option>\r\n <option>Manual Testing Training<\/option>\r\n <\/optgroup>\r\n <optgroup label=\"Data Engineering Courses\">\r\n <option>Azure Data Engineering<\/option>\r\n <option>GCP Data Engineering<\/option>\r\n <\/optgroup>\r\n <optgroup label=\"Data Stack Courses\">\r\n <option>Data Science<\/option>\r\n <option>Data Analytics<\/option>\r\n <option>Generative AI<\/option>\r\n <\/optgroup>\r\n <optgroup label=\"Full Stack Courses\">\r\n <option>Java Full Stack<\/option>\r\n <option>Python Full Stack<\/option>\r\n <\/optgroup>\r\n <optgroup label=\"Cyber Stack Courses\">\r\n <option>Cyber Security<\/option>\r\n <option>SOC Analyst Training<\/option>\r\n <\/optgroup>\r\n <optgroup label=\"Cloud Stack\">\r\n <option>Service Now Training<\/option>\r\n <option>Power Apps Training<\/option>\r\n <option>Power BI With Power Apps<\/option>\r\n <\/optgroup>\r\n <optgroup label=\"Workday Courses\">\r\n <option>Workday HCM Training<\/option>\r\n <option>Workday Finance<\/option>\r\n <\/optgroup>\r\n <optgroup label=\"SAP Courses\">\r\n <option>SAP EWM<\/option>\r\n <option>SAP CPI BTP<\/option>\r\n <option>SAP GRC Security + Fiori Security<\/option>\r\n <option>SAP SAC<\/option>\r\n <option>SAP Datasphere<\/option>\r\n <option>SuccessFactors EC (Employee Central)<\/option>\r\n <\/optgroup>\r\n <\/select>\r\n <\/div>\r\n <button type=\"submit\" class=\"submit\">Submit<\/button>\r\n <\/form>\r\n <\/aside>\r\n\r\n <div class=\"intro-body fade-in\">\r\n <span class=\"section-tag intro-tag\">Welcome<\/span>\r\n <h2 style=\"margin-bottom: var(--r3); text-align:left;\">Java Full Stack Training Institute in Hyderabad<\/h2>\r\n <p>Full-stack web development is the design of both websites and applications, from front end to back end. Our <a href=\"https:\/\/www.nextitcareer.com\/best-java-full-stack-training-in-hyderabad\/\">Java Full Stack Training in Hyderabad<\/a> introduces you to Java, JSP, RESTful web services, and Spring \u2014 teaching you how to connect to databases and build informative, attractive websites.<\/p>\r\n <p>With our Full Stack Java Development Course, you'll become an expert in every aspect of web development \u2014 front end and back end alike. We provide both online and offline classroom training.<\/p>\r\n <p>We're a leading online and offline Java Full Stack training institute, with a course completion certificate and placement support across Hyderabad, Miyapur, Bachupally, KPHB, and Kukatpally.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- KEY HIGHLIGHTS -->\r\n<section class=\"highlights-section\">\r\n <div class=\"container\">\r\n <div class=\"section-intro fade-in\">\r\n <span class=\"section-tag\">Course Highlights<\/span>\r\n <h2>What Makes Our Java Full Stack Training Unique<\/h2>\r\n <p>Eleven reasons our Java Full Stack program prepares you for a real-world development career.<\/p>\r\n <\/div>\r\n\r\n <div class=\"highlights-grid\">\r\n <article class=\"highlight-card fade-in\" data-num=\"01\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/><\/svg><\/span>01 \/ CURRICULUM<\/div>\r\n <h3>Industry-Focused Curriculum<\/h3>\r\n <p>Learn the practical skills companies actually need \u2014 from Java core to full-stack deployment, not just theory.<\/p>\r\n <\/article>\r\n <article class=\"highlight-card fade-in\" data-num=\"02\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/span>02 \/ TRAINERS<\/div>\r\n <h3>Expert Trainers<\/h3>\r\n <p>Get trained by experienced Java developers who've built real enterprise applications.<\/p>\r\n <\/article>\r\n <article class=\"highlight-card fade-in\" data-num=\"03\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/span>03 \/ HANDS-ON<\/div>\r\n <h3>Hands-On Learning<\/h3>\r\n <p>Work on live full-stack projects \u2014 building, connecting, and deploying real applications.<\/p>\r\n <\/article>\r\n <article class=\"highlight-card fade-in\" data-num=\"04\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/span>04 \/ PLACEMENTS<\/div>\r\n <h3>Placement Assistance<\/h3>\r\n <p>Resume-building, interview preparation, and job support once you're ready for the market.<\/p>\r\n <\/article>\r\n <article class=\"highlight-card fade-in\" data-num=\"05\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><\/span>05 \/ FLEXIBLE<\/div>\r\n <h3>Flexible Learning Options<\/h3>\r\n <p>Choose from online or classroom sessions \u2014 whichever fits your schedule and learning style.<\/p>\r\n <\/article>\r\n <article class=\"highlight-card fade-in\" data-num=\"06\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.5 12.5L17 22l-5-3-5 3 1.5-9.5\"\/><\/svg><\/span>06 \/ CERTIFICATION<\/div>\r\n <h3>Certification<\/h3>\r\n <p>Receive a Java Full Stack course completion certificate \u2014 verified proof of your skills for recruiters.<\/p>\r\n <\/article>\r\n <article class=\"highlight-card fade-in\" data-num=\"07\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/span>07 \/ FULL STACK<\/div>\r\n <h3>Front-End to Back-End<\/h3>\r\n <p>HTML, CSS & JavaScript through to Java, Spring, and databases \u2014 the complete stack.<\/p>\r\n <\/article>\r\n <article class=\"highlight-card fade-in\" data-num=\"08\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span>08 \/ SPRING<\/div>\r\n <h3>Spring & Spring Boot<\/h3>\r\n <p>Build real enterprise applications with Java's most in-demand framework family.<\/p>\r\n <\/article>\r\n <article class=\"highlight-card fade-in\" data-num=\"09\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/span>09 \/ AFFORDABLE<\/div>\r\n <h3>Affordable Course Fee<\/h3>\r\n <p>Flexible payment facilities so cost isn't a barrier to your full-stack career.<\/p>\r\n <\/article>\r\n <article class=\"highlight-card fade-in\" data-num=\"10\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M3 5v6c0 1.66 4.03 3 9 3s9-1.34 9-3V5\"\/><path d=\"M3 11v6c0 1.66 4.03 3 9 3s9-1.34 9-3v-6\"\/><\/svg><\/span>10 \/ DATABASES<\/div>\r\n <h3>Databases & REST APIs<\/h3>\r\n <p>Connect to relational databases and build the REST APIs that power modern applications.<\/p>\r\n <\/article>\r\n <article class=\"highlight-card fade-in\" data-num=\"11\">\r\n <div class=\"num\"><span class=\"icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span>11 \/ SUPPORT<\/div>\r\n <h3>Comprehensive Support<\/h3>\r\n <p>Regular updates, training videos, and premium materials, plus LMS access for revision during your job search.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT JAVA FULL STACK -->\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-intro fade-in\">\r\n <span class=\"section-tag\">Understand The Stack<\/span>\r\n <h2>What You'll Learn in Our Java Full Stack Course<\/h2>\r\n <p>From Java fundamentals to Spring, databases, and front-end basics \u2014 a complete, industry-aligned curriculum.<\/p>\r\n <\/div>\r\n\r\n <div class=\"about-tosca\">\r\n <article class=\"info-card fade-in\">\r\n <div class=\"info-head\"><div class=\"card-icon\">\u2615<\/div><h3>Java Core Fundamentals<\/h3><\/div>\r\n <p>Build a strong foundation in the language every enterprise Java developer relies on daily.<\/p>\r\n <div class=\"sub-heading\">You'll work with:<\/div>\r\n <ul class=\"check-list\">\r\n <li>Core Java & object-oriented programming<\/li>\r\n <li>JSP (JavaServer Pages)<\/li>\r\n <li>Servlets & the Java web model<\/li>\r\n <\/ul>\r\n <\/article>\r\n\r\n <article class=\"info-card fade-in\">\r\n <div class=\"info-head\"><div class=\"card-icon\">\ud83c\udf10<\/div><h3>Front-End Essentials<\/h3><\/div>\r\n <p>Learn the building blocks of every web interface, before connecting them to your Java backend.<\/p>\r\n <div class=\"sub-heading\">Core topics include:<\/div>\r\n <ul class=\"check-list\">\r\n <li>HTML5 & CSS3<\/li>\r\n <li>JavaScript fundamentals<\/li>\r\n <li>Informative, attractive page design<\/li>\r\n <\/ul>\r\n <\/article>\r\n\r\n <article class=\"info-card fade-in\">\r\n <div class=\"info-head\"><div class=\"card-icon\">\u2699\ufe0f<\/div><h3>Spring & Spring Boot<\/h3><\/div>\r\n <p>Move from core Java into real, deployable enterprise applications using Java's leading framework.<\/p>\r\n <div class=\"sub-heading\">Hands-on with:<\/div>\r\n <ul class=\"check-list\">\r\n <li>Spring & Spring Boot<\/li>\r\n <li>RESTful Web Services<\/li>\r\n <li>Hibernate for data persistence<\/li>\r\n <\/ul>\r\n <\/article>\r\n\r\n <article class=\"info-card fade-in\">\r\n <div class=\"info-head\"><div class=\"card-icon\">\ud83d\uddc4\ufe0f<\/div><h3>Databases & Live Projects<\/h3><\/div>\r\n <p>Every module ends with a real, hands-on application connecting your code to real data.<\/p>\r\n <div class=\"sub-heading\">You'll practise by:<\/div>\r\n <ul class=\"check-list\">\r\n <li>Connecting to SQL databases<\/li>\r\n <li>Building & consuming REST APIs<\/li>\r\n <li>Building informative, production-ready websites<\/li>\r\n <\/ul>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- POPULAR COURSES -->\r\n<section class=\"popular-section\">\r\n <div class=\"container\">\r\n <div class=\"section-intro center fade-in\">\r\n <span class=\"section-tag\">Explore More<\/span>\r\n <h2>Our Popular Software Courses<\/h2>\r\n <p>Job-oriented training programs offered at Next IT Career, Hyderabad.<\/p>\r\n <\/div>\r\n <div class=\"popular-grid fade-in\">\r\n <span class=\"course-chip is-current\">Java Full Stack<\/span>\r\n <a class=\"course-chip\" href=\"https:\/\/www.nextitcareer.com\/best-python-full-stack-training-in-hyderabad\/\">Python Full Stack<\/a>\r\n <a class=\"course-chip\" href=\"https:\/\/www.nextitcareer.com\/best-data-science-training-in-hyderabad\/\">Data Science<\/a>\r\n <a class=\"course-chip\" href=\"https:\/\/nextitcareer.com\/data-analytics-course-in-hyderabad\/\">Data Analytics<\/a>\r\n <a class=\"course-chip\" href=\"https:\/\/nextitcareer.com\/generative-ai-training-in-hyderabad\/\">Generative AI<\/a>\r\n <a class=\"course-chip\" href=\"https:\/\/www.nextitcareer.com\/azure-data-engineering-training-in-hyderabad\/\">Azure Data Engineering<\/a>\r\n <a class=\"course-chip\" href=\"https:\/\/www.nextitcareer.com\/best-tosca-training-in-hyderabad\/\">Tosca Training<\/a>\r\n <a class=\"course-chip\" href=\"https:\/\/www.nextitcareer.com\/best-selenium-training-in-hyderabad\/\">Selenium Training<\/a>\r\n <a class=\"course-chip\" href=\"https:\/\/www.nextitcareer.com\/best-manual-testing-training-in-hyderabad\/\">Manual Testing Training<\/a>\r\n <a class=\"course-chip\" href=\"https:\/\/www.nextitcareer.com\/best-devops-training-in-hyderabad\/\">Devops Training<\/a>\r\n <a class=\"course-chip\" href=\"https:\/\/www.nextitcareer.com\/best-api-testing-training-in-hyderabad\/\">Api Testing Training<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- WHO USES & WHO SHOULD LEARN -->\r\n<section class=\"audience-section\">\r\n <div class=\"container\">\r\n <div class=\"section-intro fade-in\">\r\n <span class=\"section-tag\">Audience<\/span>\r\n <h2>Who Should Enroll in Our Java Full Stack Course?<\/h2>\r\n <p>This course is meant for both freshers and experienced software professionals \u2014 no prior programming experience is required to get started.<\/p>\r\n <\/div>\r\n\r\n <div class=\"audience-grid\">\r\n <article class=\"audience-card fade-in\">\r\n <div class=\"step-num\">01<\/div>\r\n <div class=\"step-text\"><h4>Students & Fresh Graduates<\/h4>\r\n <p>Start a development career from day one, with a curriculum built for beginners.<\/p><\/div>\r\n <\/article>\r\n <article class=\"audience-card fade-in\">\r\n <div class=\"step-num\">02<\/div>\r\n <div class=\"step-text\"><h4>IT & Software Professionals<\/h4>\r\n <p>Add full-stack Java to your existing technical skillset and open new career paths.<\/p><\/div>\r\n <\/article>\r\n <article class=\"audience-card fade-in\">\r\n <div class=\"step-num\">03<\/div>\r\n <div class=\"step-text\"><h4>Database Enthusiasts<\/h4>\r\n <p>Extend your database knowledge into full enterprise application development.<\/p><\/div>\r\n <\/article>\r\n <article class=\"audience-card fade-in\">\r\n <div class=\"step-num\">04<\/div>\r\n <div class=\"step-text\"><h4>Working Professionals<\/h4>\r\n <p>Seeking career growth through one of the most widely-used, in-demand languages.<\/p><\/div>\r\n <\/article>\r\n <article class=\"audience-card fade-in\">\r\n <div class=\"step-num\">05<\/div>\r\n <div class=\"step-text\"><h4>Entrepreneurs & Freelancers<\/h4>\r\n <p>Build and ship your own applications, end to end, without relying on a dev team.<\/p><\/div>\r\n <\/article>\r\n <article class=\"audience-card fade-in\">\r\n <div class=\"step-num\">06<\/div>\r\n <div class=\"step-text\"><h4>Career Switchers<\/h4>\r\n <p>Coming from a non-technical background? Our structured path takes you from zero to job-ready.<\/p><\/div>\r\n <\/article>\r\n <article class=\"audience-card fade-in\">\r\n <div class=\"step-num\">07<\/div>\r\n <div class=\"step-text\"><h4>Graduates in Any Field<\/h4>\r\n <p>BE\/BTech\/MCA and non-CS graduates alike can build a strong foundation here.<\/p><\/div>\r\n <\/article>\r\n <article class=\"audience-card featured fade-in\">\r\n <div class=\"step-num\">+<\/div>\r\n <div class=\"step-text\"><h4>Future Full Stack Developers<\/h4>\r\n <p>Ready to move from core Java to shipped, production-ready applications? This is your on-ramp.<\/p>\r\n <div class=\"tags\">Java \u00b7 Spring Boot \u00b7 Hibernate \u00b7 REST APIs<\/div><\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- WHY CHOOSE US -->\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-intro fade-in\">\r\n <span class=\"section-tag\">Why Next IT Career<\/span>\r\n <h2>Why Join Next IT Career for Java Full Stack Training?<\/h2>\r\n <p>Top-rated training with expert trainers, real-time projects, dedicated placement support, and affordable, flexible fees.<\/p>\r\n <\/div>\r\n\r\n <div class=\"why-grid\">\r\n <article class=\"why-card fade-in\" data-num=\"01\">\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\r\n <h3>Top-Rated Training Institute<\/h3>\r\n <p>Learn from expert trainers with real, hands-on Java full-stack development experience.<\/p>\r\n <\/article>\r\n <article class=\"why-card fade-in\" data-num=\"02\">\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg><\/div>\r\n <h3>Front-End to Back-End Mastery<\/h3>\r\n <p>Become an expert in every aspect of web development, not just one layer of the stack.<\/p>\r\n <\/article>\r\n <article class=\"why-card fade-in\" data-num=\"03\">\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg><\/div>\r\n <h3>Beginner-Friendly Structure<\/h3>\r\n <p>Even those with basic skill levels can follow along and become experts.<\/p>\r\n <\/article>\r\n <article class=\"why-card fade-in\" data-num=\"04\">\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\r\n <h3>Placement Support<\/h3>\r\n <p>Our dedicated <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text&type=phone_number&app_absent=0\">placement support team<\/a> helps you land a high-paying full-stack role.<\/p>\r\n <\/article>\r\n <article class=\"why-card fade-in\" data-num=\"05\">\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg><\/div>\r\n <h3>Affordable Course Fee<\/h3>\r\n <p>Flexible payment facilities that make a full-stack development career accessible.<\/p>\r\n <\/article>\r\n <article class=\"why-card fade-in\" data-num=\"06\">\r\n <div class=\"why-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/div>\r\n <h3>Flexible Learning Options<\/h3>\r\n <p>Choose online or classroom sessions, with schedules built around your availability.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CERTIFICATION CALLOUT -->\r\n<section class=\"audience-section\">\r\n <div class=\"container\">\r\n <div class=\"section-intro fade-in\">\r\n <span class=\"section-tag\">Certification<\/span>\r\n <h2>Java Full Stack Certification: Elevate Your Expertise<\/h2>\r\n <\/div>\r\n <div class=\"cert-layout\">\r\n <div class=\"cert-body fade-in\">\r\n <p>On completing the program, every trainee receives a <strong>Java Full Stack course completion certificate<\/strong> issued by Next IT Career \u2014 verified proof of your practical, job-ready expertise.<\/p>\r\n <ul class=\"cert-points\">\r\n <li>Course completion certificate from Next IT Career<\/li>\r\n <li>Verifiable proof of practical Java & full-stack skills<\/li>\r\n <li>Recognised by 100+ hiring partners<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"cert-visual fade-in\">\r\n <div class=\"cert-image-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/07\/certificate-1-1.jpeg\" alt=\"Next IT Career \u2014 Java Full Stack Course Completion Certificate sample\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"cert-caption\">Sample \u00b7 Course Completion Certificate<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- HIRING PARTNERS \u2014 Our Students Placed in Top MNCs -->\r\n<section class=\"hiring-partners-section\">\r\n <div class=\"container\">\r\n <div class=\"hiring-intro fade-in\">\r\n <span class=\"pill-tag\">Hiring Partners<\/span>\r\n <h2>Our Students Placed in Top MNCs<\/h2>\r\n <p>5,000+ Next IT Career alumni have been placed across 450+ leading IT companies \u2014 from global giants like Infosys, IBM, and Deloitte to specialist consulting firms.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"partners-marquee\" id=\"partnersMarquee\">\r\n <div class=\"partners-track\" id=\"partnersTrack\">\r\n <!-- Logos cloned by JS for seamless infinite loop -->\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/04\/TCS-Logo.webp\" alt=\"Tata Consultancy Services TCS \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/04\/Wipro-Logo.png\" alt=\"Wipro \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/04\/infosys-hd-logo.png\" alt=\"Infosys \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/04\/Cognizant_logo-scaled.png\" alt=\"Cognizant \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/04\/capgemini-logo.jpg\" alt=\"Capgemini \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/04\/Accenture_logo-1-.png\" alt=\"Accenture \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/04\/Microsoft-Logo-scaled.png\" alt=\"Microsoft \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/07\/amazon-logo-amazon-icon-free-free-vector.jpg\" alt=\"Amazon \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/04\/IBM-Logo-scaled.png\" alt=\"IBM \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/04\/Tech_Mahindra-logo-scaled.png\" alt=\"Tech Mahindra \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/07\/mphasis-logo-transparent.png.thumb_.468.468.png\" alt=\"Mphasis \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nextitcareer.com\/wp-content\/uploads\/2026\/04\/Deloitte-Logo-scaled.png\" alt=\"Deloitte \u2014 Next IT Career hiring partner\" loading=\"lazy\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SKILLS DEVELOPED -->\r\n<section class=\"skills-section\">\r\n <div class=\"container\">\r\n <div class=\"section-intro fade-in\">\r\n <span class=\"section-tag\">Skills You'll Master<\/span>\r\n <h2>Java Full Stack Skills You Will Learn<\/h2>\r\n <p>Thirteen concrete capabilities you'll walk out with \u2014 directly aligned to what recruiters test on.<\/p>\r\n <\/div>\r\n <div class=\"skills-grid\">\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Core Java & OOP<\/h4>\r\n <p>Object-oriented fundamentals every enterprise Java system is built on.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>JSP & Servlets<\/h4>\r\n <p>The foundational Java web technologies behind dynamic pages.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Spring Framework<\/h4>\r\n <p>Dependency injection and enterprise architecture, done the Java way.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Spring Boot<\/h4>\r\n <p>Build production-ready applications with minimal configuration.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>RESTful Web Services<\/h4>\r\n <p>Build and consume the APIs that connect modern applications.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Hibernate<\/h4>\r\n <p>Map Java objects directly to database tables with minimal boilerplate.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>HTML5 & CSS3<\/h4>\r\n <p>Structure and style every page your Java backend serves.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>JavaScript Fundamentals<\/h4>\r\n <p>Add interactivity to the front-end pages you build.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>SQL & Databases<\/h4>\r\n <p>Design schemas and query the databases behind every real app.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Version Control with Git<\/h4>\r\n <p>Track, branch, and collaborate on code like a real dev team.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Maven & Build Tools<\/h4>\r\n <p>Manage dependencies and build enterprise Java projects properly.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Application Deployment<\/h4>\r\n <p>Ship production-ready applications to a live environment.<\/p>\r\n <\/article>\r\n <article class=\"skill-item fade-in\">\r\n <h4><span class=\"check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Real-World Projects<\/h4>\r\n <p>Apply every skill to live, portfolio-ready full-stack builds.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- JOB ROLES -->\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"section-intro fade-in\">\r\n <span class=\"section-tag\">Career Outcomes<\/span>\r\n <h2>Job Roles & Designations After Java Full Stack Training<\/h2>\r\n <p>Nine common roles graduates step into \u2014 across backend, frontend, and full-stack development.<\/p>\r\n <\/div>\r\n <div class=\"roles-grid\">\r\n <article class=\"role-card fade-in\">\r\n <span class=\"role-num\">01<\/span>\r\n <h4>Java Full Stack Developer<\/h4>\r\n <p>Builds and maintains complete web applications end to end.<\/p>\r\n <\/article>\r\n <article class=\"role-card fade-in\">\r\n <span class=\"role-num\">02<\/span>\r\n <h4>Backend Developer<\/h4>\r\n <p>Focuses on server-side logic, APIs, and database design.<\/p>\r\n <\/article>\r\n <article class=\"role-card fade-in\">\r\n <span class=\"role-num\">03<\/span>\r\n <h4>Frontend Developer<\/h4>\r\n <p>Builds the interfaces users interact with directly.<\/p>\r\n <\/article>\r\n <article class=\"role-card fade-in\">\r\n <span class=\"role-num\">04<\/span>\r\n <h4>Spring Boot Developer<\/h4>\r\n <p>Specializes in building applications with Java's leading framework.<\/p>\r\n <\/article>\r\n <article class=\"role-card fade-in\">\r\n <span class=\"role-num\">05<\/span>\r\n <h4>Java Developer<\/h4>\r\n <p>Writes enterprise applications and services across industries.<\/p>\r\n <\/article>\r\n <article class=\"role-card fade-in\">\r\n <span class=\"role-num\">06<\/span>\r\n <h4>API Developer<\/h4>\r\n <p>Designs and builds the REST APIs that connect modern systems.<\/p>\r\n <\/article>\r\n <article class=\"role-card fade-in\">\r\n <span class=\"role-num\">07<\/span>\r\n <h4>Software Engineer<\/h4>\r\n <p>Applies full-stack skills across a broader engineering role.<\/p>\r\n <\/article>\r\n <article class=\"role-card fade-in\">\r\n <span class=\"role-num\">08<\/span>\r\n <h4>Application Support Engineer<\/h4>\r\n <p>Maintains and troubleshoots live Java applications.<\/p>\r\n <\/article>\r\n <article class=\"role-card fade-in\">\r\n <span class=\"role-num\">09<\/span>\r\n <h4>Freelance Web Developer<\/h4>\r\n <p>Builds and ships client applications independently, end to end.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PAY SCALE -->\r\n<section class=\"payscale-section\">\r\n <div class=\"container\">\r\n <div class=\"pay-intro fade-in\">\r\n <span class=\"pill-tag\">Why Java Pays Well<\/span>\r\n <h2>Pay Scale for Java Full Stack Developers<\/h2>\r\n <p>Java full-stack skills remain among the most widely-used, in-demand tech skills in India. These figures are indicative \u2014 actual offers depend on experience, specialization, and location.<\/p>\r\n <\/div>\r\n <div class=\"payscale-grid\">\r\n <div class=\"pay-card fade-in\">\r\n <div class=\"card-head\"><span class=\"card-icon\">\ud83d\ude80<\/span><h4 class=\"role\">Entry \u00b7 India<\/h4><\/div>\r\n <div class=\"amount\">\u20b94.0<span class=\"accent\">\u2013<\/span>7.0L<\/div>\r\n <p class=\"desc\">Annual range. Average around \u20b95.5 Lakhs for freshers.<\/p>\r\n <\/div>\r\n <div class=\"pay-card fade-in\">\r\n <div class=\"card-head\"><span class=\"card-icon\">\ud83d\udccd<\/span><h4 class=\"role\">Hyderabad<\/h4><\/div>\r\n <div class=\"amount\">\u20b97.0L<\/div>\r\n <p class=\"desc\">Average annual salary in the Hyderabad market.<\/p>\r\n <\/div>\r\n <div class=\"pay-card fade-in\">\r\n <div class=\"card-head\"><span class=\"card-icon\">\ud83d\udcca<\/span><h4 class=\"role\">Median Salary<\/h4><\/div>\r\n <div class=\"amount\">\u20b99.2L<\/div>\r\n <p class=\"desc\">Median annual salary for full-stack developers nationally.<\/p>\r\n <\/div>\r\n <div class=\"pay-card fade-in\">\r\n <div class=\"card-head\"><span class=\"card-icon\">\ud83d\udcbc<\/span><h4 class=\"role\">Senior Developer<\/h4><\/div>\r\n <div class=\"amount\">\u20b916.0L<\/div>\r\n <p class=\"desc\">Typical pay for Senior Java Full Stack Developer roles.<\/p>\r\n <\/div>\r\n <div class=\"pay-card fade-in\">\r\n <div class=\"card-head\"><span class=\"card-icon\">\ud83c\udfc6<\/span><h4 class=\"role\">Highest Offered<\/h4><\/div>\r\n <div class=\"amount\">\u20b926.0L<\/div>\r\n <p class=\"desc\">Top experienced full-stack professionals command this annually.<\/p>\r\n <\/div>\r\n <div class=\"pay-card fade-in\">\r\n <div class=\"card-head\"><span class=\"card-icon\">\u2b50<\/span><h4 class=\"role\">Average \u00b7 All FS Pros<\/h4><\/div>\r\n <div class=\"amount\">\u20b911.0L<\/div>\r\n <p class=\"desc\">National annual average across all experience levels \u2014 your earning benchmark for a Java full-stack career.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- JOURNEY -->\r\n<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 Enrollment to Offer Letter<\/h2>\r\n <p>A clear, guided journey \u2014 mentors and placement support walk with you through every milestone.<\/p>\r\n <\/div>\r\n <div class=\"journey-layout\">\r\n <div class=\"journey-visual fade-in\">\r\n <div class=\"journey-badges\">\r\n <div class=\"j-badge\"><span class=\"j-num\">90<\/span><span class=\"j-cap\">Days to job-ready<\/span><\/div>\r\n <div class=\"j-badge\"><span class=\"j-num\">4<\/span><span class=\"j-cap\">Guided milestones<\/span><\/div>\r\n <div class=\"j-badge\"><span class=\"j-num\">100%<\/span><span class=\"j-cap\">Placement support<\/span><\/div>\r\n <\/div>\r\n <div class=\"overlay-content\">\r\n <span class=\"overlay-tag\"><span class=\"pulse\"><\/span>90-Day Program<\/span>\r\n <h3 class=\"overlay-title\">Your career journey, mentored at every step.<\/h3>\r\n <p class=\"overlay-subtitle\">From your first live session to your offer letter \u2014 walk it with industry experts who've placed thousands of developers.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"journey-steps\">\r\n <div class=\"journey-step fade-in\">\r\n <div class=\"step-num\">1<\/div>\r\n <div class=\"step-body\"><h4>Enrol & Onboard<\/h4>\r\n <p>Join the Java Full Stack cohort and meet your trainer in your first live session \u2014 orientation and learning roadmap set out clearly.<\/p><\/div>\r\n <\/div>\r\n <div class=\"journey-step fade-in\">\r\n <div class=\"step-num\">2<\/div>\r\n <div class=\"step-body\"><h4>Master the Fundamentals<\/h4>\r\n <p>90 days of hands-on training \u2014 Java, JSP, Servlets, Spring, Spring Boot, and databases.<\/p><\/div>\r\n <\/div>\r\n <div class=\"journey-step fade-in\">\r\n <div class=\"step-num\">3<\/div>\r\n <div class=\"step-body\"><h4>Build & Certify<\/h4>\r\n <p>Complete live full-stack projects, and earn your Next IT Career Java Full Stack course completion certificate.<\/p><\/div>\r\n <\/div>\r\n <div class=\"journey-step fade-in\">\r\n <div class=\"step-num\">4<\/div>\r\n <div class=\"step-body\"><h4>Interview & Place<\/h4>\r\n <p>Mock interviews, resume polishing, and recruiter introductions \u2014 placement support until you land the role.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PLACEMENTS -->\r\n<section class=\"placements-section\">\r\n <div class=\"container\">\r\n <div class=\"placements-head fade-in\">\r\n <div class=\"head-text\">\r\n <span class=\"pill-tag\">Recent Placements \u00b7 Now Hiring<\/span>\r\n <h2>Our students. <br\/>Real offer letters.<\/h2>\r\n <p>5,000+ alumni placed across Cognizant, Infosys, Wipro, Deloitte, Capgemini, Accenture and more. Scroll to see recent Java Full Stack career wins. Hover any card to pause.<\/p>\r\n <\/div>\r\n <button class=\"placements-cta\" data-enroll-trigger>\r\n Reserve a Seat\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"placements-carousel\" id=\"placementsCarousel\">\r\n <div class=\"placements-track-wrap\" id=\"placementsWrap\">\r\n <div class=\"placements-track\" id=\"placementsTrack\">\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Abdul Kareem<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b914 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">Infosys<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Ch. Praveen Kumar<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b913 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">Nous Infosystems<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Firdose<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b912 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">Accenture<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Naren<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b912 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">Infosys<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Guru<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b911 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">Deloitte<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Amar<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b910 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">TestingXperts<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Raja<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b910 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">NTT Data<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Yuva Krishana<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b910 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">Cognizant<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">B Prasanth<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b910 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">Capgemini<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Jagadeesh<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b99 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">Wipro<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Syful<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b99 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">TestingXperts<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n\r\n <article class=\"placement-card\">\r\n <div class=\"card-top\">\r\n <span class=\"tag\">Java Full Stack<\/span>\r\n <span class=\"placed-badge\">Placed<\/span>\r\n <\/div>\r\n <h3 class=\"student-name\">Vijay<\/h3>\r\n <div class=\"detail-row\"><span class=\"lbl\">Package<\/span><span class=\"val highlight\">\u20b96 LPA<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Company<\/span><span class=\"val\">Arben<\/span><\/div>\r\n <div class=\"detail-row\"><span class=\"lbl\">Course<\/span><span class=\"val\">Java Full Stack<\/span><\/div>\r\n <button class=\"register-btn\" data-enroll-trigger>\r\n I Want This <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n <\/button>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slider prev\/next controls -->\r\n <div class=\"placements-nav-row\">\r\n <button class=\"placements-nav-btn\" id=\"placementsPrev\" aria-label=\"Previous placements\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"placements-nav-dots\" id=\"placementsDots\"><\/div>\r\n <button class=\"placements-nav-btn\" id=\"placementsNext\" aria-label=\"Next placements\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- REVIEWS -->\r\n<section class=\"reviews-section\">\r\n <div class=\"container\">\r\n <div class=\"reviews-intro fade-in\">\r\n <h2>Real Customer Experiences<\/h2>\r\n <div class=\"sub-label\">Client Feedback<\/div>\r\n <div class=\"google-summary\">\r\n <span class=\"google-logo\">\r\n <span class=\"g-b\">G<\/span><span class=\"g-r\">o<\/span><span class=\"g-y\">o<\/span><span class=\"g-b2\">g<\/span><span class=\"g-g\">l<\/span><span class=\"g-r2\">e<\/span>\r\n <\/span>\r\n <span class=\"rating-num\">4.9<\/span>\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"review-count\">6,586 reviews<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reviews-carousel\" id=\"reviewsCarousel\">\r\n <button class=\"reviews-nav prev\" id=\"reviewsPrev\" aria-label=\"Previous reviews\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/button>\r\n <button class=\"reviews-nav next\" id=\"reviewsNext\" aria-label=\"Next reviews\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"reviews-track-wrap\">\r\n <div class=\"reviews-track\" id=\"reviewsTrack\">\r\n <article class=\"review-card fade-in\">\r\n <div class=\"review-head\">\r\n <div class=\"avatar c1\">S<\/div>\r\n <div class=\"meta\">\r\n <div class=\"name\">Srinu<\/div>\r\n <div class=\"stars-row\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span>5 months ago<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"review-body\">Excellent Java Full Stack training experience at Next IT Career! The trainers explain every concept with real-time examples and the placement team genuinely supports you through interviews.<\/p>\r\n <div class=\"review-footer\">\r\n <span class=\"g-mark\"><span style=\"color:#4285F4\">G<\/span><span style=\"color:#EA4335\">o<\/span><span style=\"color:#FBBC05\">o<\/span><span style=\"color:#4285F4\">g<\/span><span style=\"color:#34A853\">l<\/span><span style=\"color:#EA4335\">e<\/span><\/span>\r\n <span class=\"posted\">Posted on Google<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"review-card fade-in\">\r\n <div class=\"review-head\">\r\n <div class=\"avatar c2\">N<\/div>\r\n <div class=\"meta\">\r\n <div class=\"name\">Naveen<\/div>\r\n <div class=\"stars-row\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span>1 month ago<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"review-body\">Highly recommend Next IT Career for Java Full Stack. The program covers everything \u2014 Spring, Spring Boot, Hibernate, REST APIs. Got placed within 6 weeks of completing the course.<\/p>\r\n <div class=\"review-footer\">\r\n <span class=\"g-mark\"><span style=\"color:#4285F4\">G<\/span><span style=\"color:#EA4335\">o<\/span><span style=\"color:#FBBC05\">o<\/span><span style=\"color:#4285F4\">g<\/span><span style=\"color:#34A853\">l<\/span><span style=\"color:#EA4335\">e<\/span><\/span>\r\n <span class=\"posted\">Posted on Google<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"review-card fade-in\">\r\n <div class=\"review-head\">\r\n <div class=\"avatar c3\">R<\/div>\r\n <div class=\"meta\">\r\n <div class=\"name\">Ravi Kumar<\/div>\r\n <div class=\"stars-row\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span>1 week ago<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"review-body\">Hands-on training was excellent. The trainers are patient and clear up doubts during live sessions and after class. Mock interviews and resume polishing gave me real confidence.<\/p>\r\n <div class=\"review-footer\">\r\n <span class=\"g-mark\"><span style=\"color:#4285F4\">G<\/span><span style=\"color:#EA4335\">o<\/span><span style=\"color:#FBBC05\">o<\/span><span style=\"color:#4285F4\">g<\/span><span style=\"color:#34A853\">l<\/span><span style=\"color:#EA4335\">e<\/span><\/span>\r\n <span class=\"posted\">Posted on Google<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"review-card fade-in\">\r\n <div class=\"review-head\">\r\n <div class=\"avatar c4\">K<\/div>\r\n <div class=\"meta\">\r\n <div class=\"name\">Kavya<\/div>\r\n <div class=\"stars-row\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span>3 weeks ago<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"review-body\">As a fresher from a non-IT background, I was nervous about coding. The trainers explained every step clearly and the real-world projects made it click. Now I'm a Java developer at a top MNC.<\/p>\r\n <div class=\"review-footer\">\r\n <span class=\"g-mark\"><span style=\"color:#4285F4\">G<\/span><span style=\"color:#EA4335\">o<\/span><span style=\"color:#FBBC05\">o<\/span><span style=\"color:#4285F4\">g<\/span><span style=\"color:#34A853\">l<\/span><span style=\"color:#EA4335\">e<\/span><\/span>\r\n <span class=\"posted\">Posted on Google<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"review-card fade-in\">\r\n <div class=\"review-head\">\r\n <div class=\"avatar c5\">M<\/div>\r\n <div class=\"meta\">\r\n <div class=\"name\">Manasa<\/div>\r\n <div class=\"stars-row\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span>2 months ago<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"review-body\">Best Java Full Stack training institute in Hyderabad \u2014 no exaggeration. Live projects, recorded sessions, lifetime LMS access, and the placement team actually picks up the phone when you need them.<\/p>\r\n <div class=\"review-footer\">\r\n <span class=\"g-mark\"><span style=\"color:#4285F4\">G<\/span><span style=\"color:#EA4335\">o<\/span><span style=\"color:#FBBC05\">o<\/span><span style=\"color:#4285F4\">g<\/span><span style=\"color:#34A853\">l<\/span><span style=\"color:#EA4335\">e<\/span><\/span>\r\n <span class=\"posted\">Posted on Google<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"review-card fade-in\">\r\n <div class=\"review-head\">\r\n <div class=\"avatar c6\">H<\/div>\r\n <div class=\"meta\">\r\n <div class=\"name\">Harish<\/div>\r\n <div class=\"stars-row\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span>2 weeks ago<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"review-body\">Switched careers into full-stack development thanks to this course. Group discussions and live assignments kept me engaged. The certificate is genuinely valued by recruiters.<\/p>\r\n <div class=\"review-footer\">\r\n <span class=\"g-mark\"><span style=\"color:#4285F4\">G<\/span><span style=\"color:#EA4335\">o<\/span><span style=\"color:#FBBC05\">o<\/span><span style=\"color:#4285F4\">g<\/span><span style=\"color:#34A853\">l<\/span><span style=\"color:#EA4335\">e<\/span><\/span>\r\n <span class=\"posted\">Posted on Google<\/span>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reviews-dots\" id=\"reviewsDots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"faq-section\">\r\n <div class=\"container\">\r\n <div class=\"section-intro center fade-in\">\r\n <span class=\"section-tag\">FAQ<\/span>\r\n <h4 class=\"sec-h\">Frequently Asked Questions<\/h4>\r\n <p>Quick answers to the questions we hear most often from prospective Java Full Stack learners.<\/p>\r\n <\/div>\r\n <div class=\"faq-list\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Who can take Java Full Stack Training?<span class=\"plus\">+<\/span><\/div>\r\n <div class=\"faq-a\"><p>This course is meant for both freshers and experienced software professionals, as well as anyone interested in backend, frontend, or full-stack web development. No prior programming experience is required to get started.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What are the benefits of learning the Java Full Stack Course?<span class=\"plus\">+<\/span><\/div>\r\n <div class=\"faq-a\"><p>After getting certified in our Java Full Stack course, you can expect to work in a better position within your company or land a new role, with strong pay \u2014 Java remains one of the most widely-used, in-demand languages for enterprise and web development.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">What do you learn in the Online Java Full Stack Training?<span class=\"plus\">+<\/span><\/div>\r\n <div class=\"faq-a\"><p>Our Online Java Full Stack Training with Next IT Career gives you real-time industry experience across Java, JSP, Servlets, Spring, Spring Boot, REST APIs, and databases, through live sessions with expert trainers and hands-on projects.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-cta-bar\">\r\n <a class=\"scta-wa\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=917995138210&text=Hi%2C+I+am+interested+in+Java+Full+Stack+Training&type=phone_number&app_absent=0\" target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg>\r\n WhatsApp Us\r\n <\/a>\r\n <button class=\"scta-form\" data-enroll-trigger>\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\r\n Enrol Now — Free Demo\r\n <\/button>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FINAL CTA -->\r\n<section class=\"final-cta\">\r\n <div class=\"container\">\r\n <div class=\"cta-eyebrow\">Get Started Today<\/div>\r\n <h2>Trusted <span class=\"accent\">Java Full Stack Training<\/span> in Hyderabad<\/h2>\r\n <p class=\"cta-desc\">Don't miss this opportunity to start a successful career in full-stack development. Join the best Java Full Stack institute in Hyderabad today and build your skills under the guidance of expert professionals \u2014 your next offer letter starts here.<\/p>\r\n <div class=\"cta-row\">\r\n <button class=\"btn-filled\" data-enroll-trigger>\r\n Enrol Now\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 <\/button>\r\n <a class=\"btn-outline\" href=\"tel:+917995138210\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n Call +91-7995138210\r\n <\/a>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"fc-stat\"><div class=\"stat-num\">12+<\/div><div class=\"stat-label\">Years Experience<\/div><\/div>\r\n <div class=\"fc-stat\"><div class=\"stat-num\">5,000+<\/div><div class=\"stat-label\">Students Placed<\/div><\/div>\r\n <div class=\"fc-stat\"><div class=\"stat-num\">4.9\u2605<\/div><div class=\"stat-label\">Google Rating<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<a class=\"float-wa\" href=\"https:\/\/wa.me\/917995138210\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp us\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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-.347z\"\/><path d=\"M11.999 2C6.477 2 2 6.477 2 12c0 1.989.58 3.842 1.582 5.405L2 22l4.75-1.547A9.956 9.956 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2z\"\/><\/svg><\/a>\r\n<a class=\"float-call\" href=\"tel:+91-7013123485\" aria-label=\"Call Now\"><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/a>\r\n\r\n<!-- ENROLL MODAL -->\r\n<div class=\"modal-overlay\" id=\"enrollModal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"enrollTitle\">\r\n <div class=\"modal\">\r\n <div class=\"modal-header\">\r\n <button class=\"modal-close\" id=\"modalClose\" aria-label=\"Close enrollment form\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\r\n <\/button>\r\n <div class=\"eyebrow\">Admissions Open \u00b7 2026<\/div>\r\n <h3 id=\"enrollTitle\">Enroll Now For Our Courses<\/h3>\r\n <p>Take the next step \u2014 moving minds to the right place.<\/p>\r\n <\/div>\r\n\r\n <div class=\"modal-body\">\r\n <form id=\"enrollForm\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\">\r\n <input type=\"hidden\" name=\"access_key\" value=\"0118dc23-da68-41cd-a923-0336aab91408\">\r\n <input type=\"hidden\" name=\"subject\" value=\"New Enrollment\u2014 Next IT Career\">\r\n <input type=\"hidden\" name=\"from_name\" value=\"Next IT Career Website\">\r\n <input type=\"checkbox\" name=\"botcheck\" style=\"display:none;\">\r\n <div class=\"form-row\">\r\n <label for=\"enrollName\">Name <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" id=\"enrollName\" name=\"name\" placeholder=\"Your full name\" required \/>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <label for=\"enrollPhone\">Phone Number <span class=\"req\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"enrollPhone\" name=\"phone\" placeholder=\"+91 90000 00000\" required \/>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <label for=\"enrollEmail\">Email <span class=\"req\">*<\/span><\/label>\r\n <input type=\"email\" id=\"enrollEmail\" name=\"email\" placeholder=\"you@example.com\" required \/>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <label for=\"enrollCourse\">Select Course <span class=\"req\">*<\/span><\/label>\r\n <select id=\"enrollCourse\" name=\"course\" required>\r\n <option value=\"\" selected>Select Course<\/option>\r\n <option value=\"Java Full Stack\">Java Full Stack<\/option>\r\n <option value=\"Tosca Training\">Tosca Training<\/option>\r\n <option value=\"Playwright Course\">Playwright Course<\/option>\r\n <option value=\"Data Analytics\">Data Analytics<\/option>\r\n <option value=\"Generative AI Course\">Generative AI Course<\/option>\r\n <option value=\"Power Apps Training\">Power Apps Training<\/option>\r\n <option value=\"Cyber Security\">Cyber Security<\/option>\r\n <option value=\"Performance Testing\">Performance Testing<\/option>\r\n <option value=\"Python Full Stack\">Python Full Stack<\/option>\r\n <option value=\"Azure Data Engineering\">Azure Data Engineering<\/option>\r\n <option value=\"Service Now Training\">Service Now Training<\/option>\r\n <option value=\"Selenium Course\">Selenium Course<\/option>\r\n <option value=\"Selenium Online Training\">Selenium Online Training<\/option>\r\n <option value=\"SOC Analyst Training\">SOC Analyst Training<\/option>\r\n <option value=\"Medical Coding Training\">Medical Coding Training<\/option>\r\n <option value=\"Data Science\">Data Science<\/option>\r\n <option value=\"UI UX Design Course\">UI UX Design Course<\/option>\r\n <option value=\"CRT Training\">CRT Training<\/option>\r\n <option value=\"AWS Training\">AWS Training<\/option>\r\n <option value=\"Azure Data Engineering Training\">Azure Data Engineering Training<\/option>\r\n <option value=\"Devops Training\">Devops Training<\/option>\r\n <option value=\"UI path Training\">UI path Training<\/option>\r\n <option value=\"Cloud Testing\">Cloud Testing<\/option>\r\n <option value=\"Manual Testing Training\">Manual Testing Training<\/option>\r\n <option value=\"ETL Testing Training\">ETL Testing Training<\/option>\r\n <option value=\"API Testing Training\">API Testing Training<\/option>\r\n <option value=\"JMeter\">JMeter<\/option>\r\n <option value=\"Load Runner\">Load Runner<\/option>\r\n <option value=\"Neo Load\">Neo Load<\/option>\r\n <option value=\"Power BI with Power Apps\">Power BI with Power Apps<\/option>\r\n <option value=\"Azure Devops\">Azure Devops<\/option>\r\n <option value=\"Salesforce CRM\">Salesforce CRM<\/option>\r\n <option value=\"Devops With Multi Cloud Training\">Devops With Multi Cloud Training<\/option>\r\n <option value=\"GCP Data Engineering Training\">GCP Data Engineering Training<\/option>\r\n <option value=\"SnowFlake Data Engineering Training\">SnowFlake Data Engineering Training<\/option>\r\n <option value=\"AWS Data Engineering Training\">AWS Data Engineering Training<\/option>\r\n <option value=\"MicroSoft Fabric Training\">MicroSoft Fabric Training<\/option>\r\n <option value=\"Cypress Training\">Cypress Training<\/option>\r\n <option value=\"Devsecops with Multi Cloud Training\">Devsecops with Multi Cloud Training<\/option>\r\n <option value=\"AWS Devops Training\">AWS Devops Training<\/option>\r\n <option value=\"MLopsTraining\">MLopsTraining<\/option>\r\n <option value=\"Workday HCM Training\">Workday HCM Training<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"modal-submit\">Submit Enrolment<\/button>\r\n <p class=\"modal-footer-note\">A counsellor will reach out within one working day.<\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\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 count-up *\/\r\n (function setupStats() {\r\n const strip = document.getElementById('statsStrip');\r\n if (!strip) return;\r\n function formatNum(value, decimals) {\r\n if (decimals > 0) return value.toFixed(decimals);\r\n \/\/ Add comma thousand separators for whole numbers\r\n return Math.round(value).toLocaleString('en-IN');\r\n }\r\n function countUp(el) {\r\n const target = parseFloat(el.dataset.target);\r\n const decimals = parseInt(el.dataset.decimal || '0', 10);\r\n const duration = 1600;\r\n const start = performance.now();\r\n function tick(now) {\r\n const progress = Math.min((now - start) \/ duration, 1);\r\n const eased = 1 - Math.pow(1 - progress, 3);\r\n el.textContent = formatNum(target * eased, decimals);\r\n if (progress < 1) requestAnimationFrame(tick);\r\n else el.textContent = formatNum(target, decimals);\r\n }\r\n requestAnimationFrame(tick);\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 \/* Enroll modal *\/\r\n const modal = document.getElementById('enrollModal');\r\n const modalClose = document.getElementById('modalClose');\r\n function openModal() {\r\n modal.classList.add('active');\r\n document.body.classList.add('modal-open');\r\n setTimeout(() => document.getElementById('enrollName')?.focus(), 350);\r\n }\r\n function closeModal() {\r\n modal.classList.remove('active');\r\n document.body.classList.remove('modal-open');\r\n }\r\n document.querySelectorAll('[data-enroll-trigger]').forEach(btn => {\r\n btn.addEventListener('click', (e) => { e.preventDefault(); openModal(); });\r\n });\r\n modalClose.addEventListener('click', closeModal);\r\n modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });\r\n document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.classList.contains('active')) closeModal(); });\r\n function handleEnrollSubmit() {\r\n const name = document.getElementById('enrollName').value;\r\n const course = document.getElementById('enrollCourse').value;\r\n alert(`Thanks ${name}! We've received your interest in \"${course}\". A counsellor will be in touch shortly.`);\r\n document.getElementById('enrollForm').reset();\r\n closeModal();\r\n }\r\n\r\n \/* FAQ accordion *\/\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n const q = item.querySelector('.faq-q');\r\n q.addEventListener('click', () => {\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) item.classList.add('open');\r\n });\r\n });\r\n\r\n \/* Gallery lightbox *\/\r\n (function setupGalleryLightbox() {\r\n const lightbox = document.getElementById('galleryLightbox');\r\n const lightboxImg = document.getElementById('lightboxImg');\r\n const closeBtn = document.getElementById('lightboxClose');\r\n if (!lightbox || !lightboxImg) return;\r\n\r\n function openLightbox(src) {\r\n lightboxImg.src = src;\r\n lightbox.classList.add('active');\r\n document.body.classList.add('modal-open');\r\n }\r\n function closeLightbox() {\r\n lightbox.classList.remove('active');\r\n document.body.classList.remove('modal-open');\r\n }\r\n\r\n document.querySelectorAll('.gallery-item').forEach(item => {\r\n item.addEventListener('click', () => {\r\n const src = item.getAttribute('data-gallery');\r\n if (src) openLightbox(src);\r\n });\r\n });\r\n closeBtn.addEventListener('click', closeLightbox);\r\n lightbox.addEventListener('click', (e) => {\r\n if (e.target === lightbox) closeLightbox();\r\n });\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && lightbox.classList.contains('active')) closeLightbox();\r\n });\r\n })();\r\n\r\n \/* Reviews carousel \u2014 slide through cards with arrows + dots *\/\r\n (function setupReviewsCarousel() {\r\n const carousel = document.getElementById('reviewsCarousel');\r\n const track = document.getElementById('reviewsTrack');\r\n const prevBtn = document.getElementById('reviewsPrev');\r\n const nextBtn = document.getElementById('reviewsNext');\r\n const dotsBox = document.getElementById('reviewsDots');\r\n if (!carousel || !track) return;\r\n\r\n const cards = Array.from(track.children);\r\n let index = 0;\r\n\r\n function perView() {\r\n if (window.innerWidth <= 600) return 1;\r\n if (window.innerWidth <= 920) return 2;\r\n return 3;\r\n }\r\n\r\n function maxIndex() {\r\n return Math.max(0, cards.length - perView());\r\n }\r\n\r\n function update() {\r\n index = Math.min(index, maxIndex());\r\n const card = cards[0];\r\n const gap = parseFloat(getComputedStyle(track).gap) || 0;\r\n const step = card.getBoundingClientRect().width + gap;\r\n track.style.transform = `translateX(${-index * step}px)`;\r\n if (prevBtn) prevBtn.disabled = index <= 0;\r\n if (nextBtn) nextBtn.disabled = index >= maxIndex();\r\n \/\/ dots\r\n if (dotsBox) {\r\n const pages = maxIndex() + 1;\r\n dotsBox.innerHTML = '';\r\n for (let i = 0; i < pages; i++) {\r\n const dot = document.createElement('button');\r\n dot.className = 'reviews-dot' + (i === index ? ' active' : '');\r\n dot.setAttribute('aria-label', 'Go to review page ' + (i + 1));\r\n dot.addEventListener('click', () => { index = i; update(); });\r\n dotsBox.appendChild(dot);\r\n }\r\n }\r\n }\r\n\r\n if (prevBtn) prevBtn.addEventListener('click', () => { if (index > 0) { index--; update(); } });\r\n if (nextBtn) nextBtn.addEventListener('click', () => { if (index < maxIndex()) { index++; update(); } });\r\n\r\n let resizeTimer = null;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(update, 150);\r\n });\r\n\r\n update();\r\n\r\n \/* Auto-advance every 6s, loop back to start *\/\r\n setInterval(() => {\r\n index = index >= maxIndex() ? 0 : index + 1;\r\n update();\r\n }, 6000);\r\n })();\r\n\r\n \/* Hiring partners logo marquee \u2014 continuous auto-scroll with pause on hover *\/\r\n (function setupPartnersMarquee() {\r\n const marquee = document.getElementById('partnersMarquee');\r\n const track = document.getElementById('partnersTrack');\r\n if (!marquee || !track) return;\r\n\r\n \/\/ Clone all logos for seamless infinite loop\r\n const logos = Array.from(track.children);\r\n logos.forEach(logo => track.appendChild(logo.cloneNode(true)));\r\n\r\n marquee.addEventListener('mouseenter', () => track.classList.add('paused'));\r\n marquee.addEventListener('mouseleave', () => track.classList.remove('paused'));\r\n })();\r\n\r\n \/* Placements strip \u2014 prev\/next arrow slider with dots *\/\r\n (function setupPlacementsCarousel() {\r\n const wrap = document.getElementById('placementsWrap');\r\n const track = document.getElementById('placementsTrack');\r\n const prevBtn = document.getElementById('placementsPrev');\r\n const nextBtn = document.getElementById('placementsNext');\r\n const dotsBox = document.getElementById('placementsDots');\r\n if (!wrap || !track) return;\r\n\r\n const cards = Array.from(track.children);\r\n let currentIndex = 0;\r\n\r\n function cardsPerView() {\r\n const w = window.innerWidth;\r\n if (w <= 540) return 1;\r\n if (w <= 860) return 2;\r\n if (w <= 1100) return 3;\r\n return 4;\r\n }\r\n\r\n function maxIndex() {\r\n return Math.max(0, cards.length - cardsPerView());\r\n }\r\n\r\n function getCardWidth() {\r\n if (!cards[0]) return 300;\r\n const style = window.getComputedStyle(track);\r\n const gap = parseFloat(style.gap) || 24;\r\n return cards[0].getBoundingClientRect().width + gap;\r\n }\r\n\r\n function buildDots() {\r\n if (!dotsBox) return;\r\n const pages = maxIndex() + 1;\r\n dotsBox.innerHTML = '';\r\n for (let i = 0; i < pages; i++) {\r\n const dot = document.createElement('button');\r\n dot.className = 'placements-nav-dot' + (i === currentIndex ? ' active' : '');\r\n dot.setAttribute('aria-label', 'Go to slide ' + (i + 1));\r\n dot.addEventListener('click', () => { currentIndex = i; update(); });\r\n dotsBox.appendChild(dot);\r\n }\r\n }\r\n\r\n function update() {\r\n currentIndex = Math.min(currentIndex, maxIndex());\r\n currentIndex = Math.max(0, currentIndex);\r\n const scrollTo = currentIndex * getCardWidth();\r\n wrap.scrollTo({ left: scrollTo, behavior: 'smooth' });\r\n if (prevBtn) prevBtn.disabled = currentIndex <= 0;\r\n if (nextBtn) nextBtn.disabled = currentIndex >= maxIndex();\r\n buildDots();\r\n }\r\n\r\n if (prevBtn) prevBtn.addEventListener('click', () => { if (currentIndex > 0) { currentIndex--; update(); } });\r\n if (nextBtn) nextBtn.addEventListener('click', () => { if (currentIndex < maxIndex()) { currentIndex++; update(); } });\r\n\r\n \/\/ Keep index in sync when user drags\/scrolls manually\r\n wrap.addEventListener('scrollend', () => {\r\n const cardW = getCardWidth();\r\n currentIndex = Math.round(wrap.scrollLeft \/ cardW);\r\n if (prevBtn) prevBtn.disabled = currentIndex <= 0;\r\n if (nextBtn) nextBtn.disabled = currentIndex >= maxIndex();\r\n buildDots();\r\n });\r\n\r\n let resizeTimer = null;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(() => { currentIndex = 0; update(); }, 180);\r\n });\r\n\r\n \/\/ Click-safe drag-to-scroll\r\n let isPointerDown = false;\r\n let isDragging = false;\r\n let startX = 0;\r\n let startScroll = 0;\r\n const DRAG_THRESHOLD = 8;\r\n\r\n wrap.addEventListener('pointerdown', (e) => {\r\n isPointerDown = true; isDragging = false;\r\n startX = e.clientX; startScroll = wrap.scrollLeft;\r\n });\r\n wrap.addEventListener('pointermove', (e) => {\r\n if (!isPointerDown) return;\r\n const dx = e.clientX - startX;\r\n if (!isDragging && Math.abs(dx) > DRAG_THRESHOLD) {\r\n isDragging = true;\r\n try { wrap.setPointerCapture(e.pointerId); } catch(_) {}\r\n }\r\n if (isDragging) wrap.scrollLeft = startScroll - dx;\r\n });\r\n function endDrag(e) {\r\n if (!isPointerDown) return;\r\n isPointerDown = false;\r\n if (isDragging) {\r\n isDragging = false;\r\n try { wrap.releasePointerCapture(e.pointerId); } catch(_) {}\r\n \/\/ Snap to nearest card\r\n const cardW = getCardWidth();\r\n currentIndex = Math.round(wrap.scrollLeft \/ cardW);\r\n update();\r\n }\r\n }\r\n wrap.addEventListener('pointerup', endDrag);\r\n wrap.addEventListener('pointercancel', endDrag);\r\n wrap.addEventListener('click', (e) => {\r\n if (isDragging) { e.preventDefault(); e.stopPropagation(); }\r\n }, true);\r\n\r\n update();\r\n })();\r\n\r\n \/* Course chip marquee \u2014 duplicate chips for seamless loop + drag-to-scroll *\/\r\n (function setupMarquee() {\r\n const wrap = document.getElementById('marqueeWrap');\r\n const track = document.getElementById('marqueeTrack');\r\n if (!wrap || !track) return;\r\n\r\n \/\/ Clone all chips once for seamless infinite loop\r\n const chips = Array.from(track.children);\r\n chips.forEach(chip => track.appendChild(chip.cloneNode(true)));\r\n\r\n \/\/ Drag-to-scroll: pause animation, move with pointer, resume on release\r\n let isDragging = false;\r\n let startX = 0;\r\n let scrollDelta = 0;\r\n let resumeTimer = null;\r\n\r\n function getTransformX() {\r\n const style = window.getComputedStyle(track);\r\n const matrix = new DOMMatrixReadOnly(style.transform);\r\n return matrix.m41;\r\n }\r\n\r\n wrap.addEventListener('pointerdown', (e) => {\r\n isDragging = true;\r\n startX = e.clientX;\r\n scrollDelta = getTransformX();\r\n track.classList.add('paused');\r\n track.style.animation = 'none';\r\n track.style.transform = `translateX(${scrollDelta}px)`;\r\n if (resumeTimer) clearTimeout(resumeTimer);\r\n wrap.setPointerCapture(e.pointerId);\r\n });\r\n\r\n wrap.addEventListener('pointermove', (e) => {\r\n if (!isDragging) return;\r\n const dx = e.clientX - startX;\r\n track.style.transform = `translateX(${scrollDelta + dx}px)`;\r\n });\r\n\r\n function endDrag(e) {\r\n if (!isDragging) return;\r\n isDragging = false;\r\n try { wrap.releasePointerCapture(e.pointerId); } catch(_) {}\r\n \/\/ Resume auto-scroll after a short delay\r\n resumeTimer = setTimeout(() => {\r\n track.style.transform = '';\r\n track.style.animation = '';\r\n track.classList.remove('paused');\r\n }, 1200);\r\n }\r\n wrap.addEventListener('pointerup', endDrag);\r\n wrap.addEventListener('pointercancel', endDrag);\r\n wrap.addEventListener('pointerleave', endDrag);\r\n\r\n \/\/ Pause on hover for desktop\r\n wrap.addEventListener('mouseenter', () => {\r\n if (!isDragging) track.classList.add('paused');\r\n });\r\n wrap.addEventListener('mouseleave', () => {\r\n if (!isDragging) track.classList.remove('paused');\r\n });\r\n })();\r\n<\/script>\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>Java Full Stack Training in Hyderabad | Fullstack Developer Course Java Full Stack Training in Hyderabad Join Next IT Career‘s Java Full Stack Training in Hyderabad and learn Java, JSP, RESTful web services, and Spring \u2014 becoming an expert in every aspect of full-stack web development. Learn to connect to databases and build informative, attractive, […]<\/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-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/pages\/32","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=32"}],"version-history":[{"count":7,"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/pages\/32\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/emblixtestingserver.com\/nextitcareer\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}