html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.category-page{margin-top:0px;overflow-x:hidden}@media (max-width:768px){.category-page{margin-top:0}}.category-page .topbar{background:#c2410c;color:#fff;font-size:14px;font-family:var(--font-b);padding:9px 0;position:relative;z-index:10;border-bottom:none}.category-page .topbar:after{display:none}.category-page .topbar-inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 28px}.category-page .topbar-item{display:flex;align-items:center;gap:6px;color:#fff;font-weight:500;letter-spacing:.01em}.category-page .topbar-item a{color:#fff;text-decoration:none;font-weight:700;transition:color .2s}.category-page .topbar-item a:hover{color:#fff3e0}.category-page .topbar-sep{color:hsla(0,0%,100%,.4);font-size:16px}.breadcrumb-bar{background:var(--bg);border-bottom:1px solid var(--border);padding:11px 0;font-size:12.5px;font-family:var(--font-b);position:relative;z-index:5}.breadcrumb-bar .container{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 28px}.breadcrumb-bar a{color:#334155;text-decoration:none;font-weight:500;transition:color .2s}.breadcrumb-bar a:hover{color:var(--indigo-deep)}.bc-sep{color:#6b7280;font-size:11px}.breadcrumb-bar strong{color:var(--indigo-deep);font-weight:600}.container{max-width:1200px;margin:0 auto;padding:0 28px;position:relative;z-index:2}.cat-section-title{font-family:var(--font-h);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:300;line-height:1.12;letter-spacing:-.02em;color:var(--text);margin:0 0 8px}.cat-section-title strong{font-weight:700}.cat-section-title em{font-style:italic;background:linear-gradient(135deg,var(--teal-deep),var(--indigo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cat-section-sub{font-size:.92rem;color:#4b5563;line-height:1.75;margin:0 0 44px;max-width:520px}.cat-sec-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:100px;background:#fed7aa;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9a3412;margin-bottom:14px}.cat-sec-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--indigo)}.cat-content-section{padding:40px 0 64px;background:#fff;position:relative;z-index:2}.cat-content-section h2{font-family:var(--font-h);font-size:clamp(1.25rem,1.9vw,1.6rem);font-weight:600;color:var(--text);margin:0 0 14px;letter-spacing:-.015em;line-height:1.3}.cat-content-section h3{font-size:1.3rem;font-weight:800;color:var(--text);margin:32px 0 12px;position:relative;padding:8px 14px 8px 18px;background:linear-gradient(90deg,#fff7ed,rgba(255,247,237,0));border-radius:0 8px 8px 0;line-height:1.35}.cat-content-section h3:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--teal-deep),var(--indigo))}.cat-content-section p{font-size:.9rem;line-height:1.85;margin:0 0 16px;overflow-wrap:break-word;word-break:break-word}.cat-content-section ol,.cat-content-section ul{padding-left:20px;margin:0 0 16px;list-style:disc;overflow-wrap:break-word;word-break:break-word}.cat-content-section li{font-size:.9rem;line-height:1.8;margin-bottom:7px;display:list-item;overflow-wrap:break-word;word-break:break-word}.cat-courses-section{padding:80px 0;background:var(--bg);position:relative;z-index:2}.cat-courses-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 0 0,rgba(59,130,246,.05),transparent),radial-gradient(ellipse 40% 50% at 100% 100%,rgba(249,115,22,.05),transparent);pointer-events:none}.cat-courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cat-courses-grid--2col{grid-template-columns:repeat(2,1fr)}.course-card{background:#fff;border-radius:var(--radius-lg);border:1.5px solid var(--border);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:all .35s var(--ease);position:relative;cursor:pointer}.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--indigo)}.course-card:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--teal-deep),var(--teal));transition:background .35s}.course-card:hover:before{background:linear-gradient(90deg,var(--indigo-deep),var(--indigo))}.course-card-img{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(160deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center}.course-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s var(--ease)}.course-card:hover .course-card-img img{transform:scale(1.06)}.course-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,15,30,.18),transparent 60%);pointer-events:none}.course-card-body{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}.course-card-title{font-family:var(--font-h);font-size:1.05rem;font-weight:600;color:var(--text);line-height:1.3;margin:0 0 10px;transition:color .25s}.course-card:hover .course-card-title{color:var(--indigo-deep)} .course-card-stars{color:#f59e0b;font-size:.85rem;display:flex;gap:2px}
.course-card-content{margin-top:14px;font-size:.88rem;line-height:1.75;color:#374151;overflow-wrap:break-word;word-break:break-word}
.course-card-content p{margin:0 0 10px}
.course-card-content ul,.course-card-content ol{padding-left:18px;margin:0 0 10px;list-style:disc}
.course-card-content li{margin-bottom:5px;display:list-item}.cat-companies-section{padding:48px 0;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;position:relative;z-index:2}.cat-companies-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);text-align:center;margin:0 0 24px}.cat-companies-track-wrap{overflow:hidden;position:relative}.cat-companies-track-wrap:after,.cat-companies-track-wrap:before{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.cat-companies-track-wrap:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.cat-companies-track-wrap:after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}.cat-companies-track{display:flex;gap:16px;width:max-content;animation:cat-scroll-companies 30s linear infinite}.cat-company-logo{flex-shrink:0;padding:10px 24px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.82rem;font-weight:700;color:#374151;white-space:nowrap;box-shadow:var(--shadow);transition:border-color .25s,color .25s}.cat-company-logo:hover{border-color:var(--indigo);color:var(--indigo-deep)}@keyframes cat-scroll-companies{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.cat-faq-section{padding:80px 0;background:#fff;position:relative;z-index:2}/* hide the FAQ section when a page has no FAQ items (avoids a blank gap above the footer) */
.cat-faq-section:not(:has(.faq-item)){display:none}
.faq-list{display:flex;flex-direction:column;gap:10px;max-width:800px}.faq-item{border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}.faq-item.faq-open{border-color:rgba(249,115,22,.35);box-shadow:0 4px 20px rgba(249,115,22,.08)}.faq-question{width:100%;background:var(--bg);border:none;text-align:left;padding:18px 22px;font-family:var(--font-b);font-size:.88rem;font-weight:600;color:var(--text-2);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background .2s,color .2s;line-height:1.45}.faq-item.faq-open .faq-question,.faq-question:hover{background:var(--indigo-pale);color:var(--indigo-deep)}.faq-icon{width:26px;height:26px;border-radius:50%;background:var(--bg-2);border:1.5px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;color:var(--text-3);flex-shrink:0;transition:background .25s,color .25s,transform .3s var(--ease);line-height:1}.faq-item.faq-open .faq-icon{background:var(--indigo-deep);color:#fff;border-color:var(--indigo-deep);transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease),padding-top .4s var(--ease);padding:0 22px}.faq-answer p{font-size:.86rem;color:var(--text-3);line-height:1.8}.faq-answer p,.faq-answer ul{margin:0 0 16px;overflow-wrap:break-word;word-break:break-word}.faq-answer ul{padding-left:18px}.faq-answer li{font-size:.86rem;color:var(--text-3);line-height:1.75;margin-bottom:6px;overflow-wrap:break-word;word-break:break-word}.faq-answer li,.faq-answer p{color:#374151}.cat-pincode-section{padding:60px 0 72px;background:var(--bg);border-top:1px solid var(--border);position:relative;z-index:2;overflow:hidden}.cat-pincode-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 60% at 0 100%,rgba(59,130,246,.04),transparent),radial-gradient(ellipse 30% 50% at 100% 0,rgba(249,115,22,.04),transparent);pointer-events:none}.pincode-block{margin-bottom:32px;padding:28px 32px;background:#fff;border-radius:var(--radius-lg);border:1.5px solid var(--border);box-shadow:var(--shadow);position:relative;overflow:hidden}.pincode-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal-deep),var(--teal),var(--indigo))}.pincode-block:last-child{margin-bottom:0}.pincode-block--course:before{background:linear-gradient(90deg,var(--indigo-deep),var(--indigo),var(--rose))}.pincode-heading{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin:0 0 14px;display:flex;align-items:center;gap:8px}.pincode-heading:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--indigo);flex-shrink:0}.pincode-block--course .pincode-heading:before{background:var(--indigo-deep)}.pincode-text{font-size:.8rem;color:#475569;line-height:1.9;margin:0;overflow-wrap:break-word;word-break:break-word}@media (max-width:1024px){.cat-courses-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.category-page{margin-top:0}.cat-courses-grid{grid-template-columns:1fr}.cat-content-section,.cat-courses-section,.cat-faq-section,.cat-pincode-section{padding:52px 0}.topbar-inner{gap:8px;font-size:11.5px}.pincode-block{padding:20px 18px}.faq-question{padding:15px 16px;font-size:.84rem}.cat-content-section ol,.cat-content-section ul{padding-left:18px}.cat-content-section li,.cat-content-section p{font-size:.94rem;color:#374151}.cat-section-sub{margin-bottom:28px}}@media (max-width:480px){.container{padding:0 16px}.cat-courses-grid{grid-template-columns:1fr}.topbar-inner{flex-direction:column;gap:5px;text-align:center}.topbar-sep{display:none}.cat-content-section ol,.cat-content-section ul{padding-left:14px}.pincode-text{font-size:.82rem;line-height:2}.breadcrumb-bar .container{gap:4px}.faq-icon{width:22px;height:22px;font-size:12px}}.cat-content-section a{color:var(--indigo-deep);text-underline-offset:3px;font-weight:500;transition:color .2s}.cat-content-section a:hover{color:var(--indigo)}.faq-answer a{color:var(--indigo-deep);text-underline-offset:3px;font-weight:500;transition:color .2s}.faq-answer a:hover{color:var(--indigo)}.pincode-text a{color:var(--indigo-deep);text-underline-offset:3px;transition:color .2s}.pincode-text a:hover{color:var(--indigo)}
@media (max-width:480px){.category-page .topbar{padding:7px 0}.category-page .topbar-inner{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 14px;padding:0;font-size:12px;line-height:1.4}.category-page .topbar-item{gap:5px;white-space:nowrap}}
.cat-de .course-card{cursor:default}
.cat-de .course-card-title a,.cat-de .cat-card-name a{color:inherit;text-decoration:none;transition:color .2s}
.cat-de .course-card-title a:hover,.cat-de .cat-card-name a:hover{color:var(--indigo-deep)}
.cat-de .cat-card-subtitle{font-size:.8rem;color:#4b5563;line-height:1.5;margin:0 0 10px}
.cat-de .cat-card-badge{align-self:flex-start;display:inline-flex;padding:4px 12px;border-radius:100px;background:#fed7aa;color:#9a3412;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.cat-de .cat-card-name{font-family:var(--font-h);font-size:.95rem;font-weight:600;color:var(--text-2);line-height:1.4;margin:0}
.cat-de .cat-card-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px}
.cat-de .cat-btn{display:inline-block;padding:10px 16px;border:1.5px solid var(--indigo-deep);border-radius:var(--radius);font-family:var(--font-b);font-size:.82rem;font-weight:600;line-height:1.3;text-decoration:none;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.cat-de .cat-btn-primary{background:var(--indigo-deep);color:#fff}
.cat-de .cat-btn-primary:hover{background:var(--indigo);border-color:var(--indigo)}
.cat-de .cat-btn-secondary{background:#fff;color:var(--indigo-deep)}
.cat-de .cat-btn-secondary:hover{background:var(--indigo-pale)}
@media (max-width:480px){.cat-de .cat-btn{flex:1 1 100%;text-align:center}}
.cat-de .course-card-content strong{font-weight:700;color:var(--text)}
.cat-de .cat-card-name{font-weight:700}
.category-page .cat-page-title{font-family:var(--font-h);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--text);margin:0 0 18px}
.category-page .cat-content-section{padding-top:24px}
@media (max-width:480px){.category-page .cat-content-section{padding-top:18px}}
.cat-tools-head{text-align:center;margin-bottom:30px}
.cat-tools-title{font-family:var(--font-h);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;color:#0f172a;margin:0 0 10px;letter-spacing:-.015em;line-height:1.2;position:relative;z-index:3}
.cat-tools-sub{font-size:1.02rem;font-weight:500;color:#334155;margin:0;line-height:1.6;position:relative;z-index:3}
@media (max-width:768px){.cat-tools-title{font-size:1.55rem}.cat-tools-sub{font-size:.95rem}}
.cat-tools-title:after{display:none}
.cat-tools-wrap{position:relative;overflow:hidden;padding:14px 0}
.cat-tools-wrap:before,.cat-tools-wrap:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.cat-tools-wrap:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.cat-tools-wrap:after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.cat-tools-track{display:flex;width:max-content;animation:cat-tools-scroll 35s linear infinite}
.cat-tools-wrap:hover .cat-tools-track{animation-play-state:paused}
.cat-tools-section{padding:56px 0;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;position:relative;z-index:2}
.cat-tool{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-right:16px;padding:10px 22px 10px 10px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.cat-tool:hover{transform:translateY(-4px);border-color:var(--indigo);box-shadow:var(--shadow-lg)}
.cat-tool-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--indigo-deep);background:var(--indigo-pale);flex-shrink:0;transition:background .3s,color .3s}
.cat-tool:hover .cat-tool-icon{background:var(--indigo-deep);color:#fff}
.cat-tool-name{font-size:.9rem;font-weight:600;color:var(--text-2);white-space:nowrap}
.cat-tool-icon img{width:30px;height:30px;object-fit:contain;display:block}
.cat-tool--selenium{--c:#43B02A}
.cat-tool--playwright{--c:#2EAD33}
.cat-tool--java{--c:#E76F00}
.cat-tool--python{--c:#3776AB}
.cat-tool--jira{--c:#0052CC}
.cat-tool--postman{--c:#FF6C37}
.cat-tool--git{--c:#F05032}
.cat-tool--github{--c:#24292F}
.cat-tool--jenkins{--c:#D24939}
.cat-tool--docker{--c:#2496ED}
.cat-tool--aws{--c:#FF9900}
.cat-tool--sql{--c:#00758F}
.cat-tool--js{--c:#F0B400}
.cat-tool--react{--c:#0EA5C9}
@keyframes cat-tools-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cat-tools-track{animation-duration:60s}}
@media (max-width:768px){.cat-tools-section{padding:44px 0}.cat-tools-wrap:before,.cat-tools-wrap:after{width:40px}.cat-tools-track{animation-duration:28s}.cat-tool{padding:10px 20px 10px 10px;gap:12px}.cat-tool-icon{width:44px;height:44px;font-size:1.3rem;border-radius:12px}.cat-tool-name{font-size:.88rem}}

/* =====================================================================
   NEW SECTIONS (Why Choose, Tools grid, Capstone Projects, Journey, Book Seat)
   Colours follow the site's global tokens:
     --indigo* = orange   --teal* = blue   (defined in the global :root)
   Existing rules above are untouched.
   ===================================================================== */

/* aliases for the token names these sections use */
.category-page {
  --primary: var(--indigo);
  --primary-d: var(--indigo-deep);
  --primary-pale: var(--indigo-pale);
  --primary-dim: var(--indigo-dim);
  --blue: var(--teal);
  --blue-deep: var(--teal-deep);
  --blue-pale: var(--teal-pale);
  --blue-dim: var(--teal-dim);
  --border-solid: #e5e7eb;
}

/* ===== Why Choose Technogeeks ===== */
.features-section {
  padding: 80px 0;
  background: #fff;
  border-top: 1px solid var(--border);
  position: relative;
  z-index: 2;
  overflow-x: hidden;
  content-visibility: auto;
  contain-intrinsic-size: 1000px;
}

.features-section .section-title {
  font-family: var(--font-h);
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: -.02em;
  color: var(--text);
  margin: 0 0 8px;
}

.features-section .section-sub {
  font-size: .92rem;
  color: #4b5563;
  line-height: 1.75;
  margin: 0 0 44px;
  max-width: 520px;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.feat-card {
  position: relative;
  overflow: hidden;
  background: var(--bg);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 28px 24px;
  transition: transform .35s var(--ease), box-shadow .35s var(--ease),
              border-color .35s var(--ease), background .35s var(--ease);
}

.feat-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--teal-deep), var(--teal));
  transition: background .35s;
}

.feat-card:hover {
  transform: translateY(-4px);
  background: #fff;
  border-color: var(--indigo);
  box-shadow: var(--shadow-lg);
}

.feat-card:hover:before {
  background: linear-gradient(90deg, var(--indigo-deep), var(--indigo));
}

.feat-emoji {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  border-radius: var(--radius);
  background: var(--indigo-pale);
  margin-bottom: 16px;
}

.feat-card .feat-title {
  font-family: var(--font-h);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text);
  margin-bottom: 8px;
}

.feat-card .feat-text {
  font-size: .87rem;
  line-height: 1.7;
  color: var(--text-3);
}

@media (max-width: 900px) {
  .features-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .features-section { padding: 52px 0; }
  .features-section .section-sub { margin-bottom: 28px; }
}

@media (max-width: 640px) {
  .features-grid { grid-template-columns: 1fr; }
}

/* ===== Tools & Technologies grid (.tg-section) ===== */
.tg-section {
  padding: 72px 0;
  background: var(--bg);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  position: relative;
  z-index: 2;
}

.tg-head {
  text-align: center;
  margin-bottom: 28px;
}

.tg-eyebrow {
  display: block;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--indigo-deep);
  margin: 0 0 10px;
}

.tg-title {
  font-family: var(--font-h);
  font-size: clamp(1.8rem, 3.2vw, 2.7rem);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.15;
  color: var(--text);
  margin: 0;
}

.tg-title span {
  color: var(--indigo-deep); /* fallback */
  background: linear-gradient(135deg, var(--teal-deep), var(--indigo));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* filter chips */
.tg-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  max-width: 1100px;
  margin: 0 auto 32px;
}

.tg-chip {
  padding: 7px 16px;
  border: 1.5px solid var(--border);
  border-radius: 999px;
  background: #fff;
  color: var(--text-2);
  font-family: var(--font-b);
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
}

.tg-chip:hover {
  background: var(--indigo-pale);
  border-color: var(--indigo);
  color: var(--indigo-deep);
}

.tg-chip.is-active {
  background: linear-gradient(135deg, var(--indigo-deep), var(--indigo));
  border-color: transparent;
  color: #fff;
}

.tg-chip:focus-visible {
  outline: 2px solid var(--indigo-deep);
  outline-offset: 2px;
}

/* cards */
.tg-grid {
  align-items: stretch;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

.tg-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 18px 18px 16px;
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  transition: transform .3s var(--ease), border-color .3s, box-shadow .3s;
}

.tg-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--teal-deep), var(--teal));
  transition: background .3s;
}

.tg-card[hidden] {
  display: none;
}

.tg-card:hover {
  transform: translateY(-4px);
  border-color: var(--indigo);
  box-shadow: var(--shadow-lg);
}

.tg-card:hover:before {
  background: linear-gradient(90deg, var(--indigo-deep), var(--indigo));
}

.tg-cat {
  font-size: .76rem;
  font-weight: 700;
  color: var(--indigo-deep);
}

.tg-name {
  display: block;
  font-family: var(--font-h);
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}

.tg-sub {
  font-size: .72rem;
  color: var(--text-4);
}

@media (max-width: 1100px) {
  .tg-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .tg-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  .tg-section { padding: 48px 0; }
  .tg-filters { gap: 8px; margin-bottom: 24px; }
}

@media (max-width: 560px) {
  .tg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .tg-card { padding: 16px 14px 14px; }
}

/* ===== Enterprise Capstone Projects (.cp-section) ===== */
.cp-section {
  padding: 72px 0;
  background: #fff;
  position: relative;
  z-index: 2;
}

.cp-head {
  text-align: center;
  margin-bottom: 36px;
}

.cp-eyebrow {
  display: block;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--indigo-deep);
  margin: 0 0 10px;
}

.cp-title {
  font-family: var(--font-h);
  font-size: clamp(1.8rem, 3.2vw, 2.7rem);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.15;
  color: var(--text);
  margin: 0;
}

.cp-title span {
  color: var(--indigo-deep); /* fallback */
  background: linear-gradient(135deg, var(--teal-deep), var(--indigo));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.cp-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 26px 22px 22px;
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
}

.cp-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--teal-deep), var(--teal));
  transition: background .35s;
}

.cp-card:hover {
  transform: translateY(-6px);
  border-color: var(--indigo);
  box-shadow: var(--shadow-lg);
}

.cp-card:hover:before {
  background: linear-gradient(90deg, var(--indigo-deep), var(--indigo));
}

.cp-tag {
  align-self: flex-start;
  padding: 4px 12px;
  margin-bottom: 14px;
  border-radius: 100px;
  background: #fed7aa;
  color: #9a3412;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.4;
}

.cp-card-title {
  font-family: var(--font-h);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--text);
  margin: 0 0 10px;
  transition: color .25s;
}

.cp-card:hover .cp-card-title {
  color: var(--indigo-deep);
}

.cp-desc {
  font-size: .86rem;
  line-height: 1.75;
  color: #374151;
  margin: 0 0 16px;
}

.cp-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 14px 0 0;
  margin: auto 0 0;
  border-top: 1px solid var(--border);
}

.cp-stack li {
  padding: 3px 10px;
  border: 1px solid rgba(59, 130, 246, .22);
  border-radius: 6px;
  background: var(--teal-pale);
  font-size: .72rem;
  font-weight: 600;
  color: var(--teal-deep);
  line-height: 1.5;
}

.cp-result {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin: 14px 0 0;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.5;
  color: #15803d;
}

.cp-result i {
  margin-top: 2px;
  flex-shrink: 0;
}

@media (max-width: 1024px) {
  .cp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  .cp-section { padding: 48px 0; }
}

@media (max-width: 640px) {
  .cp-grid { grid-template-columns: 1fr; }
}

/* ===== Training to Placement Journey ===== */
.career-section {
  background: #fff;
  padding: 100px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  content-visibility: auto;
  contain-intrinsic-size: 1000px;
}

.career-section .sec-header {
  text-align: center;
  margin-bottom: 56px;
}

.career-section .sec-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  border-radius: 100px;
  background: #fed7aa;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #9a3412;
  margin-bottom: 14px;
}

.career-section .sec-tag-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--indigo);
}

.career-section .sec-h {
  font-family: var(--font-h);
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -.02em;
  color: var(--text);
  text-align: center;
}

.career-section .sec-sub {
  font-size: .95rem;
  color: #374151;
  line-height: 1.8;
  margin-top: 12px;
}

/* ----- Track (horizontal scroller) ----- */
.journey-track {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--primary) transparent;
  padding: 80px 24px;
  touch-action: pan-x;
  cursor: grab;
}

.journey-track::-webkit-scrollbar { height: 4px; }
.journey-track::-webkit-scrollbar-track { background: transparent; }
.journey-track::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 2px; }

/* ----- Step ----- */
.journey-step {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  width: 118px;
  height: 62px;
  opacity: 1;
  transform: none;
  transition: opacity .55s var(--ease), transform .55s var(--ease);
}

.journey-step.animate {
  opacity: 0;
  transform: translateY(20px);
}

.journey-step.animate.in,
.journey-step.in {
  opacity: 1;
  transform: none;
}

.step-label-top,
.step-label-bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 110px;
  font-size: 11px;
  text-align: center;
  line-height: 1.45;
}

.step-label-top {
  top: -58px;
  font-weight: 500;
  color: var(--text-3);
}

.step-label-bottom {
  bottom: -58px;
  font-weight: 600;
  color: var(--text-2);
}

.step-label-bottom.accent {
  color: var(--primary-d);
  font-weight: 700;
}

/* ----- Circle + number badge ----- */
.step-icon-wrap {
  position: relative;
  flex-shrink: 0;
}

.step-circle {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  border: 2.5px solid var(--primary);
  background: var(--primary-pale);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: var(--primary-d);
  position: relative;
  z-index: 2;
  cursor: default;
  transition: transform .3s var(--spring), box-shadow .3s var(--ease), background .3s;
}

/* alternate blue circles (steps 2, 3, 5, 7) */
.journey-step:nth-child(3) .step-circle,
.journey-step:nth-child(5) .step-circle,
.journey-step:nth-child(9) .step-circle,
.journey-step:nth-child(13) .step-circle {
  border-color: var(--blue);
  background: var(--blue-pale);
  color: var(--blue-deep);
}

.step-circle:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(249, 115, 22, .2);
  background: #fff;
}

