@keyframes thCcFadeInUp { from { opacity: 0;
    transform: translateY(30px); }
  to { opacity: 1;
    transform: translateY(0); } }

@keyframes thCcFadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.th-cc-overview-2026 { background-color: #ffffff; color: #020817; line-height: 1.5; font-family: "Quicksand", Arial, Helvetica, sans-serif; overflow-x: hidden; scroll-behavior: smooth; }

.th-cc-overview-2026 *, .th-cc-overview-2026 *::before, .th-cc-overview-2026 *::after { margin: 0; padding: 0; box-sizing: border-box; }

.th-cc-overview-2026 a { text-decoration: none; }

.th-cc-overview-2026 ul, .th-cc-overview-2026 ol { list-style: none; }

.th-cc-overview-2026 h1, .th-cc-overview-2026 h2, .th-cc-overview-2026 h3, .th-cc-overview-2026 h4, .th-cc-overview-2026 h5, .th-cc-overview-2026 h6 { color: #020817; font-weight: 700; line-height: 1.2; }

.th-cc-overview-2026 p { font-weight: 500; }

.th-cc-overview-2026 button { font: inherit; }

.th-cc-overview-2026 img, .th-cc-overview-2026 svg { display: block; max-width: 100%; vertical-align: middle; }

.th-cc-overview-2026-gradient-text { background: linear-gradient(135deg, #67b26f, #4ca2cd); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; display: inline-block; line-height: 1.2; padding-bottom: 0.1em; }

.th-cc-overview-2026-hero-ctas-vibrant, .th-cc-overview-2026-hero-ctas-outline, .th-cc-overview-2026-courses-cta-btn-green, .th-cc-overview-2026-course-card-btn-outline, .th-cc-overview-2026-cta-inner-btn-white { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 2.75rem; font-family: inherit; font-weight: 600; font-size: 1.125rem; padding: 1rem 2.5rem; border-radius: 0.5rem; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease; text-align: center; line-height: 1.2; }

.th-cc-overview-2026-hero { position: relative; padding: 5rem 0.875rem 2.5rem; background-image: linear-gradient(to bottom right, rgba(55, 91, 154, 0.05), rgba(241, 245, 249, 0.1), white); overflow: hidden; }

@media (min-width: 640px) { .th-cc-overview-2026-hero { padding: 5rem 1.5rem 2.5rem; } }

@media (min-width: 1024px) { .th-cc-overview-2026-hero { padding: 8rem 2rem 4rem; } }

.th-cc-overview-2026-hero-inner { max-width: 1100px; margin: 0 auto; text-align: center; animation: thCcFadeInUp 0.6s ease-out forwards; }

.th-cc-overview-2026-hero-inner h1 { font-size: 2.25rem; margin-bottom: 2rem; line-height: 1.15; }

@media (min-width: 1024px) { .th-cc-overview-2026-hero-inner h1 { font-size: 3rem; } }

.th-cc-overview-2026-hero-subhead { font-size: 1.25rem; color: #64748b; max-width: 60rem; margin: 0 auto 3rem; line-height: 1.625; max-width: 56rem; }

@media (min-width: 1024px) { .th-cc-overview-2026-hero-subhead { font-size: 1.5rem; line-height: 2rem; } }

.th-cc-overview-2026-hero-upi { color: #2b4778; font-weight: 600; }

.th-cc-overview-2026-hero-ctas { display: flex; flex-direction: column; gap: 1.5rem; justify-content: center; align-items: center; }

@media (min-width: 640px) { .th-cc-overview-2026-hero-ctas { flex-direction: row; } }

.th-cc-overview-2026-hero-ctas-vibrant { background-image: linear-gradient(126deg, #4a3f8c, #8c4f8c, #d96079); color: #fff; box-shadow: 0 10px 20px -5px rgba(54, 96, 156, 0.25); }

.th-cc-overview-2026-hero-ctas-vibrant:hover { color: #fff; opacity: 0.95; }

@media (min-width: 640px) { .th-cc-overview-2026-hero-ctas-vibrant { width: initial; } }

.th-cc-overview-2026-hero-ctas-outline { background-color: transparent; color: #2b4778; border: 1px solid #2b4778; }

.th-cc-overview-2026-hero-ctas-outline:hover { background-color: #2b4778; color: #fff; }

@media (min-width: 640px) { .th-cc-overview-2026-hero-ctas-outline { width: initial; } }

.th-cc-overview-2026-timeline { padding: 4rem 1rem; background-color: #ffffff; }

@media (min-width: 640px) { .th-cc-overview-2026-timeline { padding: 4rem 1.5rem; } }

@media (min-width: 1024px) { .th-cc-overview-2026-timeline { padding: 5rem 2rem; } }

.th-cc-overview-2026-timeline-inner { max-width: 1280px; margin: 0 auto; position: relative; }

.th-cc-overview-2026-timeline-line { display: none; }

@media (min-width: 1024px) { .th-cc-overview-2026-timeline-line { display: block; position: absolute; top: 2rem; left: 12.5%; right: 12.5%; height: 4px; background-color: #e2e8f0; z-index: 0; } }

.th-cc-overview-2026-timeline-steps { display: flex; flex-direction: column; gap: 2rem; position: relative; z-index: 1; }

@media (min-width: 1024px) { .th-cc-overview-2026-timeline-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; } }

.th-cc-overview-2026-timeline-step { display: flex; gap: 1rem; animation: thCcFadeIn 0.6s ease-out forwards; }

.th-cc-overview-2026-timeline-step-circle { flex-shrink: 0; width: 3rem; height: 3rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; }

.th-cc-overview-2026-timeline-step-circle span { color: #ffffff; font-weight: 700; font-size: 1.125rem; }

@media (min-width: 1024px) { .th-cc-overview-2026-timeline-step-circle { width: 4rem; height: 4rem; }
  .th-cc-overview-2026-timeline-step-circle span { font-size: 1.25rem; }
  .th-cc-overview-2026-timeline-step-circle:hover { transform: scale(1.1); } }

.th-cc-overview-2026-timeline-step-circle.circle-1 { background-image: linear-gradient(135deg, #3b82f6, #4f46e5); }

.th-cc-overview-2026-timeline-step-circle.circle-2 { background-image: linear-gradient(135deg, #10b981, #0d9488); }

.th-cc-overview-2026-timeline-step-circle.circle-3 { background-image: linear-gradient(135deg, #a855f7, #ec4899); }

.th-cc-overview-2026-timeline-step-circle.circle-4 { background-image: linear-gradient(135deg, #f59e0b, #d97706); }

.th-cc-overview-2026-timeline-step-content { padding-top: 5px; }

.th-cc-overview-2026-timeline-step h3 { font-size: 1.125rem; color: #375b9a; margin-bottom: 0.25rem; font-weight: 700; }

.th-cc-overview-2026-timeline-step p { font-size: 0.875rem; color: #64748b; line-height: 1.5; }

@media (min-width: 1024px) { .th-cc-overview-2026-timeline-step { flex-direction: column; align-items: center; text-align: center; gap: 1.5rem; }
  .th-cc-overview-2026-timeline-step h3 { font-size: 1.25rem; }
  .th-cc-overview-2026-timeline-step p { color: #020817; max-width: 200px; } }

.th-cc-overview-2026-courses { padding: 4rem 0.875rem; background-color: rgba(226, 232, 240, 0.3); }

@media (min-width: 640px) { .th-cc-overview-2026-courses { padding: 4rem 1.5rem; } }

@media (min-width: 1024px) { .th-cc-overview-2026-courses { padding: 5rem 2rem; } }

.th-cc-overview-2026-courses-inner { max-width: 1280px; margin: 0 auto; }

.th-cc-overview-2026-courses-header { text-align: center; margin-bottom: 4rem; }

.th-cc-overview-2026-courses-header h2 { font-size: 1.875rem; color: #020817; margin-bottom: 1rem; }

@media (min-width: 1024px) { .th-cc-overview-2026-courses-header h2 { font-size: 2.25rem; } }

.th-cc-overview-2026-courses-header p { font-size: 1.125rem; color: #64748b; max-width: 56rem; margin: 0 auto; line-height: 1.6; }

.th-cc-overview-2026-courses-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; max-width: 64rem; margin: 0 auto; }

@media (min-width: 768px) { .th-cc-overview-2026-courses-grid { grid-template-columns: repeat(2, 1fr); } }

.th-cc-overview-2026-courses-cta { text-align: center; margin-top: 4rem; }

.th-cc-overview-2026-courses-cta p { font-size: 1.25rem; color: #64748b; margin-bottom: 1.5rem; }

.th-cc-overview-2026-courses-cta-btn-green { padding: initial; font-weight: 700; color: #fff; background-image: linear-gradient(135deg, #67b26f, #4ca2cd); max-width: 325px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }

.th-cc-overview-2026-course-card { background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 0.75rem; padding: 2rem; box-shadow: 0 10px 25px -5px rgba(54, 96, 156, 0.1), 0 10px 10px -5px rgba(54, 96, 156, 0.04); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; }

.th-cc-overview-2026-course-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -10px rgba(54, 96, 156, 0.18), 0 10px 15px -5px rgba(54, 96, 156, 0.08); }

.th-cc-overview-2026-course-card:hover h3 { color: #375b9a; }

.th-cc-overview-2026-course-card h3 { font-size: 1.5rem; color: #020817; margin-bottom: 0.75rem; transition: color 0.3s ease; }

.th-cc-overview-2026-course-card-head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }

.th-cc-overview-2026-course-card-icon { width: 4rem; height: 4rem; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); flex-shrink: 0; }

.th-cc-overview-2026-course-card-icon img { width: 32px; height: 32px; }

.th-cc-overview-2026-course-card-icon-1 { background-image: linear-gradient(135deg, #f59e0b, #d97706); }

.th-cc-overview-2026-course-card-icon-2 { background-image: linear-gradient(135deg, #10b981, #0d9488); }

.th-cc-overview-2026-course-card-icon-3 { background-image: linear-gradient(135deg, #a855f7, #ec4899); }

.th-cc-overview-2026-course-card-icon-4 { background-image: linear-gradient(135deg, #3b82f6, #4f46e5); }

.th-cc-overview-2026-course-card-badge { border: 2px solid rgba(54, 96, 156, 0.2); color: #375b9a; background-color: transparent; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.02em; }

.th-cc-overview-2026-course-card-desc { color: #64748b; line-height: 1.6; margin-bottom: 1.5rem; flex-grow: 1; }

.th-cc-overview-2026-course-card-meta { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 2rem; }

.th-cc-overview-2026-course-card-meta li { display: flex; align-items: center; gap: 0.5rem; color: #64748b; font-weight: 600; }

.th-cc-overview-2026-course-card-meta li img { width: 18px; height: 18px; flex-shrink: 0; }

.th-cc-overview-2026-course-card-approval span { color: #3fd97f; }

.th-cc-overview-2026-course-card-btn-outline { height: 2.5rem; background-color: transparent; color: #2b4778; border: 2px solid #2b4778; }

.th-cc-overview-2026-course-card-btn-outline:hover { background-color: #2b4778; color: #fff; }

.th-cc-overview-2026-process { padding: 3rem 0.875rem; background-color: rgba(226, 232, 240, 0.3); }

@media (min-width: 640px) { .th-cc-overview-2026-process { padding: 3rem 1.5rem; } }

@media (min-width: 1024px) { .th-cc-overview-2026-process { padding: 4rem 2rem; } }

.th-cc-overview-2026-process-inner { max-width: 1280px; margin: 0 auto; }

.th-cc-overview-2026-process-heading { font-size: 1.5rem; margin-bottom: 2rem; }

@media (min-width: 1024px) { .th-cc-overview-2026-process-heading { font-size: 1.875rem; } }

.th-cc-overview-2026-process-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: start; margin-bottom: 4rem; }

@media (min-width: 1024px) { .th-cc-overview-2026-process-grid { grid-template-columns: repeat(2, 1fr); } }

.th-cc-overview-2026-process-steps { display: flex; flex-direction: column; gap: 1.5rem; }

.th-cc-overview-2026-process-step { display: flex; gap: 0.875rem; align-items: flex-start; animation: thCcFadeIn 0.6s ease-out forwards; }

.th-cc-overview-2026-process-step p { color: #020817; line-height: 1.625; padding-top: 0.375rem; flex: 1; }

.th-cc-overview-2026-process-step-num { flex-shrink: 0; width: 2.5rem; height: 2.5rem; border-radius: 9999px; background-color: #375b9a; display: flex; align-items: center; justify-content: center; }

.th-cc-overview-2026-process-step-num span { color: #ffffff; font-weight: 700; font-size: 1.125rem; }

.th-cc-overview-2026-process-image { display: none; }

@media (min-width: 1024px) { .th-cc-overview-2026-process-image { display: block; }
  .th-cc-overview-2026-process-image img { width: 100%; height: auto; border-radius: 0.75rem; border: 4px solid rgba(226, 232, 240, 0.5); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } }

.th-cc-overview-2026-process-already { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }

@media (min-width: 1024px) { .th-cc-overview-2026-process-already { grid-template-columns: repeat(2, 1fr); } }

.th-cc-overview-2026-process-already-image { display: none; }

@media (min-width: 1024px) { .th-cc-overview-2026-process-already-image { display: block; }
  .th-cc-overview-2026-process-already-image img { width: 100%; height: auto; border-radius: 0.75rem; border: 4px solid rgba(226, 232, 240, 0.5); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } }

.th-cc-overview-2026-process-already-card { background-color: #ffffff; border: 2px solid rgba(54, 96, 156, 0.2); border-radius: 0.75rem; padding: 2rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }

.th-cc-overview-2026-process-already-card-text { color: #020817; line-height: 1.625; margin-bottom: 0.75rem; }

.th-cc-overview-2026-process-already-card-note { font-size: 0.875rem; color: #64748b !important; margin-bottom: 0; }

.th-cc-overview-2026-process-already-card-head { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; }

.th-cc-overview-2026-process-already-card-head img { width: 24px; height: 24px; flex-shrink: 0; }

.th-cc-overview-2026-process-already-card-head h3 { font-size: 1.25rem; }

.th-cc-overview-2026-faq { position: relative; padding: 4rem 0.875rem; overflow: hidden; background-image: linear-gradient(135deg, #67b26f, #4ca2cd); }

@media (min-width: 640px) { .th-cc-overview-2026-faq { padding: 4rem 1.5rem; } }

@media (min-width: 1024px) { .th-cc-overview-2026-faq { padding: 5rem 2rem; } }

.th-cc-overview-2026-faq-inner { max-width: 56rem; margin: 0 auto; position: relative; }

.th-cc-overview-2026-faq-header { text-align: center; margin-bottom: 4rem; }

.th-cc-overview-2026-faq-header h2 { font-size: 1.875rem; color: #ffffff; margin-bottom: 1rem; }

@media (min-width: 1024px) { .th-cc-overview-2026-faq-header h2 { font-size: 2.25rem; } }

.th-cc-overview-2026-faq-header p { font-size: 1.125rem; color: rgba(255, 255, 255, 0.92); }

.th-cc-overview-2026-faq-list { display: flex; flex-direction: column; gap: 1.5rem; }

.th-cc-overview-2026-faq-item { background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 0.75rem; padding: 1.5rem; box-shadow: 0 10px 25px -5px rgba(54, 96, 156, 0.1), 0 10px 10px -5px rgba(54, 96, 156, 0.04); transition: transform 0.3s ease, box-shadow 0.3s ease; }

@media (hover: hover) { .th-cc-overview-2026-faq-item:hover { transform: translateY(-2px); box-shadow: 0 20px 40px -10px rgba(54, 96, 156, 0.18), 0 10px 15px -5px rgba(54, 96, 156, 0.08); cursor: pointer; }
  .th-cc-overview-2026-faq-item:hover summary { color: #2b4778; text-decoration: underline; } }

.th-cc-overview-2026-faq-item summary { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; font-weight: 700; font-size: 1.125rem; color: #020817; cursor: pointer; list-style: none; transition: color 0.2s ease; }

.th-cc-overview-2026-faq-item summary::-webkit-details-marker { display: none; }

.th-cc-overview-2026-faq-item summary::after { content: ""; flex-shrink: 0; align-self: center; width: 1rem; height: 1rem; margin-top: 0.25rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23020817' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.2s ease; }

.th-cc-overview-2026-faq-item[open] summary::after { transform: rotate(180deg); }

.th-cc-overview-2026-faq-answer { color: #64748b; line-height: 1.6; font-size: 1rem; padding-top: 1rem; }

.th-cc-overview-2026-faq-answer p { color: #64748b; }

.th-cc-overview-2026-faq-answer a { color: #2b4778; font-weight: 400; text-decoration: underline; transition: opacity 0.2s ease; }

.th-cc-overview-2026-faq-answer a:hover { opacity: 0.8; }

.th-cc-overview-2026-cta { position: relative; padding: 5rem 0.875rem; background-color: #2b4778; overflow: hidden; }

@media (min-width: 1024px) { .th-cc-overview-2026-cta { padding: 8rem 2rem; } }

.th-cc-overview-2026-cta-inner { max-width: 64rem; margin: 0 auto; text-align: center; position: relative; animation: thCcFadeInUp 0.6s ease-out forwards; }

.th-cc-overview-2026-cta-inner h2 { font-size: 1.875rem; color: #ffffff; margin-bottom: 2rem; line-height: 1.15; }

@media (min-width: 1024px) { .th-cc-overview-2026-cta-inner h2 { font-size: 3rem; } }

.th-cc-overview-2026-cta-inner p { font-size: 1.125rem; font-weight: 400; color: rgba(255, 255, 255, 0.92); margin-bottom: 3rem; line-height: 1.6; max-width: 56rem; margin-left: auto; margin-right: auto; }

@media (min-width: 1024px) { .th-cc-overview-2026-cta-inner p { font-size: 1.25rem; } }

.th-cc-overview-2026-cta-inner-btn-white { background-color: #fff; color: #4a448d; font-weight: 700; font-size: 1.25rem; line-height: 1.75rem; width: initial; padding: 0 3rem; }

.th-cc-overview-2026-cta-inner-btn-white:hover { transform: translateY(-2px); box-shadow: 0 20px 40px -10px rgba(54, 96, 156, 0.18), 0 10px 15px -5px rgba(54, 96, 156, 0.08); opacity: 0.85; }

.th-cc-overview-2026-cta-rocket { width: 8rem; height: 8rem; margin: 0 auto 2rem; display: flex; align-items: center; justify-content: center; }

.th-cc-overview-2026-cta-rocket img { width: 100%; height: 100%; }

.th-cc-overview-2026-cta-stats { display: grid; grid-template-columns: 1fr; gap: 3rem; margin-top: 4rem; color: #ffffff; }

.th-cc-overview-2026-cta-stats li { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }

@media (min-width: 768px) { .th-cc-overview-2026-cta-stats { grid-template-columns: repeat(3, 1fr); } }

.th-cc-overview-2026-cta-stat-number { font-size: 2.25rem; font-weight: 700; }

@media (min-width: 1024px) { .th-cc-overview-2026-cta-stat-number { font-size: 3rem; } }

.th-cc-overview-2026-cta-stat-label { font-size: 1.125rem; font-weight: 500; }

@media (prefers-reduced-motion: reduce) { .th-cc-overview-2026 *, .th-cc-overview-2026 *::before, .th-cc-overview-2026 *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }