/* ===== MASTER DESIGN SYSTEM (from cour_gn_test.php) ===== */
.author-title,.benefit-description,.blog-description,.blog-meta,.corporate-description,.faq-answer,.feature-description,.hero-subtitle,.hero-subtitle-2,.module-description,.roadmap-description,.section-content,.section-description,.section-text,.testimonial-text,body{line-height:1.6}body,button{font-family:var(--font)}.container,html{width:100%;overflow-x:clip}.container,body,html{overflow-x:clip}.mobile-menu,.nav{border-bottom:1px solid var(--gray-200)}.hero::after,.hero::before,.nav-link::after{position:absolute;content:''}.blog-title a,.pmi-badge-link,a{text-decoration:none}.pmi-badge-link:hover,.show-all:hover{text-decoration:underline}:root{--primary:#2563EB;--primary-dark:#1D4ED8;--primary-light:#3B82F6;--navy:#0F1F3D;--navy-light:#1E3A5F;--teal:#06B6D4;--teal-light:#22D3EE;--white:#FFFFFF;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--success:#10B981;--warning:#F59E0B;--danger:#EF4444;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition:all 0.2s ease}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:120px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--white);color:var(--gray-900)}.b-chip,.blogs-nav-btn,.btn-primary,.btn-secondary,.city-pill,.faq-chevron,.m-tab,.nav-cta,.nav-link,.roadmap-nav-btn,.tab-btn,.testimonial-nav-btn{line-height:1}img{max-width:100%;height:auto;display:block}a{color:inherit}button{cursor:pointer;border:none;background:0 0}.container{max-width:1440px;margin:0 auto;padding:0 24px}@media (min-width:768px){.container{padding:0 32px}}@media (min-width:1024px){.container{padding:0 40px}}@media (max-width:1023px){.container{padding:0 24px;max-width:100%}.course-body-container{padding:0}}.nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:72px}.nav-inner{max-width:1440px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:var(--navy)}.footer-logo-icon,.nav-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:800}.nav-cta,.nav-link::after{background:var(--primary)}.nav-cta,.nav-link{font-size:14px;transition:var(--transition)}.nav-menu{display:none;align-items:center;gap:32px}.nav-link{font-weight:600;color:var(--gray-700);position:relative}.b-chip,.blog-title a:hover,.eligibility-item.active .eligibility-header h3,.faq-item.active .faq-question,.lesson-item.active .lesson-header h4,.module-item.active .module-header h3,.nav-link:hover,.ph-num,.price-cur,.role-chip:hover .role-icon,.show-all{color:var(--primary)}.nav-link::after{bottom:-4px;left:0;width:0;height:2px;transition:var(--transition)}.nav-link:hover::after{width:100%}.nav-cta{color:#fff;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;box-shadow:0 4px 14px rgba(37,99,235,.3)}.nav-cta:hover{background:var(--primary-dark);transform:translateY(-1px)}.nav-hamburger{display:flex;flex-direction:column;gap:5px;padding:8px;border-radius:var(--radius-sm)}.nav-hamburger span{width:24px;height:2px;background:var(--gray-800);border-radius:2px;transition:var(--transition)}.mobile-menu{position:fixed;top:72px;left:0;right:0;background:#fff;padding:20px;transform:translateY(-100%);opacity:0;transition:var(--transition);z-index:999}.hero,.hero-image,.hero-inner{position:relative}.mobile-menu.active{transform:translateY(0);opacity:1}.mobile-menu-link{display:block;padding:16px 0;font-size:16px;font-weight:600;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.certificate-benefits-item:last-child,.course-body table tbody tr:last-child td,.info-table tbody tr:last-child td,.mobile-menu-link:last-child{border-bottom:none}.hero{background:url('images/course-page6.webp') center center/cover no-repeat;padding:30px 0 60px;overflow:hidden}.hero::before{top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(ellipse,rgba(37,99,235,.15) 0,transparent 70%);pointer-events:none}.hero::after{bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(ellipse,rgba(6,182,212,.1) 0,transparent 70%);pointer-events:none}.hero-inner{z-index:1}.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.hero-features,.hero-stats-wrapper{grid-template-columns:repeat(2,1fr)}.hero-content{color:#fff;overflow-x:hidden}.hero-breadcrumb{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:16px}.hero-breadcrumb a{color:rgba(255,255,255,.6);transition:var(--transition)}.hero-breadcrumb a:hover,.hero-title em,.hero-urgency strong{color:var(--teal)}.hero-badge,.hero-stats{display:none}.hero-subtitle-2{font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);margin-bottom:15px;max-width:540px}.hero-divider{border:none;height:1px;background:linear-gradient(to right,rgba(255,255,255,.3),rgba(255,255,255,.1));margin:16px 0;width:100%}.hero-title{font-size:clamp(26px, 6vw + .5rem, 46px);font-weight:900;line-height:1.2;letter-spacing:-.02em;margin-bottom:10px}.hero-title em{font-style:normal}.hero-subtitle{font-size:18px;line-height:1.6;color:rgba(255,255,255,.8);margin-bottom:15px;max-width:540px}.hero-features{display:grid;gap:10px;margin-bottom:32px}@media (max-width:480px){.container{padding:0 16px}.course-body-container{padding:0}.hero-subtitle-2{font-size:14px;margin-bottom:20px}.hero-subtitle{font-size:16px;margin-bottom:24px}.hero-features{grid-template-columns:repeat(2,1fr);gap:8px}.hero-feature{font-size:12px!important;gap:6px!important;line-height:1.3!important}.hero-feature-tick{width:16px!important;height:16px!important;font-size:6px!important}}.hero-feature{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,.9)}.hero-feature-tick{width:24px;height:24px;background:rgba(16,185,129,.2);border:2px solid var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--success);font-size:14px;font-weight:700;flex-shrink:0}.hero-image{width:100%;height:300px;background:linear-gradient(135deg,rgba(37,99,235,.3),rgba(6,182,212,.2));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.05) inset}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image-placeholder{font-size:48px;color:rgba(255,255,255,.5)}.hero-stats-wrapper{position:absolute;bottom:0;left:0;right:0;display:grid;gap:8px;padding:12px;background:linear-gradient(to top,rgba(15,31,61,.9),transparent)}.hero-stat-item{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:10px 12px;text-align:center}.hero-stat-value{font-size:18px;font-weight:800;color:var(--teal);line-height:1.6;margin-bottom:2px}.hero-stat-label{font-size:10px;color:rgba(255,255,255,.8);font-weight:500}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.btn-primary,.btn-secondary{padding:13px 32px;border-radius:var(--radius-lg);font-size:16px;align-items:center;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary-light),var(--primary) 55%,var(--primary-dark));font-weight:700;transition:transform .25s cubic-bezier(.34, 1.56, .64, 1),box-shadow .25s;box-shadow:0 4px 20px rgba(37,99,235,.4);justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px rgba(37,99,235,.55)}.btn-primary:active{transform:translateY(-1px) scale(1)}.btn-secondary{background:#fff;color:var(--gray-900);font-weight:600;transition:var(--transition);border:1.5px solid var(--gray-200);justify-content:center}.btn-secondary:hover{background:var(--gray-50);color:var(--gray-900);border-color:var(--gray-300);transform:translateY(-2px)}.hero-urgency{font-size:14px;color:rgba(255,255,255,.6)}.hero-ratings-row{display:inline-flex;align-items:center;gap:24px;margin-bottom:24px;flex-wrap:wrap;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:6px 8px}.hero-learners{display:flex;align-items:center;gap:8px}.avatar,.avatar-stack{display:flex;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;color:#fff;justify-content:center;font-size:12px;font-weight:700;border:1.5px solid #fff;margin-left:-8px}.avatar:first-child{background:#1e40af;margin-left:0}.avatar:nth-child(2){background:#065f46}.avatar:nth-child(3){background:#92400e}.avatar:nth-child(4){background:#991b1b}.avatar:nth-child(5){background:#5b21b6}.avatar.plus{background:var(--gray-600);font-size:10px}.pmi-badge-item:not(:last-child)::after,.ratings-divider{width:1px;height:24px;background:rgba(255,255,255,.3)}.learners-text{font-size:14px;color:#fff;font-weight:500}.facebook-icon,.glassdoor-icon{border-radius:2px;font-size:10px;display:flex}.facebook-icon,.glassdoor-icon,.rating-score{font-weight:700;color:#fff}.rating-item{display:flex;align-items:center;gap:4px}.facebook-icon,.glassdoor-icon,.google-icon{width:18px;height:18px}.facebook-icon{width:16px;height:16px;background:#1877f2;align-items:center;justify-content:center}.glassdoor-icon{width:18px;height:18px;background:#0d6efd;align-items:center;justify-content:center}.rating-score{font-size:16px}.rating-label{font-size:14px;color:rgba(255,255,255,.8)}.pmi-badges{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.pmi-badge-item,.pmi-badge-link{align-items:center;display:flex}.pmi-badge-item{gap:8px;padding:8px 16px;position:relative}.pmi-badge-item:not(:last-child)::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%)}.pmi-badge-content,.testimonials-carousel{display:flex;flex-direction:column}.pmi-badge-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:2px}.pmi-badge-link{font-size:11px;color:rgba(255,255,255,.8);gap:4px}.pmi-badge-link:hover{color:#fff}.pmi-badge-icon,.pmi-badge-item img{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px}@media (max-width:768px){.pmi-badges{flex-direction:column;gap:8px}.hero-ratings-row{gap:12px!important;flex-wrap:nowrap!important;padding:4px 6px!important}.avatar{width:24px!important;height:24px!important;font-size:10px!important;margin-left:-6px!important}.learners-text,.rating-label{font-size:12px!important}.rating-score{font-size:14px!important}.facebook-icon,.glassdoor-icon,.google-icon{width:14px!important;height:14px!important}.facebook-icon{width:12px!important;height:12px!important;font-size:8px!important}.glassdoor-icon{width:14px!important;height:14px!important;font-size:8px!important}.ratings-divider{display:none}}.course-body{padding:30px 0;background:var(--gray-50)}.course-grid{display:grid;grid-template-columns:1fr 360px;gap:32px;max-width:100%;align-items:start}@media (max-width:480px){.hero-ratings-row{gap:8px!important;padding:3px 4px!important}.avatar{width:20px!important;height:20px!important;font-size:9px!important;margin-left:-5px!important;border-width:1px!important}.learners-text,.rating-label{font-size:10px!important}.rating-score{font-size:12px!important}.facebook-icon,.glassdoor-icon,.google-icon{width:12px!important;height:12px!important}.facebook-icon{width:10px!important;height:10px!important;font-size:7px!important}.glassdoor-icon{width:12px!important;height:12px!important;font-size:7px!important}.course-body{padding:0}.course-grid{gap:24px}}@media (max-width:767px){.course-body{padding:0!important}.course-grid{grid-template-columns:1fr}}.sticky-nav-section{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:72px;z-index:100;height:40px;transition:top .3s}.sticky-nav-container,.sticky-section-menu{display:flex;height:40px;align-items:center;position:relative}.sticky-nav-container{max-width:1440px;margin:0 auto;padding:0 50px}@media (min-width:768px){.nav-inner{padding:0 32px}.hero-features{grid-template-columns:repeat(2,1fr)}.hero-image{height:400px}.sticky-nav-container{padding:0 50px}}.sticky-section-menu{gap:0;overflow-x:auto;padding:0;scrollbar-width:none;-ms-overflow-style:none;width:100%;justify-content:flex-start;scroll-behavior:smooth}.sticky-section-menu::-webkit-scrollbar{display:none}.sticky-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:none;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:.2s;color:var(--primary);font-size:14px;font-weight:700;padding:0}.sticky-nav-button:hover{color:var(--primary-dark);transform:translateY(-50%) scale(1.1)}.sticky-nav-button.visible{display:flex}.sticky-nav-prev{left:10px}.sticky-nav-next{right:10px}@media (min-width:1024px){.nav-inner{padding:0 40px}.nav-menu,.sticky-nav-button.visible{display:flex}.nav-hamburger,.sticky-nav-button{display:none}.hero-grid{grid-template-columns:2.4fr 1fr;gap:64px}.hero-image{height:500px}.course-grid{grid-template-columns:1fr 360px;gap:20px}.sticky-nav-container{padding:0 50px}.sticky-section-menu{overflow-x:auto}}.sticky-section-menu ul{list-style:none;display:flex;gap:0;margin:0;padding:0;width:auto;justify-content:center;align-items:center}.sticky-section-menu li{margin-bottom:0;display:flex;align-items:center}.sticky-section-menu li:not(:last-child)::after{content:"•";color:var(--gray-300);margin:0;font-size:14px}.sticky-section-menu a{display:block;padding:10px 12px 8px;font-size:13px;font-weight:500;color:var(--gray-500);transition:var(--transition);white-space:nowrap;line-height:1.6;border-bottom:2px solid transparent}.sticky-section-menu a:hover{color:var(--gray-800)}.sticky-section-menu a.active{color:var(--gray-900);border-bottom-color:var(--primary)}.main-content{background:#fff;border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow-x:clip;max-width:100%}@media (max-width:1023px){.sticky-section-menu{scrollbar-width:auto;-ms-overflow-style:auto}.sticky-section-menu::-webkit-scrollbar{display:block;height:4px}.sticky-section-menu::-webkit-scrollbar-track{background:var(--gray-100);border-radius:2px}.sticky-section-menu::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.sticky-section-menu::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.sticky-nav-button{display:none!important}.main-content{padding:0;border-radius:0;box-shadow:none;border:none;background:#fff;overflow-x:hidden}}.section{margin-bottom:80px;scroll-margin-top:120px}@media (max-width:768px){.section{margin-bottom:60px;scroll-margin-top:100px}}.benefits-section-block:last-child,.eligibility-content li:last-child,.eligibility-item:last-child,.faq-hidden .faq-item:last-child,.faq-item:last-child,.lesson-content li:last-child,.module-item:last-child,.section:last-child,.training-intro p:last-child,.training-option:last-child{margin-bottom:0}.reveal-up{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16, 1, .3, 1),transform .7s cubic-bezier(.16, 1, .3, 1)}.reveal-up.in-view{opacity:1;transform:translateY(0)}.benefit-item:hover,.blog-card:hover,.btn-primary:hover,.city-pill:hover,.corporate-bottom-btn:hover,.enroll-btn:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.reveal-up{opacity:1;transform:none;transition:none}}.section-title{font-size:clamp(22px, 3vw + .9rem, 32px);font-weight:800;color:#2b3f6b;line-height:1.2}.benefits-container,.certificate-container,.demand-container,.faq-container,.section-title.secondary{margin-top:32px}.section-tagline{font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.09em;margin-bottom:16px}.section-content{font-size:15px;line-height:1.6;color:#000}.section-content ul{margin:16px 0;padding-left:24px}.roles-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.benefits-grid,.blogs-footer,.eligibility-accordion,.modules-container,.tabs-container{margin-top:24px}.role-chip{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--gray-800);transition:.2s;display:flex;align-items:center;gap:8px}.role-chip:hover{background:var(--gray-100);border-color:var(--gray-300)}.role-icon{width:14px;height:14px;color:var(--gray-400);flex-shrink:0}.roadmap-container{margin-top:24px;display:flex;flex-direction:column;gap:32px;max-width:100%}@media (max-width:768px){.roadmap-container{gap:24px}.roadmap-image{height:250px;border-radius:var(--radius-lg)}.roadmap-step{padding:18px 18px 18px 0;gap:20px}.step-number{border-radius:50%}.step-content{padding-left:0}}@media (max-width:480px){.main-content{padding:0;border-radius:0;box-shadow:none;border:none;background:#fff}.section{margin-bottom:48px;scroll-margin-top:80px}.hero-badge,.hero-title{margin-bottom:16px}.hero{padding:32px 0 48px;background:#162444}.hero-grid,.roadmap-container{gap:24px}.hero-content{overflow-x:hidden!important}.hero-badge{font-size:11px;padding:6px 12px}.hero-cta{flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important}.btn-primary,.btn-secondary{flex:1!important;padding:10px 16px!important;font-size:13px!important;justify-content:center!important}.hero-image{height:250px;border-radius:var(--radius-lg)}.section-tagline{font-size:10px;margin-bottom:12px}.section-content{font-size:14px;line-height:1.6}.roadmap-image{height:200px}.roadmap-step{padding:18px 18px 18px 0;gap:16px}.step-number{width:40px;height:40px;font-size:16px}.roadmap-step h3{font-size:18px}.roadmap-step p{font-size:14px}}.roadmap-image{aspect-ratio:1000/254;border-radius:var(--radius-lg);overflow:hidden;min-width:0}.roadmap-image img{width:100%;height:100%;object-fit:contain;display:block}.roadmap-carousel{min-width:0;position:relative}.carousel-track{position:relative;min-height:150px}.carousel-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .3s;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto;position:relative}.roadmap-step{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:18px 18px 18px 0;text-align:left;display:flex;align-items:flex-start;gap:0}.company-logo,.demand-stat,.footer-bottom,.m-tab,.price-note{text-align:center}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:0 var(--radius-lg) var(--radius-lg) 0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;margin-left:0;padding-left:0}.step-content{flex:1;padding-left:20px}.bar-fill.highlight,.dot.active,.enroll-btn,.m-tab.on{background:var(--primary)}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.benefit-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;transition:.2s;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.05)}.benefit-card:hover,.highlight-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:var(--gray-300)}.benefit-header-icon{position:absolute;top:16px;left:0;width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:0 var(--radius-lg) var(--radius-lg) 0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(59,130,246,.3)}.certificate-icon{width:18px;height:18px;color:#fff}.benefit-content{margin-left:37px}.benefit-card h3{font-size:18px;font-weight:700;line-height:1.6;color:var(--gray-900);margin-bottom:12px;text-align:left}.benefit-card p{font-size:15px;color:#000;line-height:1.6;text-align:left}.eligibility-intro{font-size:15px;color:#000;line-height:1.7;margin-bottom:24px}.eligibility-item,.module-item{border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;background:#fff}.eligibility-header,.module-header{display:flex;align-items:center;justify-content:space-between;padding:10px;cursor:pointer;transition:background .2s}#faq .tab-btn:hover,#job-demand .tab-btn:hover,.course-body table tbody tr:nth-child(2n),.eligibility-header:hover,.faq-question:hover,.info-table tbody tr:nth-child(2n),.lesson-header:hover,.module-header:hover,.tab-btn:hover{background:var(--gray-50)}.eligibility-header-content,.module-header-content,.testimonial-author{display:flex;align-items:center;gap:16px}.eligibility-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.eligibility-icon svg{width:20px;height:20px}.eligibility-header h3,.module-header h3{font-size:18px;font-weight:700;color:var(--gray-900);margin:0}.eligibility-toggle,.module-toggle{color:var(--gray-400);transition:transform .3s}.eligibility-item.active .eligibility-toggle,.faq-item.active .faq-chevron,.faq-read-more-btn.expanded .btn-icon,.lesson-item.active .lesson-chevron,.module-item.active .module-toggle,.read-more-btn.expanded .btn-icon{transform:rotate(180deg)}.eligibility-content,.lesson-content,.module-content{max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;padding:0 10px}.eligibility-item.active .eligibility-content{max-height:500px;padding:10px 10px 0}.eligibility-content ul{margin:0;padding:0 10px 10px 50px;list-style:none}.eligibility-content li{font-size:15px;color:#000;line-height:1.6;margin-bottom:12px;display:flex;align-items:flex-start;gap:12px}.list-icon{color:#10b981;font-weight:900;font-size:18px;flex-shrink:0;line-height:1.6}.lesson-badge,.module-number{display:flex;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media (max-width:1023px){.module-header-content{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.module-number{min-width:40px!important;width:auto!important;height:18px!important;font-size:10px!important;padding:0 8px!important}.module-header h3{font-size:14px!important}}.module-number{min-width:120px;height:36px;background:rgba(59,130,246,.1);border-radius:18px;align-items:center;justify-content:center;color:var(--primary);font-size:13px;flex-shrink:0}.course-body table tbody tr:hover,.info-table tbody tr:hover,.lesson-badge,.training-duration-badge{background:var(--gray-100)}.module-item.active .module-content{max-height:2000px;padding:0 10px 10px}.lesson-item{border-top:1px solid var(--gray-100)}.lesson-header{display:flex;align-items:center;gap:16px;padding:12px 16px;cursor:pointer;transition:background .2s}@media (max-width:1023px){.lesson-header{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:10px 0!important;position:relative!important}.lesson-badge{min-width:50px!important;width:auto!important;height:16px!important;font-size:8px!important;padding:0 8px!important}.lesson-chevron{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important}.lesson-item.active .lesson-chevron{transform:translateY(-50%) rotate(180deg)!important}}.lesson-badge{min-width:100px;height:28px;border-radius:14px;align-items:center;justify-content:center;color:var(--gray-600);font-size:11px;flex-shrink:0}.lesson-header h4{font-size:16px;font-weight:600;color:var(--gray-900);margin:0;flex:1}.faq-chevron,.lesson-chevron{color:var(--gray-400);transition:transform .3s;flex-shrink:0}.lesson-item.active .lesson-content{max-height:1000px;padding:0 10px 10px}.lesson-content ul{margin:0;padding:0 0 10px 124px;list-style:none}@media (max-width:1023px){.lesson-content li,.lesson-header h4{font-size:13px!important}.lesson-content ul{padding:0 0 10px!important}.sticky-nav-section{position:sticky;height:40px}.sticky-nav-container{height:40px;padding:0 50px}.sticky-section-menu{height:40px;justify-content:flex-start}.sticky-section-menu ul{gap:0}.sticky-section-menu li:not(:last-child)::after{margin:0 16px}}.lesson-content li{font-size:15px;color:#000;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.lesson-content li::before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:0}.nested-list{margin:8px 0 8px 20px;padding-left:16px;list-style:none}.nested-list li{font-size:14px;color:var(--gray-700);padding-left:12px}.nested-list li::before{content:"–";color:var(--gray-400)}.option-content p,.training-intro p{color:#000}.training-duration-badge{display:inline-flex;align-items:center;color:var(--gray-700);border-radius:8px}.training-option{padding-bottom:32px;border-bottom:1px solid var(--gray-200)}.training-option:last-child{padding-bottom:0;border-bottom:none}.option-container{display:flex;align-items:stretch}.option-number-badge{background:var(--primary);display:flex;align-items:flex-start;justify-content:center;padding:12px 0;flex-shrink:0}.option-number-badge span{width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-900);font-size:14px;font-weight:700}.option-content h3{color:var(--gray-900);margin:0 0 16px}.demand-stat svg,.faq-hidden .faq-item,.option-content p:last-child{margin-bottom:16px}.best-for{background:rgba(59,130,246,.05);padding:16px 20px;border-radius:var(--radius-lg);border:1px solid rgba(59,130,246,.15)}.best-for strong{color:var(--primary);font-size:14px;font-weight:700;display:block;margin-bottom:8px}.best-for span{font-size:15px;color:var(--gray-700);line-height:1.6}.testimonial-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.05);max-width:100%}.testimonial-text{color:#000;font-style:italic}.highlight-header,.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.carousel-btn,.testimonial-nav-btn{background:#fff;display:flex;transition:.2s;cursor:pointer}.author-name{color:var(--gray-900);margin:0 0 1px}.author-title{color:var(--gray-600);margin:0 0 4px}.testimonial-rating{display:flex;gap:2px;color:#fbbf24;font-size:23px}.testimonials-nav{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:20px}.testimonial-nav-btn{width:40px;height:40px;border:1px solid var(--gray-300);border-radius:50%;align-items:center;justify-content:center;color:var(--gray-600)}.blogs-nav-btn:hover,.testimonial-nav-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}@media (max-width:768px){.author-avatar,.testimonial-text{font-size:14px}.testimonial-card{padding:20px}.author-avatar{width:40px;height:40px}.author-name{font-size:15px}.author-title{font-size:13px}}.roadmap-step h3{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:12px}.roadmap-step p{font-size:15px;color:#000;line-height:1.6}.carousel-controls{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-left:20px;margin-top:10px}.carousel-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--gray-200);align-items:center;justify-content:center}.carousel-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.carousel-btn:disabled{opacity:.5;cursor:not-allowed}.carousel-dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:var(--gray-300);cursor:pointer;transition:.2s}.dot.active{background:var(--primary);width:30px;border-radius:5px}.dot:hover{background:var(--gray-400)}.content-accordion,.panels-wrapper{position:relative}.accordion-content{max-height:120px;overflow:hidden;transition:max-height .3s;position:relative}.accordion-content:not(.expanded)::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#fff);pointer-events:none}.section-content .content-accordion{background:#fff;padding:20px;border-radius:8px}.accordion-content.expanded{max-height:1000px}.accordion-content.expanded::after,.faq-hidden,.sticky-pricing-sidebar,.tab-panel{display:none}.read-more-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:10px;background:0 0;color:var(--primary);border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:.2s}.d-txt,.read-more-btn:hover{color:var(--gray-600)}.faq-read-more-btn .btn-icon,.read-more-btn .btn-icon{transition:transform .3s}.read-more-btn.expanded .btn-text{content:"Read Less"}.course-body table,.info-table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.course-body table thead th,.info-table thead th{position:sticky;top:0;background:linear-gradient(135deg,var(--navy),var(--navy-light));color:#fff;text-align:left;padding:16px;font-weight:600;font-size:13px;letter-spacing:.4px;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.2)}.course-body table tbody td:last-child,.course-body table thead th:last-child,.info-table tbody td:last-child,.info-table thead th:last-child,.m-tab:last-child{border-right:none}.course-body table tbody td,.info-table tbody td{padding:10px 16px;color:var(--gray-700);border-bottom:1px solid var(--gray-200);border-right:1px solid var(--gray-200);font-size:14px}.course-body table tbody tr,.info-table tbody tr{background:#fff;transition:var(--transition)}.course-body table tbody td:first-child,.info-table tbody td:first-child{font-weight:600;color:var(--gray-900)}.info-table thead th{position:sticky;top:0;background:linear-gradient(135deg,var(--navy),var(--navy-light));color:#fff;text-align:left;padding:10px 16px;font-weight:600;font-size:13px;letter-spacing:.4px;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.2)}@media (max-width:640px){.course-body table,.info-table{font-size:13px}.course-body table thead th,.info-table thead th{padding:12px;font-size:12px}.course-body table tbody td,.info-table tbody td{padding:12px;font-size:13px}}.highlights-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px;margin-bottom:30px}.highlight-card{background:#f9f9f9;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:12px}.enroll-btn,.footer-links a,.m-tab{transition:var(--transition)}@media (max-width:480px){.author-avatar,.testimonial-nav-btn{width:36px;height:36px}.highlight-card,.testimonial-card{padding:16px}.testimonial-text{font-size:13px}.author-avatar,.author-title{font-size:12px}.author-name,.highlight-description,.skill-description{font-size:14px}.highlight-title,.skill-title{font-size:16px}.skill-card{padding:20px}}.highlight-icon{width:32px;height:32px;background:#fff;border:1px solid #6f8da86b;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--primary);flex-shrink:0}.highlight-title{font-size:15px;font-weight:700;color:var(--gray-900);margin-bottom:0}.highlight-description{font-size:13px;color:#000;line-height:1.6;padding-left:0}.skills-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media (min-width:768px){.highlights-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}}.skill-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.e-ck,.skill-icon{align-items:center}.skill-icon{width:24px;height:24px;background:var(--success);border-radius:50%;display:flex;justify-content:center;color:#fff;font-size:12px;flex-shrink:0;margin-top:2px}.benefit-item-content,.corporate-feature-content,.option-content,.pricing-header-left,.skill-content{flex:1}.skill-title{font-weight:600;color:var(--gray-900);margin-bottom:4px}.e-head,.s-head{margin-bottom:14px}.skill-description{font-size:14px;color:#000}.e-ck,.s-ck{width:17px;height:17px;display:flex;margin-top:2px}.pricing-card{border:1.5px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08)}.sticky-pricing-sidebar .main-content{border:none;border-radius:0;box-shadow:none;background:0 0;overflow:hidden}.mode-tabs{display:flex;border:1.5px solid var(--gray-200)}.m-tab{flex:1;color:var(--primary);background:var(--white);border-right:1.5px solid var(--gray-200)}.m-tab.on{background:var(--primary);color:var(--white)}.pc-head{border-bottom:1px solid var(--gray-100)}@media (min-width:1024px){.highlights-grid{grid-template-columns:repeat(3,1fr)}.sticky-pricing-sidebar{display:block!important;position:sticky;top:70px;height:calc(100vh - 80px);overflow:hidden}.sticky-pricing-sidebar .sp-card{position:relative}.sticky-pricing-sidebar .sp-card::before{content:'';display:block;height:5px;background:linear-gradient(90deg,var(--primary-light),var(--teal))}.pc-body,.pc-head{padding:0 24px 12px}}.best-for strong,.ph-lbl,.price-cur{color:var(--gray-900)}.e-box,.s-box{padding:18px 20px}.b-chip:hover{background:#bfdbfe}.enroll-btn:hover{background:var(--primary-dark);box-shadow:0 6px 20px rgba(37,99,235,.4)}.e-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px}.e-head{font-size:12.5px;font-weight:700;color:var(--primary)}.e-list{display:flex;flex-direction:column;gap:11px}.d-item,.e-row{display:flex;align-items:flex-start;gap:9px}.e-ck{border-radius:50%;background:var(--primary);color:#fff;justify-content:center;font-size:8.5px;flex-shrink:0}.e-txt,.s-head{font-size:12.5px}.bonus-strip,.s-ck{align-items:center}.e-txt{color:var(--gray-600);line-height:1.6}.e-txt strong{color:var(--gray-800);font-weight:600}.s-head,.s-txt strong{font-weight:700}.s-box{background:#f0fdf4;border:1px solid #a7f3d0;border-radius:12px}.s-head{color:#065f46}.s-ck{border-radius:50%;background:var(--success);color:#fff;justify-content:center;font-size:8.5px;flex-shrink:0}.s-txt{font-size:12.5px;color:#065f46;line-height:1.6}.phone-card{background:var(--white);border:1.5px solid var(--gray-200)}.mobile-pricing{display:block;margin-top:32px;border:1px solid #cecece;border-radius:10px}.sp-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.sp-top{background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);color:#fff}.mode-tabs{display:flex;gap:8px;border-radius:var(--radius-md)}.m-tab{flex:1;border-radius:var(--radius-sm)}.bonus-strip,.enroll-btn,.phone-card{border-radius:var(--radius-md)}.m-tab:hover{color:#fff;background:rgba(255,255,255,.1)}.m-tab.on{color:var(--navy)}.pc-head{border-bottom:1px solid var(--gray-200)}.pc-type{display:flex;justify-content:space-between;align-items:center}.pc-type span:first-child{color:var(--navy);letter-spacing:.5px}.seats{background:var(--warning)}.price-row{display:flex;align-items:baseline;margin-bottom:8px}.price-orig{color:var(--gray-500)}.bonus-txt,.guaranteed,.price-save{color:var(--success)}.dot-list,.pc-actions,.salary-bars{display:flex;flex-direction:column;gap:12px}.corporate-feature-point,.d-item{display:flex;align-items:flex-start;gap:12px}.d-dot{background:var(--primary);flex-shrink:0}.d-txt{color:var(--gray-700)}.bonus-strip{display:flex;gap:8px}.batch-label,.faq-read-more-btn{display:flex;align-items:center}.batch-label{color:var(--gray-900)}.batch-chips{display:flex;flex-wrap:wrap;gap:8px}.b-chip{background:var(--gray-100);color:var(--gray-700);cursor:pointer}.b-chip:hover{background:var(--gray-200)}.enroll-btn{background:linear-gradient(135deg,var(--primary-light),var(--primary) 55%,var(--primary-dark));box-shadow:0 4px 14px rgba(37,99,235,.3)}.phone-card{background:var(--gray-50);margin-top:16px;border:1px solid var(--gray-200)}.faq-item{border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.faq-question{color:var(--gray-900);display:flex;justify-content:space-between;align-items:center;transition:background .2s;font-size:16px}.faq-answer{color:#000;font-size:15px}.faq-answer strong{color:var(--primary);font-weight:700}.faq-item.active .faq-answer{max-height:1000px;padding:0 20px 20px}.faq-container{display:flex;flex-direction:column;gap:0}.faq-container.show-more .faq-hidden,.tab-content.active,.tab-panel.active,.tab-panel:not([hidden]){display:block}.faq-read-more-btn{margin-top:24px;padding:12px 24px;background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-lg);color:var(--primary);font-size:14px;font-weight:600;cursor:pointer;gap:8px;transition:.2s;align-self:flex-start}.faq-read-more-btn:hover,.view-all-blogs-btn:hover{background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.3)}.footer{background:var(--gray-900);color:#fff;padding:64px 0 32px}#faq .tab-btn,#job-demand .tab-btn,.tab-btn{background:#fff;transition:.2s;cursor:pointer}.footer-grid{display:grid;grid-template-columns:1fr;gap:48px;margin-bottom:48px}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;margin-bottom:16px}.footer-description{font-size:14px;color:var(--gray-400);line-height:1.6;margin-bottom:24px}.footer-title{font-size:16px;font-weight:700;margin-bottom:20px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{font-size:14px;color:var(--gray-400)}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:32px;font-size:14px;color:var(--gray-500)}@media (max-width:1023px){.sticky-pricing-sidebar .sp-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.sp-top{padding:22px 24px 0}.pc-head{padding:12px 24px}.pc-body{padding:20px 24px}.hero{padding:60px 0 80px}.course-body{padding:32px 0}.sticky-pricing-sidebar{position:static;max-height:none;margin-top:32px}}@media (max-width:767px){.sticky-nav-container{padding:0 40px}.sticky-section-menu a{font-size:12px;padding:6px 10px}.sticky-section-menu li:not(:last-child)::after{margin:0 12px;font-size:12px}.hero-features,.hero-stats-wrapper{grid-template-columns:repeat(2,1fr)}.hero{padding:20px 0 40px}.hero-image{display:none}.hero-title{font-size:32px}.hero-stat-value,.hero-subtitle{font-size:16px}.hero-cta{flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important}.btn-primary,.btn-secondary{flex:1!important;padding:10px 16px!important;font-size:13px!important;justify-content:center!important}.hero-stats-wrapper{gap:6px;padding:8px}.hero-stat-item{padding:8px 10px}.hero-stat-label{font-size:9px}.section-title{font-size:24px}.main-content{padding:20px 16px}.course-grid{grid-template-columns:1fr}}#faq .tabs-container,.tabs-list{margin-bottom:24px;flex-wrap:wrap;display:flex}.tabs-list{gap:8px}@media (max-width:480px){.tabs-list{gap:6px}.tab-btn{padding:10px 16px;font-size:13px}}#job-demand .tab-btn,.tab-btn{padding:12px 20px;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:14px}#faq .tab-btn.active,#job-demand .tab-btn.active,.tab-btn.active{background:rgba(37,99,235,.05);border-bottom:2px solid var(--primary);color:#000}#faq .tabs-container{gap:2px}#faq .tab-btn{padding:8px 12px;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:13px;white-space:nowrap}.cities-container{display:flex;flex-wrap:wrap}.city-pill{color:var(--gray-600);border:1px solid var(--gray-200);transition:.2s}.bar-fill,.benefit-item,.corporate-bottom-btn,.faq-chevron,.faq-question,.option-container,.schedule-card img{transition:var(--transition)}.city-pill:hover{color:var(--primary);border-color:var(--primary)}@media (max-width:1024px){#faq .tabs-container{gap:4px}#faq .tab-btn{padding:8px 12px;font-size:12px}}.corporate-top-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:32px 0}.corporate-features-grid{display:grid;grid-template-columns:1fr;gap:20px}.corporate-features-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.certificate-benefits-icon,.corporate-feature-icon{flex-shrink:0;width:24px;height:24px}.corporate-feature-title{font-weight:600;color:var(--gray-900);margin-bottom:4px;font-size:15px}.corporate-feature-description{color:var(--gray-900);font-size:14px;line-height:1.6}.corporate-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.certificate-image img,.corporate-image img{width:100%;height:auto;display:block}.corporate-bottom-section{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--navy),var(--navy-light));padding:24px 32px;border-radius:var(--radius-lg);margin-top:32px}.corporate-bottom-content h4{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.corporate-bottom-content p{color:rgba(255,255,255,.9);font-size:14px}.corporate-bottom-btn{background:#fff;color:var(--navy);padding:12px 24px;border-radius:var(--radius-md);font-weight:600;text-decoration:none}.corporate-bottom-btn:hover{background:var(--gray-100)}#job-demand .tabs-container{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.tab-content{min-height:200px;display:none}.demand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.demand-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.bar-fill,.company-logo,.salary-bar{border-radius:var(--radius-sm)}.demand-card-title{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:20px}.salary-bar{height:40px;background:var(--gray-100);overflow:hidden;position:relative}.bar-fill{height:100%;background:var(--gray-400);display:flex;align-items:center;justify-content:flex-end;padding-right:8px}.bar-label{color:#fff;font-size:12px;font-weight:600}.salary-labels{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--gray-500)}.company-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.company-logo{font-weight:700;font-size:14px;padding:8px;background:var(--gray-50)}.certificate-image,.schedule-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.stat-value{font-size:24px;font-weight:700;color:var(--navy);margin-bottom:8px}.stat-description{font-size:13px;color:var(--gray-600);line-height:1.6}.certificate-title{font-size:24px;font-weight:700;color:var(--navy);margin-bottom:16px}.certificate-description{color:var(--gray-900);line-height:1.6;margin-bottom:32px}.certificate-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.certificate-image{min-height:220px}.certificate-info{padding:20px 0}.certificate-benefits-title{font-size:18px;font-weight:600;color:var(--gray-900);margin-bottom:20px}.certificate-benefits-list{list-style:none;padding:0;margin:0}.certificate-benefits-item{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--gray-200)}.certificate-benefits-item span:last-child{color:var(--gray-700);font-size:15px;line-height:1.6}.schedule-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.schedule-card{background:#fff;border:1px solid var(--gray-200)}.schedule-card img{width:100%;height:auto;display:block}.schedule-card:hover img{transform:scale(1.02)}.benefits-section-block{margin-bottom:40px}.benefits-section-title{font-size:22px;font-weight:700;color:var(--navy);margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--gray-200)}.benefit-item:hover,.option-container:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.benefits-list{display:grid;grid-template-columns:1fr;gap:16px}.benefit-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md)}.benefit-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 10px rgba(37,99,235,.25);margin-bottom:14px}.benefit-item-title{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:8px}.benefit-item-description,.feature-list-text{font-size:14px;color:var(--gray-600);line-height:1.6}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.benefits-list{grid-template-columns:repeat(2,1fr)}}.training-intro{margin-bottom:32px}.training-intro p{font-size:15px;color:var(--gray-700);line-height:1.6;margin-bottom:12px}.training-duration-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gray-100);color:var(--gray-700);padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;margin-bottom:32px}.faq-item,.option-container{border:1px solid var(--gray-200)}.duration-icon{font-size:18px}.training-option{margin-bottom:24px}.option-container{display:flex;gap:20px;background:#fff;border-radius:var(--radius-lg);padding:24px}.option-number-badge{flex-shrink:0;width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.option-content h3{font-size:18px;font-weight:600;color:var(--gray-900);margin-bottom:12px}.option-content p{font-size:14px;color:var(--gray-600);line-height:1.6;margin-bottom:8px}.best-for{margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-200);font-size:14px;color:var(--gray-700)}@media (max-width:768px){#faq .tabs-container{gap:4px}#faq .tab-btn{padding:8px 10px;font-size:12px}.blog-card{flex:0 0 100%;max-width:100%}.blogs-track{margin:0}.blogs-nav-btn{width:36px;height:36px}.blogs-prev-btn{left:-20px;top:150px}.blogs-next-btn{right:-20px;top:150px}.blog-image{height:150px}.blog-title{font-size:15px}.blog-description{font-size:13px}.certificate-content,.corporate-features-cols,.corporate-top-section,.demand-grid,.schedule-row{grid-template-columns:1fr}.corporate-bottom-section{flex-direction:column;text-align:center;gap:16px}.demand-container .tabs-container,.option-container{flex-direction:column}.demand-container .tab-btn{width:100%;text-align:center}.certificate-image{min-height:220px;order:-1}.option-number-badge{width:32px;height:32px;font-size:14px}}.faq-item{background:#fff;border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden}.faq-question{padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--gray-900);gap:12px}.faq-chevron{flex-shrink:0}.faq-answer{max-height:0;overflow:hidden;padding:0 20px;color:var(--gray-600);line-height:1.6;transition:max-height .3s}.testimonials-wrapper{margin-top:32px;position:relative;max-width:100%}.testimonials-carousel{min-width:0;position:relative;display:flex;flex-direction:column}.testimonial-track{display:flex;overflow:hidden;transition:transform .5s;position:relative}.testimonial-slide{min-width:100%;padding:0;opacity:0;transition:opacity .3s;position:absolute;top:0;left:0;width:100%;pointer-events:none}.testimonial-slide.active{pointer-events:auto;opacity:1;position:relative;pointer-events:auto}.testimonial-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm)}.testimonial-text{color:var(--gray-700);line-height:1.6;margin-bottom:24px;font-size:15px}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--gray-200)}.author-name{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.author-title{font-size:14px;color:var(--gray-600)}.blogs-slider-container{position:relative;margin-top:24px}.blogs-track{overflow:hidden;margin:0}.blogs-slides{display:flex;gap:20px;transition:transform .5s}.blog-description,.blog-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.blog-card{flex:0 0 calc(33.333% - 14px);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:.3s;max-width:calc(33.333% - 14px)}.blog-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:rgba(37,99,235,.3)}.blog-image{width:100%;height:180px;overflow:hidden}.blog-image a{display:block;width:100%;height:100%}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-title,.blog-title a{color:var(--gray-900);transition:color .3s}.blog-card:hover .blog-image img{transform:scale(1.03)}.blog-content{padding:20px}.blog-title{font-size:16px;font-weight:700;margin:0 0 12px;-webkit-line-clamp:2}.blog-description{font-size:14px;color:var(--gray-600);margin:0 0 16px;-webkit-line-clamp:3}.blog-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-500);padding-top:12px;border-top:1px solid var(--gray-100)}.city-pill,.view-all-blogs-btn{text-decoration:none;font-size:14px}.blogs-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid var(--gray-300);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;color:var(--gray-600);z-index:10}.blogs-prev-btn{left:-20px}.blogs-next-btn{right:-20px}.view-all-blogs-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-lg);color:var(--primary);font-weight:600;transition:.2s}.city-pill,.pricing-tab-btn{color:var(--gray-600);transition:var(--transition);background:#fff}@media (max-width:1024px){.blog-card{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px)}.blogs-prev-btn{left:-10px}.blogs-next-btn{right:-10px}}.cities-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.city-pill{padding:8px 16px;border:1px solid var(--gray-200);border-radius:50px;font-weight:500}.city-pill:hover{border-color:var(--primary);color:var(--primary);background:rgba(59,130,246,.05)}@media (max-width:480px){.cities-container{gap:8px}.city-pill{padding:6px 12px;font-size:13px}}.pricing-tabs{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.tab-list{display:flex;border-bottom:1px solid var(--gray-200)}.pricing-tab-btn{flex:1;padding:16px 12px;border:none;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.pricing-tab-btn:hover{color:var(--primary);background:var(--gray-50)}.pricing-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-panels{padding:24px}.pc-body,.pricing-card{background:#fff}.pricing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.pricing-plan-label{font-size:18px;font-weight:700;color:var(--gray-900);margin:0 0 12px}.pricing-value-wrapper{display:flex;align-items:baseline;gap:8px}.pricing-original-price{font-size:14px;color:var(--gray-500)}.pricing-original-price del{text-decoration:line-through}.pricing-current-price{font-size:28px;font-weight:700;color:var(--primary)}.discount,.seats.discount{padding:4px 12px;border-radius:20px;font-size:12px;text-transform:uppercase}.discount{font-weight:600}.discount--best{background:#dcfce7;color:#16a34a}.discount--popular{background:#dbeafe;color:#2563eb}.discount--limited,.discount--new{background:#fef3c7;color:#d97706}.seats.discount{background:inherit;color:inherit;font-weight:600}.seats.discount--limited{background:#fef3c7!important;color:#d97706!important}.seats.discount--popular{background:#dbeafe!important;color:#2563eb!important}.seats.discount--best{background:#dcfce7!important;color:#16a34a!important}.btn-enroll:hover,.btn-primary:hover{background:var(--primary-dark)}.pricing-card-content{margin-top:20px}.pricing-card-title{font-size:16px;font-weight:600;color:var(--gray-900);margin:0 0 16px}.feature-list{list-style:none;padding:0;margin:0 0 20px}.feature-list-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.feature-list-icon{flex-shrink:0;margin-top:2px}.bonus-box,.btn{align-items:center;border-radius:var(--radius-md);font-size:14px}.bonus-box{display:flex;gap:8px;padding:12px 16px;background:var(--gray-50);margin-bottom:20px;font-weight:500;color:var(--gray-700)}.btn,.link-like{display:inline-flex;transition:var(--transition);text-decoration:none}.bonus-star{color:#f59e0b}.btn-enroll,.btn-primary{background:var(--primary);color:#fff}.btn{justify-content:center;padding:12px 24px;font-weight:600;cursor:pointer;border:none}.btn-primary:hover{box-shadow:var(--shadow-md)}.btn-enroll{width:100%}.price-note{font-size:13px;color:var(--gray-500);margin-top:12px}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.show-all-classes-wrapper{margin-top:16px;text-align:center}.link-like{color:var(--primary);font-size:14px;font-weight:500;align-items:center;gap:4px}.link-like:hover{color:var(--primary-dark)}.link-with-arrow svg{transition:transform .2s}.link-like:hover .link-with-arrow svg{transform:translateX(4px)}@media (max-width:768px){.blog-card{flex:0 0 100%;max-width:100%}.blogs-nav-btn{display:none}.blogs-slider-container{margin-top:20px}.blogs-slides{gap:16px}.tab-list{flex-wrap:wrap}.pricing-tab-btn{flex:1 1 auto;min-width:100px;padding:12px 8px;font-size:13px}.tab-panels{padding:16px}}@media (max-width:1023px){.sticky-pricing-sidebar{display:block;position:static;height:auto;overflow:visible;margin-top:24px}}.sp-card,.sticky-pricing-sidebar .sp-card{border:1px solid var(--gray-200)}.sp-eyebrow{letter-spacing:.5px;text-transform:uppercase;color:var(--primary);text-transform:uppercase}.sp-top{background:0 0;color:inherit}.sp-title{font-size:20px;font-weight:800;color:var(--gray-900);margin-bottom:16px;letter-spacing:-.3px}.pc-type span:first-child,.sp-eyebrow{font-weight:700;text-transform:uppercase}.m-tab,.m-tab:hover{color:var(--primary)}.sp-extra{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.mode-tabs{display:flex;border:1.5px solid var(--gray-200);padding:0;gap:0}.m-tab{flex:1;border-right:1.5px solid var(--gray-200);border-radius:0;transition:background .2s,color .2s}.pc-type,.ph-lbl,.price-orig{color:var(--gray-400)}.m-tab:hover{background:var(--gray-50)}.pc-head{border-bottom:1px solid var(--gray-100);background:#fff}.pc-type{text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.pc-type span:first-child{font-size:10.5px;color:var(--gray-400);letter-spacing:.07em}.seats{background:var(--danger)}.price-cur{color:var(--gray-900);line-height:1.6}.dot-list{display:flex;flex-direction:column;margin-top:6px}.b-chip{color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:5px}.pc-actions{display:flex;flex-direction:column;align-items:stretch}.enroll-btn{background:var(--primary);transition:background .2s;box-sizing:border-box}.enroll-btn:hover{background:var(--primary-dark);color:#fff}.guaranteed{color:var(--danger)}.show-all{color:var(--primary);padding:2px 0 0}.phone-card{border:1.5px solid var(--gray-200)}@media (min-width:1024px){.mobile-pricing{display:none}.sticky-pricing-sidebar .sp-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);height:100%;overflow-y:auto}.sticky-pricing-sidebar .sp-card::-webkit-scrollbar{width:6px}.sticky-pricing-sidebar .sp-card::-webkit-scrollbar-track{background:0 0;border-radius:3px}.sticky-pricing-sidebar .sp-card::-webkit-scrollbar-thumb{background:rgba(156,163,175,.4);border-radius:6px;transition:background .2s}.sticky-pricing-sidebar .sp-card::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.6)}.sticky-pricing-sidebar .sp-card::-webkit-scrollbar-thumb:active{background:rgba(156,163,175,.8)}.sticky-pricing-sidebar{display:block;position:sticky;top:70px;height:calc(100vh - 80px);overflow:hidden}}@media (max-width:1023px){.sticky-pricing-sidebar{display:block;position:static;margin-top:24px;height:auto;overflow:visible}}.sp-card,.sticky-pricing-sidebar .sp-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden;height:auto}@media (min-width:1024px){.sticky-pricing-sidebar .sp-card{height:100%;overflow-y:auto}.sticky-pricing-sidebar .sp-card::-webkit-scrollbar{width:6px}.sticky-pricing-sidebar .sp-card::-webkit-scrollbar-track{background:0 0;border-radius:3px}.sticky-pricing-sidebar .sp-card::-webkit-scrollbar-thumb{background:rgba(156,163,175,.4);border-radius:6px;transition:background .2s}.sticky-pricing-sidebar .sp-card::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.6)}.sticky-pricing-sidebar .sp-card::-webkit-scrollbar-thumb:active{background:rgba(156,163,175,.8)}}.sticky-pricing-sidebar .sp-card::before{content:'';display:block;height:5px;background:linear-gradient(90deg,#3b82f6,#06b6d4)}.sp-top{padding:22px 24px 0}.sp-eyebrow{font-size:11px;color:#2563eb;letter-spacing:.09em;margin-bottom:6px}.mode-tabs{display:flex;border:1.5px solid #e5e7eb;border-radius:8px;overflow:hidden;margin:0 0 8px;background:#fff}.m-tab{flex:1;padding:8px 5px;font-size:12px;font-weight:500;color:#2563eb;background:#fff;border-right:1.5px solid #e5e7eb;cursor:pointer}.m-tab.on,.pc-type,.seats{font-weight:700}.m-tab.on{background:#2563eb;color:#fff}.pc-head{padding:12px 24px;border-bottom:1px solid #f3f4f6}.pc-type{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;display:flex;justify-content:space-between;margin-bottom:6px}.seats{background:#ef4444;color:#fff;font-size:9.5px;padding:3px 8px;border-radius:4px}.price-row{display:flex;align-items:baseline;gap:12px}.price-orig{font-size:14px;color:#9ca3af;text-decoration:line-through}.enroll-btn,.ph-num,.show-all{text-decoration:none}.price-cur{font-size:24px;font-weight:900;color:#111827}.price-cur sup{font-size:16px;font-weight:700;vertical-align:baseline;margin-right:2px}.price-save{display:inline-block;background:#d1fae5;color:#065f46;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:50px;margin-top:3px;margin-bottom:6px}.bonus-strip,.dot-list{gap:9px;margin-bottom:16px;display:flex}.pc-body{padding:12px 24px}.dot-list{flex-direction:column}.d-dot{width:6px;height:6px;border-radius:50%;background:#2563eb;flex-shrink:0;margin-top:6px}.d-txt{font-size:12.5px;color:#4b5563;line-height:1.5}.bonus-strip{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 12px;align-items:center}.bonus-txt{font-size:12px;color:#92400e;font-weight:600}.batch-label{font-size:14px;color:#111827;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:9px}.batch-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.b-chip{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:5px}.pc-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.enroll-btn{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:15px;width:100%;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(37,99,235,.35);text-align:center;display:block}.guaranteed,.show-all{font-weight:600;text-align:center}.enroll-btn:hover{background:#1d4ed8}.guaranteed{font-size:11.5px;color:#ef4444}.show-all{font-size:12.5px;color:#2563eb;cursor:pointer;display:inline-block;display:flex;align-items:center;justify-content:center;gap:4px}.phone-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:16px 20px;text-align:center}.ph-lbl{font-size:13px;color:#111827;font-weight:700;margin-bottom:4px}.ph-num{font-size:22px;font-weight:800;color:#2563eb}
/* ===== PAGE-SPECIFIC EXTRAS (same design language) ===== */

/* ============================================================
   iCert course page extras — aligned to the master design system
   (cour_gn_test.php). Loaded AFTER the design system stylesheet.
   ============================================================ */
:root { --section-spacing: 96px; }

/* Utility shims previously provided by Bootstrap/legacy CSS */
.hidden { display: none !important; }
.disabled, .btn-primary.disabled { pointer-events: none; opacity: .55; }
@media (max-width: 767px) { .desktop-img { display: none; } }
@media (min-width: 768px) { .mobile-img { display: none; } }

/* ---------- Hero ---------- */
.hero-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; font-size: 13px; color: rgba(255,255,255,.72); margin-bottom: 20px; }
.hero-breadcrumb a { color: rgba(255,255,255,.85); text-decoration: none; transition: color .2s ease; }
.hero-breadcrumb a:hover { color: rgba(255,255,255,.85); }
.hero-breadcrumb .current { color: #fff; font-weight: 600; }

h1.hero-title { font-size: clamp(26px, 3.4vw, 44px); font-weight: 800; line-height: 1.2; letter-spacing: -.5px; color: #fff; margin: 0 0 12px; }
h2.hero-subtitle { font-size: clamp(15px, 1.7vw, 19px); font-weight: 500; line-height: 1.55; color: rgba(255,255,255,.92); margin: 0 0 6px; }
h3.hero-city { font-size: clamp(14px, 1.4vw, 16px); font-weight: 600; color: rgba(255,255,255,.85); margin: 0 0 10px; }
p.hero-subtitle-2 { font-size: 15px; line-height: 1.65; color: rgba(255,255,255,.8); margin: 0 0 20px; }

.hero-content h3 { font-size: 15px; font-weight: 600; color: rgba(255,255,255,.85); margin: 8px 0 0; }

.hero-after { display: flex; flex-direction: column; gap: 18px; margin-top: 26px; }

.hero-ratings-bar { display: flex; align-items: center; gap: 18px 26px; flex-wrap: wrap; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius-lg); padding: 14px 20px; }
.hero-ratings-item { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.85); font-size: 13.5px; }
.hero-ratings-item img, .hero-ratings-bar .rating-item img { height: 24px; width: auto; max-width: 220px; object-fit: contain; }
.hero-ratings-bar .rating-item { display: inline-flex; align-items: center; gap: 10px; color: rgba(255,255,255,.85); font-size: 13.5px; }
.hero-ratings-bar .rating-item span { font-size: 13.5px; color: rgba(255,255,255,.85); }
.hero-ratings-bar .hero-ratings-img-students { height: 40px; border-radius: 8px; }
.hero-ratings-text b { color: #fff; }
.hero-ratings-link-learners, .hero-ratings-scroll-link { color: rgba(255,255,255,.85); font-weight: 600; text-decoration: none; cursor: pointer; transition: color .2s ease; }
.hero-ratings-link-learners:hover, .hero-ratings-scroll-link:hover { color: #fff; }

.hero-notes { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 22px; }
.hero-note { flex: 1 1 240px; display: flex; gap: 12px; align-items: flex-start; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius-lg); padding: 14px 16px; }
.note-title { font-weight: 700; color: #fff; font-size: 14.5px; margin: 0 0 2px; }
.note-sub { color: rgba(255,255,255,.75); font-size: 13px; line-height: 1.55; margin: 0; }

.features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 36px; margin-top: 18px; }
.features li { position: relative; margin: 0; padding-left: 34px; list-style: none; color: #fff; font-size: 14.5px; line-height: 1.55; }
.features li::before { content: ''; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%2310B981' stroke-width='2'/%3E%3Cpath d='M7.5 12.5l3 3 6-6.5' stroke='%2310B981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
@media (max-width: 767px) { .features { grid-template-columns: 1fr; gap: 12px; } }
.feature { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-md); color: #fff; font-size: 13px; text-decoration: none; transition: all .2s ease; }
.feature:hover { background: rgba(255,255,255,.13); border-color: var(--teal); transform: translateY(-2px); }

/* ---------- Certificate / modes section ---------- */
.certificate-benefits { margin-top: 16px; }

/* ---------- Skills ---------- */
.skills-card-container { margin-top: 6px; }
.skills-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.skill-card { display: flex; align-items: flex-start; gap: 14px; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: 20px 22px; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
.skill-card .skill-check { flex: 0 0 auto; width: 24px; height: 24px; margin-top: 1px; }
.skill-card .skill-check svg { display: block; width: 24px; height: 24px; }
.skill-card h3 { margin: 0; font-size: 15.5px; font-weight: 700; color: var(--gray-900); line-height: 1.4; }
.skill-card p { margin: 6px 0 0; font-size: 14px; line-height: 1.6; color: var(--gray-600); }
@media (max-width: 767px) { .skills-grid { grid-template-columns: 1fr; } }

/* ---------- Audience ---------- */
.audience-card { background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: 22px; transition: all .2s ease; }
.audience-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: #BFDBFE; }

/* ---------- Eligibility extras ---------- */
.eligibility-box { background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: 20px 24px; }
.eligibility-title { font-weight: 700; font-size: 16px; color: var(--gray-900); margin: 0 0 12px; }
.eligibility-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.eligibility-list li { position: relative; padding-left: 28px; font-size: 14.5px; color: var(--gray-600); line-height: 1.6; }
.eligibility-list li::before { content: '✓'; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: var(--success); color: #fff; font-size: 11px; display: flex; align-items: center; justify-content: center; font-weight: 700; }

/* ---------- Eligibility items (div-based, used on this page) ---------- */
#eligibility .eligibility-list .eligibility-item,
.eligibility-list .eligibility-item {
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-lg);
    background: var(--white);
    padding: 14px 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}
#eligibility .eligibility-list .eligibility-item svg,
.eligibility-list .eligibility-item svg {
    flex-shrink: 0;
    margin-top: 4px;
}
#eligibility .eligibility-list .eligibility-item p,
.eligibility-list .eligibility-item p {
    font-size: 14.5px;
    color: var(--gray-600);
    line-height: 1.6;
    margin: 0;
}

/* ---------- Roadmap carousel ---------- */
.roadmap-wrapper { position: relative; }
.roadmap-content { font-size: 14.5px; color: var(--gray-600); line-height: 1.65; }
.roadmap-step-content { padding: 20px; background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); }
.roadmap-progress { height: 6px; background: var(--gray-200); border-radius: 3px; overflow: hidden; margin: 16px 0; }
.roadmap-progress-fill { height: 100%; background: linear-gradient(90deg, var(--primary), var(--primary-light)); border-radius: 3px; transition: width .3s ease; }
.roadmap-counter { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14px; color: var(--gray-900); }
.roadmap-current { color: var(--primary); }
.roadmap-total { color: var(--gray-400); }
.roadmap-nav { display: flex; align-items: center; gap: 10px; }
.roadmap-nav-btn:disabled { opacity: .4; cursor: not-allowed; }

/* ---------- Modules accordion (scoped: does not clash with .content-accordion) ---------- */
.accordion-container { display: grid; gap: 12px; }
.accordion-item { border: 1px solid var(--gray-200); border-radius: var(--radius-lg); background: var(--white); overflow: hidden; }
.accordion-header { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 20px; background: var(--gray-50); border: none; font-weight: 600; font-size: 15px; color: var(--gray-900); cursor: pointer; text-align: left; font-family: inherit; transition: all .2s ease; }
.accordion-header:hover { color: var(--primary); }
.accordion-item.active .accordion-header { color: var(--primary); background: #EFF6FF; }
.accordion-chevron { flex: 0 0 auto; transition: transform .25s ease; color: var(--gray-500); }
.accordion-item.active .accordion-chevron { transform: rotate(180deg); color: var(--primary); }
.accordion-container .accordion-content { max-height: 0; overflow: hidden; transition: max-height .35s ease; padding: 0 20px; font-size: 14.5px; color: var(--gray-600); line-height: 1.65; }
.accordion-container .accordion-item.active .accordion-content { padding: 16px 20px; }
.module-title { font-weight: 700; font-size: 15px; color: var(--gray-900); margin: 0; }

.lessons-container { display: grid; gap: 10px; margin: 14px 0 18px; }
.lesson-static { display: flex; flex-direction: column; gap: 4px; padding: 12px 16px; background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: var(--radius-md); }
.lesson-title { font-weight: 600; font-size: 14px; color: var(--gray-800); margin: 0; }
.lesson-description { font-size: 13.5px; color: var(--gray-600); margin: 0; line-height: 1.6; }

/* ---------- FAQ (faq-q / faq-a pattern used by course-page.js) ---------- */
.faq-item { background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); margin-bottom: 12px; overflow: hidden; transition: border-color .2s ease; }
.faq-item.active { border-color: var(--primary); }
.faq-q { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 17px 20px; background: transparent; border: none; font-weight: 600; font-size: 15px; color: var(--gray-900); cursor: pointer; text-align: left; font-family: inherit; transition: color .2s ease; }
.faq-item.active .faq-q, .faq-q:hover { color: var(--primary); }
.faq-q span { flex: 0 0 auto; transition: transform .25s ease; color: var(--gray-500); font-size: 13px; }
.faq-item.active .faq-q span { transform: rotate(180deg); color: var(--primary); }
/* FAQ answers are toggled by course-page.js via style.display block/none (no class is added),
   so the base state must be display:none and must NEVER be clamped with max-height/overflow. */
.faq-a { display: none; padding: 4px 20px 18px; font-size: 14.5px; color: var(--gray-600); line-height: 1.65; animation: faq-fade .25s ease; }
@keyframes faq-fade { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }

/* ---------- Testimonials / blogs ---------- */
/* course-page.js toggles testimonial slides via inline display block/none (it never adds .active),
   so neutralize the design-system's opacity/absolute slide styles and hide slides by default instead. */
.testimonials-carousel .testimonial-slide { position: relative; top: auto; left: auto; width: 100%; opacity: 1; pointer-events: auto; display: none; animation: faq-fade .3s ease; }
.testimonial-slide { background: #ffffff; border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: 24px; box-shadow: 0 4px 14px rgba(0, 0, 0, .06); }

.star { color: var(--warning); font-size: 16px; line-height: 1; }
.testimonials-nav { display: flex; align-items: center; gap: 12px; justify-content: space-between; margin-top: 18px; }
.view-all-btn { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-weight: 600; text-decoration: none; font-size: 14px; transition: color .2s ease; }
.view-all-btn:hover { color: var(--primary-dark); }
.testimonials-nav .testimonial-nav-btn { flex: 0 0 auto; width: 40px; height: 40px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--gray-200); background: var(--white); color: var(--gray-600); cursor: pointer; transition: all .2s ease; }
.testimonials-nav .testimonial-nav-btn:hover { background: var(--primary); border-color: var(--primary); color: #fff; box-shadow: 0 4px 12px rgba(37, 99, 235, .35); }
.testimonials-nav .testimonial-nav-btn:active { transform: scale(.94); }
.testimonials-nav .testimonial-prev-btn { margin-left: auto; }

.blog-scroller-shell { position: relative; }
.blog-scroller { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 4px 12px; scrollbar-width: none; }
.blog-scroller::-webkit-scrollbar { display: none; }
.blog-scroller .card { flex: 0 0 320px; scroll-snap-align: start; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); overflow: hidden; transition: all .2s ease; display: flex; flex-direction: column; }
.blog-scroller .card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: #BFDBFE; }
.blog-scroller .thumb { height: 180px; background: var(--gray-100); }
.blog-scroller .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blog-scroller h3 { font-size: 15.5px; font-weight: 700; color: var(--gray-900); margin: 14px 16px 8px; line-height: 1.4; }
.blog-scroller h3 a { color: inherit; text-decoration: none; transition: color .2s ease; }
.blog-scroller h3 a:hover { color: var(--primary); }
.blog-scroller p { font-size: 13.5px; color: var(--gray-600); line-height: 1.6; margin: 0 16px 12px; }
.blog-scroller .meta { font-size: 12px; color: var(--gray-500); margin: auto 16px 16px; padding-top: 10px; border-top: 1px solid var(--gray-100); }

/* ---------- Course support tabs ---------- */
.course-support-tab { padding: 10px 18px; border: 1px solid var(--gray-300); border-radius: 50px; background: var(--white); color: var(--gray-700); font-weight: 600; font-size: 14px; cursor: pointer; transition: all .2s ease; font-family: inherit; }
.course-support-tab:hover { border-color: var(--primary); color: var(--primary); }
.course-support-tab.active { background: var(--primary); border-color: var(--primary); color: #fff; }
.course-support-panel { display: none; }
.course-support-panel.active { display: block; animation: cs-fade .25s ease; }
@keyframes cs-fade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* ---------- Schedule ---------- */
#schedule .schedule-card img { width: 100%; height: auto; border-radius: var(--radius-lg); border: 1px solid var(--gray-200); }

/* ---------- Sidebar: dates, contact, callback form ---------- */
.batch-info { margin-top: 16px; }
.date-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; color: var(--gray-900); }
.calendar-icon { width: 16px; height: 16px; color: var(--primary); }
.date-hr { border: none; border-top: 1px solid var(--gray-200); margin: 12px 0; }
.batch-chips { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 6px; }

.aside-divider { height: 1px; background: var(--gray-200); margin: 20px 0; }
.sidebar-contact-card { background: var(--gray-50); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: 16px 18px; text-align: center; }
.contact-label { display: block; font-size: 13px; color: var(--gray-600); margin-bottom: 6px; }
.contact-phone-link { display: inline-block; font-weight: 700; font-size: 16px; color: var(--primary); text-decoration: none; transition: color .2s ease; }
.contact-phone-link:hover { color: var(--primary-dark); }

.callback-card { margin-top: 16px; }
.callback-title { font-size: 16px; font-weight: 700; color: var(--gray-900); margin: 0 0 4px; }
.callback-description { font-size: 13px; color: var(--gray-500); margin: 0 0 12px; }
.aside-form { display: grid; gap: 10px; }
.aside-form input, .aside-form select { width: 100%; padding: 11px 14px; border: 1px solid var(--gray-300); border-radius: var(--radius-md); font-size: 14px; font-family: inherit; color: var(--gray-900); background: var(--white); transition: border-color .2s ease, box-shadow .2s ease; }
.aside-form input:focus, .aside-form select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37,99,235,.12); }
.aside-form button { width: 100%; }
#showMsgf { font-size: 13px; }

/* ---------- Instructors carousel ---------- */
.instructors-carousel-wrapper { position: relative; }
.instructors-scroll-container { overflow: hidden; }
.instructors-carousel-track { display: flex; gap:  20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 28px 4px 4px; align-items: stretch; }
.instructors-carousel-track::-webkit-scrollbar { display: none; }
.instructor-card-item { flex: 0 0 300px; scroll-snap-align: start; }
.instructor-card { background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: 24px; text-align: center; transition: all .2s ease; height: 100%; display: flex; flex-direction: column; }
.instructor-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: #BFDBFE; }
.instructor-avatar { width: 84px; height: 84px; border-radius: 50%; margin: 0 auto 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: #FFFFFF; font-weight: 700; font-size: 28px; letter-spacing: 1px; box-shadow: 0 4px 12px rgba(37, 99, 235, .28), inset 0 0 0 3px rgba(255,255,255,.25); }
.instructor-name { font-weight: 700; font-size: 16px; color: var(--gray-900); margin: 0 0 2px; }
.instructor-title { font-size: 13px; color: var(--primary); font-weight: 600; margin: 0 0 10px; }
.instructor-bio { font-size: 13.5px; color: var(--gray-600); line-height: 1.6; margin: 0; flex-grow: 1; }
.instructor-carousel-buttons { display: flex; gap: 10px; justify-content: center; margin-top: 18px; }
.instructor-carousel-prev, .instructor-carousel-next { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--gray-300); background: var(--white); color: var(--gray-700); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .2s ease; }
.instructor-carousel-prev:hover, .instructor-carousel-next:hover { border-color: var(--primary); color: var(--primary); }

/* ---------- Layout guard: master-template two-column course layout ---------- */
.course-body .course-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 32px; align-items: start; }
.course-body .sticky-pricing-sidebar { display: block !important; position: sticky; top: 84px; max-height: calc(100vh - 100px); overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: var(--gray-300) transparent; }
.course-body .sticky-pricing-sidebar::-webkit-scrollbar { width: 5px; }
.course-body .sticky-pricing-sidebar::-webkit-scrollbar-thumb { background: var(--gray-300); border-radius: 4px; }
.course-body .sticky-pricing-sidebar > * { height: auto; overflow: visible; }
.course-body .main-content { min-width: 0; max-width: 100%; }
@media (max-width: 1023px) {
	.course-body .course-grid { grid-template-columns: 1fr; }
	.course-body .sticky-pricing-sidebar { position: static; max-height: none; overflow: visible; margin-top: 24px; }
}