.step-circle.pulse:before {
  content: "";
  position: absolute;
  inset: -9px;
  border-radius: 50%;
  border: 2px solid var(--primary);
  opacity: 0;
  animation: jrn-pulse 2.2s ease-out infinite;
}

@keyframes jrn-pulse {
  0%   { transform: scale(.85); opacity: .6; }
  100% { transform: scale(1.35); opacity: 0; }
}

.step-circle.final {
  border-color: var(--blue-deep);
  background: var(--blue-pale);
  color: var(--blue-deep);
}

.step-circle.final:hover {
  box-shadow: 0 6px 20px rgba(59, 130, 246, .25);
}

.step-num {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: var(--primary-d);
  color: #fff;
  font-size: 9.5px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  border: 1.5px solid #fff;
}

.step-num.final-num {
  background: var(--blue-deep);
}

/* ----- Connector ----- */
.jrn-connector {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 32px;
  opacity: 1;
  transition: opacity .4s var(--ease);
}

.jrn-connector.animate { opacity: 0; }
.jrn-connector.animate.in,
.jrn-connector.in { opacity: 1; }

.conn-line {
  flex: 1;
  height: 2px;
  background: repeating-linear-gradient(90deg, var(--primary), var(--primary) 5px, transparent 0, transparent 10px);
  background-size: 18px 2px;
  animation: conn-flow 1s linear infinite;
}

