HVAC Technical Institute | EDsmart College Rankings 2026<\/title>\n \n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;600;700;800&family=Montserrat:wght@400;500;600;700;900&display=swap');\n \n * { \n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n :root {\n --color-primary: #0A1C4A;\n --color-accent: #1E3A8A;\n --color-aqua: #00B3C6;\n --color-link: #62b2dc;\n --color-button: #D51C31;\n --color-white: #FFFFFF;\n --color-gray-soft: #F5F7FA;\n --color-gray-text: #E8ECF1; \/* Lightened from #CBD2DC for WCAG AA contrast (4.5:1) *\/\n --color-gray-text-secondary: #D4DCE6; \/* For secondary text needing 3:1 contrast *\/\n --color-success: #00C48C;\n --color-warning: #F5B73D;\n --color-error: #E85B5B;\n }\n \n body {\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n line-height: 1.7;\n color: var(--color-white); \/* Fixed: was #333 on dark background *\/\n background: var(--color-primary);\n min-height: 100vh;\n font-size: 16px; \/* WCAG AA minimum for body text *\/\n }\n \n \/* Header *\/\n .page-header {\n background: var(--color-primary);\n color: white;\n padding: 20px 0;\n }\n \n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .logo {\n font-family: 'Montserrat', sans-serif;\n font-size: 40px;\n font-weight: 900;\n color: #ffffff;\n margin-bottom: 10px;\n text-decoration: none;\n }\n \n .logo:hover {\n opacity: 0.9;\n }\n \n .header-nav {\n display: flex;\n gap: 30px;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n \n .header-nav li {\n margin: 0;\n }\n \n .header-nav a {\n color: #ffffff;\n text-decoration: none;\n font-size: 15px;\n font-weight: 500;\n transition: opacity 0.3s ease;\n }\n \n .header-nav a:hover {\n opacity: 0.8;\n }\n \n \/* Hamburger Menu Button *\/\n .hamburger {\n display: none;\n flex-direction: column;\n justify-content: space-around;\n width: 30px;\n height: 30px;\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n z-index: 1001;\n }\n \n .hamburger span {\n width: 100%;\n height: 3px;\n background: #ffffff;\n border-radius: 3px;\n transition: all 0.3s ease;\n display: block;\n }\n \n .hamburger.active span:nth-child(1) {\n transform: rotate(45deg) translate(8px, 8px);\n }\n \n .hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n \n .hamburger.active span:nth-child(3) {\n transform: rotate(-45deg) translate(7px, -7px);\n }\n \n \/* Mobile Navigation *\/\n @media (max-width: 768px) {\n .header-content {\n position: relative;\n padding: 0 20px;\n flex-wrap: nowrap;\n }\n \n .logo {\n font-size: 32px;\n margin-bottom: 0;\n }\n \n .hamburger {\n display: flex;\n order: 2;\n margin-left: auto;\n margin-right: 15px;\n }\n \n nav {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background: var(--color-primary);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n z-index: 1000;\n }\n \n nav.active {\n max-height: 500px;\n }\n \n .header-nav {\n flex-direction: column;\n gap: 0;\n padding: 20px;\n width: 100%;\n }\n \n .header-nav li {\n width: 100%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n \n .header-nav li:last-child {\n border-bottom: none;\n }\n \n .header-nav a {\n display: block;\n padding: 15px 0;\n font-size: 16px;\n }\n \n .header-content .btn-primary {\n order: 3;\n padding: 8px 16px;\n font-size: 13px;\n white-space: nowrap;\n }\n }\n \n \/* Headings use Open Sans *\/\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Open Sans', sans-serif;\n }\n \n \/* Main Container *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 60px 40px;\n background: var(--color-primary);\n display: grid;\n grid-template-columns: 320px 1fr;\n gap: 40px;\n align-items: start;\n }\n\n @media (max-width: 1024px) and (min-width: 769px) {\n .header-content {\n flex-wrap: wrap;\n gap: 15px;\n }\n \n .header-nav {\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px;\n }\n \n .header-nav a {\n font-size: 14px;\n }\n \n .container {\n grid-template-columns: 1fr;\n padding: 40px 28px;\n gap: 28px;\n }\n\n .sidebar {\n display: none;\n }\n }\n \n \/* Sidebar *\/\n .sidebar {\n background: var(--color-primary);\n border: 2px solid rgba(255,255,255,0.1);\n border-radius: 16px;\n padding: 30px;\n height: fit-content;\n }\n \n \/* Sidebar Image *\/\n .sidebar-image {\n width: 100%;\n border-radius: 12px;\n overflow: hidden;\n margin-bottom: 20px;\n position: relative;\n }\n \n .sidebar-header {\n margin-bottom: 30px;\n padding-bottom: 25px;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n text-align: center;\n }\n \n .sidebar-header .grade-display {\n font-size: 64px;\n font-weight: 900;\n color: var(--color-success);\n line-height: 1;\n margin-bottom: 12px;\n text-shadow: 0 2px 8px rgba(0,196,140,0.3);\n }\n \n .sidebar-header .rank-display {\n font-size: 13px;\n color: var(--color-gray-text);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n background: rgba(255,255,255,0.05);\n padding: 8px 16px;\n border-radius: 20px;\n display: inline-block;\n }\n \n \/* Category Grades in Sidebar *\/\n .sidebar-categories {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n margin-bottom: 25px;\n }\n \n .sidebar-category-badge {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 8px;\n padding: 12px;\n text-align: center;\n transition: all 0.2s ease;\n }\n \n .sidebar-category-badge:hover {\n border-color: rgba(255,255,255,0.2);\n background: rgba(255,255,255,0.05);\n }\n \n .category-label {\n font-size: 10px;\n font-weight: 600;\n color: var(--color-gray-text);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 6px;\n }\n \n .category-grade-small {\n font-size: 24px;\n font-weight: 900;\n line-height: 1;\n }\n \n .sidebar-category-badge[data-grade=\"A\"] .category-grade-small,\n .sidebar-category-badge[data-grade=\"A+\"] .category-grade-small {\n color: var(--color-success);\n }\n \n .sidebar-category-badge[data-grade=\"B\"] .category-grade-small,\n .sidebar-category-badge[data-grade=\"B+\"] .category-grade-small {\n color: var(--color-warning);\n }\n \n .sidebar-category-badge[data-grade=\"C\"] .category-grade-small,\n .sidebar-category-badge[data-grade=\"C+\"] .category-grade-small {\n color: var(--color-warning);\n }\n \n .sidebar-category-badge[data-grade=\"D\"] .category-grade-small,\n .sidebar-category-badge[data-grade=\"D+\"] .category-grade-small {\n color: var(--color-error);\n }\n \n .sidebar-category-badge[data-grade=\"F\"] .category-grade-small {\n color: var(--color-error);\n }\n \n \/* Quick Stats in Sidebar *\/\n .sidebar-quick-stats {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-bottom: 25px;\n padding-bottom: 25px;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n \n .sidebar-quick-stat {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n \n .quick-stat-label {\n font-size: 11px;\n font-weight: 600;\n color: var(--color-gray-text);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .quick-stat-value {\n font-size: 18px;\n font-weight: 700;\n color: var(--color-white);\n }\n \n \/* School Basics in Sidebar *\/\n .sidebar-basics {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 25px;\n padding-bottom: 25px;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n \n .sidebar-basic-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 13px;\n }\n \n .basic-label {\n color: var(--color-gray-text);\n font-weight: 500;\n }\n \n .basic-value {\n color: var(--color-white);\n font-weight: 600;\n }\n \n \/* Main Content *\/\n .main-content {\n min-width: 0;\n display: block;\n }\n \n \/* Tab-based Section Display *\/\n .section {\n display: block;\n width: 100%;\n clear: both;\n margin-bottom: 60px;\n animation: fadeIn 0.3s ease-in-out;\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n \/* School Hero Section *\/\n .school-hero {\n background: var(--color-primary);\n margin-bottom: 60px;\n }\n \n .school-title-section {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 30px;\n flex-wrap: wrap;\n gap: 40px;\n }\n \n .school-title-info {\n flex: 1;\n }\n \n .school-title-info h1 {\n font-weight: 900;\n font-size: 56px;\n color: var(--color-white);\n margin-bottom: 20px;\n letter-spacing: -2px;\n line-height: 1.1;\n }\n\n .hero-badge-column {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n min-width: 220px;\n }\n\n .school-overview {\n color: var(--color-white);\n font-size: 18px;\n line-height: 1.8;\n margin-top: 24px;\n }\n \n .school-overview p {\n margin: 0 0 14px 0;\n }\n \n .school-overview p:last-child {\n margin-bottom: 0;\n }\n\n .at-a-glance {\n margin: 35px 0 10px;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 18px 24px;\n }\n\n .at-a-glance-title {\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: 0.8px;\n color: var(--color-gray-text);\n font-weight: 700;\n margin-bottom: 12px;\n }\n\n .at-a-glance-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 14px;\n }\n\n .kpi-chip {\n background: rgba(10,28,74,0.65);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 12px;\n padding: 12px 16px;\n display: flex;\n flex-direction: column;\n gap: 6px;\n }\n\n .kpi-chip.accent {\n background: linear-gradient(135deg, rgba(0,179,198,0.18) 0%, rgba(10,28,74,0.6) 100%);\n border-color: rgba(0,179,198,0.45);\n }\n\n .kpi-label {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.6px;\n color: var(--color-gray-text);\n font-weight: 600;\n }\n\n .kpi-value {\n font-size: 18px;\n font-weight: 800;\n color: var(--color-white);\n line-height: 1.2;\n }\n \n .school-subtitle {\n font-size: 18px;\n color: var(--color-gray-text);\n margin-bottom: 8px;\n font-weight: 400;\n }\n \n .school-description {\n color: var(--color-white);\n font-size: 18px;\n line-height: 1.9;\n max-width: 800px;\n margin-top: 30px;\n }\n \n .grade-badge {\n background: var(--color-white);\n color: var(--color-success);\n padding: 30px 50px;\n border-radius: 16px;\n text-align: center;\n min-width: 150px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n }\n \n .grade-badge .grade {\n font-size: 64px;\n font-weight: 900;\n line-height: 1;\n margin-bottom: 10px;\n }\n \n \/* Unranked badge styling *\/\n .grade-badge .grade.unranked-badge {\n font-size: 20px;\n font-weight: 700;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n background: #f5f5f5;\n padding: 12px 24px;\n border-radius: 8px;\n display: inline-block;\n border: 1px solid #ddd;\n }\n \n .grade-badge .rank.unranked-text {\n font-size: 12px;\n color: #666;\n font-style: italic;\n margin-top: 8px;\n }\n \n .grade-badge .label {\n font-size: 14px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: var(--color-primary);\n margin-top: 5px;\n }\n \n .grade-badge .rank {\n font-size: 13px;\n color: var(--color-primary); \/* Dark blue for excellent contrast on white background *\/\n margin-top: 8px;\n font-weight: 600;\n }\n\n.grade-badge-link {\n margin-top: 12px;\n font-size: small;\n color: var(--color-link);\n font-weight: 600;\n text-decoration: none;\n transition: color 0.2s ease;\n}\n\n.grade-badge-link:hover,\n.grade-badge-link:focus {\n color: var(--color-aqua);\n }\n \n \/* Category Grade Badges *\/\n .category-grades {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 30px;\n }\n \n .category-grade-badge {\n background: var(--color-primary);\n border: 2px solid rgba(255,255,255,0.1);\n padding: 20px;\n border-radius: 12px;\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .category-grade-badge:hover {\n border-color: var(--color-aqua);\n transform: translateY(-2px);\n }\n \n .category-grade-badge .category-name {\n font-size: 13px;\n font-weight: 600;\n color: var(--color-gray-text);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 12px;\n }\n \n .category-grade-badge .category-grade {\n font-size: 36px;\n font-weight: 900;\n line-height: 1;\n margin-bottom: 8px;\n }\n \n \/* Grade colors using data attributes *\/\n .category-grade-badge[data-grade=\"A\"] .category-grade,\n .category-grade-badge[data-grade=\"A+\"] .category-grade {\n color: var(--color-success);\n }\n \n .category-grade-badge[data-grade=\"B\"] .category-grade,\n .category-grade-badge[data-grade=\"B+\"] .category-grade {\n color: var(--color-warning);\n }\n \n .category-grade-badge[data-grade=\"C\"] .category-grade,\n .category-grade-badge[data-grade=\"C+\"] .category-grade {\n color: var(--color-warning);\n }\n \n .category-grade-badge[data-grade=\"D\"] .category-grade,\n .category-grade-badge[data-grade=\"D+\"] .category-grade {\n color: var(--color-error);\n }\n \n .category-grade-badge[data-grade=\"F\"] .category-grade {\n color: var(--color-error);\n }\n \n \/* Quick Facts *\/\n .quick-facts-header {\n font-size: 24px;\n font-weight: 600;\n color: var(--color-white);\n margin-bottom: 30px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n \n .quick-facts {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-bottom: 60px;\n }\n \n @media (max-width: 1200px) {\n .quick-facts {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n \n @media (max-width: 768px) {\n .quick-facts {\n grid-template-columns: repeat(2, 1fr);\n }\n .schools-scroll-container .stat-card {\n flex: 0 0 220px;\n min-width: 220px;\n max-width: 220px;\n }\n }\n \n @media (max-width: 480px) {\n .quick-facts {\n grid-template-columns: 1fr;\n }\n .schools-scroll-container .stat-card {\n flex: 0 0 200px;\n min-width: 200px;\n max-width: 200px;\n }\n }\n \n .stat-card {\n background: var(--color-primary);\n border: 2px solid rgba(255,255,255,0.1);\n padding: 30px;\n border-radius: 12px;\n transition: all 0.3s ease;\n width: 100%;\n }\n \n .stat-card:hover {\n border-color: var(--color-aqua);\n transform: translateY(-4px);\n box-shadow: 0 4px 12px rgba(0,179,198,0.1);\n }\n\n .quick-facts .stat-card,\n #similar-schools-grid .stat-card,\n #nearby-schools-grid .stat-card {\n width: 100%;\n }\n\n .schools-scroll-container .stat-card {\n flex: 0 0 260px;\n min-width: 260px;\n max-width: 260px;\n }\n \n .stat-label {\n font-size: 14px;\n font-weight: 600;\n color: var(--color-gray-text);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 15px;\n }\n \n .stat-value {\n font-size: 32px;\n font-weight: 900;\n color: var(--color-white);\n line-height: 1.2;\n }\n \n \/* Section Styling *\/\n .section {\n background: var(--color-primary);\n padding: 60px 0 0 0;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n \n .section:first-of-type {\n border-top: none;\n }\n\n #best-for.section {\n padding: 16px 0 0 0;\n border-top: none;\n margin: 48px 0 48px 0;\n }\n\n \/* Sticky Navigation Tabs *\/\n .sticky-nav {\n position: sticky;\n top: 0;\n z-index: 100;\n background: rgba(10, 28, 74, 0.95);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n margin: 40px 0 30px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.35);\n backdrop-filter: blur(6px);\n }\n\n .sticky-nav-inner {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .sticky-nav-content {\n padding: 0 40px;\n display: flex;\n gap: 0;\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: thin;\n scrollbar-color: rgba(255,255,255,0.35) transparent;\n scroll-behavior: smooth;\n scroll-snap-type: x proximity;\n }\n\n .sticky-nav-content::-webkit-scrollbar {\n height: 6px;\n }\n\n .sticky-nav-content::-webkit-scrollbar-track {\n background: transparent;\n }\n\n .sticky-nav-content::-webkit-scrollbar-thumb {\n background: rgba(255,255,255,0.25);\n border-radius: 3px;\n }\n\n .sticky-nav-content::-webkit-scrollbar-thumb:hover {\n background: rgba(255,255,255,0.4);\n }\n\n .nav-tab {\n padding: 16px 20px;\n color: var(--color-gray-text);\n text-decoration: none;\n font-size: 14px;\n font-weight: 600;\n white-space: nowrap;\n border-bottom: 3px solid transparent;\n transition: all 0.2s ease;\n scroll-snap-align: start;\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .nav-tab:hover {\n color: var(--color-white);\n background: rgba(255,255,255,0.06);\n }\n\n .nav-tab:focus-visible {\n outline: 3px solid var(--color-aqua);\n outline-offset: -2px;\n border-radius: 6px;\n }\n\n .nav-tab.active {\n color: var(--color-aqua);\n border-bottom-color: var(--color-aqua);\n }\n\n @media (max-width: 1200px) {\n .sticky-nav-content {\n padding: 0 24px;\n }\n }\n\n @media (max-width: 768px) {\n .sticky-nav {\n margin: 30px 0;\n }\n .sticky-nav-content {\n padding: 0 16px;\n }\n .nav-tab {\n padding: 14px 18px;\n font-size: 13px;\n }\n }\n \n .section-title {\n font-size: 32px;\n font-weight: 900;\n color: var(--color-white);\n margin-bottom: 40px;\n letter-spacing: -1px;\n }\n \n \/* Insight Box *\/\n .insight-box {\n background: var(--color-primary);\n border-left: 4px solid var(--color-aqua);\n padding: 35px;\n margin: 40px 0;\n border-radius: 0 8px 8px 0;\n }\n \n .insight-box h3 {\n font-size: 24px;\n font-weight: 700;\n color: var(--color-white);\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .insight-box .intro {\n font-style: italic;\n font-size: 18px;\n color: var(--color-white);\n margin-bottom: 15px;\n font-weight: 500;\n line-height: 1.8;\n }\n \n .insight-box p {\n color: var(--color-gray-text);\n line-height: 2;\n font-size: 16px;\n }\n \n \/* Two Column Layout *\/\n .two-column {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n }\n \n \/* Lists *\/\n .info-list {\n list-style: none;\n }\n \n .info-list li {\n padding: 20px 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .info-list li:last-child {\n border-bottom: none;\n }\n \n .info-label {\n font-weight: 500;\n color: var(--color-gray-text);\n font-size: 15px;\n }\n \n .info-value {\n font-weight: 700;\n color: var(--color-white);\n font-size: 16px;\n }\n \n \/* CTA Buttons *\/\n .cta-group {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin: 60px 0;\n flex-wrap: wrap;\n }\n \n .btn {\n padding: 16px 32px;\n border-radius: 8px;\n font-weight: 600;\n text-decoration: none;\n display: inline-block;\n transition: all 0.3s ease;\n font-size: 16px; \/* WCAG AA minimum *\/\n min-height: 44px; \/* WCAG AA minimum touch target *\/\n min-width: 44px;\n text-align: center;\n }\n \n .btn-primary {\n background: var(--color-button);\n color: var(--color-white);\n }\n \n .btn-primary:hover {\n background: #B01527;\n color: white;\n transform: translateY(-2px);\n }\n \n .btn-primary:focus,\n .btn-primary:focus-visible {\n outline: 3px solid var(--color-link);\n outline-offset: 3px;\n box-shadow: 0 0 0 1px var(--color-primary), 0 0 0 4px var(--color-link);\n }\n \n .btn-secondary {\n background: transparent;\n border: 2px solid var(--color-link);\n color: var(--color-link);\n }\n \n .btn-secondary:hover {\n background: var(--color-link);\n color: var(--color-white);\n }\n \n .btn-secondary:focus,\n .btn-secondary:focus-visible {\n outline: 3px solid var(--color-aqua);\n outline-offset: 3px;\n box-shadow: 0 0 0 1px var(--color-primary), 0 0 0 4px var(--color-aqua);\n }\n \n \/* Methodology Box *\/\n .methodology-box {\n background: var(--color-primary);\n border: 1px solid rgba(255,255,255,0.1);\n padding: 40px;\n border-radius: 12px;\n margin: 60px 0;\n }\n \n .methodology-box h3 {\n color: var(--color-white);\n margin-bottom: 20px;\n font-size: 20px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .methodology-box p {\n color: var(--color-white); \/* Changed from gray-text for WCAG AA contrast *\/\n margin-bottom: 15px;\n font-size: 16px; \/* Increased from 15px to meet WCAG AA minimum *\/\n line-height: 1.8;\n }\n \n .methodology-box a {\n color: var(--color-aqua);\n font-weight: 600;\n text-decoration: underline; \/* WCAG requirement - links must be distinguishable *\/\n text-underline-offset: 2px;\n }\n \n .methodology-box a:hover {\n color: var(--color-white);\n text-decoration-thickness: 2px;\n }\n \n .methodology-box a:focus,\n .methodology-box a:focus-visible {\n outline: 3px solid var(--color-aqua);\n outline-offset: 3px;\n border-radius: 2px;\n }\n \n \/* Charts *\/\n .chart-container {\n background: var(--color-primary);\n border: 2px solid rgba(255,255,255,0.1);\n border-radius: 12px;\n padding: 30px;\n margin: 30px 0;\n }\n \n .chart-container canvas {\n max-height: 400px;\n }\n \n \/* Carousel Container *\/\n .carousel-wrapper {\n position: relative;\n width: 100%;\n }\n \n \/* Horizontal Scrolling School Cards *\/\n .schools-scroll-container {\n display: flex;\n gap: 20px;\n overflow-x: auto;\n overflow-y: hidden;\n padding: 10px 0 30px 0;\n margin: 0;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n }\n \n \/* Hide scrollbar *\/\n .schools-scroll-container::-webkit-scrollbar {\n display: none;\n }\n \n .schools-scroll-container {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n \n \/* Carousel Navigation Arrows *\/\n .carousel-arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: var(--color-primary);\n border: 2px solid rgba(255,255,255,0.2);\n color: var(--color-white);\n width: 48px;\n height: 48px;\n min-width: 48px;\n min-height: 48px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n z-index: 10;\n font-size: 20px;\n font-weight: 700;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n }\n \n .carousel-arrow:hover {\n background: var(--color-aqua);\n border-color: var(--color-aqua);\n transform: translateY(-50%) scale(1.1);\n }\n \n .carousel-arrow:focus,\n .carousel-arrow:focus-visible {\n outline: 3px solid var(--color-aqua);\n outline-offset: 3px;\n box-shadow: 0 0 0 1px var(--color-primary), 0 0 0 4px var(--color-aqua);\n }\n \n .carousel-arrow:active {\n transform: translateY(-50%) scale(0.95);\n }\n \n .carousel-arrow.disabled {\n opacity: 0.3;\n cursor: not-allowed;\n pointer-events: none;\n }\n \n .carousel-arrow-left {\n left: -24px;\n }\n \n .carousel-arrow-right {\n right: -24px;\n }\n \n @media (max-width: 1200px) {\n .carousel-arrow-left {\n left: 10px;\n }\n \n .carousel-arrow-right {\n right: 10px;\n }\n }\n \n @media (max-width: 768px) {\n .carousel-arrow {\n width: 44px;\n height: 44px;\n min-width: 44px;\n min-height: 44px;\n font-size: 18px;\n }\n }\n \n .school-card-scroll {\n background: var(--color-primary);\n border: 2px solid rgba(255,255,255,0.1);\n padding: 30px;\n border-radius: 12px;\n transition: all 0.3s ease;\n min-width: 280px;\n max-width: 280px;\n flex-shrink: 0;\n cursor: pointer;\n scroll-snap-align: start;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n }\n \n .school-card-scroll:hover {\n border-color: var(--color-aqua);\n transform: translateY(-4px);\n box-shadow: 0 4px 12px rgba(0,179,198,0.1);\n }\n \n .school-card-scroll:focus,\n .school-card-scroll:focus-visible {\n outline: 3px solid var(--color-aqua);\n outline-offset: 3px;\n box-shadow: 0 0 0 1px var(--color-primary), 0 0 0 4px var(--color-aqua);\n }\n \n .school-card-scroll:active {\n transform: translateY(-2px);\n }\n \n .school-card-scroll .card-label {\n font-size: 14px;\n font-weight: 600;\n color: var(--color-gray-text);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 10px;\n }\n \n .school-card-scroll .card-name {\n font-size: 18px;\n font-weight: 700;\n color: var(--color-white);\n margin-bottom: 8px;\n line-height: 1.3;\n }\n \n .school-card-scroll .card-location {\n font-size: 16px;\n color: var(--color-gray-text);\n margin-bottom: 15px;\n }\n \n .school-card-scroll .card-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n \n .school-card-scroll .card-stats {\n font-size: 13px;\n color: var(--color-gray-text);\n margin-top: 10px;\n line-height: 1.6;\n }\n \n \/* Similar Schools Grid - Always 4 schools *\/\n #similar-schools-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n \n \/* Responsive *\/\n @media (max-width: 1200px) {\n .container {\n grid-template-columns: 1fr;\n gap: 0;\n }\n \n .sidebar {\n position: relative;\n top: 0;\n margin-bottom: 40px;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n }\n \n .sidebar-header {\n grid-column: 1 \/ -1;\n }\n \n .sidebar-categories {\n grid-column: 1 \/ -1;\n }\n \n .sidebar-quick-stats {\n grid-column: 1 \/ -1;\n }\n \n .sidebar-basics {\n grid-column: 1 \/ -1;\n }\n }\n \n @media (max-width: 768px) {\n .container {\n padding: 30px 15px;\n }\n \n .header-content {\n padding: 0 15px;\n }\n \n .school-title-section {\n flex-direction: column;\n text-align: left;\n }\n \n .school-title-info h1 {\n font-size: 36px;\n line-height: 1.2;\n }\n \n .two-column {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n \n .school-card-scroll {\n min-width: 280px;\n max-width: 280px;\n padding: 25px;\n }\n \n .schools-scroll-container {\n padding: 10px 20px 30px 20px;\n margin: 0 -15px;\n }\n \n .quick-facts {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n \n .stat-card {\n padding: 20px;\n }\n \n #similar-schools-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 15px;\n }\n \n .chart-container {\n padding: 15px;\n }\n \n .section {\n margin-bottom: 40px;\n }\n \n .section-title {\n font-size: 28px;\n margin-bottom: 20px;\n }\n }\n \n @media (max-width: 480px) {\n .container {\n padding: 20px 12px;\n }\n \n .header-content {\n padding: 0 12px;\n }\n \n .school-title-info h1 {\n font-size: 32px;\n }\n \n #similar-schools-grid {\n grid-template-columns: 1fr;\n gap: 12px;\n }\n \n .grade-badge {\n width: 100%;\n }\n \n .stat-card {\n padding: 18px;\n }\n \n .school-card-scroll {\n min-width: 260px;\n max-width: 260px;\n padding: 20px;\n }\n \n .section-title {\n font-size: 24px;\n }\n \n .btn {\n padding: 12px 20px;\n font-size: 14px;\n width: 100%;\n margin-bottom: 10px;\n }\n \n .cta-group {\n flex-direction: column;\n }\n }\n \n \/* Loading State *\/\n .section.loading {\n opacity: 0.6;\n pointer-events: none;\n }\n \n .section.loading::after {\n content: '';\n display: block;\n width: 40px;\n height: 40px;\n margin: 40px auto;\n border: 3px solid var(--color-aqua);\n border-top-color: transparent;\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n }\n \n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n \n \/* Focus visible for keyboard navigation - Enhanced for WCAG AA *\/\n *:focus-visible {\n outline: 3px solid var(--color-aqua);\n outline-offset: 3px;\n border-radius: 2px;\n }\n \n \/* Ensure buttons and links have visible focus *\/\n button:focus-visible,\n a:focus-visible,\n .btn:focus-visible,\n .nav-tab:focus-visible,\n .carousel-arrow:focus-visible {\n outline: 3px solid var(--color-aqua);\n outline-offset: 3px;\n box-shadow: 0 0 0 1px var(--color-primary), 0 0 0 4px var(--color-aqua);\n }\n \n \/* Smooth scrolling for anchor links - Respects user preference *\/\n @media (prefers-reduced-motion: no-preference) {\n html {\n scroll-behavior: smooth;\n }\n }\n \n \/* Respect reduced motion preference *\/\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n html {\n scroll-behavior: auto;\n }\n }\n \n \/* Touch feedback improvements *\/\n @media (hover: none) and (pointer: coarse) {\n .nav-tab:active,\n .btn:active,\n .carousel-arrow:active {\n opacity: 0.7;\n }\n }\n \n \/* Skip to main content link for keyboard navigation *\/\n .skip-link {\n position: absolute;\n top: -40px;\n left: 0;\n background: var(--color-aqua);\n color: var(--color-primary);\n padding: 8px 16px;\n text-decoration: none;\n font-weight: 700;\n z-index: 1000;\n border-radius: 0 0 4px 0;\n }\n \n .skip-link:focus {\n top: 0;\n }\n \n \/* Ensure minimum font sizes for readability *\/\n body,\n p,\n .section p,\n .insight-box p {\n font-size: 16px; \/* WCAG AA minimum *\/\n }\n \n \/* Small text must meet higher contrast - use white instead of gray *\/\n \/* Exception: Don't apply to elements inside .grade-badge (white background) *\/\n small:not(.grade-badge *),\n .small-text:not(.grade-badge *),\n [style*=\"font-size: 11px\"]:not(.grade-badge *),\n [style*=\"font-size: 12px\"]:not(.grade-badge *),\n [style*=\"font-size: 13px\"]:not(.grade-badge *) {\n color: var(--color-white) !important; \/* Force white for small text on dark background *\/\n }\n \n \/* Ensure stat cards and important text meet contrast *\/\n .stat-value,\n .stat-label,\n .section-title,\n h1, h2, h3, h4, h5, h6 {\n color: var(--color-white);\n }\n \n \/* Improve link contrast - Use EDsmart link color *\/\n a {\n color: var(--color-link);\n text-decoration: underline;\n }\n \n a:hover {\n color: var(--color-white);\n text-decoration-thickness: 2px;\n }\n \n \/* Ensure info lists have proper contrast *\/\n .info-label,\n .info-value {\n color: var(--color-white);\n }\n \n .best-for-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n\n .best-for-chip {\n background: transparent;\n color: rgb(255, 255, 255);\n padding: 10px 14px;\n border-radius: 8px;\n font-size: 12px;\n font-weight: 600;\n text-align: center;\n display: block;\n transition: all 0.3s ease;\n }\n\n .best-for-chip.chip-white {\n border: 2px solid rgb(255, 255, 255);\n --hover-bg: #FFFFFF;\n --hover-text: #0A1C4A;\n }\n\n .best-for-chip.chip-green {\n border: 2px solid #00C48C;\n --hover-bg: #00C48C;\n --hover-text: white;\n }\n\n .best-for-chip.chip-aqua {\n border: 2px solid rgb(0, 179, 198);\n --hover-bg: #00B3C6;\n --hover-text: white;\n }\n\n .best-for-chip:hover {\n background: var(--hover-bg);\n color: var(--hover-text);\n cursor: pointer;\n }\n\n .tag-chip {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 10px 16px;\n border-radius: 8px;\n background: rgba(98,178,220,0.18);\n border: 1px solid rgba(98,178,220,0.55);\n color: var(--color-white);\n font-weight: 600;\n font-size: 14px;\n line-height: 1.4;\n text-align: center;\n min-height: 46px;\n margin: 4px;\n }\n\n .tag-chip:focus,\n .tag-chip:hover {\n outline: none;\n background: rgba(98,178,220,0.32);\n border-color: rgba(98,178,220,0.85);\n cursor: pointer;\n }\n \n \/* Decision Toolkit & Info List BEM Styles *\/\n .decision-toolkit {\n margin: 40px 0;\n }\n \n .decision-toolkit h3 {\n font-size: 24px;\n font-weight: 700;\n color: var(--color-white);\n margin-bottom: 24px;\n }\n \n .info-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n \n .info-list__item {\n padding: 16px 20px;\n border-radius: 8px;\n border: 1px solid rgba(0, 179, 198, 0.14);\n background: rgba(10, 28, 74, 0.6);\n display: grid;\n grid-template-columns: 1fr auto;\n grid-template-rows: auto auto;\n gap: 8px 16px;\n margin-bottom: 12px;\n transition: all 0.3s ease;\n }\n \n .info-list__item:hover {\n border-color: rgba(0, 179, 198, 0.3);\n background: rgba(10, 28, 74, 0.8);\n }\n \n .info-list__item:last-child {\n margin-bottom: 0;\n }\n \n .info-list__label {\n font-size: 14px;\n color: var(--color-gray-text);\n letter-spacing: 0.04em;\n text-transform: uppercase;\n font-weight: 600;\n grid-column: 1;\n grid-row: 1;\n }\n \n .info-list__value {\n font-size: 16px;\n font-weight: 600;\n color: var(--color-success);\n padding: 4px 12px;\n background: rgba(0, 196, 140, 0.15);\n border-radius: 4px;\n grid-column: 2;\n grid-row: 1;\n white-space: nowrap;\n }\n \n .info-list__meta {\n font-size: 13px;\n color: var(--color-gray-text);\n line-height: 1.5;\n grid-column: 1 \/ -1;\n grid-row: 2;\n }\n \n \/* Quick Answers & Data Panels *\/\n .quick-answers {\n margin: 40px 0;\n }\n \n .quick-answers h3 {\n font-size: 24px;\n font-weight: 700;\n color: var(--color-white);\n margin-bottom: 24px;\n }\n \n .data-grid {\n display: grid;\n gap: 20px;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n }\n \n .data-panel {\n border-radius: 8px;\n border: 1px solid rgba(0, 179, 198, 0.18);\n background: rgba(10, 28, 74, 0.6);\n padding: 20px 24px;\n display: grid;\n gap: 12px;\n position: relative;\n overflow: hidden;\n }\n \n .data-panel::before,\n .data-panel::after {\n content: '';\n position: absolute;\n width: 38px;\n height: 2px;\n background: linear-gradient(90deg, rgba(0, 179, 198, 0.7), transparent);\n }\n \n .data-panel::before {\n top: 14px;\n right: 18px;\n }\n \n .data-panel::after {\n bottom: 14px;\n left: 18px;\n background: linear-gradient(90deg, transparent, rgba(98, 178, 220, 0.7));\n }\n \n .data-panel__label {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.16em;\n color: var(--color-gray-text);\n font-weight: 600;\n }\n \n .data-panel__value {\n font-size: clamp(1.35rem, 2.2vw, 1.9rem);\n font-weight: 700;\n color: var(--color-white);\n }\n \n .data-panel__body {\n color: var(--color-gray-text);\n font-size: 14px;\n line-height: 1.6;\n }\n \n .data-panel__meta {\n font-size: 13px;\n color: var(--color-link);\n }\n \n .data-panel__meta a {\n color: var(--color-link);\n text-decoration: none;\n }\n \n .data-panel__meta a:hover {\n color: var(--color-white);\n text-decoration: underline;\n }\n \n \/* Override table borders in cost section *\/\n .section-collapsible table,\n .section-collapsible td,\n .section-collapsible th {\n border: none !important;\n }\n \n \/* Chart labels and text - ensure contrast *\/\n .chart-container {\n color: var(--color-white);\n }\n\n .grade-badge-link:focus {\n color: var(--color-aqua);\n }\n\n details.expert-analysis {\n margin-top: 30px;\n background: rgba(255,255,255,0.04);\n border-radius: 12px;\n border: 1px solid rgba(255,255,255,0.05);\n }\n\n details.expert-analysis summary {\n list-style: none;\n }\n\n details.expert-analysis summary::-webkit-details-marker {\n display: none;\n }\n <\/style>\n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"CollegeOrUniversity\",\n \"name\": \"HVAC Technical Institute\",\n \"url\": \"https:\/\/www.edsmart.org\/schools\/hvac-technical-institute\/\",\n \"description\": \"HVAC Technical Institute is a private for-profit located in Chicago, IL.\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Chicago\",\n \"addressRegion\": \"IL\",\n \"addressCountry\": \"US\"\n },\n \"aggregateRating\": {\n \"@type\": \"AggregateRating\",\n \"ratingValue\": \"4.9\",\n \"bestRating\": \"5\",\n \"ratingCount\": \"1755\"\n },\n \"identifier\": {\n \"@type\": \"PropertyValue\",\n \"propertyID\": \"IPEDS\",\n \"value\": \"486345\"\n },\n \"offers\": {\n \"@type\": \"EducationalOccupationalProgram\",\n \"educationalCredentialAwarded\": \"Bachelor's Degree\",\n \"programType\": \"On-campus\"\n }\n }\n <\/script>\n <script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@graph\": [\n {\n \"@type\": \"EducationalOccupationalProgram\",\n \"name\": \"HVAC Technical Institute Undergraduate Program\",\n \"educationalCredentialAwarded\": \"Bachelor's Degree\",\n \"programType\": \"On-campus\",\n \"provider\": {\n \"@type\": \"CollegeOrUniversity\",\n \"name\": \"HVAC Technical Institute\",\n \"url\": \"https:\/\/www.edsmart.org\/schools\/hvac-technical-institute\/\",\n \"sameAs\": \"https:\/\/www.hvac-tech.com\",\n \"numberOfStudents\": 216\n },\n \"hasCourse\": [\n {\n \"@type\": \"Course\",\n \"name\": \"Heating, Air Conditioning, Ventilation and Refrige\"\n },\n {\n \"@type\": \"Course\",\n \"name\": \"Electrical and Power Transmission Installers\"\n }\n ],\n \"additionalProperty\": [\n {\n \"@type\": \"PropertyValue\",\n \"name\": \"Average time to complete\",\n \"value\": \"P1Y\"\n }\n ],\n \"offers\": {\n \"@type\": \"Offer\",\n \"price\": 23216.0,\n \"priceCurrency\": \"USD\",\n \"description\": \"Average annual net price after aid\"\n }\n },\n {\n \"@type\": \"FinancialProduct\",\n \"name\": \"HVAC Technical Institute Net Price Overview\",\n \"provider\": {\n \"@type\": \"CollegeOrUniversity\",\n \"name\": \"HVAC Technical Institute\",\n \"url\": \"https:\/\/www.edsmart.org\/schools\/hvac-technical-institute\/\",\n \"sameAs\": \"https:\/\/www.hvac-tech.com\",\n \"numberOfStudents\": 216\n },\n \"offers\": [\n {\n \"@type\": \"Offer\",\n \"price\": 23216.0,\n \"priceCurrency\": \"USD\",\n \"description\": \"Average annual net price after financial aid.\"\n },\n {\n \"@type\": \"Offer\",\n \"price\": 23216.0,\n \"priceCurrency\": \"USD\",\n \"description\": \"Estimated total cost after average aid based on typical time to degree.\"\n }\n ]\n },\n {\n \"@type\": \"EducationalOccupationalProgram\",\n \"name\": \"HVAC Technical Institute Admissions Snapshot\",\n \"provider\": {\n \"@type\": \"CollegeOrUniversity\",\n \"name\": \"HVAC Technical Institute\",\n \"url\": \"https:\/\/www.edsmart.org\/schools\/hvac-technical-institute\/\",\n \"sameAs\": \"https:\/\/www.hvac-tech.com\",\n \"numberOfStudents\": 216\n }\n },\n {\n \"@type\": \"EducationalOccupationalProgram\",\n \"name\": \"HVAC Technical Institute Outcomes Snapshot\",\n \"provider\": {\n \"@type\": \"CollegeOrUniversity\",\n \"name\": \"HVAC Technical Institute\",\n \"url\": \"https:\/\/www.edsmart.org\/schools\/hvac-technical-institute\/\",\n \"sameAs\": \"https:\/\/www.hvac-tech.com\",\n \"numberOfStudents\": 216\n },\n \"additionalProperty\": [\n {\n \"@type\": \"PropertyValue\",\n \"name\": \"Students with federal loans\",\n \"value\": 45.9,\n \"unitText\": \"PERCENT\"\n }\n ]\n },\n {\n \"@type\": \"Dataset\",\n \"name\": \"HVAC Technical Institute Financial Aid Distribution\",\n \"description\": \"Share of undergraduates receiving Pell Grants or federal loans.\",\n \"creator\": {\n \"@type\": \"CollegeOrUniversity\",\n \"name\": \"HVAC Technical Institute\",\n \"url\": \"https:\/\/www.edsmart.org\/schools\/hvac-technical-institute\/\",\n \"sameAs\": \"https:\/\/www.hvac-tech.com\",\n \"numberOfStudents\": 216\n },\n \"variableMeasured\": [\n {\n \"@type\": \"PropertyValue\",\n \"name\": \"Pell Grant Recipients\",\n \"value\": \"45.4%\"\n },\n {\n \"@type\": \"PropertyValue\",\n \"name\": \"Federal Loan Recipients\",\n \"value\": \"45.9%\"\n }\n ],\n \"distribution\": {\n \"@type\": \"DataDownload\",\n \"encodingFormat\": \"text\/html\",\n \"contentUrl\": \"https:\/\/www.edsmart.org\/schools\/hvac-technical-institute\/#financial\"\n }\n },\n {\n \"@type\": \"Article\",\n \"headline\": \"HVAC Technical Institute - Complete Profile, Rankings & Outcomes\",\n \"description\": \"Comprehensive guide to HVAC Technical Institute: Rankings, 4-Year Tuition, Financial Aid, Online Degrees, Address, Location, graduation rates, career outcomes. See costs, majors, and admissions information.\",\n \"url\": \"https:\/\/www.edsmart.org\/schools\/hvac-technical-institute\/\",\n \"mainEntityOfPage\": {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\/\/www.edsmart.org\/schools\/hvac-technical-institute\/\"\n },\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"EDsmart\",\n \"url\": \"https:\/\/www.edsmart.org\"\n },\n \"author\": {\n \"@type\": \"Organization\",\n \"name\": \"EDsmart\",\n \"url\": \"https:\/\/www.edsmart.org\"\n },\n \"articleBody\": \"HVAC Technical Institute is a private for-profit institution in Chicago, IL earning an overall grade of Unranked, and enrolling about 216 undergraduates. Students most often pursue Heating, Air Conditioning, Ventilation and Refrigeration Maintenance Technology\/Technician (HAC, HACR, HVAC, HVACR) and Electrical and Power Transmission Installers. Inside the classroom, students benefit from a 24:1 student-faculty ratio. Faculty pair challenging syllabi with intentional mentoring so learners keep momentum even as expectations rise. Families typically invest $23,216, about $6,218 more than the national median. Expect the strongest outcomes for students who appreciate an encouraging campus with room to explore.\"\n }\n ]\n}\n <\/script>\n <link rel='stylesheet' id='edsmart-child-style-css' href='https:\/\/www.edsmart.org\/schools\/wp-content\/themes\/edsmart-schools-profiles\/style.css?ver=6.9' media='all' \/>\n<\/head>\n<body>\n \n <header class=\"page-header\">\n <div class=\"header-content\" style=\"display: flex; justify-content: space-between; align-items: center;\">\n <a href=\"https:\/\/www.edsmart.org\/\" class=\"logo\">ED<span style=\"color: var(--ast-global-color-5);\">smart<\/span><\/a>\n <button class=\"hamburger\" aria-label=\"Toggle navigation menu\" aria-expanded=\"false\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n <nav>\n <ul class=\"header-nav\">\n <li><a href=\"https:\/\/www.edsmart.org\/schools\/\">School Search<\/a><\/li>\n <li><a href=\"https:\/\/www.edsmart.org\/colleges\/\">Colleges<\/a><\/li>\n <li><a href=\"https:\/\/www.edsmart.org\/degrees\/\">Degrees<\/a><\/li>\n <li><a href=\"https:\/\/www.edsmart.org\/accredited-online-colleges\/\">Online Colleges<\/a><\/li>\n <li><a href=\"https:\/\/www.edsmart.org\/newsroom\/\">Newsroom<\/a><\/li>\n <\/ul>\n <\/nav>\n <a href=\"https:\/\/edsmart.collegedegrees.com\/app\/experience\/?publisher=edsmart.org&url=https%3A%2F%2Fwww.edsmart.org%2Fschools%2F°ree=general&category=general\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\" style=\"padding: 10px 20px; font-size: 14px;\">Search Programs<\/a>\n <\/div>\n <\/header>\n\n \n <main id=\"main-content\" class=\"container\">\n \n <aside class=\"sidebar\">\n <div class=\"sidebar-image\">\n <div class=\"sidebar-logo-fallback\" style=\"display: none; box-sizing: border-box; align-items: center; justify-content: center; height: 240px; background: linear-gradient(135deg, var(--color-aqua) 0%, var(--color-success) 100%); border-radius: 8px; text-align: center; color: white; font-weight: 700; font-size: 20px; letter-spacing: 1px; flex-direction: column;\">\n EDsmart<br><span style=\"font-size: 16px; font-weight: 500;\">Ranked School<\/span>\n <\/div>\n <img src=\"https:\/\/logo.clearbit.com\/hvac-tech.com?size=200\"\n alt=\"HVAC Technical Institute\"\n style=\"width: 100%; height: 240px; object-fit: cover; border-radius: 8px;\"\n onerror=\"this.onerror=null;this.style.display='none';var f=this.previousElementSibling;if(f){f.style.display='flex';}\">\n <\/div>\n \n \n <div class=\"sidebar-categories\">\n <div class=\"sidebar-category-badge\" data-grade=\"N\/A\">\n <div class=\"category-label\">Completion<\/div>\n <div class=\"category-grade-small\">N\/A<\/div>\n <\/div>\n <div class=\"sidebar-category-badge\" data-grade=\"N\/A\">\n <div class=\"category-label\">Affordability<\/div>\n <div class=\"category-grade-small\">N\/A<\/div>\n <\/div>\n <div class=\"sidebar-category-badge\" data-grade=\"N\/A\">\n <div class=\"category-label\">Support<\/div>\n <div class=\"category-grade-small\">N\/A<\/div>\n <\/div>\n <div class=\"sidebar-category-badge\" data-grade=\"N\/A\">\n <div class=\"category-label\">Career<\/div>\n <div class=\"category-grade-small\">N\/A<\/div>\n <\/div>\n <\/div>\n <\/aside>\n \n \n <div class=\"main-content\">\n \n <div class=\"school-hero\" id=\"overview\">\n <div class=\"school-title-section\">\n <div class=\"school-title-info\">\n <div style=\"display: flex; align-items: flex-start; gap: 20px; margin-bottom: 15px;\">\n <img src=\"https:\/\/logo.clearbit.com\/hvac-tech.com?size=200\" alt=\"HVAC Technical Institute Logo\" style=\"width: 120px; height: 120px; border-radius: 8px; object-fit: contain; background: white; padding: 8px; flex-shrink: 0;\" onerror=\"this.style.display='none'\">\n <div style=\"flex: 1;\">\n <h1 style=\"margin: 0 0 8px 0;\">HVAC Technical Institute<\/h1>\n <div class=\"school-subtitle\">Chicago, IL | Private For-Profit | Trade School<\/div>\n \n <\/div>\n <\/div>\n <div class=\"school-overview\"><p>HVAC Technical Institute is a private for-profit institution in Chicago, IL earning an overall grade of Unranked, and enrolling about 216 undergraduates. Students most often pursue Heating, Air Conditioning, Ventilation and Refrigeration Maintenance Technology\/Technician (HAC, HACR, HVAC, HVACR) and Electrical and Power Transmission Installers.<\/p><p>Inside the classroom, students benefit from a 24:1 student-faculty ratio. Faculty pair challenging syllabi with intentional mentoring so learners keep momentum even as expectations rise.<\/p><p>Families typically invest $23,216, about $6,218 more than the national median. Expect the strongest outcomes for students who appreciate an encouraging campus with room to explore.<\/p><\/div>\n <\/div>\n <div class=\"hero-badge-column\">\n <div class=\"grade-badge\">\n <div class=\"grade unranked-badge\">Unranked<\/div>\n <div class=\"label\">Ranking<\/div>\n <div class=\"rank unranked-text\">Insufficient data<\/div>\n <\/div>\n <a href=\"https:\/\/www.edsmart.org\/our-rankings\/\" class=\"grade-badge-link\" target=\"_blank\" rel=\"noopener\">How We Rank Schools<\/a>\n <span style=\"background: transparent; padding: 10px 14px; border-radius: 8px; font-size: 12px; font-weight: 600; text-align: center; display: block; width: 100%; min-height: 46px; box-sizing: border-box; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); transition: 0.3s; --hover-bg: #FFFFFF; --hover-text: #0A1C4A;\" onmouseover=\"this.style.background=this.style.getPropertyValue('--hover-bg'); this.style.color=this.style.getPropertyValue('--hover-text');\" onmouseout=\"this.style.background='transparent'; this.style.color='#FFFFFF';\">Small campus feel<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"at-a-glance\" id=\"at-a-glance\">\n <div class=\"at-a-glance-title\">At a Glance<\/div>\n <div class=\"at-a-glance-grid\">\n \n <div class=\"kpi-chip\">\n <div class=\"kpi-label\">Ranking<\/div>\n <div class=\"kpi-value\">Not reported<\/div>\n <\/div>\n \n <div class=\"kpi-chip accent\">\n <div class=\"kpi-label\">Tuition<\/div>\n <div class=\"kpi-value\">Not reported<\/div>\n <\/div>\n \n <div class=\"kpi-chip accent\">\n <div class=\"kpi-label\">Net Price<\/div>\n <div class=\"kpi-value\">$23,216<\/div>\n <\/div>\n \n <div class=\"kpi-chip\">\n <div class=\"kpi-label\">Acceptance Rate<\/div>\n <div class=\"kpi-value\">Not reported<\/div>\n <\/div>\n \n <div class=\"kpi-chip\">\n <div class=\"kpi-label\">Transfer Rate<\/div>\n <div class=\"kpi-value\">Not reported<\/div>\n <\/div>\n \n <div class=\"kpi-chip\">\n <div class=\"kpi-label\">Student Population<\/div>\n <div class=\"kpi-value\">216<\/div>\n <\/div>\n \n <div class=\"kpi-chip\">\n <div class=\"kpi-label\">Student-Faculty<\/div>\n <div class=\"kpi-value\">24:1<\/div>\n <\/div>\n \n <div class=\"kpi-chip\">\n <div class=\"kpi-label\">Graduation Rate<\/div>\n <div class=\"kpi-value\">Not reported<\/div>\n <\/div>\n \n <div class=\"kpi-chip\">\n <div class=\"kpi-label\">Retention Rate<\/div>\n <div class=\"kpi-value\">Not reported<\/div>\n <\/div>\n \n <div class=\"kpi-chip\">\n <div class=\"kpi-label\">6-Yr Earnings<\/div>\n <div class=\"kpi-value\">Not reported<\/div>\n <\/div>\n \n <div class=\"kpi-chip accent\">\n <div class=\"kpi-label\">ROI<\/div>\n <div class=\"kpi-value\">Not reported<\/div>\n <\/div>\n \n <\/div>\n <\/section>\n\n \n <div class=\"section\" id=\"best-for\">\n <h2 class=\"section-title\">Who is HVAC Technical Institute Best For?<\/h2>\n <p style=\"color: var(--color-gray-text); font-size: 15px; margin-bottom: 18px; line-height: 1.7;\">\n A quick look at who tends to feel most at home here based on outcomes and campus context.\n <\/p>\n <div class=\"best-for-grid\"><div style=\"background: transparent; padding: 10px 14px; border-radius: 8px; font-size: 12px; font-weight: 600; text-align: center; display: block; width: 100%; min-height: 46px; box-sizing: border-box; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); transition: 0.3s; --hover-bg: #FFFFFF; --hover-text: #0A1C4A;\" onmouseover=\"this.style.background=this.style.getPropertyValue('--hover-bg'); this.style.color=this.style.getPropertyValue('--hover-text');\" onmouseout=\"this.style.background='transparent'; this.style.color='#FFFFFF';\">First-gen or Pell-eligible support<\/div><div style=\"background: transparent; padding: 10px 14px; border-radius: 8px; font-size: 12px; font-weight: 600; text-align: center; display: block; width: 100%; min-height: 46px; box-sizing: border-box; color: #FFFFFF; border: 2px solid #00C48C; transition: all 0.3s ease; --hover-bg: #00C48C; --hover-text: white;\" onmouseover=\"this.style.background=this.style.getPropertyValue('--hover-bg'); this.style.color=this.style.getPropertyValue('--hover-text');\" onmouseout=\"this.style.background='transparent'; this.style.color='#FFFFFF';\">Learners who value a tight-knit campus<\/div><\/div>\n <\/div>\n \n\n \n <div class=\"sticky-nav\" id=\"stickyNav\">\n <div class=\"sticky-nav-inner\">\n <nav class=\"sticky-nav-content\" aria-label=\"Section navigation\">\n <a href=\"#overview\" class=\"nav-tab active\">Overview<\/a>\n <a href=\"#best-for\" class=\"nav-tab\">Best For<\/a>\n <a href=\"#financial\" class=\"nav-tab\">Cost & Aid<\/a>\n <a href=\"#career\" class=\"nav-tab\">ROI & Outcomes<\/a>\n <a href=\"#acceptance\" class=\"nav-tab\">Acceptance<\/a>\n <a href=\"#programs\" class=\"nav-tab\">Academics<\/a>\n <a href=\"#online\" class=\"nav-tab\">Online<\/a>\n <a href=\"#demographics\" class=\"nav-tab\">Student Demographics<\/a>\n <a href=\"#our-take\" class=\"nav-tab\">Our Take<\/a>\n <a href=\"#similar\" class=\"nav-tab\">Similar Schools<\/a>\n <a href=\"#nearby\" class=\"nav-tab\">Nearby Schools<\/a>\n <a href=\"#contact-info\" class=\"nav-tab\">Contact<\/a>\n <a href=\"#methodologyBox\" class=\"nav-tab\">Methodology<\/a>\n <\/nav>\n <\/div>\n <\/div>\n\n \n <div class=\"section\" id=\"financial\">\n <h2 class=\"section-title\">Cost & Financial Aid<\/h2>\n <section class=\"quick-answers\"><h3>Quick Answers<\/h3><div class=\"data-grid\"><div class=\"data-panel\"><div class=\"data-panel__label\">Can you afford it?<\/div><div class=\"data-panel__value\">Depends on income<\/div><div class=\"data-panel__body\">$22,776-$23,216 annual net price based on family income.<\/div><div class=\"data-panel__meta\"><a href=\"#financial\">Review brackets \u2192<\/a><\/div><\/div><div class=\"data-panel\"><div class=\"data-panel__label\">Will you graduate?<\/div><div class=\"data-panel__value\">Data not reported<\/div><div class=\"data-panel__body\">Six-year completion data not reported.<\/div><\/div><div class=\"data-panel\"><div class=\"data-panel__label\">Will you get a job?<\/div><div class=\"data-panel__value\">Employment outlook unavailable<\/div><div class=\"data-panel__body\">Employment rate data is not reported. Pay varies by major.<\/div><div class=\"data-panel__meta\"><a href=\"#programs\">Explore majors \u2192<\/a><\/div><\/div><\/div><\/section>\n \n \n <div style=\"background: linear-gradient(135deg, rgba(0,196,140,0.15) 0%, rgba(0,179,198,0.15) 100%); padding: 30px; border-radius: 12px; border: 2px solid var(--color-aqua); margin-bottom: 40px; text-align: center;\">\n <div style=\"font-size: 20px; color: var(--color-white); font-weight: 700; margin-bottom: 10px;\">Get Your Personalized Cost Estimate<\/div>\n <p style=\"font-size: 15px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">The costs shown are averages. Use HVAC Technical Institute's net price calculator to get an estimate based on your family's financial situation.<\/p>\n <a href=\"https:\/\/hvac-tech.com\/financial-aid-calculator\/\" target=\"_blank\" class=\"btn btn-primary\" style=\"padding: 18px 40px; font-size: 17px; display: inline-block; border-radius: 8px; font-weight: 700; text-decoration: none; transition: all 0.3s ease;\">Calculate Your Net Price \u2192<\/a>\n <\/div>\n \n \n <div style=\"background: rgba(0,179,198,0.1); padding: 25px; border-radius: 12px; border-left: 4px solid var(--color-aqua); margin-bottom: 40px;\">\n <h3 style=\"font-size: 18px; color: var(--color-white); margin-bottom: 15px; font-weight: 700;\">Total Degree Cost Summary<\/h3>\n <div class=\"two-column\" style=\"margin-top: 15px;\">\n <div>\n <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 5px;\">Total Program Cost (Pay with Cash)<\/div>\n <div style=\"font-size: 28px; font-weight: 700; color: var(--color-white);\">N\/A<\/div>\n <div style=\"font-size: 11px; color: var(--color-gray-text); margin-top: 5px;\">Not reported<\/div>\n <\/div>\n <div>\n <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 5px;\">Average Total Cost (Pay with Financial Aid)<\/div>\n <div style=\"font-size: 28px; font-weight: 700; color: var(--color-aqua);\">$23,216<\/div>\n <div style=\"font-size: 11px; color: var(--color-gray-text); margin-top: 5px;\">$23,216 \u00d7 1.0 years average<\/div>\n <\/div>\n <\/div>\n <div style=\"margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 8px;\">Time to Degree<\/div>\n <div style=\"font-size: 16px; color: var(--color-white); line-height: 1.6;\">\n <strong>Average:<\/strong> 1.0 years | <strong>4-Year Rate:<\/strong> N\/A | <strong>6-Year Rate:<\/strong> Not reported\n <\/div>\n <div style=\"font-size: 12px; color: var(--color-gray-text); margin-top: 8px; line-height: 1.5;\">\n Completion rate data is not available for this institution.<\/div>\n <\/div>\n <\/div>\n \n <div style=\"margin-bottom: 40px;\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 600;\">Annual Cost Comparison<\/h3>\n <div class=\"two-column\">\n <div>\n <div style=\"background: var(--color-primary); padding: 20px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.2); margin-bottom: 15px;\">\n <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px;\">Pay with Cash<\/div>\n <div style=\"font-size: 32px; font-weight: 700; color: var(--color-white); margin-bottom: 8px;\">Not reported<\/div>\n <div style=\"font-size: 12px; color: var(--color-gray-text); line-height: 1.6;\">Total annual cost including tuition, books and living expenses; excluding any financial aid, grants or scholarships.<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"background: var(--color-primary); padding: 20px; border-radius: 8px; border: 2px solid rgba(0,179,198,0.3);\">\n <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px;\">Pay with Financial Aid<\/div>\n <div style=\"font-size: 32px; font-weight: 700; color: var(--color-white); margin-bottom: 8px;\">$23,216<\/div>\n <div style=\"font-size: 12px; color: var(--color-gray-text); line-height: 1.6;\">Average annual cost including tuition, books and living expenses after financial aid, grants or scholarships.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div style=\"margin-bottom: 40px;\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 600;\">Cost of Program Attendance<\/h3>\n <p style=\"color: var(--color-gray-text); font-size: 14px; margin-bottom: 20px;\">Costs based on full-time, first-time certificate-seeking students.<\/p>\n <details class=\"section-collapsible\" style=\"background: rgba(255,255,255,0.02); border-radius: 12px; border: 1px solid rgba(255,255,255,0.08);\" open>\n <summary style=\"padding: 18px 24px; cursor: pointer; font-weight: 700; color: var(--color-white); list-style: none;\">View cost of attendance line items<\/summary>\n <div style=\"background: var(--color-primary); padding: 25px; border-top: 1px solid rgba(255,255,255,0.08);\">\n <table style=\"width: 100%; border-collapse: collapse;\">\n <thead>\n <tr style=\"border-bottom: 1px solid rgba(255,255,255,0.1);\">\n <th style=\"text-align: left; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Costs to Consider<\/th>\n <th style=\"text-align: right; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Price<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr style=\"border-bottom: 1px solid rgba(255,255,255,0.05);\">\n <td style=\"padding: 12px 0; color: var(--color-gray-text); font-size: 14px;\">Tuition and Fees<\/td>\n <td style=\"text-align: right; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Not reported<\/td>\n <\/tr>\n <tr style=\"border-bottom: 1px solid rgba(255,255,255,0.05);\">\n <td style=\"padding: 12px 0; color: var(--color-gray-text); font-size: 14px;\">Books and Supplies<\/td>\n <td style=\"text-align: right; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Not reported<\/td>\n <\/tr>\n <tr style=\"border-bottom: 1px solid rgba(255,255,255,0.05);\">\n <td style=\"padding: 12px 0; color: var(--color-gray-text); font-size: 14px;\">On-Campus Room and Board<\/td>\n <td style=\"text-align: right; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Not reported<\/td>\n <\/tr>\n <tr style=\"border-bottom: 1px solid rgba(255,255,255,0.05);\">\n <td style=\"padding: 12px 0; color: var(--color-gray-text); font-size: 14px;\">On-Campus Other Expenses<\/td>\n <td style=\"text-align: right; padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 14px;\">Not reported<\/td>\n <\/tr>\n <tr>\n <td style=\"padding: 12px 0; color: var(--color-white); font-weight: 600; font-size: 16px;\">Total On-Campus Cost<\/td>\n <td style=\"text-align: right; padding: 12px 0; color: var(--color-success); font-weight: 700; font-size: 16px;\">Not reported<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/details>\n <p style=\"margin-top: 18px; font-size: 13px; color: var(--color-gray-text); line-height: 1.6;\">\n Tip: focus on the rows that match your living plan\u2014commuters can swap in off-campus estimates while residential students should budget for housing, meals, and incidental fees.\n <\/p>\n <\/div>\n \n \n <div style=\"margin-bottom: 40px;\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 600;\">Students Receiving Aid<\/h3>\n <div style=\"background: var(--color-primary); padding: 25px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1);\">\n <div style=\"display: grid; grid-template-columns: 1fr auto; gap: 15px 20px; align-items: center;\">\n <div style=\"color: var(--color-gray-text); font-size: 14px;\">Pell Grant<\/div>\n <div style=\"display: flex; align-items: center; gap: 15px;\">\n <div style=\"flex: 1; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden;\">\n <div style=\"height: 100%; width: 45.4%; background: var(--color-tertiary-600);\"><\/div>\n <\/div>\n <div style=\"color: var(--color-white); font-weight: 600; font-size: 14px; min-width: 50px; text-align: right;\">45.4%<\/div>\n <\/div>\n <div style=\"color: var(--color-gray-text); font-size: 14px;\">Federal Loan<\/div>\n <div style=\"display: flex; align-items: center; gap: 15px;\">\n <div style=\"flex: 1; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden;\">\n <div style=\"height: 100%; width: 45.9%; background: var(--color-tertiary-600);\"><\/div>\n <\/div>\n <div style=\"color: var(--color-white); font-weight: 600; font-size: 14px; min-width: 50px; text-align: right;\">45.9%<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <p style=\"margin-top: 18px; font-size: 13px; color: var(--color-gray-text); line-height: 1.6;\">\n Use these bars to gauge how many classmates rely on need-based dollars\u2014lower Pell or loan shares may signal a wealthier student body or generous institutional grants.\n <\/p>\n \n <div style=\"background: #1F2F58; padding: 24px; border-radius: 12px; border-left: 4px solid var(--color-warning); margin-top: 30px;\">\n <p style=\"color: #F5F7FA; font-size: 15px; line-height: 1.8; margin: 0;\">\n <strong style=\"color: var(--color-warning);\">EDsmart Insight:<\/strong> About 45.4% of HVAC Technical Institute students receive Pell Grants \u2014 above the national average, highlighting ongoing affordability priorities.\n <\/p>\n <\/div>\n \n \n \n \n \n \n \n \n <\/div>\n\n \n <div class=\"section\" id=\"career\">\n <h2 class=\"section-title\">ROI & Career Outcomes<\/h2>\n \n <div class=\"two-column\" style=\"margin-bottom: 40px;\">\n <div>\n <div style=\"background: var(--color-primary); padding: 30px; border-radius: 12px; border: 2px solid rgba(0,179,198,0.3); margin-bottom: 20px;\">\n <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px;\">Return on Investment<\/div>\n <div style=\"font-size: 48px; font-weight: 900; color: var(--color-success); margin-bottom: 12px;\">Not reported<\/div>\n <div style=\"font-size: 13px; color: var(--color-gray-text); line-height: 1.6;\">Based on 6-year median earnings vs. total degree cost<\/div>\n <\/div>\n <ul class=\"info-list\">\n <li>\n <span class=\"info-label\">6-Year Median Earnings<\/span>\n <span class=\"info-value\">Not reported<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">10-Year Median Earnings<\/span>\n <span class=\"info-value\">Not reported<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Average Years to Graduate<\/span>\n <span class=\"info-value\">1.0 years<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Average Student Debt<\/span>\n <span class=\"info-value\">$6,851<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Repayment Rate (3yr)<\/span>\n <span class=\"info-value\">Not reported<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Employment Rate<\/span>\n <span class=\"info-value\">Not reported<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div>\n <div style=\"background: var(--color-primary); padding: 30px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px;\">\n <h3 style=\"font-size: 18px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Graduate Earnings Distribution<\/h3>\n <p style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 15px; line-height: 1.5;\">Earnings range for HVAC Technical Institute graduates 6 years after enrollment, showing the 25th percentile, median, and 75th percentile. This illustrates the variation in outcomes across different majors and career paths.<\/p>\n <div style=\"height: 120px;\">\n <canvas id=\"earningsRangeChart\"><\/canvas>\n <\/div>\n <\/div>\n <div style=\"background: rgba(0,179,198,0.1); padding: 20px; border-radius: 8px; border-left: 4px solid var(--color-aqua);\">\n <div style=\"color: var(--color-white); font-size: 15px; line-height: 1.7; margin-bottom: 12px;\">\n Graduates earn a median of Not reported six years after enrollment \u2014 roughly 195% above the national median.\n <\/div>\n <div style=\"display: flex; gap: 20px; margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.1);\">\n <div>\n <div style=\"color: var(--color-gray-text); font-size: 12px; margin-bottom: 4px;\">Payback Period<\/div>\n <div style=\"color: var(--color-white); font-size: 20px; font-weight: 700;\">Not reported<\/div>\n <div style=\"color: var(--color-gray-text); font-size: 11px; margin-top: 4px;\">Total Degree Cost \u00f7 Annual Earnings<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"chart-container\" style=\"margin-top: 30px;\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">HVAC Technical Institute vs. National Average<\/h3>\n <p style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">Comparison of key performance metrics showing how HVAC Technical Institute's outcomes compare to the national average across earnings, graduation rates, retention, ROI, and employment. This contextualizes HVAC Technical Institute's performance within the broader higher education landscape.<\/p>\n <canvas id=\"comparisonChart\"><\/canvas>\n <\/div>\n \n \n \n \n <\/div>\n\n \n <div class=\"section\" id=\"acceptance\">\n <h2 class=\"section-title\">Acceptance & Selectivity<\/h2>\n \n <div style=\"margin-bottom: 40px;\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 600;\">Getting In<\/h3>\n <div class=\"two-column\">\n <div>\n <div style=\"background: var(--color-primary); padding: 20px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.2); margin-bottom: 15px;\">\n <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px;\">Acceptance Rate<\/div>\n <div style=\"font-size: 32px; font-weight: 700; color: var(--color-white); margin-bottom: 8px;\">Not reported<\/div>\n <div style=\"font-size: 12px; color: var(--color-gray-text);\">Selectivity Not Reported<\/div>\n <\/div>\n <\/div>\n <div>\n <div style=\"background: var(--color-primary); padding: 20px; border-radius: 8px; border: 2px solid rgba(0,179,198,0.3);\">\n <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px;\">National Average<\/div>\n <div style=\"font-size: 32px; font-weight: 700; color: var(--color-white); margin-bottom: 8px;\">69%<\/div>\n <div style=\"font-size: 12px; color: var(--color-gray-text);\">Average acceptance rate<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"two-column\">\n <div>\n <ul class=\"info-list\">\n <li>\n <span class=\"info-label\">SAT Evidence-Based Reading<\/span>\n <span class=\"info-value\">Not reported<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">SAT Math<\/span>\n <span class=\"info-value\">Not reported<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">SAT Writing<\/span>\n <span class=\"info-value\">Not reported<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">ACT Composite<\/span>\n <span class=\"info-value\">Not reported<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">SAT & ACT<\/span><span class=\"info-value\">Not required<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div>\n <ul class=\"info-list\">\n <li>\n <span class=\"info-label\">Undergraduate Enrollment<\/span>\n <span class=\"info-value\">216<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Full-Time Students<\/span>\n <span class=\"info-value\">50.9%<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Part-Time Students<\/span>\n <span class=\"info-value\">49.1%<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Retention Rate<\/span>\n <span class=\"info-value\">Not reported<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Graduation Rate<\/span>\n <span class=\"info-value\">Not reported<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Student-Faculty Ratio<\/span>\n <span class=\"info-value\">24:1<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div style=\"background: rgba(0,179,198,0.1); padding: 30px; border-radius: 12px; border-left: 4px solid var(--color-aqua); margin-top: 40px;\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 700;\">How to Get Into HVAC Technical Institute<\/h3>\n <div style=\"color: var(--color-white); font-size: 15px; line-height: 1.8;\">\n <p style=\"margin-bottom: 16px;\">\n <strong style=\"color: var(--color-aqua);\">1. Meet Program Requirements:<\/strong> HVAC Technical Institute focuses on practical skills and career readiness. Review the specific program requirements, which may include a high school diploma or equivalent, and any prerequisite coursework.\n <\/p>\n <p style=\"margin-bottom: 16px;\">\n <strong style=\"color: var(--color-aqua);\">2. Prepare for Your Program:<\/strong> Focus on demonstrating your interest in the field and readiness for hands-on training. Some programs may require interviews or portfolio submissions.\n <\/p>\n <p style=\"margin-bottom: 16px;\">\n <strong style=\"color: var(--color-aqua);\">3. Understand Admissions:<\/strong> Trade and certificate programs typically have open or moderately selective admissions focused on program fit rather than academic competition.\n <\/p>\n <p style=\"margin-bottom: 0;\">\n <strong style=\"color: var(--color-aqua);\">4. Financial Planning:<\/strong> \n Review the net price calculator and financial aid options early. Many students receive significant aid, making the actual cost lower than the sticker price.\n <\/p>\n <\/div>\n <div style=\"margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1);\">\n <p style=\"color: var(--color-gray-text); font-size: 13px; line-height: 1.6; margin: 0;\">\n <strong>Tip:<\/strong> Contact the admissions office directly for the most current application requirements, deadlines, and any special programs (like early decision or early action) that might improve your chances.\n <\/p>\n <\/div>\n <\/div>\n \n \n \n \n <\/div>\n\n \n <div class=\"section\" id=\"programs\">\n <h2 class=\"section-title\">Academic Programs<\/h2>\n <div class=\"chart-container\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Undergraduate Program Distribution<\/h3>\n <p style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">Breakdown of the most popular majors and fields of study among HVAC Technical Institute undergraduates. Heating, Air Conditioning, Ventilation and Refrige and Electrical and Power Transmission Installers draw the most students.<\/p>\n <canvas id=\"programsChart\"><\/canvas>\n <\/div>\n <ul class=\"info-list\" style=\"margin-top: 30px;\">\n <li>\n <span class=\"info-label\">Heating, Air Conditioning, Ventilation and Refrige<\/span>\n <span class=\"info-value\">63.2%<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Electrical and Power Transmission Installers<\/span>\n <span class=\"info-value\">36.8%<\/span>\n <\/li>\n <\/ul>\n\n \n \n \n \n \n <div style=\"margin-top: 50px;\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Highest Earning Programs<\/h3>\n <p style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 20px; line-height: 1.6;\">\n Median earnings five years after graduation for each program. These figures help illustrate ROI by field of study and degree level.\n <\/p>\n\n <div style=\"margin-bottom: 40px;\">\n <h4 style=\"font-size: 18px; color: var(--color-aqua); margin-bottom: 15px; font-weight: 600;\">Certificate Programs<\/h4>\n \n \n <div class=\"chart-container\" style=\"margin-bottom: 20px;\">\n <canvas id=\"undergradEarningsChart\"><\/canvas>\n <\/div>\n \n <ul class=\"info-list\">\n <li>\n <span class=\"info-label\">1. Heating, Air Conditioning, Ventilation and Refrigeration Maintenance Technology\/Technician (HAC, HACR, HVAC, HVACR)<\/span>\n <span class=\"info-value\">$41,644<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">2. Electrical and Power Transmission Installers<\/span>\n <span class=\"info-value\">$32,208<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div style=\"background: rgba(0,179,198,0.1); padding: 20px; border-radius: 8px; border-left: 4px solid var(--color-aqua); margin-top: 20px;\">\n <p style=\"color: var(--color-white); font-size: 14px; line-height: 1.7;\">\n <strong style=\"color: var(--color-aqua);\">Program Choice Matters:<\/strong> Undergraduate: Heating, Air Conditioning, Ventilation and Refrigeration Maintenance Technology\/Technician (HAC, HACR, HVAC, HVACR) grads earn $41,644\u201429% more than Electrical and Power Transmission Installers ($32,208). Your program and degree level choice significantly impact career earnings.\n <\/p>\n <\/div>\n <\/div>\n\n\n\n <\/div>\n\n \n <div class=\"section\" id=\"online\">\n <h2 class=\"section-title\">Online Degrees & Distance Learning<\/h2>\n <p style=\"color: var(--color-gray-text); font-size: 15px; line-height: 1.7; margin-bottom: 24px;\">\n College Scorecard reports fully online programs for HVAC Technical Institute. Below are the most popular options based on the number of recent graduates, followed by a quick look at the breadth of online offerings by degree level.\n <br><span style=\"font-size: 12px;\"><a href=\"https:\/\/collegescorecard.ed.gov\/data\/\" style=\"color: var(--color-link);\" target=\"_blank\" rel=\"noopener\">Source: U.S. Department of Education \u2013 College Scorecard<\/a><\/span>\n <\/p>\n <div style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 24px; margin: 16px 0;\">\n <h3 style=\"color: var(--color-white); font-size: 18px; font-weight: 700; margin-bottom: 14px;\">Most Popular Online Degrees<\/h3>\n <ul style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin-left: 22px; margin-bottom: 0; list-style: disc;\">\n <li style=\"margin-bottom: 8px;\"><strong style=\"color: var(--color-white);\">Heating, Air Conditioning, Ventilation and Refrigeration Maintenance Technology\/Technician (HAC, HACR, HVAC, HVACR)<\/strong> (Undergraduate Certificate or Diploma, 72 graduates)<\/li>\n <li style=\"margin-bottom: 8px;\"><strong style=\"color: var(--color-white);\">Electrical and Power Transmission Installers<\/strong> (Undergraduate Certificate or Diploma, 42 graduates)<\/li>\n <\/ul>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 24px; display: grid; gap: 18px;\">\n <div>\n <h3 style=\"color: var(--color-white); font-size: 18px; font-weight: 700; margin-bottom: 6px;\">What This School Offers Online, at a Glance<\/h3>\n <p style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin: 0 0 12px 0;\">College Scorecard flags the following online degree and certificate programs for this institution. Expand each credential level to view the complete list of available subjects.<\/p>\n <details style=\"background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 0; margin-bottom: 12px;\">\n <summary style=\"cursor: pointer; color: var(--color-white); font-size: 15px; font-weight: 600; padding: 16px 20px; list-style: none; position: relative;\">Online Undergraduate Certificates & Diplomas (2 programs)<span style=\"float: right; font-size: 18px; transition: transform 0.3s;\">\u25bc<\/span><\/summary>\n <div style=\"padding: 0 20px 16px 20px;\">\n <ul style=\"color: var(--color-gray-text); font-size: 14px; line-height: 1.7; margin-left: 20px;\">\n <li>Heating, Air Conditioning, Ventilation and Refrigeration Maintenance Technology\/Technician (HAC, HACR, HVAC, HVACR)<\/li>\n <li>Electrical and Power Transmission Installers<\/li>\n <\/ul>\n <\/div>\n <\/details>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\" id=\"demographics\">\n <h2 class=\"section-title\">Student Demographics<\/h2>\n \n <div style=\"margin-bottom: 40px;\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 20px; font-weight: 600;\">Student Population<\/h3>\n <div class=\"two-column\">\n <div>\n <ul class=\"info-list\">\n <li>\n <span class=\"info-label\">Total Undergraduate Enrollment<\/span>\n <span class=\"info-value\">216<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Full-Time Students<\/span>\n <span class=\"info-value\">50.9%<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Part-Time Students<\/span>\n <span class=\"info-value\">49.1%<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Male Students<\/span>\n <span class=\"info-value\">96.8%<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Female Students<\/span>\n <span class=\"info-value\">3.2%<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div>\n <ul class=\"info-list\">\n <li>\n <span class=\"info-label\">Caucasian<\/span>\n <span class=\"info-value\">7.9%<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Asian<\/span>\n <span class=\"info-value\">1.8%<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Hispanic<\/span>\n <span class=\"info-value\">68.5%<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Black<\/span>\n <span class=\"info-value\">17.6%<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Pell Grant Recipients<\/span>\n <span class=\"info-value\">45.4%<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"two-column\" style=\"margin-top: 40px;\">\n <div>\n <div class=\"chart-container\">\n <h3 style=\"font-size: 18px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Racial & Ethnic Diversity<\/h3>\n <p style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 15px; line-height: 1.5;\">Undergraduate student body composition by racial and ethnic background. This reflects HVAC Technical Institute's commitment to diversity and inclusion in admissions.<\/p>\n <canvas id=\"ethnicityChart\"><\/canvas>\n <\/div>\n <\/div>\n <div>\n <div class=\"chart-container\">\n <h3 style=\"font-size: 18px; color: var(--color-white); margin-bottom: 8px; font-weight: 700;\">Gender Distribution<\/h3>\n <p style=\"font-size: 13px; color: var(--color-gray-text); margin-bottom: 15px; line-height: 1.5;\">Gender breakdown of HVAC Technical Institute's undergraduate population. Women make up 3.2% of the student body, while men represent 96.8%.<\/p>\n <canvas id=\"genderChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n \n <div style=\"background: #1F2F58; padding: 24px; border-radius: 12px; border-left: 4px solid var(--color-aqua); margin-top: 30px;\">\n <p style=\"color: #F5F7FA; font-size: 15px; line-height: 1.8; margin: 0;\">\n <strong style=\"color: var(--color-aqua);\">EDsmart Insight:<\/strong> HVAC Technical Institute has a diverse student body, with 7.9% identifying as White. Men make up 96.8% of undergraduates.\n <\/p>\n <\/div>\n <\/div>\n\n \n \n \n \n \n\n <div class=\"section\" id=\"our-take\">\n <div class=\"section\" id=\"our-take\">\n <div class=\"section\" id=\"our-take\">\n <h2 class=\"section-title\">Our Take<\/h2>\n <div class=\"insight-box\">\n <p class=\"intro\">HVAC Technical Institute is unranked in our comprehensive analysis, achieving a Unranked overall grade with 0.0% ROI.<\/p>\n <p>At $23,216 annually, the institution serves students seeking accessible higher education. Career outcomes and value metrics should be carefully compared against alternative institutions before enrolling.<\/p>\n <\/div>\n \n \n <div class=\"insight-box\" style=\"margin-top: 40px;\">\n <h3 style=\"color: var(--color-aqua); font-size: 18px; margin-bottom: 15px; font-weight: 700;\">EDsmart Assessment: HVAC Technical Institute<\/h3>\n <p class=\"intro\" style=\"font-style: italic; color: var(--color-white); margin-bottom: 15px;\">\n Unranked grade | Unranked\n <\/p>\n <p style=\"color: var(--color-gray-text); line-height: 1.8; margin-bottom: 12px;\">\n <strong>Performance Overview:<\/strong> HVAC Technical Institute's 0.0% return on investment and unranked status reflect the institution's competitive position in the higher education landscape. The $23,216 annual cost should be carefully weighed against expected career outcomes.\n <\/p>\n <p style=\"color: var(--color-gray-text); line-height: 1.8; margin-bottom: 12px;\">\n <strong>Value Considerations:<\/strong> Prospective students should compare HVAC Technical Institute's specific programs against alternatives, as institutional averages may not reflect individual program quality. Financial aid packages, program-specific outcomes, and career services vary significantly.\n <\/p>\n <p style=\"color: var(--color-gray-text); line-height: 1.8;\">\n <strong>Decision Framework:<\/strong> Use HVAC Technical Institute's Unranked grade and unranked status as starting points, not final answers. Evaluate program-specific outcomes, campus visit impressions, financial aid offers, and career placement rates in your intended field before making enrollment decisions.\n <\/p>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 24px; margin-top: 40px;\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 16px; font-weight: 700;\">Key Takeaways<\/h3>\n <ul style=\"margin: 0; padding-left: 20px; color: var(--color-gray-text); line-height: 1.7; font-size: 14px; display: grid; gap: 10px;\">\n <li>Average net price of $23,216 is roughly $6,098 higher than the national median of $17,118.<\/li><li>24:1 student-faculty ratio keeps advising personal and discussion-sized.<\/li>\n <\/ul>\n <\/div>\n \n <div style=\"background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 28px; margin: 40px 0;\">\n <h3 style=\"font-size: 20px; color: var(--color-white); margin-bottom: 16px; font-weight: 700;\">Helpfulness for Students<\/h3>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px;\">\n <div style=\"background: rgba(0,196,140,0.12); border: 1px solid rgba(0,196,140,0.35); border-radius: 12px; padding: 18px;\">\n <div style=\"font-size: 14px; color: var(--color-success); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px;\">Green Flags<\/div>\n <ul style=\"margin: 0; padding-left: 18px; color: var(--color-white); line-height: 1.7; font-size: 14px;\">\n <li>24:1 student-faculty ratio keeps mentorship close and courses discussion-sized.<\/li><li>Career coaching and alumni mentoring help learners convert classes into early job offers.<\/li><li>Career coaching and alumni mentoring help learners convert classes into early job offers.<\/li>\n <\/ul>\n <\/div>\n <div style=\"background: rgba(232,91,91,0.12); border: 1px solid rgba(232,91,91,0.35); border-radius: 12px; padding: 18px;\">\n <div style=\"font-size: 14px; color: var(--color-error); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px;\">Red Flags<\/div>\n <ul style=\"margin: 0; padding-left: 18px; color: var(--color-white); line-height: 1.7; font-size: 14px;\">\n <li>Average net price of $23,216 is about $6,098 higher than comparable schools, so scholarship planning is key.<\/li><li>45.9% of students borrow federal loans, outpacing typical campuses and raising repayment stakes.<\/li><li>Compare aid offers from nearby public universities to weigh the premium for smaller classes.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n \n <details class=\"expert-analysis\" style=\"background: #1F2F58; border-left: 4px solid var(--color-warning); border-radius: 12px; padding: 25px; margin-top: 30px;\">\n <summary style=\"cursor: pointer; padding: 0; font-weight: 700; color: var(--color-warning); font-size: 16px; margin-bottom: 12px;\">EDsmart Expert Analysis<\/summary>\n <div style=\"color: #F5F7FA; line-height: 1.7; font-size: 15px;\">\n <p style=\"margin: 18px 0 12px 0;\">HVAC Technical Institute is a private for-profit institution based in Chicago, IL and earns a Unranked overall grade. Grades by category break down as Completion Unranked, Support Unranked, Career Outcomes Unranked, and Affordability Unranked.<\/p>\n <p style=\"margin: 0 0 12px 0;\">Grades are assigned relative to EDsmart's national bachelor's cohort using standardized outcomes (2026 methodology); they reflect how a school compares to peers, not a fixed percentage of a raw point total.<\/p>\n <p style=\"margin: 0 0 12px 0;\">Review the cost and aid tables for a full picture of value.<\/p>\n <p style=\"margin: 0;\">Why it matters: this snapshot shows how likely you are to stay on track academically and whether the outcomes justify the price tag. Letter grades summarize cohort-relative performance\u2014not a single exam-style score.<\/p>\n <\/div>\n <\/details>\n <details class=\"expert-analysis\" style=\"background: #1F2F58; border-left: 4px solid var(--color-warning); border-radius: 12px; padding: 25px; margin-top: 30px;\">\n <summary style=\"cursor: pointer; padding: 0; font-weight: 700; color: var(--color-warning); font-size: 16px; margin-bottom: 12px;\">EDsmart Financial Snapshot<\/summary>\n <div style=\"color: #F5F7FA; line-height: 1.7; font-size: 15px;\">\n <p style=\"margin: 18px 0 12px 0;\">Review the charts above for a breakdown of tuition, aid, and typical expenses.<\/p>\n <p style=\"margin: 0 0 12px 0;\">Aid awards vary by student profile, so completing the net price calculator is the best next step.<\/p>\n <p style=\"margin: 0 0 12px 0;\">Graduates leave with a median of $6,851 in federal loans, which lines up with national norms.<\/p>\n <p style=\"margin: 0 0 12px 0;\">About 45.4% of students receive Pell Grants, giving a snapshot of the campus income mix.<\/p>\n <p style=\"margin: 0;\">Why it matters: lining up sticker price, aid, and typical debt helps you stress-test the budget before you commit.<\/p>\n <\/div>\n <\/details>\n <details class=\"expert-analysis\" style=\"background: #1F2F58; border-left: 4px solid var(--color-warning); border-radius: 12px; padding: 25px; margin-top: 30px;\">\n <summary style=\"cursor: pointer; padding: 0; font-weight: 700; color: var(--color-warning); font-size: 16px; margin-bottom: 12px;\">EDsmart Career Snapshot<\/summary>\n <div style=\"color: #F5F7FA; line-height: 1.7; font-size: 15px;\">\n <p style=\"margin: 18px 0 12px 0;\">Six-year earnings data is not available for this institution. <\/p>\n <p style=\"margin: 0 0 12px 0;\">Employment figures are not reported, so explore departmental job placement stories.<\/p>\n <p style=\"margin: 0 0 12px 0;\">Use the ROI table above to estimate how long it may take to recoup your degree costs.<\/p>\n <p style=\"margin: 0;\">Why it matters: pairing median earnings with employment rates gives you a sense of payback time after graduation.<\/p>\n <\/div>\n <\/details>\n <details class=\"expert-analysis\" style=\"background: #1F2F58; border-left: 4px solid var(--color-warning); border-radius: 12px; padding: 25px; margin-top: 30px;\">\n <summary style=\"cursor: pointer; padding: 0; font-weight: 700; color: var(--color-warning); font-size: 16px; margin-bottom: 12px;\">EDsmart Admissions Snapshot<\/summary>\n <div style=\"color: #F5F7FA; line-height: 1.7; font-size: 15px;\">\n <p style=\"margin: 18px 0 12px 0;\">This institution has not reported a current acceptance rate.<\/p>\n <p style=\"margin: 0 0 12px 0;\">The admissions team encourages students to highlight academic strengths through transcripts, essays, and recommendations.<\/p>\n <p style=\"margin: 0 0 12px 0;\">Prospective students can apply early for priority review and lean on the <a href=\"https:\/\/www.hvac-tech.com\/admissions\" target=\"_blank\" rel=\"noopener\">HVAC Technical Institute admissions site<\/a> for deadlines, visit options, and counselor contacts.<\/p>\n <p style=\"margin: 0;\">Why it matters: knowing the admit rate and application expectations lets you map out testing, essays, and deadlines with less stress.<\/p>\n <\/div>\n <\/details>\n <div style=\"background: var(--color-primary); padding: 25px; border-radius: 12px; border: 2px solid rgba(0,196,140,0.3); margin-top: 30px; text-align: center;\">\n <div style=\"font-size: 14px; color: var(--color-gray-text); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px;\">EDsmart Verdict<\/div>\n <div style=\"font-size: 36px; font-weight: 900; color: var(--color-success); margin-bottom: 8px;\">0.00 \/ 5<\/div>\n <div style=\"font-size: 13px; color: var(--color-gray-text);\">Value Rating - Based on affordability and career outcomes<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div style=\"background: var(--color-primary); border: 2px solid var(--color-aqua); border-radius: 16px; padding: 30px; margin: 40px 0;\"><h3 style=\"font-size: 20px; color: var(--color-aqua); margin-bottom: 20px; font-weight: 700; display: flex; align-items: center; gap: 10px;\">Your Decision Toolkit<\/h3><div style=\"display: grid; gap: 15px;\"><div style=\"display: flex; align-items: start; gap: 15px; padding: 15px; background: rgba(255,255,255,0.03); border-radius: 8px; cursor: pointer;\" onclick=\"this.querySelector('input').checked = !this.querySelector('input').checked\"><input type=\"checkbox\" style=\"margin-top: 4px; width: 18px; height: 18px; cursor: pointer;\" onclick=\"event.stopPropagation()\"><div style=\"flex: 1;\"><div style=\"color: var(--color-white); font-weight: 600; margin-bottom: 4px;\">Run the Net Price Calculator<\/div><div style=\"color: var(--color-gray-text); font-size: 13px;\">Get your personalized cost estimate<\/div><\/div><\/div><div style=\"display: flex; align-items: start; gap: 15px; padding: 15px; background: rgba(255,255,255,0.03); border-radius: 8px; cursor: pointer;\" onclick=\"this.querySelector('input').checked = !this.querySelector('input').checked\"><input type=\"checkbox\" style=\"margin-top: 4px; width: 18px; height: 18px; cursor: pointer;\" onclick=\"event.stopPropagation()\"><div style=\"flex: 1;\"><div style=\"color: var(--color-white); font-weight: 600; margin-bottom: 4px;\">Compare with similar schools<\/div><div style=\"color: var(--color-gray-text); font-size: 13px;\">See how HVAC Technical Institute stacks up to alternatives<\/div><\/div><\/div><div style=\"display: flex; align-items: start; gap: 15px; padding: 15px; background: rgba(255,255,255,0.03); border-radius: 8px; cursor: pointer;\" onclick=\"this.querySelector('input').checked = !this.querySelector('input').checked\"><input type=\"checkbox\" style=\"margin-top: 4px; width: 18px; height: 18px; cursor: pointer;\" onclick=\"event.stopPropagation()\"><div style=\"flex: 1;\"><div style=\"color: var(--color-white); font-weight: 600; margin-bottom: 4px;\">Check your major's earnings<\/div><div style=\"color: var(--color-gray-text); font-size: 13px;\">See ROI for your specific field of study<\/div><\/div><\/div><div style=\"display: flex; align-items: start; gap: 15px; padding: 15px; background: rgba(255,255,255,0.03); border-radius: 8px; cursor: pointer;\" onclick=\"this.querySelector('input').checked = !this.querySelector('input').checked\"><input type=\"checkbox\" style=\"margin-top: 4px; width: 18px; height: 18px; cursor: pointer;\" onclick=\"event.stopPropagation()\"><div style=\"flex: 1;\"><div style=\"color: var(--color-white); font-weight: 600; margin-bottom: 4px;\">Visit the campus<\/div><div style=\"color: var(--color-gray-text); font-size: 13px;\">Schedule a campus tour or virtual visit<\/div><\/div><\/div><\/div><a href=\"https:\/\/www.hvac-tech.com\/\" class=\"btn btn-secondary\" target=\"_blank\" rel=\"noopener\" style=\"margin-top: 20px; display: inline-block; width: 100%; text-align: center;\">Visit HVAC Technical Institute Website \u2192<\/a><\/div>\n\n \n <div class=\"section\" id=\"similar\">\n <h2 class=\"section-title\" style=\"margin-bottom: 8px;\">Similar Schools<\/h2>\n <p style=\"color: var(--color-gray-text); font-size: 14px; margin-bottom: 30px;\">Institutions with similar academic profiles, selectivity, and outcomes<\/p>\n \n <div style=\"margin-bottom: 40px;\">\n <div class=\"quick-facts\" id=\"similar-schools-grid\" style=\"grid-template-columns: repeat(4, 1fr);\">\n <div style=\"padding: 20px; text-align: center; color: var(--color-gray-text);\">\n <p>Similar schools data is not available. Use our search to find comparable institutions.<\/p>\n <\/div> <\/div>\n <\/div>\n <\/div>\n \n <div class=\"section\" id=\"nearby\">\n <h2 class=\"section-title\" style=\"margin-bottom: 8px;\">Nearby Schools<\/h2>\n <p style=\"color: var(--color-gray-text); font-size: 14px; margin-bottom: 30px;\">Other  campuses you might consider<\/p>\n <p style=\"color: var(--color-gray-text); font-size: 14px; margin-bottom: 20px; max-width: 720px;\"><strong>Note:<\/strong> EDsmart’s national college rankings compare four-year, bachelor’s-granting institutions. Certificate- and trade-focused schools are <strong>not<\/strong> included in that ranking pool. The schools below are four-year references in the same state only, not peer comparisons.<\/p> <p style=\"color: var(--color-gray-text); font-size: 14px; margin-bottom: 30px;\">Other Illinois campuses you might consider<\/p>\n <div class=\"quick-facts\" style=\"grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px;\">\n<div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/northwestern-university.html'\">\n <div class=\"stat-label\">Northwestern University<\/div>\n <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Evanston, IL<\/div>\n <div style=\"margin-top: 15px;\">\n <span style=\"color: var(--color-success); font-weight: 700;\">A+<\/span>\n <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#25 of 6,272<\/span>\n <\/div>\n <\/div>\n <div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/university-of-illinois-urbana-champaign.html'\">\n <div class=\"stat-label\">University of Illinois Urbana-Champaign<\/div>\n <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Champaign, IL<\/div>\n <div style=\"margin-top: 15px;\">\n <span style=\"color: var(--color-success); font-weight: 700;\">A<\/span>\n <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#64 of 6,272<\/span>\n <\/div>\n <\/div>\n <div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/lakeview-college-of-nursing.html'\">\n <div class=\"stat-label\">Lakeview College of Nursing<\/div>\n <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Danville, IL<\/div>\n <div style=\"margin-top: 15px;\">\n <span style=\"color: var(--color-success); font-weight: 700;\">A<\/span>\n <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#92 of 6,272<\/span>\n <\/div>\n <\/div>\n <div class=\"stat-card\" style=\"cursor: pointer;\" onclick=\"window.location.href='\/school-profiles\/trinity-college-of-nursing-health-sciences.html'\">\n <div class=\"stat-label\">Trinity College of Nursing & Health Sciences<\/div>\n <div class=\"stat-value\" style=\"font-size: 18px; margin-top: 10px;\">Rock Island, IL<\/div>\n <div style=\"margin-top: 15px;\">\n <span style=\"color: var(--color-success); font-weight: 700;\">A<\/span>\n <span style=\"color: var(--color-gray-text); margin-left: 10px;\">#97 of 6,272<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\" id=\"contact-info\">\n <h2 class=\"section-title\">Contact Information<\/h2>\n <div class=\"two-column\">\n <div>\n <ul class=\"info-list\">\n <li>\n <span class=\"info-label\">Address<\/span>\n <span class=\"info-value\">4532 South Kolin Avenue, Chicago, IL 60632-4457<\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Website<\/span>\n <span class=\"info-value\"><a href=\"https:\/\/www.hvac-tech.com\" target=\"_blank\" style=\"color: var(--color-aqua);\">www.hvac-tech.com<\/a><\/span>\n <\/li>\n <li>\n <span class=\"info-label\">Net Price Calculator<\/span>\n <span class=\"info-value\"><a href=\"https:\/\/hvac-tech.com\/financial-aid-calculator\/\" target=\"_blank\" style=\"color: var(--color-aqua);\">Calculate Your Cost<\/a><\/span>\n <\/li>\n <li><span class=\"info-label\">Financial Aid<\/span><span class=\"info-value\"><a href=\"https:\/\/www.hvac-tech.com\/financial-aid\" target=\"_blank\" style=\"color: var(--color-aqua);\">View Financial Aid Information<\/a><\/span><\/li>\n <\/ul>\n <\/div>\n <div>\n <ul class=\"info-list\">\n <li><span class=\"info-label\">Accreditation<\/span><span class=\"info-value\">Council on Occupational Education (COE)<\/span><\/li>\n \n \n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-group\">\n <a href=\"https:\/\/edsmart.collegedegrees.com\/app\/experience\/?publisher=edsmart.org&url=https%3A%2F%2Fwww.edsmart.org%2Fschools%2F°ree=general&category=general\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">Search Programs<\/a>\n <\/div>\n\n \n <div class=\"methodology-box\" id=\"methodologyBox\" style=\"cursor: pointer;\" onclick=\"toggleMethodology()\">\n <h3>Data Source & Methodology <span id=\"methodologyToggle\" style=\"float: right; font-size: 18px; transition: transform 0.3s;\">\u25bc<\/span><\/h3>\n <div id=\"methodologyContent\" style=\"display: none; margin-top: 20px;\">\n <p>\n <strong>Data Source:<\/strong> U.S. Department of Education College Scorecard (2022-2023 cohort, downloaded May 19, 2025)\n <\/p>\n <p>\n <strong>ROI Calculation:<\/strong> ROI = (6-Year Median Earnings \u00f7 Total Degree Cost) \u00d7 100. Total degree cost uses annual net price \u00d7 average years to graduate (1.0 years for HVAC Technical Institute).\n <\/p>\n <p>\n <strong>Cost Breakdown:<\/strong> \"Pay with Cash\" reflects total cost of attendance including tuition, fees, books, and living expenses. \"Pay with Financial Aid\" reflects average net price after grants and scholarships. Individual costs vary based on financial aid eligibility and personal circumstances.\n <\/p>\n <p>\n <strong>Retention Rate:<\/strong> High retention (Not reported) indicates students are generally satisfied with their experience and academic support.\n <\/p>\n <p>\n <strong>Important Note:<\/strong> Earnings data reflects federally aided students only who are working and not enrolled 6 years after entry. Individual outcomes vary by major, career path, and personal circumstances. Test scores represent the middle 50% range of admitted students.\n <\/p>\n <p>\n <strong>Sources:<\/strong> <a href=\"https:\/\/collegescorecard.ed.gov\/data\/\" target=\"_blank\">College Scorecard<\/a> | <a href=\"https:\/\/nces.ed.gov\/ipeds\/\" target=\"_blank\">IPEDS<\/a> | <a href=\"https:\/\/www.edsmart.org\" target=\"_blank\">EDsmart Analysis<\/a>\n <\/p>\n <p style=\"margin-top: 20px;\">\n <a href=\"https:\/\/www.edsmart.org\/our-rankings\/\" style=\"color: var(--color-aqua); font-weight: 600; text-decoration: none;\" target=\"_blank\" rel=\"noopener\">View full EDsmart ranking methodology \u2192<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/div> \n <\/main> \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.0\/dist\/chart.umd.min.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Sticky navigation interactions\n const stickyNav = document.getElementById('stickyNav');\n if (stickyNav) {\n const navLinks = Array.from(stickyNav.querySelectorAll('.nav-tab'));\n const linkTargets = navLinks\n .map(link => {\n const hash = link.getAttribute('href');\n if (!hash || !hash.startsWith('#')) return null;\n const target = document.getElementById(hash.slice(1));\n return target ? { link, target, id: hash.slice(1) } : null;\n })\n .filter(Boolean);\n\n const setActiveLink = (id) => {\n const targetLink = navLinks.find(link => link.getAttribute('href') === `#${id}`);\n if (!targetLink) return;\n\n navLinks.forEach(link => {\n const matches = link === targetLink;\n link.classList.toggle('active', matches);\n });\n\n const container = targetLink.closest('.sticky-nav-inner');\n const isStuck = stickyNav.getBoundingClientRect().top <= 0;\n if (container && isStuck) {\n const content = container.querySelector('.sticky-nav-content');\n if (content) {\n const linkRect = targetLink.getBoundingClientRect();\n const contentRect = content.getBoundingClientRect();\n const relativeLeft = linkRect.left - contentRect.left;\n const relativeRight = linkRect.right - contentRect.left;\n const buffer = 80;\n\n if (relativeLeft < buffer || relativeRight > contentRect.width - buffer) {\n const targetScroll = content.scrollLeft + relativeLeft - (contentRect.width \/ 2 - linkRect.width \/ 2);\n content.scrollTo({ left: targetScroll, behavior: 'smooth' });\n }\n }\n }\n };\n\n navLinks.forEach(link => {\n link.addEventListener('click', (event) => {\n const hash = link.getAttribute('href');\n if (!hash || !hash.startsWith('#')) {\n return;\n }\n const target = document.getElementById(hash.slice(1));\n if (target) {\n event.preventDefault();\n const offset = stickyNav.offsetHeight + 24;\n const targetPosition = target.getBoundingClientRect().top + window.scrollY;\n window.scrollTo({\n top: targetPosition - offset,\n behavior: 'smooth'\n });\n setActiveLink(hash.slice(1));\n }\n });\n });\n\n const sectionElements = linkTargets.map(({ target }) => target);\n\n const updateActiveByScroll = () => {\n const scrollPosition = window.scrollY + stickyNav.offsetHeight + 100;\n let currentId = sectionElements[0] ? sectionElements[0].id : null;\n\n sectionElements.forEach(section => {\n if (section.offsetTop <= scrollPosition) {\n currentId = section.id;\n }\n });\n\n if (currentId) {\n setActiveLink(currentId);\n }\n };\n\n window.addEventListener('scroll', updateActiveByScroll, { passive: true });\n updateActiveByScroll();\n }\n\n \/\/ Chart.js color scheme matching EDsmart design\n Chart.defaults.color = '#CBD2DC';\n Chart.defaults.borderColor = 'rgba(255,255,255,0.1)';\n \n \/\/ Earnings Timeline Chart\n const earningsCtx = document.getElementById('earningsChart');\n if (earningsCtx) {\n new Chart(earningsCtx, {\n type: 'bar',\n data: {\n labels: ['6-Year Median', '10-Year Median', '25th Percentile', '75th Percentile'],\n datasets: [{\n label: 'Earnings ($)',\n data: [99572, 99572, 54764, 157323],\n backgroundColor: ['#00C48C', '#00B3C6', '#F5B73D', '#00C48C'],\n borderRadius: 8\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: true,\n plugins: {\n legend: {\n labels: {\n font: {\n size: window.innerWidth <= 768 ? 11 : 12\n }\n }\n }\n },\n maintainAspectRatio: true,\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n return '$' + context.parsed.y.toLocaleString();\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n ticks: {\n callback: function(value) {\n return '$' + (value\/1000).toFixed(0) + 'k';\n }\n },\n grid: { color: 'rgba(255,255,255,0.05)' }\n },\n x: {\n grid: { display: false }\n }\n }\n }\n });\n }\n \n \/\/ Programs Donut Chart\n const programsCtx = document.getElementById('programsChart');\n if (programsCtx) {\n new Chart(programsCtx, {\n type: 'doughnut',\n data: {\n labels: ['Heating, Air Conditioning, Ventilation and Refrige', 'Electrical and Power Transmission Installers', '', '', '', '', '', ''],\n datasets: [{\n data: [63.2, 36.8, 0, 0, 0, 0, 0, 0],\n backgroundColor: [\n '#00C48C',\n '#00B3C6',\n '#1E3A8A',\n '#F5B73D',\n '#E85B5B',\n '#CBD2DC',\n '#0A1C4A',\n '#94A3B8'\n ],\n borderWidth: 0\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: true,\n plugins: {\n legend: {\n labels: {\n font: {\n size: window.innerWidth <= 768 ? 11 : 12\n }\n }\n }\n },\n maintainAspectRatio: true,\n plugins: {\n legend: {\n position: 'right',\n labels: { \n padding: 15,\n font: { size: 12 }\n }\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.label + ': ' + context.parsed + '%';\n }\n }\n }\n }\n }\n });\n }\n \n \/\/ Ethnicity Pie Chart\n const ethnicityCtx = document.getElementById('ethnicityChart');\n if (ethnicityCtx) {\n new Chart(ethnicityCtx, {\n type: 'pie',\n data: {\n labels: ['Caucasian', 'Asian', 'Hispanic\/Latino', 'Black', 'Two or More', 'Other'],\n datasets: [{\n data: [7.9, 1.8, 68.5, 17.6, 0.5, 4.2],\n backgroundColor: [\n '#00C48C',\n '#00B3C6',\n '#F5B73D',\n '#E85B5B',\n '#CBD2DC',\n '#0A1C4A'\n ],\n borderWidth: 0\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: true,\n plugins: {\n legend: {\n labels: {\n font: {\n size: window.innerWidth <= 768 ? 11 : 12\n }\n }\n }\n },\n maintainAspectRatio: true,\n plugins: {\n legend: {\n position: 'bottom',\n labels: { padding: 15, font: { size: 11 } }\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.label + ': ' + context.parsed + '%';\n }\n }\n }\n }\n }\n });\n }\n \n \/\/ Gender Chart\n const genderCtx = document.getElementById('genderChart');\n if (genderCtx) {\n new Chart(genderCtx, {\n type: 'pie',\n data: {\n labels: ['Women', 'Men'],\n datasets: [{\n data: [3.2, 96.8],\n backgroundColor: ['#00C48C', '#00B3C6'],\n borderWidth: 0\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: true,\n plugins: {\n legend: {\n labels: {\n font: {\n size: window.innerWidth <= 768 ? 11 : 12\n }\n }\n }\n },\n maintainAspectRatio: true,\n plugins: {\n legend: {\n position: 'bottom',\n labels: { padding: 15, font: { size: 11 } }\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.label + ': ' + context.parsed + '%';\n }\n }\n }\n }\n }\n });\n }\n \n \/\/ Scores Radar Chart\n const scoresCtx = document.getElementById('scoresChart');\n if (scoresCtx) {\n new Chart(scoresCtx, {\n type: 'radar',\n data: {\n labels: ['Completion', 'Affordability', 'Support', 'Career Outcomes'],\n datasets: [{\n label: 'HVAC Technical Institute',\n data: [25, 16, 25, 25],\n backgroundColor: 'rgba(0,196,140,0.2)',\n borderColor: '#00C48C',\n borderWidth: 2,\n pointBackgroundColor: '#00C48C',\n pointBorderColor: '#FFFFFF',\n pointHoverBackgroundColor: '#FFFFFF',\n pointHoverBorderColor: '#00C48C'\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: true,\n plugins: {\n legend: {\n labels: {\n font: {\n size: window.innerWidth <= 768 ? 11 : 12\n }\n }\n }\n },\n maintainAspectRatio: true,\n scales: {\n r: {\n beginAtZero: true,\n max: 100,\n ticks: {\n stepSize: 25,\n callback: function(value) {\n return value + '%';\n }\n },\n grid: { color: 'rgba(255,255,255,0.1)' },\n pointLabels: {\n font: { size: 12, weight: '600' }\n }\n }\n },\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.parsed.r + '%';\n }\n }\n }\n }\n }\n });\n }\n \n \/\/ Career Outcomes Comparison Chart (HVAC Technical Institute vs National Average)\n const comparisonCtx = document.getElementById('comparisonChart');\n if (comparisonCtx) {\n \/\/ Normalize earnings to percentage of average for better comparison\n const harvardEarnings = 0;\n const nationalEarnings = 43688;\n const earningsRatio = (harvardEarnings \/ nationalEarnings) * 100;\n \n new Chart(comparisonCtx, {\n type: 'bar',\n data: {\n labels: ['Earnings (vs Avg)', 'Graduation Rate', 'Retention Rate', 'ROI', 'Employment Rate'],\n datasets: [\n {\n label: 'HVAC Technical Institute',\n data: [100.0, 0.0, 0.0, 0.0, 87.5],\n backgroundColor: '#00C48C',\n borderRadius: 8\n },\n {\n label: 'National Average',\n data: [100, 62.5, 76.8, 85.3, 68.2],\n backgroundColor: 'rgba(203, 210, 220, 0.5)',\n borderRadius: 8\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: true,\n plugins: {\n legend: {\n labels: {\n font: {\n size: window.innerWidth <= 768 ? 11 : 12\n }\n }\n }\n },\n maintainAspectRatio: true,\n plugins: {\n legend: {\n display: true,\n position: 'top',\n labels: {\n color: '#CBD2DC',\n font: { size: 12, weight: '600' },\n padding: 15,\n usePointStyle: true\n }\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n let value = context.parsed.y;\n let label = context.dataset.label;\n let index = context.dataIndex;\n \n if (index === 0) {\n \/\/ Earnings comparison\n if (label === 'HVAC Technical Institute') {\n return label + ': ' + value.toFixed(1) + '% of avg ($' + harvardEarnings.toLocaleString() + ')';\n } else {\n return label + ': 100% ($' + nationalEarnings.toLocaleString() + ')';\n }\n } else {\n return label + ': ' + value + '%';\n }\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n ticks: {\n color: '#CBD2DC',\n callback: function(value) {\n return value + '%';\n }\n },\n grid: { color: 'rgba(255,255,255,0.05)' }\n },\n x: {\n ticks: { \n color: '#CBD2DC',\n font: { size: 11 }\n },\n grid: { display: false }\n }\n }\n }\n });\n }\n \n \/\/ Initialize carousel arrow states\n updateCarouselArrows('similar');\n updateCarouselArrows('nearby');\n \n \/\/ Update arrows on scroll\n const similarCarousel = document.getElementById('similar-carousel');\n if (similarCarousel) {\n similarCarousel.addEventListener('scroll', () => updateCarouselArrows('similar'));\n }\n \n const nearbyCarousel = document.getElementById('nearby-carousel');\n if (nearbyCarousel) {\n nearbyCarousel.addEventListener('scroll', () => updateCarouselArrows('nearby'));\n }\n });\n \n \/\/ Carousel navigation functions\n function scrollCarousel(carouselId, direction) {\n const carousel = document.getElementById(carouselId + '-carousel');\n if (!carousel) return;\n \n const cardWidth = 280 + 20; \/\/ card width + gap\n const scrollAmount = cardWidth * 4; \/\/ Scroll 4 cards at a time\n \n carousel.scrollBy({\n left: direction * scrollAmount,\n behavior: 'smooth'\n });\n }\n \n function updateCarouselArrows(carouselId) {\n const carousel = document.getElementById(carouselId + '-carousel');\n if (!carousel) return;\n \n const wrapper = carousel.closest('.carousel-wrapper');\n if (!wrapper) return;\n \n const leftArrow = wrapper.querySelector('.carousel-arrow-left');\n const rightArrow = wrapper.querySelector('.carousel-arrow-right');\n \n if (!leftArrow || !rightArrow) return;\n \n const scrollLeft = carousel.scrollLeft;\n const scrollWidth = carousel.scrollWidth;\n const clientWidth = carousel.clientWidth;\n \n \/\/ Enable\/disable left arrow\n if (scrollLeft <= 10) {\n leftArrow.classList.add('disabled');\n } else {\n leftArrow.classList.remove('disabled');\n }\n \n \/\/ Enable\/disable right arrow\n if (scrollLeft + clientWidth >= scrollWidth - 10) {\n rightArrow.classList.add('disabled');\n } else {\n rightArrow.classList.remove('disabled');\n }\n }\n \n \/\/ Methodology Toggle\n function toggleMethodology() {\n const content = document.getElementById('methodologyContent');\n const toggle = document.getElementById('methodologyToggle');\n if (content.style.display === 'none') {\n content.style.display = 'block';\n toggle.style.transform = 'rotate(180deg)';\n } else {\n content.style.display = 'none';\n toggle.style.transform = 'rotate(0deg)';\n }\n }\n \n \/\/ Earnings Range Chart\n\n \/\/ Undergraduate Earnings Chart\n const undergradEarningsCtx = document.getElementById('undergradEarningsChart');\n if (undergradEarningsCtx) {\n new Chart(undergradEarningsCtx, {\n type: 'bar',\n data: {\n labels: ['Heating, Air Conditioning, Ventilat...', 'Electrical and Power Transmission I...'],\n datasets: [{\n label: 'Median Earnings (5 yrs after graduation)',\n data: [41644.0, 32208.0],\n backgroundColor: '#00C48C',\n borderRadius: 8\n }]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: true,\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n return '$' + context.parsed.x.toLocaleString();\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n ticks: {\n callback: function(value) { return '$' + (value\/1000).toFixed(0) + 'k'; },\n color: '#CBD2DC',\n font: { size: 11 }\n },\n grid: { color: 'rgba(255,255,255,0.05)' }\n },\n y: {\n ticks: { color: '#CBD2DC', font: { size: 10 } },\n grid: { display: false }\n }\n }\n }\n });\n }\n const earningsRangeCtx = document.getElementById('earningsRangeChart');\n if (earningsRangeCtx) {\n new Chart(earningsRangeCtx, {\n type: 'bar',\n data: {\n labels: ['25th Percentile', 'Median', '75th Percentile'],\n datasets: [{\n label: 'Earnings',\n data: [54764, 99572, 157323],\n backgroundColor: ['#F5B73D', '#00C48C', '#00B3C6'],\n borderRadius: 8\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: true,\n plugins: {\n legend: {\n labels: {\n font: {\n size: window.innerWidth <= 768 ? 11 : 12\n }\n }\n }\n },\n maintainAspectRatio: true,\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n return '$' + context.parsed.y.toLocaleString();\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n ticks: {\n callback: function(value) {\n return '$' + (value\/1000).toFixed(0) + 'k';\n },\n color: '#CBD2DC',\n font: { size: 11 }\n },\n grid: { color: 'rgba(255,255,255,0.05)' }\n },\n x: {\n grid: { display: false },\n ticks: {\n color: '#CBD2DC',\n font: { size: 11 }\n }\n }\n }\n }\n });\n }\n <\/script>\n \n <footer class=\"site-footer\" style=\"background: var(--color-primary); border-top: 1px solid rgba(255,255,255,0.1); margin-top: 60px; padding: 60px 0 30px;\">\n <div style=\"max-width: 1400px; margin: 0 auto; padding: 0 40px;\">\n <div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 40px; margin-bottom: 30px;\">\n <div style=\"flex-shrink: 0;\">\n <a href=\"https:\/\/www.edsmart.org\/\" class=\"logo\" style=\"font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 900; color: #ffffff; text-decoration: none;\">EDsmart<\/a>\n <\/div>\n <div class=\"footer-menu-column\" style=\"flex: 1; min-width: 200px;\">\n <h4 style=\"color: var(--color-white); font-size: 16px; font-weight: 700; margin-bottom: 15px;\">Best Colleges<\/h4>\n <ul style=\"list-style: none; padding: 0; margin: 0;\">\n <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/best-colleges-universities\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Best Colleges<\/a><\/li>\n <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/best-online-colleges\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Best Online Colleges<\/a><\/li>\n <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/cheapest-accredited-online-colleges\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Cheapest Online Colleges<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-menu-column\" style=\"flex: 1; min-width: 200px;\">\n <h4 style=\"color: var(--color-white); font-size: 16px; font-weight: 700; margin-bottom: 15px;\">Online Programs<\/h4>\n <ul style=\"list-style: none; padding: 0; margin: 0;\">\n <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/shortest-doctoral-programs-online\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Shortest Doctorate Programs<\/a><\/li>\n <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/online-colleges-that-pay-you-to-attend\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Online Colleges That Pay You to Attend<\/a><\/li>\n <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/resources\/online-colleges-that-offer-laptops\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Online Colleges that Offer Laptops<\/a><\/li>\n <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/quickest-masters-degree-programs-online\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Quick Master's Online<\/a><\/li>\n <li style=\"margin-bottom: 10px;\"><a href=\"https:\/\/www.edsmart.org\/online-degrees\/cheapest-online-mba-programs\/\" style=\"color: var(--color-gray-text); text-decoration: none; font-size: 14px; transition: color 0.2s;\">Affordable Online MBAs<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div style=\"margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); text-align: center;\">\n <p style=\"color: var(--color-gray-text); font-size: 13px; margin: 0 0 10px 0;\">\n Last Verified: <span style=\"color: var(--color-white); font-weight: 600;\">June 03, 2026<\/span>\n <\/p>\n <p style=\"color: var(--color-gray-text); font-size: 13px; margin: 0;\">\n \u00a9 <span id=\"current-year\"><\/span> EDsmart. All rights reserved. | \n <a href=\"https:\/\/www.edsmart.org\/our-rankings\/\" style=\"color: var(--color-link); text-decoration: none;\">How We Rank Schools<\/a> | \n <a href=\"https:\/\/www.edsmart.org\/privacy-policy\/\" style=\"color: var(--color-link); text-decoration: none;\">Privacy Policy<\/a>\n <\/p>\n <\/div>\n <\/div>\n <script>\n document.getElementById('current-year').textContent = new Date().getFullYear();\n \n \/\/ Hamburger menu toggle\n (function() {\n const hamburger = document.querySelector('.hamburger');\n const nav = document.querySelector('nav');\n \n if (hamburger && nav) {\n hamburger.addEventListener('click', function() {\n hamburger.classList.toggle('active');\n nav.classList.toggle('active');\n const isExpanded = hamburger.classList.contains('active');\n hamburger.setAttribute('aria-expanded', isExpanded);\n });\n \n \/\/ Close menu when clicking on a link\n const navLinks = nav.querySelectorAll('.header-nav a');\n navLinks.forEach(function(link) {\n link.addEventListener('click', function() {\n hamburger.classList.remove('active');\n nav.classList.remove('active');\n hamburger.setAttribute('aria-expanded', 'false');\n });\n });\n \n \/\/ Close menu when clicking outside\n document.addEventListener('click', function(event) {\n if (!hamburger.contains(event.target) && !nav.contains(event.target)) {\n hamburger.classList.remove('active');\n nav.classList.remove('active');\n hamburger.setAttribute('aria-expanded', 'false');\n }\n });\n }\n })();\n <\/script>\n <\/footer>\n<\/body>\n<\/html>\n","school_rank":"","school_grade":"Unranked","school_state":"IL","school_location":"Chicago, IL","overall_grade":"Unranked","overall_rank":""},"class_list":["post-6378","school_profile","type-school_profile","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.edsmart.org\/schools\/wp-json\/wp\/v2\/school_profile\/6378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.edsmart.org\/schools\/wp-json\/wp\/v2\/school_profile"}],"about":[{"href":"https:\/\/www.edsmart.org\/schools\/wp-json\/wp\/v2\/types\/school_profile"}],"wp:attachment":[{"href":"https:\/\/www.edsmart.org\/schools\/wp-json\/wp\/v2\/media?parent=6378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}