/* ---------- Pricing sidebar redesign (match master reference card) ---------- */
.course-body .sticky-pricing-sidebar .pricing-tabs { position: relative; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }
.course-body .sticky-pricing-sidebar .pricing-tabs::before { content: ''; display: block; height: 6px; background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 45%, var(--teal) 100%); }
.pricing-side-label { padding: 18px 20px 14px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--primary); }
/* Segmented mode tabs */
.pricing-tabs .tab-list { display: flex; margin: 0 20px 18px; border: 1px solid var(--gray-200); border-radius: 10px; overflow: hidden; background: var(--white); }
.pricing-tabs .pricing-tab-btn { flex: 1 1 0; padding: 11px 8px; border: none; border-right: 1px solid var(--gray-200); border-bottom: none; background: var(--white); color: var(--primary); font-size: 13px; font-weight: 600; cursor: pointer; transition: var(--transition); line-height: 1.25; }
.pricing-tabs .pricing-tab-btn:last-child { border-right: none; }
.pricing-tabs .pricing-tab-btn:hover { background: var(--gray-50); color: var(--primary); }
.pricing-tabs .pricing-tab-btn.active { background: var(--primary); color: var(--white); font-weight: 700; border-bottom: none; }
/* Inner panel becomes borderless - the wrapper card carries the frame */
.pricing-tabs .pricing-card { border: none !important; border-radius: 0 !important; box-shadow: none !important; }
.pricing-tabs .tab-panels { padding: 4px 20px 20px; }
/* Header: small uppercase plan label + status badge */
.pricing-tabs .pricing-header { margin-bottom: 14px; gap: 10px; }
.pricing-tabs .pricing-plan-label { font-size: 11.5px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--gray-500); margin: 0 0 10px; }
.pricing-tabs .discount { padding: 6px 12px; border-radius: 8px; font-size: 10.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; white-space: nowrap; flex-shrink: 0; }
.pricing-tabs .discount--limited { background: #FEF3C7 !important; color: #B45309 !important; }
.pricing-tabs .discount--popular { background: #DBEAFE !important; color: #1D4ED8 !important; }
.pricing-tabs .discount--best { background: #DCFCE7 !important; color: #15803D !important; }
/* Price row: current price big + dark on the left, struck original on the right */
.pricing-tabs .pricing-value-wrapper { flex-direction: row-reverse; justify-content: flex-start; gap: 10px; align-items: baseline; }
.pricing-tabs .pricing-current-price { font-size: 28px; font-weight: 800; color: var(--gray-900); letter-spacing: -.5px; line-height: 1.1; }
.pricing-tabs .pricing-original-price { font-size: 0; color: var(--gray-400); }
.pricing-tabs .pricing-original-price del { font-size: 14.5px; font-weight: 600; }
/* Savings pill */
.save-pill { display: inline-flex; align-items: center; background: #DCFCE7; color: #15803D; font-size: 12.5px; font-weight: 700; padding: 6px 12px; border-radius: 8px; margin: 2px 0 4px; }
/* Content divider + title */
.pricing-tabs .pricing-card-content { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--gray-200); }
.pricing-tabs .pricing-card-title { font-size: 14.5px; font-weight: 700; color: var(--gray-800); margin: 0 0 12px; line-height: 1.45; }
/* Feature list: blue dot bullets */
.pricing-tabs .feature-list { margin: 0 0 16px; }
.pricing-tabs .feature-list-item { gap: 10px; margin-bottom: 10px; }
.pricing-tabs .feature-list-icon { margin-top: 7px; }
.pricing-tabs .feature-list-icon svg { display: none; }
.pricing-tabs .feature-list-icon::before { content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--primary); }
.pricing-tabs .feature-list-text { font-size: 13.5px; color: var(--gray-600); line-height: 1.55; }
/* Bonus box: amber */
.pricing-tabs .bonus-box { background: #FFFBEB; border: 1px solid #FDE68A; border-radius: 10px; padding: 12px 16px; color: #92400E; font-size: 13px; font-weight: 600; margin-bottom: 16px; }
.pricing-tabs .bonus-star { color: #F59E0B; flex-shrink: 0; }
/* Upcoming batches */
.pricing-tabs .date-title { font-size: 14.5px; }
.pricing-tabs .calendar-icon { color: var(--gray-700); }
.pricing-tabs .b-chip { background: #EFF6FF; border: 1px solid #BFDBFE; color: var(--primary); font-size: 10px; font-weight: 600; padding: 4px 5px; border-radius: 8px; display: inline-flex; align-items: center; white-space: nowrap; }
.pricing-tabs a { text-decoration: none; }
.pricing-tabs a:hover .b-chip { background: #DBEAFE; }
/* Enroll CTA */
.pricing-tabs .enroll-btn { background: linear-gradient(135deg, var(--primary-light), var(--primary) 55%, var(--primary-dark)); border-radius: 12px; padding: 15px; font-size: 15px; font-weight: 700; margin-top: 4px; box-shadow: 0 4px 14px rgba(37, 99, 235, .35); transition: var(--transition); }
.pricing-tabs .enroll-btn:hover { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(37, 99, 235, .4); }
/* Note + show-all link */
.pricing-tabs .price-note { font-size: 12.5px; color: var(--danger); font-weight: 600; text-align: center; margin-top: 12px; }
.pricing-tabs .price-note::before { content: '✅ '; }
.pricing-tabs .show-all-classes-wrapper { text-align: center; margin-top: 10px; }
.pricing-tabs .link-like { font-size: 13px; font-weight: 600; color: var(--primary); justify-content: center; gap: 6px; }
/* Contact card: separate white card below */
.aside-divider { display: none; }
.sidebar-contact-card { margin-top: 16px; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: 18px 20px; text-align: center; box-shadow: var(--shadow-sm); }
.contact-label { font-size: 13.5px; font-weight: 600; color: var(--gray-800); margin-bottom: 6px; }
.contact-phone-link { font-size: 22px; font-weight: 800; letter-spacing: -.3px; }
@media (max-width: 480px) {
	.pricing-side-label { padding: 16px 16px 12px; }
	.pricing-tabs .tab-list { margin: 0 16px 14px; }
	.pricing-tabs .tab-panels { padding: 2px 16px 16px; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}




@media (max-width: 767px) { .mobile-hide-image { display: none; } }
/* Very narrow screens: let date chips wrap instead of overflowing */
@media (max-width: 359px) { .pricing-tabs .batch-chips { flex-wrap: wrap; justify-content: flex-start; } }


  .sect-title  {
    font-size: 32px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
    line-height: 1.3;
  }


  #city-list-section {
        background: #ffffff;
        border-radius: 20px;
        
        margin-bottom: 50px;
        position: relative;
        overflow: hidden;
    }

    #city-list-section::before {
        content: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 300px;
        height: 300px;
        background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(168, 85, 247, 0.1) 100%);
        border-radius: 50%;
        transform: translate(100px, -100px);
        z-index: 0;
    }

    .city-list-title {
        font-family: var(--font);
        font-weight: 700;
        font-size: 32px;
        color: #1e293b;
        margin-bottom: 40px;
        position: relative;
        z-index: 1;
    }

    .city-list-subtitle { font-family: var(--font); font-size:  15px; font-weight: 500; color: #4b5563; text-transform: none; letter-spacing:  0; line-height: 1.6; margin: -26px 0 24px; position: relative; z-index:  1; }
    .city-pills-container {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        transition: max-height 0.5s ease-out;
    }

    .city-pill-btn {
        background: #ffffff;
        color: #334155;
        padding: 6px 14px; border-radius: 50px;
        text-decoration: none;
        font-size: 15px;
        font-weight: 500;
        transition: all 0.2s ease;
        border:  1.5px solid var(--gray-200);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }

    .city-pill-btn:hover {
        background: #eff6ff;
        color: #2563eb;
        border-color: #bfdbfe;
        transform: translateY(-2px);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }


 
  .brochure-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        align-items: center;
        justify-content: center;
    }

    .brochure-modal.active {
        display: flex;
    }

    .brochure-modal-content {
        background: white;
        width: 90%;
        max-width: 600px;
        border-radius: 8px;
        overflow: visible;
        position: relative;
    }

    .brochure-modal-content * {
        box-sizing: border-box;
    }

    .brochure-modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 20px;
        background: #f8f9fa;
        border-bottom: 1px solid #e9ecef;
    }

    .brochure-modal-header h3 {
        margin: 0;
        font-size: 18px;
        color: #333;
    }

    .brochure-modal-close {
        background: none;
        border: none;
        font-size: 28px;
        cursor: pointer;
        color: #666;
        line-height: 1;
        padding: 0;
        width: 30px;
        height: 30px;
    }

    .brochure-modal-close:hover {
        color: #333;
    }

    .brochure-modal-body {
        padding: 0;
        margin: 0;
    }

    #brochureIframe,
    #enrollIframe {
        width: 100%;
        border: none;
        margin: 0;
        padding: 0;
        display: block;
    }

    /* Enroll Now modal — cart card styled like modal-suite-get-brochure.html (Modal 3) */
    #enrollModal .brochure-modal-content {
        max-width: 900px;
        border-radius: 14px;
        box-shadow: 0 24px 60px rgba(11,42,91,0.28);
        overflow: hidden;
    }
    #enrollModal .ic-cart-close{
        position:absolute; top:14px; right:14px;
        width:32px; height:32px; border-radius:50%;
        background:rgba(255,255,255,0.92);
        border:none; cursor:pointer;
        display:flex; align-items:center; justify-content:center;
        font-size:18px; color:#0B2A5B;
        z-index:5;
        box-shadow:0 2px 8px rgba(0,0,0,0.12);
        transition:background .15s ease;
        line-height:1;
    }
    #enrollModal .ic-cart-close:hover{ background:#fff; }

    #enrollIframe {
        height: 600px; /* initial height while the form loads (JS resizes it after) */
    }

    /* Keep a tall form reachable: scroll inside the modal body instead of cutting it off */
    #enrollModal .brochure-modal-body {
        max-height: calc(100vh - 120px);
        overflow-y: auto;
    }

    @media (max-width: 768px) {
        .brochure-modal-content {
            width: 95%;
            max-height: 95vh;
        }

        .brochure-modal-header h3 {
            font-size: 16px;
        }
    }
    
        
        /* Design tokens are scoped to .ic-overlay so the page's own
           :root variables and styles are not touched. */
        .ic-overlay{
            --ic-navy:#0B2A5B; --ic-blue:#1657D0; --ic-blue-deep:#0E3FA3; --ic-blue-pale:#EAF1FF;
            --ic-gold:#F2A93B; --ic-ink:#1A2233; --ic-grey:#6B7280; --ic-grey-light:#98A2B3;
            --ic-line:#E3E7EE; --ic-white:#FFFFFF;
            --ic-radius:14px; --ic-shadow:0 24px 60px rgba(11,42,91,0.28);
            --ic-font-head:'Poppins',sans-serif; --ic-font-body:'Inter',sans-serif;
            position:fixed; inset:0;
            background:rgba(10,20,40,0.55);
            display:flex; align-items:center; justify-content:center;
            padding:20px;
            z-index:10000;
            opacity:0; visibility:hidden;
            transition:opacity .2s ease;
            font-family:var(--ic-font-body);
            color:var(--ic-ink);
            text-align:left;
        }
        .ic-overlay.is-open{ opacity:1; visibility:visible; }

        .ic-modal{
            position:relative;
            width:100%; max-width:780px; max-height:92vh;
            background:var(--ic-white);
            border-radius:var(--ic-radius);
            box-shadow:var(--ic-shadow);
            display:flex; overflow:hidden;
            transform:translateY(14px) scale(.98);
            opacity:0;
            transition:transform .25s ease, opacity .25s ease;
        }
        .ic-overlay.is-open .ic-modal{ transform:translateY(0) scale(1); opacity:1; }

        .ic-close{
            position:absolute; top:14px; right:14px;
            width:32px; height:32px; border-radius:50%;
            background:rgba(255,255,255,0.9);
            border:none; cursor:pointer;
            display:flex; align-items:center; justify-content:center;
            font-size:18px; color:var(--ic-navy);
            z-index:5;
            box-shadow:0 2px 8px rgba(0,0,0,0.12);
            transition:background .15s ease;
            line-height:1;
        }
        .ic-close:hover{ background:#fff; }

        .ic-panel{
            position:relative;
            flex:0 0 42%;
            background:linear-gradient(160deg, var(--ic-navy) 0%, var(--ic-blue-deep) 55%, var(--ic-blue) 100%);
            color:#fff;
            padding:34px 30px;
            display:flex; flex-direction:column; justify-content:space-between;
            overflow:hidden;
        }
        .ic-panel::before{
            content:"";
            position:absolute; right:-60px; bottom:-60px;
            width:220px; height:220px; border-radius:50%;
            background:radial-gradient(circle, rgba(242,169,59,0.28) 0%, rgba(242,169,59,0) 70%);
        }
        .ic-panel::after{
            content:"";
            position:absolute; left:-40px; top:-40px;
            width:140px; height:140px; border-radius:50%;
            background:radial-gradient(circle, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 70%);
        }
        .ic-eyebrow{
            font-size:12px; font-weight:600; letter-spacing:.02em;
            color:var(--ic-gold);
            margin-bottom:10px;
            position:relative; z-index:1;
        }
        .ic-panel h2{
            font-family:var(--ic-font-head);
            font-size:24px;
            line-height:1.28;
            margin:0 0 18px;
            position:relative; z-index:1;
        }
        .ic-benefits{
            list-style:none; margin:0 0 22px; padding:0;
            display:flex; flex-direction:column; gap:13px;
            position:relative; z-index:1;
        }
        .ic-benefits li{
            display:flex; gap:10px; align-items:flex-start;
            font-size:13.5px; line-height:1.45;
            color:rgba(255,255,255,0.92);
        }
        .ic-benefits svg{ flex:none; margin-top:1px; }

        .ic-badge{
            position:relative; z-index:1;
            display:flex; align-items:center; gap:12px;
            padding-top:18px;
            border-top:1px solid rgba(255,255,255,0.18);
        }
        .ic-badge .num{ font-family:var(--ic-font-head); font-size:20px; font-weight:700; }
        .ic-badge .lbl{ font-size:11.5px; color:rgba(255,255,255,0.75); line-height:1.3; }

        .ic-form-side{
            flex:1;
            padding:38px 34px 30px;
            overflow-y:auto;
            position:relative;
        }
        .ic-form-side h3{
            font-family:var(--ic-font-head);
            font-size:21px;
            color:var(--ic-navy);
            margin:0 0 4px;
        }
        .ic-form-side .ic-sub{
            font-size:13.5px; color:var(--ic-grey); margin:0 0 22px;
        }

        .ic-field{ position:relative; margin-bottom:18px; }
        .ic-field input, .ic-field select{
            width:100%;
            font-family:var(--ic-font-body);
            font-size:14.5px;
            padding:12px 2px 8px;
            border:none; border-bottom:1.5px solid var(--ic-line);
            background:transparent;
            outline:none;
            color:var(--ic-ink);
            transition:border-color .15s ease;
        }
        .ic-field input:focus, .ic-field select:focus{ border-bottom-color:var(--ic-blue); }
        .ic-field label{
            position:absolute; left:2px; top:12px;
            font-size:14.5px; color:var(--ic-grey);
            pointer-events:none;
            transition:all .15s ease;
        }
        .ic-field input:focus + label,
        .ic-field input:not(:placeholder-shown) + label{
            top:-4px; font-size:11.5px; color:var(--ic-blue); font-weight:600;
        }
        .ic-field input::placeholder{ color:transparent; }

        .ic-phone-row{ display:flex; gap:10px; }
        .ic-phone-row .ic-cc{ flex:0 0 92px; }
        .ic-phone-row .ic-cc select{ border-bottom:1.5px solid var(--ic-line); padding-top:12px; }
        .ic-phone-row .ic-field{ flex:1; margin-bottom:18px; }

        .ic-consent{
            display:flex; gap:10px; align-items:flex-start;
            font-size:12px; color:var(--ic-grey); line-height:1.5;
            margin:4px 0 20px;
        }
        .ic-consent input{ margin-top:2px; accent-color:var(--ic-blue); flex:none; }
        .ic-consent a{ color:var(--ic-blue); text-decoration:none; font-weight:500; }
        .ic-consent a:hover{ text-decoration:underline; }

        .ic-form-error{
            display:none;
            background:#FDECEC; color:#C0392B;
            font-size:12.5px; line-height:1.4;
            padding:10px 12px; border-radius:8px;
            margin:0 0 16px;
        }

        .ic-submit{
            width:100%;
            background:var(--ic-blue);
            color:#fff;
            border:none;
            font-family:var(--ic-font-body);
            font-weight:600;
            font-size:15px;
            padding:14px;
            border-radius:8px;
            cursor:pointer;
            transition:background .15s ease, transform .1s ease;
        }
        .ic-submit:hover{ background:var(--ic-blue-deep); }
        .ic-submit:active{ transform:scale(.99); }
        .ic-submit:disabled{ opacity:.7; cursor:default; }

        .ic-trust{ text-align:center; font-size:11.5px; color:var(--ic-grey); margin-top:14px; }

        .ic-success{
            display:none;
            flex-direction:column; align-items:center; text-align:center;
            padding:40px 10px;
        }
        .ic-success.is-active{ display:flex; }
        .ic-form-body.is-hidden{ display:none; }
        .ic-success .ic-check{
            width:56px; height:56px; border-radius:50%;
            background:var(--ic-blue-pale);
            display:flex; align-items:center; justify-content:center;
            margin-bottom:16px;
        }
        .ic-success h4{ font-family:var(--ic-font-head); color:var(--ic-navy); margin:0 0 8px; font-size:18px; }
        .ic-success p{ color:var(--ic-grey); font-size:13.5px; margin:0; max-width:320px; }

        @media (max-width:680px){
            .ic-modal{ flex-direction:column; max-height:94vh; }
            .ic-panel{ flex:none; padding:24px 22px 20px; }
            .ic-panel h2{ font-size:19px; margin-bottom:12px; }
            .ic-benefits{ display:none; }
            .ic-badge{ display:none; }
            .ic-form-side{ padding:26px 22px 26px; }
        }