@keyframes conn-flow {
  0%   { background-position: 0 0; }
  100% { background-position: 18px 0; }
}

.conn-arrow {
  width: 0;
  height: 0;
  margin-left: -1px;
  flex-shrink: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid var(--primary);
}

@media (max-width: 768px) {
  .career-section { padding: 52px 0; }
  .journey-track { padding: 72px 16px; }
  .jrn-connector { width: 24px; }
  .journey-step { width: 96px; }
  .step-circle { width: 52px; height: 52px; font-size: 1.15rem; }
  .step-label-top,
  .step-label-bottom { width: 90px; font-size: 10px; }
}

@media (max-width: 480px) {
  .journey-step { width: 80px; }
  .step-circle { width: 46px; height: 46px; font-size: 1rem; }
  .step-num { width: 16px; height: 16px; font-size: 8px; }
  .jrn-connector { width: 18px; }
  .step-label-top,
  .step-label-bottom { width: 76px; font-size: 9px; }
}

/* ===== Book Your Seat + Career Services map ===== */
.book-seat {
  padding: 100px 0;
  background: var(--bg);
  border-top: 1px solid var(--border);
  position: relative;
  z-index: 2;
  overflow-x: hidden;
  content-visibility: auto;
  contain-intrinsic-size: 1000px;
}

