/*! bw-home-bundle.css — bw-reviews + bw-contact + bw-about + bw-course + bw-home (concatenated for LCP) */
/* ===== bw-reviews.css ===== */
/* BCIT WORLD - reviews page. Bump ?v= in reviews.php when you edit. */
.rv-page{background:#faf7f5;font-family:inherit;color:#2b2b2b}
.rv-wrap{max-width:1236px;margin:0 auto;padding:0 18px}
/* hero */
.rv-hero{background:linear-gradient(135deg,#6d0000 0%,#800000 55%,#9a1b1b 100%);color:#fff;text-align:center;padding:64px 18px 78px;position:relative;overflow:hidden}
.rv-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(245,179,1,.16),transparent 45%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.08),transparent 45%)}
.rv-hero > *{position:relative}
.rv-kicker{display:inline-block;padding:6px 18px;border:1px solid rgba(245,179,1,.7);color:#f5c542;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.rv-hero h1{margin:16px 0 10px;font-size:40px;line-height:1.2;font-weight:800;color:#fff !important}
.rv-hero p{max-width:640px;margin:0 auto;font-size:16px;line-height:1.7;color:#fff !important;opacity:.92}
.rv-chip{display:inline-flex;align-items:center;gap:12px;margin-top:26px;background:#fff;color:#222;border-radius:999px;padding:10px 22px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.rv-chip .rv-g{font-size:22px;color:#4285f4}
.rv-chip b{font-size:22px;color:#800000}
.rv-stars{color:#f5b301;letter-spacing:2px;font-size:17px}
.rv-chip small{font-size:13.5px;color:#555}
.rv-divider{height:6px;background:linear-gradient(90deg,#c9971c,#f5c542,#c9971c)}
/* section headings */
.rv-section{padding:58px 0 8px}
.rv-h2{margin:0;text-align:center;font-size:30px;font-weight:800;color:#800000 !important;letter-spacing:.3px}
.rv-h2:after{content:"";display:block;width:70px;height:4px;margin:12px auto 0;border-radius:4px;background:linear-gradient(90deg,#c9971c,#f5c542)}
.rv-sub{max-width:620px;margin:14px auto 0;text-align:center;color:#666;font-size:15px;line-height:1.7}
/* review screenshots */
.rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}
.rv-card{background:#fff;border:1px solid #eadede;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(128,0,0,.08);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.rv-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(128,0,0,.16)}
.rv-shot{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in}
.rv-shot img{display:block;width:100%;height:auto}
.rv-tag{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-top:1px solid #f0e6e6;background:#fdfaf9;font-size:13px;color:#666}
.rv-tag .fa-google{color:#4285f4;margin-right:6px}
.rv-tag .rv-stars{font-size:13px;letter-spacing:1px}
/* lightbox */
.rv-lb{position:fixed;inset:0;background:rgba(20,0,0,.86);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px;cursor:zoom-out}
.rv-lb.on{display:flex}
.rv-lb img{max-width:min(92vw,720px);max-height:88vh;border-radius:12px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.rv-lb button{position:absolute;top:16px;right:18px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#800000;font-size:22px;font-weight:800;cursor:pointer}
/* map + contact */
.rv-map{display:grid;grid-template-columns:5fr 7fr;gap:0;margin-top:34px;background:#fff;border:1px solid #eadede;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(128,0,0,.1)}
.rv-info{padding:34px 30px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.rv-info h3{margin:0;font-size:22px;font-weight:800;color:#800000 !important}
.rv-info p{margin:0;color:#444 !important;font-size:15px;line-height:1.7}
.rv-info li{list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.6;color:#333}
.rv-info ul{margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.rv-info li i{width:20px;margin-top:4px;text-align:center;color:#800000}
.rv-info a{color:#800000;font-weight:700}
.rv-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.rv-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;border-radius:10px;font-size:15px;font-weight:800;text-decoration:none !important;color:#fff !important;transition:transform .15s,box-shadow .15s}
.rv-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.22)}
.rv-btn.maroon{background:#800000}
.rv-btn.green{background:#25D366}
.rv-mapframe{position:relative;min-height:380px;background:#eee}
.rv-mapframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* FAQ */
.rv-faq{max-width:860px;margin:34px auto 0;display:flex;flex-direction:column;gap:14px}
.rv-faq details{background:#fff;border:1px solid #eadede;border-radius:14px;box-shadow:0 4px 14px rgba(128,0,0,.06);overflow:hidden}
.rv-faq summary{list-style:none;cursor:pointer;padding:18px 54px 18px 22px;position:relative;font-size:16.5px;font-weight:700;color:#2b2b2b;line-height:1.5}
.rv-faq summary::-webkit-details-marker{display:none}
.rv-faq summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#fdecec;color:#800000;font-size:20px;font-weight:800;line-height:28px;text-align:center}
.rv-faq details[open] summary{color:#800000;border-bottom:1px solid #f0e6e6}
.rv-faq details[open] summary:after{content:"\2212";background:#800000;color:#fff}
.rv-faq .rv-ans{padding:16px 22px 20px;color:#555;font-size:15px;line-height:1.8}
.rv-faq .rv-ans a{color:#800000;font-weight:700;text-decoration:underline}
/* closing rating card */
.rv-final{max-width:760px;margin:60px auto 0;padding:0 18px 70px;text-align:center}
.rv-rate{background:#fff;border:1px solid #eadede;border-radius:18px;padding:26px 24px;box-shadow:0 10px 30px rgba(128,0,0,.1);display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.rv-rate .rv-gbadge{width:58px;height:58px;border-radius:50%;background:#f4f7ff;border:1px solid #dbe4ff;color:#4285f4;font-size:28px;display:flex;align-items:center;justify-content:center;flex:none}
.rv-rate .rv-txt{text-align:left}
.rv-rate .rv-score{font-size:22px;font-weight:800;color:#222}
.rv-rate .rv-score .rv-stars{font-size:19px;margin-right:6px}
.rv-rate .rv-cap{font-size:14.5px;color:#555;margin-top:2px}
.rv-cta{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:16px 34px;border-radius:999px;background:linear-gradient(135deg,#800000,#9a1b1b);color:#fff !important;font-size:17px;font-weight:800;text-decoration:none !important;box-shadow:0 10px 24px rgba(128,0,0,.35);transition:transform .15s,box-shadow .15s}
.rv-cta:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(128,0,0,.45)}
.rv-checks{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;margin-top:26px;padding-top:22px;border-top:1px solid #eadede;font-size:14.5px;color:#555}
.rv-checks i{color:#1b7f3b;margin-right:7px}
@media (max-width:991px){
.rv-grid{grid-template-columns:repeat(2,1fr)}
.rv-map{grid-template-columns:1fr}
.rv-mapframe{min-height:320px}
}
@media (max-width:560px){
.rv-hero{padding:44px 14px 58px}
.rv-hero h1{font-size:28px}
.rv-hero p{font-size:14.5px}
.rv-chip{padding:10px 16px;gap:10px;flex-wrap:wrap;justify-content:center}
.rv-section{padding:42px 0 4px}
.rv-h2{font-size:24px}
.rv-grid{grid-template-columns:1fr;gap:18px}
.rv-info{padding:24px 20px}
.rv-btn{flex:1;padding:12px 10px;font-size:14.5px}
.rv-mapframe{min-height:280px}
.rv-faq summary{font-size:15.5px;padding:16px 50px 16px 16px}
.rv-faq .rv-ans{padding:14px 16px 18px;font-size:14.5px}
.rv-rate{flex-direction:column;padding:22px 16px}
.rv-rate .rv-txt{text-align:center}
.rv-cta{width:100%;justify-content:center;padding:15px 16px;font-size:16px}
}
/* ===== bw-contact.css ===== */
/* BCIT WORLD - contact page (uses hero / section / FAQ / map styles from bw-reviews.css). Bump ?v= in contact.php when you edit. */
.ct-heroBtns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.ct-heroBtns .rv-btn{padding:14px 26px;font-size:16px;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.rv-btn.gold{background:linear-gradient(135deg,#c9971c,#f5c542);color:#4a0000 !important}
/* quick contact cards */
.ct-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-38px;position:relative;z-index:2}
.ct-card{background:#fff;border:1px solid #eadede;border-radius:16px;padding:24px 18px;text-align:center;box-shadow:0 10px 28px rgba(128,0,0,.12);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none !important;color:inherit}
.ct-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(128,0,0,.2)}
.ct-ico{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;background:linear-gradient(135deg,#800000,#a51c1c);margin-bottom:8px}
.ct-ico.wa{background:linear-gradient(135deg,#1da851,#25D366)}
.ct-ico.gd{background:linear-gradient(135deg,#c9971c,#f5c542);color:#4a0000}
.ct-card h3{margin:0;font-size:17px;font-weight:800;color:#800000 !important}
.ct-card p{margin:0;font-size:14.5px;line-height:1.55;color:#444 !important;word-break:break-word}
.ct-card p b{color:#222}
.ct-card small{font-size:12.5px;color:#888}
/* form + map */
.ct-split{display:grid;grid-template-columns:7fr 5fr;gap:26px;margin-top:34px;align-items:start}
.ct-formcard{background:#fff;border:1px solid #eadede;border-radius:18px;box-shadow:0 10px 30px rgba(128,0,0,.1);overflow:hidden}
.ct-formtop{background:linear-gradient(135deg,#6d0000,#800000 60%,#9a1b1b);color:#fff;padding:22px 28px}
.ct-formtop h2{margin:0;font-size:24px;font-weight:800;color:#fff !important}
.ct-formtop p{margin:6px 0 0;font-size:14px;color:#fff !important;opacity:.92}
.ct-form{padding:26px 28px 28px}
.ct-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-field{position:relative;margin-bottom:16px}
.ct-field label{display:block;margin:0 0 7px;font-size:13.5px;font-weight:700;color:#333}
.ct-field label em{color:#a01818;font-style:normal}
.ct-field .ct-in{position:relative}
.ct-field .ct-in i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#800000;font-size:15px;pointer-events:none}
.ct-field.ta .ct-in i{top:18px;transform:none}
.ct-field input,.ct-field select,.ct-field textarea{width:100%;padding:0 14px 0 42px;height:50px;border:2px solid #e3d9d9;border-radius:12px;font-size:16px;color:#222;background:#fff;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s;box-shadow:none;-webkit-appearance:none;appearance:none}
.ct-field textarea{height:auto;min-height:130px;padding:13px 14px 13px 42px;resize:vertical;line-height:1.55}
.ct-field select{background-image:linear-gradient(45deg,transparent 50%,#800000 50%),linear-gradient(135deg,#800000 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px;background-repeat:no-repeat;padding-right:38px}
.ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{border-color:#800000;box-shadow:0 0 0 4px rgba(128,0,0,.12)}
.ct-count{margin-top:5px;text-align:right;font-size:12px;color:#999}
.ct-submit{width:100%;height:54px;border:0;border-radius:12px;background:linear-gradient(135deg,#800000,#9a1b1b);color:#fff;font-size:17px;font-weight:800;letter-spacing:.4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s,box-shadow .15s}
.ct-submit:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(128,0,0,.35)}
.ct-submit:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}
.ct-note{margin:14px 0 0;text-align:center;font-size:12.5px;color:#777;line-height:1.6}
.ct-note i{color:#1b7f3b;margin-right:5px}
.ct-side{display:flex;flex-direction:column;gap:20px}
.ct-mapcard{background:#fff;border:1px solid #eadede;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(128,0,0,.1)}
.ct-mapcard .rv-mapframe{min-height:300px}
.ct-addr{padding:20px 22px}
.ct-addr h3{margin:0 0 6px;font-size:18px;font-weight:800;color:#800000 !important}
.ct-addr p{margin:0 0 14px;font-size:14.5px;line-height:1.65;color:#444 !important}
.ct-addr .rv-btns{margin:0}
/* closing banner */
.ct-banner{max-width:1236px;margin:56px auto 0;padding:0 18px 70px}
.ct-banner .in{background:linear-gradient(135deg,#6d0000,#800000 55%,#9a1b1b);border-radius:20px;padding:38px 26px;text-align:center;color:#fff;box-shadow:0 14px 36px rgba(128,0,0,.28)}
.ct-banner h2{margin:0 0 8px;font-size:28px;font-weight:800;color:#fff !important}
.ct-banner p{margin:0 auto;max-width:560px;color:#fff !important;opacity:.92;font-size:15.5px;line-height:1.7}
@media (max-width:991px){
.ct-cards{grid-template-columns:repeat(2,1fr)}
.ct-split{grid-template-columns:1fr}
}
@media (max-width:560px){
.rv-hero .ct-heroBtns{display:none} /* the site already shows a sticky Call/WhatsApp bar on phones */
.ct-heroBtns .rv-btn{flex:1 1 100%;justify-content:center}
.ct-cards{grid-template-columns:1fr;gap:14px;margin-top:-30px}
.ct-card{padding:20px 16px}
.ct-formtop{padding:20px 18px}
.ct-formtop h2{font-size:21px}
.ct-form{padding:20px 16px 22px}
.ct-row2{grid-template-columns:1fr;gap:0}
.ct-banner{padding-bottom:56px}
.ct-banner .in{padding:30px 18px}
.ct-banner h2{font-size:23px}
}
/* ===== bw-about.css ===== */
/* BCIT WORLD - about page (also uses bw-reviews.css hero/FAQ and bw-contact.css form/cards). Bump ?v= in about.php when you edit. */
.ab-hero{padding-bottom:96px !important}
/* stats strip overlapping the hero */
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-52px;position:relative;z-index:2}
.ab-stat{background:#fff;border:1px solid #eadede;border-radius:16px;padding:22px 14px;text-align:center;box-shadow:0 10px 28px rgba(128,0,0,.12)}
.ab-stat b{display:block;font-size:34px;line-height:1.1;font-weight:800;color:#800000}
.ab-stat b sup{font-size:.55em;color:#c9971c}
.ab-stat span{display:block;margin-top:6px;font-size:14px;color:#555;line-height:1.4}
/* story */
.ab-story{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;margin-top:46px}
.ab-story h2{margin:0 0 14px;font-size:30px;font-weight:800;color:#800000 !important;line-height:1.25}
.ab-story h2:after{content:"";display:block;width:70px;height:4px;margin-top:12px;border-radius:4px;background:linear-gradient(90deg,#c9971c,#f5c542)}
.ab-story p{margin:0 0 14px;font-size:16px;line-height:1.85;color:#444 !important;text-align:left}
.ab-story p b{color:#800000}
.ab-photo{position:relative;padding:0 16px 16px 0}
.ab-photo:before{content:"";position:absolute;right:0;bottom:0;width:86%;height:86%;border:3px solid #c9971c;border-radius:20px;z-index:0}
.ab-photo img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 14px 36px rgba(60,0,0,.25)}
.ab-badge{position:absolute;z-index:2;left:-14px;bottom:34px;background:linear-gradient(135deg,#800000,#a51c1c);color:#fff;border-radius:14px;padding:12px 20px;box-shadow:0 10px 24px rgba(60,0,0,.35);text-align:center;line-height:1.2}
.ab-badge b{display:block;font-size:24px;font-weight:800;color:#f5c542}
.ab-badge span{font-size:12.5px;letter-spacing:.5px}
/* mission / vision */
.ab-mv{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}
.ab-mvc{background:#fff;border:1px solid #eadede;border-radius:18px;padding:30px 28px;box-shadow:0 10px 30px rgba(128,0,0,.1);position:relative;overflow:hidden}
.ab-mvc:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#c9971c,#f5c542)}
.ab-mvc .ic{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,#800000,#a51c1c);margin-bottom:14px}
.ab-mvc h3{margin:0 0 10px;font-size:24px;font-weight:800;color:#800000 !important}
.ab-mvc p{margin:0;font-size:15.5px;line-height:1.8;color:#444 !important;text-align:left}
/* courses */
.ab-courses{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.ab-course{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #eadede;border-radius:14px;padding:16px 18px;text-decoration:none !important;color:#2b2b2b !important;font-weight:700;font-size:15.5px;line-height:1.35;box-shadow:0 4px 14px rgba(128,0,0,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.ab-course:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(128,0,0,.16);border-color:#c9971c}
.ab-course i{flex:none;width:44px;height:44px;border-radius:12px;background:#fdecec;color:#800000;display:flex;align-items:center;justify-content:center;font-size:19px}
.ab-course:hover i{background:#800000;color:#fff}
.ab-more{text-align:center;margin-top:24px}
.ab-more .rv-btn{padding:13px 28px;border-radius:999px}
/* why us */
.ab-why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.ab-wcard{background:#fff;border:1px solid #eadede;border-radius:16px;padding:26px 22px;text-align:center;box-shadow:0 8px 24px rgba(128,0,0,.08)}
.ab-wcard .ic{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#4a0000;background:linear-gradient(135deg,#c9971c,#f5c542)}
.ab-wcard h3{margin:0 0 8px;font-size:18px;font-weight:800;color:#800000 !important}
.ab-wcard p{margin:0;font-size:14.5px;line-height:1.7;color:#555 !important}
/* goals */
.ab-goals{max-width:860px;margin:34px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ab-goal{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #eadede;border-radius:14px;padding:16px 18px;font-size:15.5px;font-weight:600;color:#333;line-height:1.45;box-shadow:0 4px 14px rgba(128,0,0,.06)}
.ab-goal i{flex:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#c9971c,#f5c542);color:#4a0000;display:flex;align-items:center;justify-content:center;font-size:14px}
.ab-goal:last-child:nth-child(odd){grid-column:1 / -1}
/* demo banner */
.ab-demo{margin-top:56px;background:linear-gradient(135deg,#6d0000,#800000 55%,#9a1b1b);border-radius:20px;padding:38px 26px;text-align:center;color:#fff;box-shadow:0 14px 36px rgba(128,0,0,.28)}
.ab-demo h2{margin:0 0 8px;font-size:28px;font-weight:800;color:#fff !important}
.ab-demo p{margin:0 auto 4px;max-width:600px;color:#fff !important;opacity:.93;font-size:15.5px;line-height:1.7}
@media (max-width:991px){
.ab-stats{grid-template-columns:repeat(2,1fr)}
.ab-story{grid-template-columns:1fr;gap:34px}
.ab-photo{max-width:560px;margin:0 auto;width:100%}
.ab-courses{grid-template-columns:repeat(2,1fr)}
.ab-why{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.ab-hero{padding-bottom:84px !important}
.ab-stats{gap:12px;margin-top:-44px}
.ab-stat{padding:18px 10px}
.ab-stat b{font-size:27px}
.ab-stat span{font-size:12.5px}
.ab-story{margin-top:34px}
.ab-story h2{font-size:24px}
.ab-story p{font-size:15px;line-height:1.8}
.ab-badge{left:6px;bottom:24px;padding:10px 14px}
.ab-mv{grid-template-columns:1fr;gap:16px}
.ab-mvc{padding:24px 20px}
.ab-courses{grid-template-columns:1fr;gap:12px}
.ab-why{grid-template-columns:1fr;gap:14px}
.ab-goals{grid-template-columns:1fr}
.ab-demo{padding:30px 18px}
.ab-demo h2{font-size:23px}
}
/* ===== bw-course.css ===== */
/* BCIT WORLD - course landing page (uses hero/section/FAQ from bw-reviews.css, cards/buttons from bw-contact.css).
Bump ?v= in the course page when you edit. */
.cr-hero{padding-bottom:0 !important}
.cr-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.cr-badge{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:700;color:#fff}
.cr-badge i{color:#f5c542}
.cr-heroBtns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:26px 0 34px}
/* breadcrumb */
.cr-crumb{max-width:1236px;margin:0 auto;padding:14px 18px 0;font-size:13px;color:#777}
.cr-crumb a{color:#800000;text-decoration:none;font-weight:600}
.cr-crumb a:hover{text-decoration:underline}
.cr-crumb i{font-size:10px;margin:0 6px;color:#bbb}
/* overview */
.cr-overview{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:30px}
.cr-overview h2{margin:0 0 14px;font-size:27px;font-weight:800;color:#800000 !important;line-height:1.3}
.cr-overview h2:after{content:"";display:block;width:64px;height:4px;margin-top:12px;border-radius:4px;background:linear-gradient(90deg,#c9971c,#f5c542)}
.cr-overview p{margin:0;font-size:15.5px;line-height:1.85;color:#444 !important;text-align:left}
.cr-overview p b{color:#800000}
.cr-oimg{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(60,0,0,.22)}
.cr-oimg img{display:block;width:100%;height:auto}
/* info strip: fee / duration / mode / certificate */
.cr-info{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.cr-ibox{background:#fff;border:1px solid #eadede;border-radius:16px;padding:20px 14px;text-align:center;box-shadow:0 8px 22px rgba(128,0,0,.08)}
.cr-ibox i{font-size:22px;color:#800000;margin-bottom:8px;display:block}
.cr-ibox b{display:block;font-size:19px;font-weight:800;color:#222}
.cr-ibox span{display:block;margin-top:3px;font-size:12.5px;color:#777}
.cr-fee-note{text-align:center;font-size:12.5px;color:#999;margin-top:10px}
/* content card blocks */
.cr-block{max-width:none;margin:40px auto 0}
.cr-block h2{margin:0 0 12px;font-size:23px;font-weight:800;color:#800000 !important}
.cr-block h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#800000 !important}
.cr-block p{margin:0 0 12px;font-size:15.5px;line-height:1.85;color:#444}
.cr-block p:last-child{margin-bottom:0}
.cr-highlight{background:#fff;border:1px solid #eadede;border-left:5px solid #c9971c;border-radius:0 14px 14px 0;padding:20px 24px;box-shadow:0 6px 20px rgba(128,0,0,.07)}
/* role chips */
.cr-roles{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.cr-role{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eadede;border-radius:12px;padding:12px 18px;font-weight:700;color:#333;font-size:14.5px;box-shadow:0 4px 14px rgba(128,0,0,.06)}
.cr-role i{color:#fff;background:linear-gradient(135deg,#800000,#a51c1c);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px}
/* syllabus modules */
.cr-modules{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.cr-mod{background:#fff;border:1px solid #eadede;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(128,0,0,.07)}
.cr-modh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#fdf6e8,#fdecec)}
.cr-modh b{font-size:16px;color:#800000}
.cr-modh span{flex:none;background:#800000;color:#fff;font-size:12.5px;font-weight:700;padding:4px 12px;border-radius:999px}
/* collapsible variant: ...
...![]()
without .hm-cimg wrapper) — use cover
since blog thumbnails are photos, not text overlays */
.hm-ccard > a > img{
width:100%;aspect-ratio:16/9;object-fit:cover;
object-position:center;display:block;
}
.hm-cbody{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}
.hm-cbody h3{margin:0;font-size:17px;color:#4d0000;font-weight:800}
.hm-cbody p{margin:0;color:#555;font-size:13.5px;line-height:1.5;flex:1}
/* Course meta chips (duration only now — fee removed) */
.hm-cmeta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}
.hm-cmeta span{
background:#fff8e5;color:#8b6a00;
padding:4px 10px;border-radius:999px;font-weight:700;
}
/* Card buttons */
.hm-cbtns{display:flex;gap:8px;margin-top:6px}
.hm-cbtns a{
flex:1;text-align:center;padding:9px 8px;font-size:13px;
font-weight:700;border-radius:8px;text-decoration:none;
transition:all .15s;display:inline-flex;align-items:center;
justify-content:center;gap:6px;
}
.hm-cbtns a.r{background:#4d0000;color:#fff;border:2px solid #4d0000}
.hm-cbtns a.r:hover{background:#7d0f0f;border-color:#7d0f0f}
/* WhatsApp button — brand green for instant recognition */
.hm-cbtns a.e{background:#25D366;color:#fff;border:2px solid #25D366}
.hm-cbtns a.e:hover{background:#128C7E;border-color:#128C7E}
.hm-cbtns a.e i{font-size:15px}
/* ---------- AREAS SERVED — Map-pin design ---------- */
/* Section container gets a subtle "map paper" backdrop */
.hm-geo{
position:relative;
background:
radial-gradient(1200px 600px at 50% 0%, rgba(77,0,0,.04), transparent 60%),
linear-gradient(180deg,#fffdf7 0%,#fdf7ea 100%);
border-radius:18px;padding:34px 26px;margin-top:24px;
border:1px solid #f2e6d6;overflow:hidden;
}
/* Faint dotted grid to hint at a map */
.hm-geo::before{
content:"";position:absolute;inset:0;pointer-events:none;
background-image:
radial-gradient(rgba(77,0,0,.05) 1px, transparent 1px),
radial-gradient(rgba(77,0,0,.03) 1px, transparent 1px);
background-size:22px 22px, 44px 44px;
background-position:0 0, 11px 11px;
opacity:.8;
}
.hm-geo > *{position:relative;z-index:1}
/* Featured BCIT WORLD hero pin */
.hm-geo-hero{
display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;
background:linear-gradient(135deg,#4d0000 0%,#7d0f0f 100%);
color:#fff;padding:22px 26px;border-radius:16px;margin-top:16px;
box-shadow:0 12px 30px rgba(77,0,0,.22);
position:relative;overflow:hidden;
}
.hm-geo-hero::after{
content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;
background:radial-gradient(circle,rgba(253,214,58,.18),transparent 70%);
pointer-events:none;
}
.hm-geo-hero > *{position:relative;z-index:1}
/* The big pulsing pin */
.hm-geo-pin{
position:relative;width:72px;height:72px;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
border-radius:50%;
}
.hm-geo-pin--main{
background:#fdd63a;color:#4d0000;
box-shadow:0 8px 22px rgba(253,214,58,.35), inset 0 0 0 4px rgba(255,255,255,.35);
}
.hm-geo-pin--main i{font-size:34px;line-height:1}
.hm-geo-pulse{
position:absolute;inset:-6px;border-radius:50%;
border:3px solid rgba(253,214,58,.65);
animation:hmPulse 2.2s ease-out infinite;
}
@keyframes hmPulse{
0%{transform:scale(.9);opacity:.9}
100%{transform:scale(1.9);opacity:0}
}
@media (prefers-reduced-motion:reduce){.hm-geo-pulse{animation:none;opacity:0}}
/* Hero text block — higher specificity to override any global h3/p color */
.hm-geo .hm-geo-heroText h3{
font-size:clamp(19px,2vw,24px);margin:6px 0 8px;
color:#fff !important;font-weight:800;line-height:1.25;
}
.hm-geo .hm-geo-heroText p{
margin:0 0 14px;color:#fff8ea !important;font-size:14px;line-height:1.55;
}
.hm-geo-tag{
display:inline-flex;align-items:center;gap:6px;
background:#fdd63a;color:#4d0000;padding:5px 12px;
border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.4px;
text-transform:uppercase;
}
.hm-geo-tag i{font-size:11px}
.hm-geo-heroBtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
/* Sub-heading for locality groups (extra top margin so it breathes
away from the BCIT WORLD hero pin card above) */
.hm-geo-subhead{
font-size:16px;color:#4d0000;font-weight:800;
margin:36px 0 14px;display:inline-flex;align-items:center;gap:8px;
}
.hm-geo-subhead i{color:#c9971c}
/* Ensure the pill line-height keeps them all on a single row */
.hm-geo-pill{white-space:nowrap;line-height:1.2}
/* Locality pin pills grid */
.hm-geo-grid{
display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
gap:10px;
}
.hm-geo-pill{
display:inline-flex;align-items:center;gap:8px;
background:#fff;border:1.5px solid #f2e6d6;color:#4d0000;
padding:10px 14px;border-radius:999px;
font-size:13.5px;font-weight:700;text-decoration:none;
transition:transform .15s,box-shadow .15s,border-color .15s;
box-shadow:0 2px 6px rgba(77,0,0,.04);
}
.hm-geo-pill i{color:#c9971c;font-size:13px}
.hm-geo-pill:hover{
transform:translateY(-2px);border-color:#c9971c;
box-shadow:0 8px 18px rgba(77,0,0,.12);color:#4d0000;
}
/* Smaller pills for the wider online-Bihar block */
.hm-geo-grid--sm{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.hm-geo-pill--sm{
padding:7px 12px;font-size:12.5px;
background:transparent;border-style:dashed;
color:#666;font-weight:600;cursor:default;
}
.hm-geo-pill--sm i{color:#8b6a00;font-size:11px}
.hm-geo-pill--sm:hover{transform:none;border-color:#c9971c;box-shadow:none;color:#666}
/* Online block wrapper */
.hm-geo-online{
margin-top:20px;padding-top:22px;
border-top:1px dashed #e8dcc4;
}
/* --- Mobile --- */
@media (max-width:640px){
.hm-geo{padding:24px 16px}
.hm-geo-hero{
grid-template-columns:1fr;gap:14px;text-align:center;
padding:22px 18px;
}
.hm-geo-pin{margin:0 auto}
.hm-geo-heroBtns{justify-content:center}
.hm-geo-heroBtns .rv-btn{padding:10px 14px;font-size:13.5px}
.hm-geo-heroText h3{font-size:19px}
.hm-geo-heroText p{font-size:13px}
.hm-geo-grid{grid-template-columns:repeat(2,1fr);gap:8px}
.hm-geo-pill{padding:9px 12px;font-size:12.5px}
.hm-geo-grid--sm{grid-template-columns:repeat(2,1fr)}
}
/* ---------- OUR TRAINING PROCESS — Step cards ---------- */
.hm-proc{
background:linear-gradient(180deg,#fffdf7 0%,#fdf7ea 100%);
border:1px solid #f2e6d6;border-radius:18px;
padding:34px 26px;margin-top:24px;position:relative;overflow:hidden;
}
.hm-proc::before{
content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(900px 400px at 100% 0%,rgba(253,214,58,.10),transparent 60%),
radial-gradient(700px 500px at 0% 100%,rgba(77,0,0,.05),transparent 60%);
}
.hm-proc > *{position:relative;z-index:1}
/* Grid — 3 cols desktop, 2 cols tablet, 1 col mobile */
.hm-proc-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
margin-top:22px;
}
/* Individual step card */
.hm-proc-card{
background:#fff;border:1px solid #f2e6d6;border-radius:14px;
padding:26px 22px 22px;position:relative;
transition:transform .22s,box-shadow .22s,border-color .22s;
box-shadow:0 4px 14px rgba(77,0,0,.05);
overflow:hidden;
}
.hm-proc-card::before{
content:"";position:absolute;top:0;left:0;right:0;height:4px;
background:linear-gradient(90deg,#4d0000 0%,#c9971c 100%);
transform:scaleX(0);transform-origin:left;
transition:transform .35s ease;
}
.hm-proc-card:hover{
transform:translateY(-6px);border-color:#c9971c;
box-shadow:0 18px 40px rgba(77,0,0,.14);
}
.hm-proc-card:hover::before{transform:scaleX(1)}
/* Big step number — top-right corner watermark */
.hm-proc-num{
position:absolute;top:14px;right:18px;
font-size:44px;font-weight:900;line-height:1;
background:linear-gradient(135deg,#fdd63a 0%,#c9971c 100%);
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:transparent;
opacity:.55;letter-spacing:-1px;
transition:opacity .22s,transform .22s;
}
.hm-proc-card:hover .hm-proc-num{opacity:.85;transform:scale(1.08)}
/* Icon circle */
.hm-proc-icon{
width:56px;height:56px;border-radius:14px;
background:linear-gradient(135deg,#4d0000 0%,#7d0f0f 100%);
color:#fdd63a;font-size:24px;
display:flex;align-items:center;justify-content:center;
box-shadow:0 8px 18px rgba(77,0,0,.22);
margin-bottom:16px;
}
/* Card text */
.hm-proc-card h3{
font-size:17px;color:#4d0000;font-weight:800;
margin:0 0 8px;letter-spacing:.2px;line-height:1.25;
}
.hm-proc-card p{
margin:0;color:#555;font-size:13.5px;line-height:1.6;
}
.hm-proc-card p b{color:#4d0000}
/* --- Responsive --- */
@media (max-width:991px){
.hm-proc-grid{grid-template-columns:repeat(2,1fr);gap:18px}
.hm-proc{padding:28px 20px}
}
@media (max-width:640px){
.hm-proc-grid{grid-template-columns:1fr;gap:14px}
.hm-proc{padding:22px 16px;border-radius:14px}
.hm-proc-card{padding:22px 18px 18px}
.hm-proc-num{font-size:36px;top:12px;right:14px}
.hm-proc-icon{width:50px;height:50px;font-size:22px;margin-bottom:12px}
.hm-proc-card h3{font-size:16px}
.hm-proc-card p{font-size:13px}
}
/* ---------- RECENT PLACEMENTS — Classic square cards (no photos, no quotes) ---------- */
.hm-plc > h2,.hm-plc > p{text-align:center}
.hm-plc > p{max-width:760px;margin-left:auto;margin-right:auto}
.hm-plc-grid{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;
margin:26px auto 0;
}
.hm-plc-card{
min-width:0;aspect-ratio:1/1; /* square box; grows only if content needs more room */
background:#fff;text-align:center;
border:1px solid #f2e6d6;border-top:4px solid #4d0000;border-radius:14px;
padding:12px 12px;display:flex;flex-direction:column;
align-items:center;justify-content:center;line-height:1.3;
box-shadow:0 6px 18px rgba(77,0,0,.06);
transition:transform .2s,box-shadow .2s,border-top-color .2s;
}
.hm-plc-card:hover{
transform:translateY(-5px);border-top-color:#c9971c;
box-shadow:0 16px 34px rgba(77,0,0,.13);
}
.hm-plc-tag{
display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;line-height:1.3;
background:#e6f6ec;color:#0a5c33;
font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;
padding:3px 9px;border-radius:999px;
}
.hm-plc-av{
width:54px;height:54px;border-radius:50%;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,#4d0000 0%,#7d0f0f 100%);
color:#fdd63a;font-size:20px;font-weight:800;letter-spacing:1px;
box-shadow:0 0 0 3px #fff,0 0 0 5px #e9c46a,0 8px 16px rgba(77,0,0,.18);
margin-bottom:10px;
}
.hm-plc-card h3{margin:0 0 2px;font-size:16px;color:#4d0000;font-weight:800;line-height:1.25}
.hm-plc-card .hm-plc-role{margin:0 0 2px;font-size:13.5px;font-weight:700;color:#222;line-height:1.3}
.hm-plc-card .hm-plc-co{margin:0 0 8px;font-size:12.5px;color:#6b6b6b;line-height:1.3}
.hm-plc-card .hm-plc-co i{color:#c9971c;margin-right:5px}
.hm-plc-course{
display:inline-block;background:#fff8e5;color:#8b6a00;
border:1px solid #f3dfa6;border-radius:999px;
font-size:11.5px;font-weight:700;padding:3px 11px;line-height:1.4;
}
/* Tablet: 2 x 2 squares */
@media (max-width:991px){
.hm-plc-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}
}
/* Mobile: still 2 x 2 squares, compact type */
@media (max-width:600px){
.hm-plc-grid{gap:12px;max-width:none}
.hm-plc-card{padding:8px 6px;border-radius:12px}
.hm-plc-tag{font-size:9.5px;padding:2px 7px;margin-bottom:5px}
.hm-plc-av{width:40px;height:40px;font-size:14px;margin-bottom:6px}
.hm-plc-card h3{font-size:14px}
.hm-plc-card .hm-plc-role{font-size:12px}
.hm-plc-card .hm-plc-co{font-size:11px;margin-bottom:5px}
.hm-plc-course{font-size:10px;padding:2px 8px}
}
/* ---------- STUDENT REVIEWS — classic text cards (no photos) ---------- */
.hm-rev > h2,.hm-rev > p{text-align:center}
.hm-rev > p{max-width:720px;margin-left:auto;margin-right:auto}
.hm-rev-grid{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px;
}
.hm-rev-card{
background:#fdf9f2;border:1px solid #f2e6d6;border-left:4px solid #4d0000;
border-radius:14px;padding:22px 22px 20px;line-height:1.3;
transition:transform .2s,box-shadow .2s,border-left-color .2s;
}
.hm-rev-card:hover{
transform:translateY(-4px);border-left-color:#c9971c;
box-shadow:0 14px 30px rgba(77,0,0,.10);
}
.hm-rev-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.hm-rev-av{
width:46px;height:46px;border-radius:50%;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,#4d0000 0%,#7d0f0f 100%);
color:#fdd63a;font-size:18px;font-weight:800;
}
.hm-rev-card .hm-rev-head h3{margin:0 0 3px;font-size:16px;font-weight:800;color:#222;line-height:1.25}
.hm-rev-meta{display:block;font-size:12.5px;color:#6b6b6b;line-height:1.3}
.hm-rev-meta i{color:#c9971c;margin-right:4px}
.hm-rev-stars{color:#f5a623;font-size:15px;letter-spacing:2px;line-height:1}
.hm-rev-card .hm-rev-stars{display:block;margin-bottom:12px}
.hm-rev-card .hm-rev-text{
margin:0;font-size:14px;line-height:1.65;color:#444;font-style:italic;
}
/* Google rating summary box */
.hm-rev-rating{
display:flex;align-items:center;gap:16px;
max-width:560px;margin:30px auto 0;padding:18px 22px;
background:#fff;border:1px solid #eee;border-radius:14px;
box-shadow:0 6px 18px rgba(0,0,0,.05);line-height:1.3;
}
.hm-rev-g{
width:52px;height:52px;border-radius:50%;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
background:#f6f6f6;border:1px solid #eee;font-size:24px;color:#4285F4;
}
.hm-rev-score{font-size:17px;color:#222}
.hm-rev-score b{margin-left:6px}
.hm-rev-cap{font-size:13.5px;color:#666;margin-top:4px}
.hm-rev-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}
@media (max-width:991px){.hm-rev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
.hm-rev-grid{grid-template-columns:1fr;gap:14px}
.hm-rev-card{padding:18px 16px}
.hm-rev-rating{padding:14px 16px;gap:12px}
.hm-rev-g{width:44px;height:44px;font-size:20px}
.hm-rev-score{font-size:15px}
.hm-rev-cap{font-size:12.5px}
.hm-rev-btns .rv-btn{flex:1 1 100%;justify-content:center}
}
/* ---------- COMPARISON TABLE — Classic look ---------- */
.hm-cmp-wrap{
margin-top:18px;overflow-x:auto;
border-radius:16px;background:#fff;
box-shadow:0 8px 28px rgba(77,0,0,.08);
border:1px solid #f2e6d6;
}
.hm-cmp{
width:100%;border-collapse:collapse;margin:0;
font-family:inherit;
}
.hm-cmp th,.hm-cmp td{
padding:16px 20px;text-align:left;
border-bottom:1px solid #f5ecdc;font-size:14.5px;
vertical-align:middle;
}
/* Header row — deep maroon with gold accent under */
.hm-cmp thead th{
background:linear-gradient(135deg,#4d0000 0%,#7d0f0f 100%);
color:#fff;font-weight:800;font-size:14px;
letter-spacing:.3px;padding:18px 20px;
position:relative;
}
.hm-cmp thead th:not(:last-child){
border-right:1px solid rgba(255,255,255,.08);
}
.hm-cmp thead th i{margin-right:6px;color:#fdd63a}
.hm-cmp-us{border-bottom:3px solid #fdd63a !important}
.hm-cmp-badge{
display:inline-block;background:#fdd63a;color:#4d0000;
padding:3px 10px;border-radius:999px;
font-size:10.5px;font-weight:800;letter-spacing:.4px;
text-transform:uppercase;margin-left:8px;vertical-align:middle;
}
/* Feature column (leftmost) — maroon text with icon */
.hm-cmp tbody td.b{
font-weight:800;color:#4d0000;font-size:14px;
background:#fdf7ea;width:32%;
}
.hm-cmp tbody td.b i{color:#c9971c;margin-right:8px;width:16px;text-align:center}
/* BCIT WORLD column highlighted with soft warm bg */
.hm-cmp tbody td:nth-child(2){
background:#fffdf3;border-left:3px solid rgba(253,214,58,.35);
font-weight:600;
}
/* Typical Coaching column — neutral */
.hm-cmp tbody td:nth-child(3){
color:#6b6b6b;
}
/* Green ✓ chip for BCIT values */
.hm-cmp-yes{
display:inline-flex;align-items:center;gap:8px;
color:#0a5c33;font-weight:700;
}
.hm-cmp-yes::before{
content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
display:inline-flex;align-items:center;justify-content:center;
width:22px;height:22px;background:#dff5e6;color:#0a5c33;
border-radius:50%;font-size:11px;flex-shrink:0;
}
/* Muted ✕ chip for typical values */
.hm-cmp-no{
display:inline-flex;align-items:center;gap:8px;
color:#8a5555;font-weight:600;
}
.hm-cmp-no::before{
content:"\f00d";font-family:"Font Awesome 6 Free";font-weight:900;
display:inline-flex;align-items:center;justify-content:center;
width:22px;height:22px;background:#f4e4e4;color:#8a2a2a;
border-radius:50%;font-size:11px;flex-shrink:0;
}
/* Row hover + last-row border cleanup */
.hm-cmp tbody tr{transition:background .15s}
.hm-cmp tbody tr:hover td:nth-child(2){background:#fef5db}
.hm-cmp tbody tr:hover td.b{background:#fbedd0}
.hm-cmp tbody tr:last-child td{border-bottom:none}
/* --- Mobile — stack table rows into clean cards --- */
@media (max-width:640px){
.hm-cmp-wrap{
background:transparent;box-shadow:none;border:none;
overflow:visible;margin-top:14px;
}
.hm-cmp{background:transparent;border-collapse:separate;border-spacing:0}
/* Hide the header row on mobile — labels go inline per card */
.hm-cmp thead{
position:absolute;left:-9999px;top:auto;
width:1px;height:1px;overflow:hidden;
}
/* Each becomes a card */
.hm-cmp tbody tr{
display:block;background:#fff;
border:1px solid #f2e6d6;border-radius:14px;
box-shadow:0 4px 14px rgba(77,0,0,.06);
margin-bottom:14px;overflow:hidden;
}
.hm-cmp tbody tr:hover td:nth-child(2),
.hm-cmp tbody tr:hover td.b{background:inherit}
.hm-cmp tbody td{
display:block;width:100% !important;
padding:0;border:none;background:transparent;
box-sizing:border-box;
}
/* Feature (card header) — maroon strip with icon */
.hm-cmp tbody td.b{
display:block;width:100%;box-sizing:border-box;
background:linear-gradient(135deg,#4d0000 0%,#7d0f0f 100%);
color:#fff;font-size:14px;font-weight:800;
padding:14px 18px;letter-spacing:.2px;
text-align:left;
}
.hm-cmp tbody td.b i{
color:#fdd63a;margin-right:8px;width:auto;
}
/* BCIT WORLD + Typical value rows */
.hm-cmp tbody td:nth-child(2),
.hm-cmp tbody td:nth-child(3){
padding:12px 16px;font-size:13.5px;
border-left:none;position:relative;
}
/* Insert the column label via data-label attribute */
.hm-cmp tbody td:nth-child(2)::before,
.hm-cmp tbody td:nth-child(3)::before{
content:attr(data-label);
display:block;font-size:10.5px;font-weight:800;
letter-spacing:.5px;text-transform:uppercase;
margin-bottom:6px;
}
.hm-cmp tbody td:nth-child(2)::before{color:#4d0000}
.hm-cmp tbody td:nth-child(3)::before{color:#8a5555}
/* BCIT value — warm cream bg */
.hm-cmp tbody td:nth-child(2){
background:#fffdf3;
border-bottom:1px dashed #f0e5d1;
}
/* Typical value — plain white bg */
.hm-cmp tbody td:nth-child(3){
background:#fff;color:#6b6b6b;
}
/* Chip icons slightly smaller on mobile */
.hm-cmp-yes::before,.hm-cmp-no::before{
width:20px;height:20px;font-size:10.5px;
}
.hm-cmp-yes,.hm-cmp-no{font-size:13px;gap:7px;line-height:1.4}
}