.book-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: stretch;
}

/* ----- Left card ----- */
.book-left-card {
  background: var(--bg-card);
  border-radius: var(--radius-xl);
  border: 1.5px solid var(--border);
  box-shadow: var(--shadow-lg);
  padding: 40px 36px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.book-left-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--blue-deep), var(--blue), var(--primary));
}

.book-left-card h2 {
  font-family: var(--font-h);
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  font-weight: 700;
  color: var(--text);
  line-height: 1.2;
  margin-bottom: 14px;
}

.book-left-card p {
  font-size: .88rem;
  color: var(--text-3);
  line-height: 1.8;
  margin-bottom: 28px;
}

.book-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 32px;
}

.book-feat {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: .83rem;
  font-weight: 600;
  color: var(--text-2);
}

.book-feat i {
  font-size: 16px;
  flex-shrink: 0;
  color: var(--blue-deep);
}

.book-price-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 18px 20px;
  background: var(--blue-dim);
  border-radius: var(--radius-lg);
  border: 1.5px solid rgba(59, 130, 246, .2);
}

.price-label {
  display: block;
  font-size: .75rem;
  font-weight: 600;
  color: var(--text-3);
  margin-bottom: 2px;
}

.price {
  font-family: var(--font-h);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  color: var(--blue-deep);
}

/* ----- Right: Career Services map ----- */
.book-right.career-map {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 19% 1fr;
  grid-template-rows: repeat(3, 1fr);
  align-items: stretch;
  justify-items: stretch;
  align-content: stretch;
  justify-content: stretch;
  column-gap: 3%;
  row-gap: 10px;
  padding: 12px 2%;
  min-height: 300px;
  height: auto;
  container-type: inline-size;
  background: radial-gradient(circle at 50% 50%, #fff 0, #fff7ed 55%, #eff6ff 100%);
  border: 1px solid var(--border-solid);
  border-radius: var(--radius-xl);
}

.career-map .cm-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.career-map .cm-hub {
  grid-column: 2;
  grid-row: 1 / 4;
  align-self: center;
  justify-self: center;
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2cqw;
  background: linear-gradient(135deg, var(--primary-d), var(--primary));
  color: #fff;
  text-align: center;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: .03em;
  font-size: clamp(9px, 2.4cqw, 17px);
  box-shadow: 0 0 0 .9cqw #fff, 0 1.5cqw 4cqw rgba(234, 88, 12, .35);
}

.career-map .cm-hub svg { width: 5cqw; height: 5cqw; }

.career-map .cm-node {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: .8cqw 2cqw;
  border-radius: 4.5cqw;
  color: #fff;
  font-size: clamp(8px, 2.3cqw, 14px);
  line-height: 1.35;
  box-shadow: 0 1cqw 3cqw rgba(0, 0, 0, .15);
}

.career-map .cm-orange { background: linear-gradient(135deg, var(--primary-d), var(--primary)); }
.career-map .cm-blue   { background: linear-gradient(135deg, var(--blue-deep), var(--blue)); }

.career-map .cm-body p { margin: 0; }

.career-map .cm-h {
  display: flex;
  align-items: center;
  gap: 1.2cqw;
  margin-bottom: .4em;
}

.career-map .cm-h strong {
  font-size: 1.12em;
  line-height: 1.2;
}

.career-map .cm-ic {
  flex: 0 0 4.8cqw;
  height: 4.8cqw;
  border-radius: 50%;
  background: rgba(255, 255, 255, .22);
  display: flex;
  align-items: center;
  justify-content: center;
}

.career-map .cm-ic svg {
  width: 60%;
  height: 60%;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* left column 1-2-3, right column 6-5-4 */
.career-map .n1 { grid-area: 1 / 1; }
.career-map .n2 { grid-area: 2 / 1; }
.career-map .n3 { grid-area: 3 / 1; }
.career-map .n6 { grid-area: 1 / 3; }
.career-map .n5 { grid-area: 2 / 3; }
.career-map .n4 { grid-area: 3 / 3; }

@media (max-width: 1024px) {
  .book-inner { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .book-seat { padding: 52px 0; }
  .book-left-card { padding: 28px 22px; }
  .book-features { grid-template-columns: 1fr; }
  .book-price-badge { flex-direction: column; align-items: flex-start; gap: 14px; }
  .book-price-badge .btn-primary { width: 100%; justify-content: center; }
}

/* phones: map becomes a readable stacked list */
@media (max-width: 640px) {
  .book-right.career-map {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 10px;
    padding: 16px;
    min-height: 0;
  }

  .career-map .cm-lines { display: none; }

  .career-map .cm-hub {
    grid-column: auto;
    grid-row: auto;
    order: -1;
    width: 130px;
    margin: 0 auto 6px;
    font-size: .8rem;
    gap: 6px;
  }

  .career-map .cm-hub svg { width: 28px; height: 28px; }

  .career-map .cm-node,
  .career-map .n1, .career-map .n2, .career-map .n3,
  .career-map .n4, .career-map .n5, .career-map .n6 {
    grid-area: auto;
    padding: 12px 14px;
    border-radius: 22px;
    font-size: .8rem;
  }

  .career-map .cm-ic { flex: 0 0 30px; height: 30px; }
  .career-map .cm-h { gap: 10px; }
}

/* =====================================================================
   Company logos marquee  ("Our Alumni Works Here")
   Needs these from your base CSS: --indigo, --indigo-deep, --teal,
   --teal-deep, --ease, and the shared .mq-wrap / .mq-fade / .sec-h /
   .sec-sub / .sec-tag classes.
   ===================================================================== */

/* ---- Section wrapper ---- */
.alumni-mq-wrap.co-section{
  position:relative;
  overflow:hidden;
  padding:72px 0!important;
  background:
    radial-gradient(rgba(29,78,216,.10) 1.2px,transparent 1.2px) 0 0/24px 24px,
    linear-gradient(160deg,#eff6ff 0%,#ffffff 45%,#fff7ed 100%);
  border-top:none;border-bottom:none;
}
.co-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 40% 60% at 8% 25%,rgba(249,115,22,.16),transparent),
    radial-gradient(ellipse 40% 60% at 92% 80%,rgba(59,130,246,.18),transparent);
}
.co-section::after{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--indigo-deep),var(--indigo),var(--teal),var(--teal-deep));
}

/* ---- Header ---- */
.co-section .mq-header{position:relative;z-index:1;margin-bottom:38px}
.co-section .sec-h strong{font-weight:700}
.co-section .sec-h::after{
  content:"";display:block;width:64px;height:4px;margin:14px auto 0;
  border-radius:4px;background:linear-gradient(90deg,var(--indigo),var(--teal));
}
.co-section .sec-tag{
  background:#fff;
  border:1px solid rgba(249,115,22,.3);
  box-shadow:0 4px 14px rgba(249,115,22,.12);
}

/* ---- Marquee container + tracks ---- */
.co-marquee{
  position:relative;z-index:1;
  display:flex;flex-direction:column;gap:24px;
  overflow:hidden;padding:14px 0 26px;
}
.co-track{display:flex;width:max-content;transform:translateZ(0)}
.co-marquee:hover .co-track{animation-play-state:paused}

.co-track-ltr{animation:coScrollRight 50s linear infinite}
.co-track-rtl{animation:coScrollLeft 44s linear infinite;margin-left:-96px}

/* Each track is duplicated by JS, so -50% = exactly one original set */
@keyframes coScrollRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes coScrollLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---- Logo pills ---- */
.co-track .co-pill:nth-child(n+1){
  position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  margin-right:22px;padding:16px 24px;
  background:#fff;
  border:1.5px solid rgba(29,78,216,.10);
  border-radius:16px;
  box-shadow:0 8px 22px rgba(29,78,216,.10),0 2px 6px rgba(10,15,30,.05);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
}
.co-track .co-pill:nth-child(n+1)::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  transform:scaleX(0);transition:transform .3s var(--ease);
}
.co-track-ltr .co-pill::after{background:linear-gradient(90deg,var(--indigo-deep),var(--indigo))}
.co-track-rtl .co-pill::after{background:linear-gradient(90deg,var(--teal-deep),var(--teal))}

.co-track-ltr .co-pill:nth-child(n+1):hover{
  transform:translateY(-6px) scale(1.04);
  border-color:rgba(249,115,22,.55);
  box-shadow:0 16px 32px rgba(249,115,22,.25);
}
.co-track-rtl .co-pill:nth-child(n+1):hover{
  transform:translateY(-6px) scale(1.04);
  border-color:rgba(59,130,246,.55);
  box-shadow:0 16px 32px rgba(59,130,246,.25);
}
.co-track .co-pill:nth-child(n+1):hover::after{transform:scaleX(1)}

.co-track .co-logo{width:140px;height:40px;max-width:none;object-fit:contain;transform:none}

/* ---- Mobile ---- */
@media (max-width:768px){
  .alumni-mq-wrap.co-section{padding:52px 0!important}
  .co-marquee{gap:16px;padding:10px 0 20px}
  .co-track-ltr{animation:coScrollRight 38s linear infinite!important}
  .co-track-rtl{animation:coScrollLeft 34s linear infinite!important;margin-left:-60px}
  .co-track .co-pill:nth-child(n+1){margin-right:14px;padding:10px 16px;border-radius:12px}
  .co-track .co-logo{width:112px;height:32px}

  /* In your current home.css this rule hides every pill after the 4th on mobile.
     Uncomment only if that is what you want. */
  /* .co-pill:nth-child(n+5){display:none} */

  .mq-header .sec-sub{display:block;max-width:100%;padding:0 24px;font-size:.88rem;text-align:center}
}
@media (max-width:600px){
  .mq-header{padding:0 24px;text-align:center}
  .mq-header .sec-h,.mq-header .sec-sub{max-width:100%;margin-right:auto;margin-left:auto;padding:0;text-align:center}
  .mq-header .sec-sub{display:block;font-size:.88rem;line-height:1.75}

  /* let the logo rows run edge to edge on phones; keep padding on the text only */
  .co-section .mq-header{padding:0}
  .co-section .mq-header .sec-h,
  .co-section .mq-header .sec-sub{padding:0 24px}
}

/* ---- Optional: respect reduced-motion (not in your original) ---- */
@media (prefers-reduced-motion:reduce){
  .co-track-ltr,.co-track-rtl{animation:none!important}
}

/* ===== What to Expect list ===== */
.category-page .cat-expect-title{margin-top:28px}
.category-page .cat-content-section .cat-expect-list{list-style:none;padding-left:0;margin:0 0 16px}
.category-page .cat-content-section .cat-expect-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.cat-expect-tick{flex-shrink:0;color:#15803d;font-weight:700}