/* =============================================
   CSS-V11-SkyBlue — ClearConcept Academy
   SKY BLUE brand theme (locked May 2026)
   Paste into: WP Admin > Appearance > Customize > Additional CSS
   =============================================

   COLOUR VARIABLES (edit here, applies everywhere):
   --cc-blue      #0ea5e9  — ONE sky blue accent
   --cc-tint      #f0f9ff  — sky tint background
   --cc-tint-bdr  #bae6fd  — sky tint border
   --cc-tint-txt  #0369a1  — text on tint bg
   --cc-dark      #0f172a  — headings
   --cc-body      #475569  — long-form text
   --cc-ui        #64748b  — UI / short text
   --cc-muted     #94a3b8  — muted / labels
   --cc-border    #e2e8f0  — borders / dividers
   --cc-white     #ffffff  — white base
   --cc-surface   #f8fafc  — footer / surface bg
   --cc-sep       #f0f4f8  — 6px separators ONLY
   ============================================= */

:root {
  --cc-blue:     #0ea5e9;
  --cc-rgb:      14,165,233;
  --cc-tint:     #f0f9ff;
  --cc-tint-bdr: #bae6fd;
  --cc-tint-txt: #0369a1;
  --cc-dark:     #0f172a;
  --cc-body:     #475569;
  --cc-ui:       #64748b;
  --cc-muted:    #94a3b8;
  --cc-border:   #e2e8f0;
  --cc-white:    #ffffff;
  --cc-surface:  #f8fafc;
  --cc-sep:      #f0f4f8;
  --cc-wa:       #25d366;
}


/* =============================================
   FULL-WIDTH LAYOUT FIX
   ============================================= */
html, body {
  background: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body #page,
html body #content,
html body #primary,
html body .content-area,
html body .site-content,
html body .ast-container,
html body .ast-content-layout-row,
html body #primary .ast-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
html body .entry-content,
html body .entry-content > *,
html body .entry-content > .wp-block-html,
html body .entry-content > .wp-block-group,
html body .entry-content > div {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
.page .site-content .ast-container,
.post-type-page .site-content .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page .entry-content,
.post-type-page .entry-content {
  padding: 0 !important;
}
.entry-content .wp-block-html {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* =============================================
   HIDE SITE TAGLINE / DESCRIPTION
   ============================================= */
.site-description,
.ast-site-description,
.ast-primary-header-bar .site-description,
.ast-site-identity .site-description,
p.site-description {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}


/* =============================================
   BADGES
   ============================================= */
.cc-badges { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; padding:20px 16px; }
.cc-badge { background:var(--cc-blue); color:#fff; padding:14px 28px; border-radius:50px; font-weight:700; font-size:14px; letter-spacing:1.5px; box-shadow:0 4px 12px rgba(var(--cc-rgb),0.25); display:inline-block; }


/* =============================================
   WHY SECTION
   ============================================= */
.cc-why-section { background:#ffffff; padding:80px 40px; text-align:center; border-bottom:6px solid #f0f4f8; }
.cc-why-subtitle { text-align:center; color:#64748b; font-size:1rem; margin-bottom:50px; }
.cc-why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.cc-why-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:14px; padding:28px; text-align:left; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cc-why-card h3,
.cc-why-card h4 { color:var(--cc-blue); font-size:1.05rem; font-weight:700; margin:0 0 10px 0; }
.cc-why-card p { color:#475569; font-size:0.93rem; line-height:1.7; margin:0; }
.cc-why-icon { font-size:2.2rem; display:block; margin-bottom:14px; }


/* =============================================
   TESTIMONIALS
   ============================================= */
.cc-testimonials {
  background: #ffffff;
  padding:80px 40px;
  text-align:center;
  border-bottom:6px solid #f0f4f8;
}
.cc-testimonials .cc-section-tag { display:inline-block; }
.cc-testimonials .cc-section-title { display:block; }
.cc-tgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:10px; }
.cc-tcard { background:#ffffff; border:1px solid #e2e8f0; border-radius:12px; padding:30px; text-align:left; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cc-tstars { font-size:1.2rem; margin-bottom:15px; color:var(--cc-blue) !important; }
.cc-tquote { font-size:0.95rem; line-height:1.7; color:#475569; font-style:italic; margin-bottom:15px; }
.cc-tname { color:var(--cc-blue); font-weight:600; font-size:0.9rem; }


/* =============================================
   FOOTER
   ============================================= */
.cc-footer-wrap { background:#f8fafc; padding:60px 40px 30px; color:#0f172a; width:100%; box-sizing:border-box; border-top:6px solid #f0f4f8; }
.cc-footer-inner { max-width:1100px; margin:0 auto; }
.cc-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; margin-bottom:40px; }
.cc-footer-brand { font-size:1.3rem; font-weight:800; color:#0f172a; margin:0 0 12px; }
.cc-footer-tagline { font-size:0.88rem; color:#64748b; line-height:1.8; margin:0 0 14px; max-width:300px; }
.cc-footer-email { color:var(--cc-blue); font-size:0.88rem; text-decoration:none; display:block; margin-bottom:18px; }
.cc-footer-email:hover { text-decoration:underline; }
.cc-footer-col-title { font-size:0.95rem; font-weight:700; color:#0f172a; margin:0 0 16px; text-transform:uppercase; letter-spacing:1px; }
.cc-footer-links { list-style:none; padding:0; margin:0; }
.cc-footer-links li { margin-bottom:10px; }
.cc-footer-links a { color:#64748b; font-size:0.88rem; text-decoration:none; }
.cc-footer-links a:hover { color:var(--cc-blue); }
.cc-footer-bottom { border-top:1px solid #e2e8f0; padding-top:24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.cc-footer-bottom p { font-size:0.82rem; color:#94a3b8; margin:0; }

/* Social icons in footer */
.cc-footer-social { display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; }
.cc-social-btn { display:inline-flex; align-items:center; gap:7px; background:rgba(var(--cc-rgb),0.08); border:1px solid rgba(var(--cc-rgb),0.25); color:#64748b; font-size:0.82rem; font-weight:600; padding:8px 14px; border-radius:8px; text-decoration:none; transition:background 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
.cc-social-btn:hover { background:rgba(var(--cc-rgb),0.18); border-color:var(--cc-blue); color:var(--cc-blue); }
.cc-social-btn-wa { background:rgba(37,211,102,0.1); border-color:rgba(37,211,102,0.3); color:#25d366; }
.cc-social-btn-wa:hover { background:rgba(37,211,102,0.25); border-color:#25d366; color:#fff; }

/* Footer responsive */
@media (max-width: 768px) {
  .cc-footer-wrap { padding:50px 24px 28px; }
  .cc-footer-grid { grid-template-columns:1fr; gap:32px; }
  .cc-footer-tagline { max-width:100%; }
  .cc-footer-bottom { flex-direction:column; text-align:center; }
}
@media (max-width: 480px) {
  .cc-footer-wrap { padding:40px 16px 24px; }
  .cc-footer-social { gap:8px; }
  .cc-social-btn { font-size:0.78rem; padding:7px 12px; }
}


/* =============================================
   PAYMENT INSTRUCTIONS PAGE
   ============================================= */

/* Hero */
.cc-pay-hero { background:#ffffff; padding:80px 40px; text-align:center; border-bottom:6px solid #f0f4f8; }
.cc-pay-hero-inner { max-width:700px; margin:0 auto; }
.cc-pay-hero-title { font-size:2.8rem; font-weight:900; color:#0f172a; margin:12px 0 16px; }
.cc-pay-hero-sub { font-size:1.1rem; color:#475569; line-height:1.7; margin:0; }

/* Step Banner */
.cc-pay-steps-bar { background:var(--cc-blue); padding:20px 40px; }
.cc-pay-steps-inner { max-width:1000px; margin:0 auto; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; }
.cc-pay-step { display:flex; align-items:center; gap:8px; color:#fff; font-weight:700; font-size:0.9rem; }
.cc-pay-step-num { background:#ffffff; color:var(--cc-blue); width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.85rem; font-weight:900; flex-shrink:0; }
.cc-pay-step-arrow { color:#fff; font-weight:900; font-size:1.1rem; }

/* Payment Cards Section */
.cc-pay-section { background:#ffffff; padding:80px 40px; }
.cc-pay-inner { max-width:860px; margin:0 auto; }
.cc-pay-section-title { text-align:center; font-size:1.9rem; font-weight:800; color:#0f172a; margin:0 0 40px; }

/* Individual Cards */
.cc-pay-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:16px; margin-bottom:24px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cc-pay-card-header { background:#f8fafc; padding:24px 28px; border-bottom:1px solid #e2e8f0; }
.cc-pay-badge { display:inline-block; font-size:0.8rem; font-weight:700; padding:5px 14px; border-radius:50px; margin-bottom:10px; }
.cc-pay-badge-green { background:rgba(37,211,102,0.12); color:#16a34a; border:1px solid rgba(37,211,102,0.3); }
.cc-pay-badge-blue { background:rgba(var(--cc-rgb),0.12); color:var(--cc-blue); border:1px solid rgba(var(--cc-rgb),0.3); }
.cc-pay-badge-gold { background:var(--cc-tint); color:var(--cc-blue); border:1px solid var(--cc-tint-bdr); }
.cc-pay-card-title { font-size:1.35rem; font-weight:800; color:#0f172a; margin:0 0 4px; }
.cc-pay-card-sub { font-size:0.88rem; color:#64748b; margin:0; }
.cc-pay-card-body { padding:24px 28px; }

/* Detail rows */
.cc-pay-detail-row { display:flex; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:1px solid #e2e8f0; flex-wrap:wrap; gap:8px; }
.cc-pay-detail-row:last-of-type { border-bottom:none; }
.cc-pay-label { font-size:0.88rem; color:#64748b; font-weight:500; }
.cc-pay-value { font-size:0.95rem; color:#0f172a; font-weight:600; }
.cc-pay-highlight { color:var(--cc-blue); letter-spacing:0.3px; }

/* Tip box */
.cc-pay-tip { background:var(--cc-tint); border:1px solid var(--cc-tint-bdr); border-radius:8px; padding:12px 16px; font-size:0.88rem; color:#475569; margin-bottom:16px; line-height:1.6; }
.cc-pay-tip strong { color:var(--cc-blue); }

/* Instructions */
.cc-pay-instructions { margin-top:16px; background:#f8fafc; border-radius:8px; padding:14px 16px; }
.cc-pay-instructions p { font-size:0.88rem; color:#64748b; line-height:1.7; margin:0; }

/* After Payment */
.cc-pay-after { background:#ffffff; padding:80px 40px; text-align:center; border-top:6px solid #f0f4f8; }
.cc-pay-after-inner { max-width:1000px; margin:0 auto; }
.cc-pay-after-title { font-size:1.9rem; font-weight:800; color:#0f172a; margin:0 0 40px; }
.cc-pay-after-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:36px; }
.cc-pay-after-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:14px; padding:28px 24px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cc-pay-after-num { width:44px; height:44px; background:var(--cc-blue); color:#fff; border-radius:50%; font-size:1.2rem; font-weight:900; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; }
.cc-pay-after-card h3 { font-size:1rem; font-weight:700; color:#0f172a; margin:0 0 10px; }
.cc-pay-after-card p { font-size:0.88rem; color:#475569; line-height:1.7; margin:0; }
.cc-pay-wa-btn { display:inline-flex; align-items:center; gap:10px; background:#25d366; color:#fff; font-weight:700; font-size:1rem; padding:16px 32px; border-radius:50px; text-decoration:none; transition:background 0.2s; }
.cc-pay-wa-btn:hover { background:#1ebe5d; }

/* FAQ */
.cc-pay-faq { background:#f8fafc; padding:80px 40px; border-top:6px solid #f0f4f8; }
.cc-pay-faq-inner { max-width:900px; margin:0 auto; }
.cc-pay-faq-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:10px; }
.cc-pay-faq-item { background:#ffffff; border:1px solid #e2e8f0; border-radius:12px; padding:24px; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cc-pay-faq-item h4 { font-size:1rem; font-weight:700; color:var(--cc-blue); margin:0 0 10px; }
.cc-pay-faq-item p { font-size:0.9rem; color:#475569; line-height:1.7; margin:0; }

/* Responsive */
@media (max-width: 768px) {
  .cc-pay-hero { padding:60px 24px; }
  .cc-pay-hero-title { font-size:2rem; }
  .cc-pay-steps-bar { padding:16px 20px; }
  .cc-pay-steps-inner { gap:8px; }
  .cc-pay-step-arrow { display:none; }
  .cc-pay-section { padding:60px 24px; }
  .cc-pay-card-header, .cc-pay-card-body { padding:20px; }
  .cc-pay-after { padding:60px 24px; }
  .cc-pay-after-grid { grid-template-columns:1fr; }
  .cc-pay-faq { padding:60px 24px; }
  .cc-pay-faq-grid { grid-template-columns:1fr; }
}
@media (max-width: 480px) {
  .cc-pay-hero { padding:50px 16px; }
  .cc-pay-hero-title { font-size:1.7rem; }
  .cc-pay-hero-sub { font-size:0.95rem; }
  .cc-pay-section { padding:50px 16px; }
  .cc-pay-card-header, .cc-pay-card-body { padding:16px; }
  .cc-pay-detail-row { flex-direction:column; align-items:flex-start; }
  .cc-pay-after { padding:50px 16px; }
  .cc-pay-faq { padding:50px 16px; }
  .cc-pay-wa-btn { font-size:0.9rem; padding:14px 24px; }
}


/* =============================================
   COURSES PAGE (detail pages)
   ============================================= */
.cc-courses-wrap { background:#ffffff; padding:70px 40px; }
.cc-page-header { text-align:center; max-width:800px; margin:0 auto 60px; }
.cc-page-tag { color:var(--cc-blue); font-size:0.9rem; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px; }
.cc-page-title { color:#0f172a; font-size:2.8rem; font-weight:800; margin-bottom:15px; }


/* =============================================
   HEADER — DESKTOP
   ============================================= */
.main-header-bar,
.ast-primary-header-bar {
  background: #ffffff !important;
  border-top: 5px solid var(--cc-blue) !important;
  opacity: 1 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
}
.main-header-bar .menu-item a,
.main-navigation .menu-item a,
.main-header-bar .ast-menu-link,
.ast-primary-header-bar .ast-menu-link {
  color: #0f172a !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  transition: color 0.2s ease !important;
}
.main-header-bar .menu-item a:hover,
.main-navigation .menu-item a:hover,
.main-header-bar .ast-menu-link:hover {
  color: var(--cc-blue) !important;
}


/* =============================================
   DROPDOWN SUBMENU — DESKTOP
   ============================================= */
.main-navigation .sub-menu,
.main-navigation ul ul {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}
.main-navigation .sub-menu .menu-item a,
.main-navigation ul ul li a {
  color: #0f172a !important;
  font-size: 0.87rem !important;
  padding: 10px 18px !important;
}
.main-navigation .sub-menu .menu-item a:hover,
.main-navigation ul ul li a:hover {
  background: var(--cc-tint) !important;
  color: var(--cc-blue) !important;
}


/* =============================================
   LOGO — ENHANCED FIX
   Upload logo: WP Admin → Appearance → Customize
   → Site Identity → Logo
   ============================================= */
/* Force logo container to flex so image aligns properly */
.custom-logo-link,
.ast-site-identity .custom-logo-link,
a.custom-logo-link {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
}
/* Force logo image to show — overrides Astra & any theme hiding it */
.custom-logo-link img,
.custom-logo-link img.custom-logo,
.ast-site-identity img.custom-logo,
.site-branding img,
.header-image img,
img.custom-logo {
  max-height: 50px !important;
  height: auto !important;
  width: auto !important;
  max-width: 220px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Site name text — brand dark, shown only when no logo image */
.site-title a,
.site-title a:hover,
.site-title a:visited,
.ast-site-name-wrap .site-title a {
  color: #0f172a !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}


/* =============================================
   MOBILE MENU
   ============================================= */
@media (max-width: 921px) {
  .main-header-bar,
  .ast-primary-header-bar {
    background: #ffffff !important;
    display: flex !important;
    visibility: visible !important;
  }
  [class*="ast-mobile"],
  [id*="ast-mobile"],
  [class*="flyout"],
  [class*="ast-popup"] {
    background: #ffffff !important;
  }
  [class*="ast-mobile"] li,
  [id*="ast-mobile"] li,
  [class*="flyout"] li,
  [class*="ast-popup"] li {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
  }
  [class*="ast-mobile"] li a,
  [id*="ast-mobile"] li a,
  [class*="flyout"] li a,
  [class*="ast-popup"] li a {
    color: #0f172a !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    padding: 12px 20px !important;
  }
  .ast-header-break-point .main-navigation .sub-menu,
  .ast-header-break-point .main-navigation ul ul {
    background: #ffffff !important;
    border-left: 3px solid var(--cc-blue) !important;
  }
  .ast-header-break-point .main-navigation .sub-menu li a {
    color: #0f172a !important;
  }
}


/* =============================================
   SHARED UTILITIES
   ============================================= */
.cc-section-wrap { max-width:1100px; margin:0 auto; padding:0 20px; }
.cc-section-tag {
  display: inline-block;
  background: var(--cc-tint);
  color: var(--cc-blue);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 30px;
  border: 1px solid var(--cc-tint-bdr);
  margin-bottom: 14px;
}
.cc-section-title {
  font-size: 2rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 40px 0;
  line-height: 1.25;
}


/* =============================================
   BUTTONS
   ============================================= */
.cc-btn-primary {
  display: inline-block;
  background: var(--cc-blue);
  color: #fff !important;
  font-size: 1rem; font-weight: 700;
  padding: 14px 30px; border-radius: 8px;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 18px rgba(var(--cc-rgb),0.35);
}
.cc-btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(var(--cc-rgb),0.50); color:#fff !important; }

.cc-btn-whatsapp {
  display: inline-block;
  background: #25d366;
  color: #fff !important;
  font-size: 1rem; font-weight: 700;
  padding: 14px 30px; border-radius: 8px;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 18px rgba(37,211,102,0.35);
}
.cc-btn-whatsapp:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(37,211,102,0.50); color:#fff !important; }

.cc-btn-outline {
  display: inline-block;
  background: transparent;
  color: #0f172a !important;
  font-size: 1rem; font-weight: 700;
  padding: 13px 30px; border-radius: 8px;
  text-decoration: none !important;
  border: 2px solid #e2e8f0;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.cc-btn-outline:hover { border-color:var(--cc-blue); background:rgba(var(--cc-rgb),0.06); color:var(--cc-blue) !important; }


/* =============================================
   SECTION 1 — HERO
   ============================================= */
.cc-hero {
  background: #ffffff;
  padding: 110px 40px 90px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-bottom: 6px solid #f0f4f8;
}
.cc-hero::before {
  display: none;
}
.cc-hero-inner { position:relative; z-index:1; max-width:820px; margin:0 auto; }
.cc-hero-badge {
  display: inline-block;
  background: var(--cc-tint);
  color: var(--cc-blue);
  font-size: 0.82rem; font-weight:700;
  letter-spacing: 1.5px; text-transform: uppercase;
  padding: 8px 20px; border-radius: 30px;
  border: 1px solid var(--cc-tint-bdr);
  margin-bottom: 24px;
}
.cc-hero-title { font-size:3rem; font-weight:900; color:#0f172a; line-height:1.15; margin:0 0 20px 0; }
.cc-hero-sub { font-size:1.15rem; color:#475569; line-height:1.75; margin:0 auto 36px; max-width:680px; }
.cc-hero-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }


/* =============================================
   SECTION 2 — TRUST BAR
   ============================================= */
.cc-trust-bar {
  background: var(--cc-tint);
  padding: 44px 20px;
  border-top: 3px solid var(--cc-blue);
  border-bottom: 3px solid var(--cc-blue);
}
.cc-trust-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center; }
.cc-trust-item { display:flex; flex-direction:column; align-items:center; gap:8px; }
.cc-trust-num { font-size:2.2rem; font-weight:900; color:var(--cc-blue); line-height:1; }
.cc-trust-label { font-size:0.88rem; color:#475569; font-weight:600; letter-spacing:0.3px; }


/* =============================================
   SECTION 3 — HOME COURSES
   ============================================= */
.cc-home-courses { background:#ffffff; padding:80px 40px; text-align:center; border-bottom:6px solid #f0f4f8; }
.cc-home-course-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:10px; }
.cc-hcourse-card {
  background:#ffffff; border:1px solid #e2e8f0;
  border-radius:14px; padding:40px 28px 32px;
  text-align:center; position:relative;
  box-shadow:0 2px 8px rgba(0,0,0,0.06);
  transition:transform 0.25s ease, box-shadow 0.25s ease;
}
.cc-hcourse-card:hover { transform:translateY(-6px); box-shadow:0 18px 44px rgba(0,0,0,0.12); }
.cc-hcourse-featured {
  background:#ffffff;
  border:2px solid var(--cc-blue);
  box-shadow:0 0 32px rgba(var(--cc-rgb),0.12);
}
.cc-hcourse-badge {
  position:absolute; top:-14px; left:50%; transform:translateX(-50%);
  background:var(--cc-blue); color:#fff;
  font-size:0.72rem; font-weight:800; letter-spacing:1px; text-transform:uppercase;
  padding:5px 16px; border-radius:20px; white-space:nowrap;
}
.cc-hcourse-icon { font-size:2.8rem; display:block; margin-bottom:16px; }
.cc-hcourse-title { font-size:1.5rem; font-weight:800; color:#0f172a; margin:0 0 14px 0; }
.cc-hcourse-desc { font-size:0.95rem; color:#475569; line-height:1.65; margin:0 0 24px 0; }
.cc-hcourse-link { display:inline-block; color:var(--cc-blue) !important; font-weight:700; font-size:0.92rem; text-decoration:none !important; letter-spacing:0.3px; transition:letter-spacing 0.2s ease; }
.cc-hcourse-link:hover { letter-spacing:1px; }


/* =============================================
   SECTION 5 — MENTOR
   ============================================= */
.cc-mentor-section { background:#ffffff; padding:80px 40px; border-bottom:6px solid #f0f4f8; }
.cc-mentor-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:300px 1fr; gap:60px; align-items:center; }
.cc-mentor-photo { text-align:center; }

.cc-mentor-img {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top center;
  border: 4px solid var(--cc-blue);
  box-shadow: 0 0 40px rgba(var(--cc-rgb),0.15);
  display: block;
  margin: 0 auto;
}

.cc-mentor-photo-placeholder {
  width:240px; height:240px; border-radius:50%;
  background:var(--cc-tint);
  display:flex; align-items:center; justify-content:center;
  font-size:5.5rem; margin:0 auto 12px;
  border:4px solid var(--cc-blue);
  box-shadow:0 0 40px rgba(var(--cc-rgb),0.15);
}
.cc-mentor-photo-caption { font-size:0.75rem; color:#94a3b8; font-style:italic; margin:0; }
.cc-mentor-name { font-size:1.65rem; font-weight:800; color:#0f172a; margin:0 0 18px 0; line-height:1.3; }
.cc-mentor-desc { font-size:0.97rem; color:#475569; line-height:1.78; margin:0 0 24px 0; }
.cc-mentor-creds { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
.cc-cred-badge {
  background:var(--cc-tint); color:var(--cc-blue);
  font-size:0.8rem; font-weight:700; letter-spacing:0.8px;
  padding:6px 14px; border-radius:20px; border:1px solid var(--cc-tint-bdr);
}


/* =============================================
   SECTION 7 — FINAL CTA
   ============================================= */
.cc-final-cta { background:var(--cc-tint); padding:90px 40px; text-align:center; border-top:3px solid var(--cc-blue); border-bottom:3px solid var(--cc-blue); }
.cc-cta-title { font-size:2.2rem; font-weight:800; color:#0f172a; margin:0 0 18px 0; line-height:1.25; }
.cc-cta-sub { font-size:1.05rem; color:#475569; line-height:1.65; max-width:600px; margin:0 auto 36px; }
.cc-cta-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:20px; }
.cc-cta-email { font-size:0.9rem; color:#64748b; margin:0; }
.cc-cta-email a { color:var(--cc-blue) !important; text-decoration:none !important; }
.cc-cta-email a:hover { text-decoration:underline !important; }


/* =============================================
   PAKISTAN TAXATION — PACKAGE CARDS (cc-tax-*)
   ============================================= */

.cc-tax-section { padding: 70px 40px; }
.cc-tax-section-navy { background: #ffffff; border-bottom:6px solid #f0f4f8; }
.cc-tax-section-dark { background: #ffffff; border-bottom:6px solid #f0f4f8; }

.cc-tax-track-head { text-align: center; max-width: 1100px; margin: 0 auto 50px; }
.cc-tax-track-badge {
  display: inline-block;
  background: var(--cc-blue);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 14px;
}
.cc-tax-track-title {
  color: #0f172a;
  font-size: 2rem;
  font-weight: 800;
  margin: 0 0 12px;
}
.cc-tax-track-desc {
  color: #64748b;
  font-size: 1rem;
  max-width: 600px;
  margin: 0 auto;
}

.cc-tax-pkg-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

.cc-tax-pkg-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow:0 2px 8px rgba(0,0,0,0.06);
}

.cc-tax-featured {
  border: 2px solid var(--cc-blue) !important;
  background: #ffffff !important;
  box-shadow: 0 0 32px rgba(var(--cc-rgb),0.12);
}

.cc-tax-premium {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}

.cc-tax-featured-badge {
  position: absolute;
  top: 0; right: 0;
  background: var(--cc-blue);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 800;
  padding: 5px 14px;
  border-radius: 0 14px 0 10px;
}

.cc-tax-pkg-header { background: var(--cc-blue); padding: 20px 24px; }
.cc-tax-featured .cc-tax-pkg-header { background: var(--cc-blue); }
.cc-tax-premium .cc-tax-pkg-header { background: #0f172a; border-bottom: 2px solid var(--cc-blue); }

.cc-tax-pkg-level {
  color: rgba(255,255,255,0.8);
  font-size: 0.72rem; font-weight: 700;
  letter-spacing: 1px; text-transform: uppercase;
  margin-bottom: 4px;
}
.cc-tax-premium .cc-tax-pkg-level { color: rgba(255,255,255,0.8); }

.cc-tax-pkg-name { color: #fff; font-size: 1.2rem; font-weight: 800; margin: 0; }

.cc-tax-pkg-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.cc-tax-pkg-desc { color: #475569; font-size: 0.88rem; line-height: 1.7; margin: 0 0 16px; }
.cc-tax-pkg-points { list-style: none; padding: 0; margin: 0 0 auto; }
.cc-tax-pkg-points li { color: #475569; font-size: 0.84rem; line-height: 1.9; }

.cc-tax-pkg-price { border-top: 1px solid #e2e8f0; padding-top: 18px; margin-top: 20px; }
.cc-tax-premium .cc-tax-pkg-price { border-top-color: #e2e8f0; }
.cc-tax-price-main { color: var(--cc-blue); font-size: 1.6rem; font-weight: 800; line-height: 1; margin-bottom: 4px; }
.cc-tax-price-usd { color: #64748b; font-size: 0.88rem; font-weight: 600; margin-bottom: 16px; }

.cc-tax-pkg-btn {
  display: block; text-align: center;
  padding: 12px; border-radius: 8px;
  font-weight: 700; font-size: 0.9rem;
  text-decoration: none !important;
  background: var(--cc-blue); color: #fff !important;
  transition: opacity 0.2s;
}
.cc-tax-premium .cc-tax-pkg-btn { background: #0f172a; color: #fff !important; }
.cc-tax-pkg-btn:hover { opacity: 0.85; }


/* ---- WORKSHOP CARD ---- */
.cc-tax-workshop-wrap { max-width: 900px; margin: 0 auto; }
.cc-tax-workshop-card {
  background: #ffffff;
  border: 2px solid var(--cc-blue);
  border-radius: 16px; overflow: hidden;
  box-shadow:0 4px 16px rgba(var(--cc-rgb),0.10);
}
.cc-tax-workshop-header {
  background: #f8fafc;
  padding: 24px 32px;
  border-bottom: 2px solid var(--cc-blue);
  display: flex; flex-wrap: wrap;
  gap: 24px; align-items: center;
  justify-content: space-between;
}
.cc-tax-workshop-badge {
  color: var(--cc-blue); font-size: 0.78rem;
  font-weight: 700; letter-spacing: 1px;
  text-transform: uppercase; margin-bottom: 6px;
}
.cc-tax-workshop-title { color: #0f172a; font-size: 1.35rem; font-weight: 800; margin: 0; }
.cc-tax-workshop-price-block { text-align: center; }
.cc-tax-workshop-price { color: var(--cc-blue); font-size: 1.8rem; font-weight: 800; line-height: 1; margin-bottom: 2px; }
.cc-tax-workshop-price-usd { color: #64748b; font-size: 0.82rem; }
.cc-tax-workshop-body { padding: 28px 32px; }
.cc-tax-workshop-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 24px; }
.cc-tax-workshop-col-title { color: #0f172a; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }
.cc-tax-workshop-col-points { color: #475569; font-size: 0.86rem; line-height: 1.85; }
.cc-tax-workshop-note { background: var(--cc-tint); border: 1px solid var(--cc-tint-bdr); border-radius: 10px; padding: 14px 20px; margin-bottom: 24px; }
.cc-tax-workshop-note-label { color: var(--cc-blue); font-size: 0.82rem; font-weight: 700; margin-bottom: 4px; }
.cc-tax-workshop-note-text { color: #475569; font-size: 0.82rem; line-height: 1.7; }
.cc-tax-workshop-btns { display: flex; flex-wrap: wrap; gap: 14px; }


/* =============================================
   RESPONSIVE — TABLET (max-width: 900px)
   ============================================= */
@media (max-width: 900px) {
  .cc-hero { padding:80px 24px 70px; }
  .cc-hero-title { font-size:2.2rem; }
  .cc-trust-inner { grid-template-columns:repeat(2,1fr); gap:28px; }
  .cc-home-courses { padding:64px 24px; }
  .cc-home-course-grid { grid-template-columns:1fr 1fr; }
  .cc-home-course-grid .cc-hcourse-card:last-child { grid-column:1 / -1; max-width:440px; margin:0 auto; width:100%; }
  .cc-why-section { padding:64px 24px; }
  .cc-why-grid { grid-template-columns:repeat(2,1fr); }
  .cc-why-section h2 { font-size:1.6rem; }
  .cc-mentor-section { padding:64px 24px; }
  .cc-mentor-inner { grid-template-columns:1fr; gap:36px; text-align:center; }
  .cc-mentor-creds { justify-content:center; }
  .cc-testimonials { padding:64px 24px; }
  .cc-tgrid { grid-template-columns:1fr 1fr; }
  .cc-tgrid .cc-tcard:last-child { grid-column:1 / -1; max-width:440px; margin:0 auto; width:100%; }
  .cc-final-cta { padding:70px 24px; }
  .cc-section-title { font-size:1.75rem; }
  .cc-cta-title { font-size:1.8rem; }
  .cc-footer-grid { grid-template-columns:1fr; gap:30px; }
  .cc-footer-bottom { flex-direction:column; text-align:center; }
  .cc-tax-section { padding: 50px 24px; }
  .cc-tax-pkg-grid { grid-template-columns: 1fr 1fr; }
  .cc-tax-pkg-grid .cc-tax-pkg-card:nth-child(3) { grid-column: 1 / -1; max-width: 440px; margin: 0 auto; width: 100%; }
  .cc-tax-workshop-grid { grid-template-columns: 1fr; }
  .cc-tax-workshop-header { flex-direction: column; text-align: center; }
  .cc-tax-track-title { font-size: 1.6rem; }
}


/* =============================================
   RESPONSIVE — MOBILE (max-width: 600px)
   ============================================= */
@media (max-width: 600px) {
  .cc-hero { padding:70px 20px 60px; }
  .cc-hero-title { font-size:1.75rem; }
  .cc-hero-sub { font-size:1rem; }
  .cc-hero-btns { flex-direction:column; align-items:center; }
  .cc-trust-bar { padding:32px 20px; }
  .cc-trust-inner { grid-template-columns:repeat(2,1fr); gap:20px; }
  .cc-trust-num { font-size:1.6rem; }
  .cc-home-courses { padding:50px 20px; }
  .cc-home-course-grid { grid-template-columns:1fr; }
  .cc-home-course-grid .cc-hcourse-card:last-child { grid-column:auto; max-width:100%; }
  .cc-why-section { padding:40px 20px; }
  .cc-why-grid { grid-template-columns:1fr; }
  .cc-why-section h2 { font-size:1.4rem; margin-bottom:30px; }
  .cc-mentor-section { padding:50px 20px; }
  .cc-mentor-img { width:180px; height:180px; }
  .cc-mentor-photo-placeholder { width:180px; height:180px; font-size:4rem; }
  .cc-mentor-name { font-size:1.35rem; }
  .cc-testimonials { padding:50px 20px; }
  .cc-tgrid { grid-template-columns:1fr; }
  .cc-tgrid .cc-tcard:last-child { grid-column:auto; max-width:100%; }
  .cc-final-cta { padding:60px 20px; }
  .cc-cta-title { font-size:1.4rem; }
  .cc-cta-btns { flex-direction:column; align-items:center; }
  .cc-section-title { font-size:1.4rem; margin-bottom:28px; }
  .cc-btn-primary,
  .cc-btn-whatsapp,
  .cc-btn-outline { width:100%; max-width:320px; text-align:center; box-sizing:border-box; }
  .cc-badge { padding:12px 22px; font-size:13px; letter-spacing:1px; }
  .cc-badges { gap:10px; padding:16px 12px; }
  .cc-tax-section { padding: 40px 20px; }
  .cc-tax-pkg-grid { grid-template-columns: 1fr; }
  .cc-tax-pkg-grid .cc-tax-pkg-card:nth-child(3) { grid-column: auto; max-width: 100%; margin: 0; }
  .cc-tax-track-title { font-size: 1.4rem; }
  .cc-tax-workshop-body { padding: 20px; }
  .cc-tax-workshop-header { padding: 20px; }
  .cc-tax-workshop-title { font-size: 1.1rem; }
  .cc-tax-workshop-btns { flex-direction: column; }
  .cc-tax-workshop-btns a { text-align: center; }
}

/* ---- Section wrapper ---- */
.cc-journey {
  background: #ffffff;
  padding: 80px 40px;
  color: #0f172a;
  border-bottom: 6px solid #f0f4f8;
}
.cc-journey-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* ---- Header ---- */
.cc-journey-badge {
  color: var(--cc-blue);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 14px;
}
.cc-journey-h2 {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 14px;
  line-height: 1.25;
}
.cc-gold { color: var(--cc-blue); }
.cc-journey-sub {
  text-align: center;
  color: #64748b;
  font-size: 1rem;
  max-width: 540px;
  margin: 0 auto 26px;
}
.cc-journey-sub strong { color: #0f172a; }

/* ---- No-fee pill ---- */
.cc-no-fee {
  background: var(--cc-blue);
  border-radius: 50px;
  padding: 12px 32px;
  text-align: center;
  display: block;
  max-width: 600px;
  margin: 0 auto 56px;
  font-weight: 700;
  color: #fff;
  font-size: 0.88rem;
}

/* ---- 4-phase grid ---- */
.cc-phases-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  position: relative;
  margin-bottom: 44px;
}

/* Connecting line */
.cc-phases-grid::before {
  content: '';
  position: absolute;
  top: 40px;
  left: 12.5%;
  right: 12.5%;
  height: 2px;
  background: var(--cc-blue);
  z-index: 0;
}

.cc-phase {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
.cc-phase-top {
  margin-bottom: 16px;
}

/* ---- Phase icon circles ---- */
.cc-phase-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  position: relative;
  flex-shrink: 0;
}
.cc-phase-blue {
  background: var(--cc-tint);
  border: 3px solid var(--cc-blue);
  box-shadow: 0 0 20px rgba(var(--cc-rgb),0.2);
}
.cc-phase-gold {
  background: var(--cc-blue);
  border: 3px solid var(--cc-blue);
  box-shadow: 0 0 28px rgba(var(--cc-rgb),0.35);
}

/* Phase number badge */
.cc-phase-num {
  position: absolute;
  top: -4px;
  right: -4px;
  background: var(--cc-blue);
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 0.68rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cc-num-dark {
  background: #0f172a;
  color: #fff;
}

/* ---- Phase cards ---- */
.cc-phase-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 22px 16px;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.cc-phase-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 44px rgba(var(--cc-rgb),0.12);
  border-color: rgba(var(--cc-rgb),0.45);
}
.cc-phase-card-gold {
  border-color: rgba(var(--cc-rgb),0.3);
  background: var(--cc-tint);
}
.cc-phase-card-gold:hover {
  box-shadow: 0 18px 44px rgba(var(--cc-rgb),0.20);
  border-color: rgba(var(--cc-rgb),0.6);
}

/* Phase card labels */
.cc-phase-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 6px;
}
.cc-label-blue { color: var(--cc-blue); }
.cc-label-gold { color: var(--cc-blue); }

.cc-phase-title {
  font-size: 1rem;
  font-weight: 800;
  color: #0f172a;
  text-align: center;
  margin-bottom: 16px;
}

/* ---- Step list inside cards ---- */
.cc-step-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  margin: 0;
}
.cc-step-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.82rem;
  color: #475569;
  line-height: 1.4;
}
.cc-step-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.58rem;
  font-weight: 800;
  flex-shrink: 0;
  margin-top: 1px;
}
.cc-dot-blue {
  background: rgba(var(--cc-rgb),0.12);
  border: 1px solid rgba(var(--cc-rgb),0.45);
  color: var(--cc-blue);
}
.cc-dot-gold {
  background: rgba(var(--cc-rgb),0.12);
  border: 1px solid rgba(var(--cc-rgb),0.45);
  color: var(--cc-blue);
}

/* Free tag badge */
.cc-free-tag {
  display: inline-block;
  background: var(--cc-blue);
  color: #fff;
  font-size: 0.62rem;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 4px;
  margin-left: 6px;
  vertical-align: middle;
  line-height: 1.4;
}

/* ---- Exam Ready banner ---- */
.cc-exam-banner {
  background: var(--cc-blue);
  border-radius: 16px;
  padding: 28px 40px;
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 20px;
}
.cc-exam-banner-icon { font-size: 2.8rem; flex-shrink: 0; }
.cc-exam-banner-content h3 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 4px;
}
.cc-exam-banner-content p {
  color: rgba(255,255,255,0.88);
  font-size: 0.92rem;
  font-weight: 500;
}

/* ---- Extra sessions note ---- */
.cc-journey-note {
  background: var(--cc-tint);
  border: 1px solid var(--cc-tint-bdr);
  border-radius: 10px;
  padding: 14px 24px;
  text-align: center;
  color: #475569;
  font-size: 0.88rem;
  margin-bottom: 44px;
  margin-top: 20px;
}
.cc-journey-note strong { color: var(--cc-blue); }

/* ---- CTA block ---- */
.cc-journey-cta { text-align: center; }
.cc-journey-cta p {
  color: #64748b;
  font-size: 0.95rem;
  margin-bottom: 22px;
}
.cc-btn-gold {
  display: inline-block;
  background: var(--cc-blue);
  color: #fff !important;
  padding: 16px 40px;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: 800;
  font-size: 0.95rem;
  margin: 0 8px 12px;
  box-shadow: 0 4px 18px rgba(var(--cc-rgb),0.30);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cc-btn-gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(var(--cc-rgb),0.42);
  color: #fff !important;
}

/* Journey responsive */
@media (max-width: 900px) {
  .cc-journey { padding: 60px 30px; }
  .cc-journey-h2 { font-size: 1.9rem; }
  .cc-phases-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .cc-phases-grid::before { display: none; }
}
@media (max-width: 600px) {
  .cc-journey { padding: 48px 20px; }
  .cc-journey-h2 { font-size: 1.55rem; }
  .cc-no-fee { font-size: 0.8rem; padding: 10px 20px; margin-bottom: 36px; }
  .cc-phases-grid { grid-template-columns: 1fr; gap: 16px; }
  .cc-phase { flex-direction: row; align-items: flex-start; gap: 14px; }
  .cc-phase-top { margin-bottom: 0; flex-shrink: 0; }
  .cc-phase-icon { width: 58px; height: 58px; font-size: 1.35rem; }
  .cc-phase-num { width: 20px; height: 20px; font-size: 0.6rem; top: -3px; right: -3px; }
  .cc-phase-card { border-radius: 12px; padding: 16px 14px; }
  .cc-phase-title { font-size: 0.95rem; text-align: left; }
  .cc-phase-label { text-align: left; }
  .cc-exam-banner { flex-direction: column; text-align: center; padding: 22px 18px; gap: 12px; }
  .cc-exam-banner-content h3 { font-size: 1.25rem; }
  .cc-btn-gold { display: block; margin: 0 0 12px; text-align: center; }
}


/* =============================================
   HERO v3 — LOCATION PILL & ADDITIONS
   ============================================= */
.cc-hero-location {
  display: inline-block;
  border: 1.5px solid rgba(var(--cc-rgb),0.6);
  color: var(--cc-blue);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 7px 22px;
  border-radius: 30px;
  margin-bottom: 24px;
}
.cc-hero-accent { color: var(--cc-blue); }
.cc-hero-meta {
  font-size: 0.82rem;
  color: #64748b;
  margin: -16px auto 32px;
  max-width: 620px;
  line-height: 1.6;
}
.cc-hero-meta strong { color: #0f172a; }

/* Mini trust row at bottom of hero */
.cc-hero-mini-trust {
  display: flex;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
  margin-top: 48px;
  padding-top: 36px;
  border-top: 1px solid #e2e8f0;
}
.cc-hero-mini-item { text-align: center; }
.cc-hero-mini-num {
  display: block;
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--cc-blue);
  line-height: 1.1;
  margin-bottom: 6px;
}
.cc-hero-mini-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #94a3b8;
}


/* =============================================
   WHO THIS IS FOR
   ============================================= */
.cc-audience {
  background: #ffffff;
  padding: 80px 40px;
  text-align: center;
  border-bottom: 6px solid #f0f4f8;
}
.cc-audience-sub {
  color: #64748b;
  font-size: 1rem;
  margin: -20px auto 44px;
  max-width: 580px;
  line-height: 1.6;
}
.cc-audience-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
}
.cc-audience-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 28px 20px;
  width: 175px;
  text-align: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.cc-audience-card:hover {
  border-color: var(--cc-blue);
  transform: translateY(-4px);
}
.cc-audience-icon { font-size: 2rem; display: block; margin-bottom: 12px; }
.cc-audience-title { font-size: 0.95rem; font-weight: 700; color: var(--cc-blue); margin: 0 0 6px 0; }
.cc-audience-desc { font-size: 0.76rem; color: #64748b; line-height: 1.45; margin: 0; }


/* =============================================
   OUR PROGRAMMES
   ============================================= */
.cc-prog-section {
  background: #ffffff;
  padding: 80px 40px;
  text-align: center;
  border-bottom: 6px solid #f0f4f8;
}
.cc-prog-sub {
  color: #64748b;
  font-size: 1rem;
  margin: -20px auto 44px;
  max-width: 580px;
  line-height: 1.6;
}
.cc-prog-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
  text-align: left;
}

/* ACCA large featured card */
.cc-prog-featured {
  background: #ffffff;
  border: 2px solid var(--cc-blue);
  border-radius: 16px;
  padding: 36px 32px;
  box-shadow: 0 4px 16px rgba(var(--cc-rgb),0.10);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cc-prog-featured:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(var(--cc-rgb),0.18);
}

/* FIA and Tax smaller cards */
.cc-prog-small {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.cc-prog-small:hover {
  border-color: rgba(var(--cc-rgb),0.5);
  transform: translateY(-3px);
}

/* Badges */
.cc-prog-badge {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
  width: fit-content;
}
.cc-prog-badge-global { background: var(--cc-blue); color: #fff; }
.cc-prog-badge-foundation {
  background: var(--cc-tint);
  color: var(--cc-blue);
  border: 1px solid var(--cc-tint-bdr);
}
.cc-prog-badge-pak {
  background: var(--cc-tint);
  color: var(--cc-blue);
  border: 1px solid var(--cc-tint-bdr);
}

/* Titles */
.cc-prog-title {
  font-size: 1.25rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 12px 0;
  line-height: 1.2;
}
.cc-prog-featured .cc-prog-title { font-size: 1.6rem; }

/* Descriptions */
.cc-prog-desc {
  font-size: 0.88rem;
  color: #475569;
  line-height: 1.65;
  margin: 0 0 20px 0;
}

/* Links */
.cc-prog-link {
  color: var(--cc-blue) !important;
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none !important;
  display: inline-block;
  transition: letter-spacing 0.2s ease;
}
.cc-prog-link:hover { letter-spacing: 0.5px; }

/* Responsive v3 additions */
@media (max-width: 900px) {
  .cc-prog-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .cc-hero-mini-trust { gap: 24px; }
  .cc-hero-mini-num { font-size: 1.1rem; }
  .cc-audience { padding: 60px 20px; }
  .cc-audience-card { width: calc(50% - 10px); }
  .cc-prog-section { padding: 60px 20px; }
}
@media (max-width: 480px) {
  .cc-hero-mini-trust { gap: 16px; }
  .cc-audience-card { width: 100%; }
}


/* =============================================
   COURSES PAGE — /courses/
   ============================================= */
.cc-courses-all {
  background: #ffffff;
  padding: 70px 40px;
}
.cc-course-full-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 40px 36px;
  margin-bottom: 28px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: border-color 0.2s ease;
}
.cc-course-full-card:last-child { margin-bottom: 0; }
.cc-course-full-card:hover { border-color: rgba(var(--cc-rgb),0.45); }

.cc-course-full-featured {
  border: 2px solid var(--cc-blue) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(var(--cc-rgb),0.10) !important;
}
.cc-course-full-featured:hover { border-color: var(--cc-blue) !important; }

.cc-course-full-title { font-size: 2rem; font-weight: 900; color: #0f172a; margin: 12px 0 4px 0; line-height: 1.1; }
.cc-course-full-sub { font-size: 0.85rem; color: #94a3b8; font-style: italic; margin: 0 0 18px 0; }
.cc-course-full-desc { font-size: 0.93rem; color: #475569; line-height: 1.7; margin: 0 0 28px 0; }

.cc-course-features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
}
.cc-course-features li { font-size: 0.85rem; color: #475569; line-height: 1.4; }

@media (max-width: 900px) {
  .cc-course-full-card { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 600px) {
  .cc-courses-all { padding: 50px 20px; }
  .cc-course-full-card { padding: 28px 20px; }
  .cc-course-full-title { font-size: 1.6rem; }
  .cc-course-features { grid-template-columns: 1fr; }
}

/* =============================================
   PAKISTAN TAXATION PAGE v3 — cc-ptax-*
   ============================================= */

.cc-ptax-inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.cc-ptax-section-head { text-align: center; margin-bottom: 50px; }
.cc-ptax-sub { color: #64748b; font-size: 1rem; line-height: 1.65; max-width: 640px; margin: -24px auto 0; }

/* HERO */
.cc-ptax-hero {
  background: #ffffff;
  padding: 100px 40px 80px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-bottom: 6px solid #f0f4f8;
}
.cc-ptax-hero::before { display: none; }
.cc-ptax-hero-inner { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; }
.cc-ptax-hero-pill {
  display: inline-block;
  background: var(--cc-tint);
  color: var(--cc-blue);
  font-size: 0.78rem; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  padding: 7px 20px; border-radius: 30px;
  border: 1px solid var(--cc-tint-bdr);
  margin-bottom: 24px;
}
.cc-ptax-hero-title { font-size: 2.6rem; font-weight: 900; color: #0f172a; line-height: 1.2; margin: 0 0 18px 0; }
.cc-ptax-accent { color: var(--cc-blue); }
.cc-ptax-hero-sub { font-size: 1.08rem; color: #475569; line-height: 1.7; margin: 0 0 32px 0; max-width: 680px; margin-left: auto; margin-right: auto; }
.cc-ptax-hero-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-bottom: 52px; }

/* Stats bar */
.cc-ptax-hero-stats {
  display: flex; align-items: center; justify-content: center;
  flex-wrap: wrap; gap: 12px;
  padding-top: 36px;
  border-top: 1px solid #e2e8f0;
}
.cc-ptax-stat { text-align: center; }
.cc-ptax-stat-val { display: block; font-size: 1.5rem; font-weight: 900; color: var(--cc-blue); line-height: 1.1; margin-bottom: 5px; }
.cc-ptax-stat-label { display: block; font-size: 0.7rem; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #94a3b8; }
.cc-ptax-stat-div { color: #e2e8f0; font-size: 1.4rem; align-self: center; }

/* WHY THIS MATTERS */
.cc-ptax-why { background: #ffffff; padding: 80px 40px; border-bottom: 6px solid #f0f4f8; }
.cc-ptax-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.cc-ptax-why-card {
  background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px;
  padding: 28px 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.cc-ptax-why-card:hover { border-color: rgba(var(--cc-rgb),0.5); transform: translateY(-4px); }
.cc-ptax-why-icon { font-size: 1.9rem; display: block; margin-bottom: 12px; }
.cc-ptax-why-title { color: var(--cc-blue); font-size: 0.97rem; font-weight: 700; margin: 0 0 10px 0; }
.cc-ptax-why-desc { color: #475569; font-size: 0.86rem; line-height: 1.65; margin: 0; }

/* PACKAGES — TWO COLUMN */
.cc-ptax-packages { background: #ffffff; padding: 80px 40px; border-bottom: 6px solid #f0f4f8; }
.cc-ptax-pkg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }

.cc-ptax-pkg-card {
  background: #ffffff; border: 1px solid #e2e8f0;
  border-radius: 18px; overflow: hidden; position: relative;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.cc-ptax-pkg-featured { border: 2px solid var(--cc-blue); box-shadow: 0 4px 16px rgba(var(--cc-rgb),0.12); }

.cc-ptax-pkg-best-badge {
  position: absolute; top: 20px; right: 20px;
  background: var(--cc-blue); color: #fff;
  font-size: 0.7rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase;
  padding: 5px 14px; border-radius: 20px;
}

.cc-ptax-pkg-head { background: #f8fafc; padding: 32px 28px 28px; border-bottom: 1px solid #e2e8f0; }
.cc-ptax-pkg-featured .cc-ptax-pkg-head { background: var(--cc-tint); border-bottom: 1px solid var(--cc-tint-bdr); }
.cc-ptax-pkg-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #94a3b8; margin-bottom: 8px; }
.cc-ptax-pkg-name { font-size: 1.5rem; font-weight: 900; color: #0f172a; margin: 0 0 16px 0; line-height: 1.15; }
.cc-ptax-pkg-featured .cc-ptax-pkg-name { color: var(--cc-blue); }
.cc-ptax-pkg-price { font-size: 2rem; font-weight: 900; color: #0f172a; line-height: 1; margin-bottom: 4px; }
.cc-ptax-pkg-usd { font-size: 0.82rem; color: #94a3b8; margin-bottom: 14px; }
.cc-ptax-pkg-target { font-size: 0.82rem; color: #64748b; line-height: 1.5; margin: 0; font-style: italic; }

.cc-ptax-pkg-body { padding: 28px; }

.cc-ptax-pkg-includes-banner {
  background: var(--cc-tint); border: 1px solid var(--cc-tint-bdr);
  border-radius: 8px; color: var(--cc-blue);
  font-size: 0.85rem; font-weight: 700;
  padding: 10px 16px; margin-bottom: 20px;
}

.cc-ptax-mod-block { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e2e8f0; }
.cc-ptax-mod-block:last-of-type { border-bottom: none; }
.cc-ptax-mod-title { font-size: 0.88rem; font-weight: 700; color: var(--cc-blue); margin-bottom: 10px; }
.cc-ptax-mod-list { list-style: none; padding: 0; margin: 0; }
.cc-ptax-mod-list li { font-size: 0.84rem; color: #475569; line-height: 1.5; padding: 4px 0 4px 18px; position: relative; }
.cc-ptax-mod-list li::before { content: '✔'; position: absolute; left: 0; color: var(--cc-blue); font-size: 0.75rem; }

.cc-ptax-mod-unique {
  background: var(--cc-tint); border: 1px solid var(--cc-tint-bdr);
  border-radius: 10px; padding: 16px;
  margin-left: -4px; margin-right: -4px;
}
.cc-ptax-mod-unique .cc-ptax-mod-title { color: var(--cc-blue); }
.cc-ptax-unique-tag {
  display: inline-block; background: rgba(var(--cc-rgb),0.15); color: var(--cc-blue);
  font-size: 0.65rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase;
  padding: 3px 10px; border-radius: 12px; margin-bottom: 10px;
}

.cc-ptax-pkg-example {
  background: var(--cc-tint); border-left: 3px solid var(--cc-blue);
  border-radius: 0 8px 8px 0; padding: 14px 16px; margin-bottom: 24px;
}
.cc-ptax-example-gold { background: var(--cc-tint); border-left-color: var(--cc-blue); }
.cc-ptax-example-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #94a3b8; margin-bottom: 6px; }
.cc-ptax-example-text { font-size: 0.84rem; color: #475569; line-height: 1.6; margin: 0; font-style: italic; }

.cc-ptax-enrol-btn {
  display: block; width: 100%;
  background: var(--cc-blue); color: #fff !important;
  font-size: 0.95rem; font-weight: 700;
  padding: 14px 20px; border-radius: 8px;
  text-decoration: none !important; text-align: center;
  box-shadow: 0 4px 18px rgba(var(--cc-rgb),0.30);
  box-sizing: border-box;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cc-ptax-enrol-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(var(--cc-rgb),0.45); color: #fff !important; }
.cc-ptax-enrol-gold { background: var(--cc-blue); color: #fff !important; }
.cc-ptax-enrol-gold:hover { box-shadow: 0 8px 24px rgba(var(--cc-rgb),0.50); color: #fff !important; }

/* 1-DAY WORKSHOP ADD-ON */
.cc-ptax-addon { background: #f8fafc; padding: 80px 40px; border-bottom: 6px solid #f0f4f8; }
.cc-ptax-addon-card {
  display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: start;
  background: #ffffff; border: 1px solid #e2e8f0;
  border-radius: 18px; padding: 44px 40px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.cc-ptax-addon-badge {
  display: inline-block; background: var(--cc-tint); color: var(--cc-blue);
  font-size: 0.72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  padding: 5px 14px; border-radius: 20px; border: 1px solid var(--cc-tint-bdr); margin-bottom: 14px;
}
.cc-ptax-addon-subtitle { font-size: 1.4rem; font-weight: 800; color: #0f172a; margin: 0 0 14px 0; line-height: 1.25; }
.cc-ptax-addon-desc { font-size: 0.92rem; color: #475569; line-height: 1.7; margin: 0 0 20px 0; }
.cc-ptax-addon-example {
  background: var(--cc-tint); border-left: 3px solid var(--cc-blue);
  border-radius: 0 8px 8px 0; padding: 12px 16px;
  font-size: 0.84rem; color: #475569; line-height: 1.6; margin-bottom: 24px; font-style: italic;
}
.cc-ptax-addon-example strong { color: var(--cc-blue); font-style: normal; }
.cc-ptax-addon-who-title { font-size: 0.82rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #94a3b8; margin-bottom: 10px; }
.cc-ptax-addon-who-list { display: flex; flex-direction: column; gap: 6px; }
.cc-ptax-addon-who-item { font-size: 0.85rem; color: #475569; line-height: 1.5; }

.cc-ptax-addon-price-box {
  background: var(--cc-tint); border: 1px solid var(--cc-tint-bdr);
  border-radius: 12px; padding: 20px 24px; text-align: center; margin-bottom: 24px;
}
.cc-ptax-addon-price { font-size: 2rem; font-weight: 900; color: var(--cc-blue); line-height: 1; margin-bottom: 4px; }
.cc-ptax-addon-price-usd { font-size: 0.82rem; color: #94a3b8; }
.cc-ptax-addon-covers-title { font-size: 0.82rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #94a3b8; margin-bottom: 12px; }
.cc-ptax-addon-point { font-size: 0.86rem; color: #475569; line-height: 1.5; padding: 5px 0; border-bottom: 1px solid #e2e8f0; }
.cc-ptax-addon-point:last-of-type { border-bottom: none; margin-bottom: 24px; }
.cc-ptax-addon-btn {
  display: block; background: var(--cc-blue); color: #fff !important;
  font-size: 0.95rem; font-weight: 700; padding: 13px 20px; border-radius: 8px;
  text-decoration: none !important; text-align: center;
  box-shadow: 0 4px 14px rgba(var(--cc-rgb),0.25); box-sizing: border-box; margin-bottom: 10px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cc-ptax-addon-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(var(--cc-rgb),0.40); color: #fff !important; }
.cc-ptax-addon-note { font-size: 0.76rem; color: #94a3b8; text-align: center; line-height: 1.5; margin: 0; }

/* WHY CLEARCONCEPT FOR TAX — CREDENTIALS */
.cc-ptax-credentials { background: #ffffff; padding: 80px 40px; border-bottom: 6px solid #f0f4f8; }
.cc-ptax-cred-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cc-ptax-cred-card {
  background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px;
  padding: 28px 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.cc-ptax-cred-card:hover { border-color: rgba(var(--cc-rgb),0.5); transform: translateY(-3px); }
.cc-ptax-cred-icon { font-size: 1.8rem; display: block; margin-bottom: 14px; }
.cc-ptax-cred-title { color: var(--cc-blue); font-size: 0.97rem; font-weight: 700; margin: 0 0 10px 0; }
.cc-ptax-cred-desc { color: #475569; font-size: 0.86rem; line-height: 1.65; margin: 0; }

/* RESPONSIVE — PAKISTAN TAX PAGE */
@media (max-width: 900px) {
  .cc-ptax-why-grid { grid-template-columns: repeat(2, 1fr); }
  .cc-ptax-pkg-grid { grid-template-columns: 1fr; }
  .cc-ptax-addon-card { grid-template-columns: 1fr; gap: 32px; }
  .cc-ptax-cred-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .cc-ptax-hero { padding: 80px 24px 60px; }
  .cc-ptax-hero-title { font-size: 2rem; }
  .cc-ptax-hero-sub { font-size: 0.95rem; }
  .cc-ptax-why { padding: 60px 24px; }
  .cc-ptax-packages { padding: 60px 24px; }
  .cc-ptax-addon { padding: 60px 24px; }
  .cc-ptax-addon-card { padding: 32px 24px; }
  .cc-ptax-credentials { padding: 60px 24px; }
  .cc-ptax-stat-val { font-size: 1.2rem; }
}
@media (max-width: 600px) {
  .cc-ptax-why-grid { grid-template-columns: 1fr; }
  .cc-ptax-cred-grid { grid-template-columns: 1fr; }
  .cc-ptax-hero-title { font-size: 1.7rem; }
  .cc-ptax-pkg-head { padding: 24px 20px 20px; }
  .cc-ptax-pkg-body { padding: 20px; }
  .cc-ptax-pkg-price { font-size: 1.6rem; }
  .cc-ptax-hero-stats { gap: 8px; }
  .cc-ptax-stat-div { display: none; }
  .cc-ptax-hero-btns { flex-direction: column; align-items: center; }
}


/* =============================================
   CONTACT PAGE — LIGHT THEME FORM STYLING
   ============================================= */

body.page .entry-content {
  background: #ffffff;
  min-height: 70vh;
}

.ast-page-title-wrap,
.entry-header,
.page-header,
.ast-breadcrumbs-wrapper,
.ast-breadcrumbs,
#ast-breadcrumbs-container {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.page,
body.page #page,
body.page .site,
body.page #content,
body.page .site-content,
body.page #primary,
body.page .content-area,
body.page .ast-container,
body.page .ast-article-single,
body.page article,
body.page .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.page { background-color: #ffffff !important; }
body.page .site,
body.page #primary,
body.page .ast-article-single { background: transparent !important; }

.wpforms-container,
.wpcf7,
.wpcf7-form,
.entry-content form {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 44px 48px !important;
  max-width: 780px !important;
  margin: 60px auto !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important;
  box-sizing: border-box !important;
}

.wpforms-field-label,
.wpforms-field label,
.wpcf7 label,
.entry-content form label {
  color: #0f172a !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.wpforms-field-sublabel,
.wpforms-sublabel {
  color: #94a3b8 !important;
  font-size: 0.76rem !important;
  font-weight: 400 !important;
  margin-top: 4px !important;
}

.wpforms-required-label,
label .required,
label abbr { color: var(--cc-blue) !important; }

.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field input[type="number"],
.wpforms-field input[type="url"],
.wpforms-field textarea,
.wpforms-field select,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.entry-content form input[type="text"],
.entry-content form input[type="email"],
.entry-content form textarea {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  color: #0f172a !important;
  font-size: 0.93rem !important;
  padding: 13px 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  outline: none !important;
  -webkit-appearance: none !important;
}

.wpforms-field input:focus,
.wpforms-field textarea:focus,
.wpforms-field select:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.entry-content form input:focus,
.entry-content form textarea:focus {
  border-color: var(--cc-blue) !important;
  background: var(--cc-tint) !important;
  box-shadow: 0 0 0 3px rgba(var(--cc-rgb),0.15) !important;
}

.wpforms-field input::placeholder,
.wpforms-field textarea::placeholder,
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder { color: #94a3b8 !important; }

.wpforms-field textarea,
.wpcf7 textarea,
.entry-content form textarea { min-height: 140px !important; resize: vertical !important; }

.wpforms-field,
.wpcf7 p,
.wpcf7 .form-row { margin-bottom: 22px !important; }

.wpforms-submit,
.wpforms-submit-container button,
.wpforms-submit-container input[type="submit"],
.wpcf7 input[type="submit"],
.wpcf7 .wpcf7-submit,
.entry-content form input[type="submit"],
.entry-content form button[type="submit"] {
  background: var(--cc-blue) !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  padding: 14px 36px !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  letter-spacing: 0.3px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 4px 18px rgba(var(--cc-rgb),0.30) !important;
  display: inline-block !important;
  text-decoration: none !important;
}
.wpforms-submit:hover,
.wpforms-submit-container button:hover,
.wpcf7 input[type="submit"]:hover,
.wpcf7 .wpcf7-submit:hover,
.entry-content form input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(var(--cc-rgb),0.45) !important;
}

.wpforms-confirmation-container-full,
.wpforms-error-container {
  background: var(--cc-tint) !important;
  border: 1px solid var(--cc-tint-bdr) !important;
  border-radius: 10px !important;
  color: #0f172a !important;
  padding: 18px 22px !important;
  margin-top: 16px !important;
}
.wpforms-field .wpforms-error,
.wpcf7-not-valid-tip { color: #dc2626 !important; font-size: 0.82rem !important; margin-top: 5px !important; }
.wpcf7-mail-sent-ok {
  background: rgba(37,211,102,0.08) !important;
  border: 1px solid rgba(37,211,102,0.35) !important;
  color: #16a34a !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
}

@media (max-width: 768px) {
  .wpforms-container, .wpcf7, .entry-content form { padding: 32px 24px !important; margin: 40px 16px !important; }
}
@media (max-width: 480px) {
  .wpforms-container, .wpcf7, .entry-content form { padding: 24px 16px !important; margin: 24px 12px !important; }
}

/* =============================================
   ABOUT PAGE (cc-about-*)
   ============================================= */

.cc-about-hero { background:#ffffff; padding:80px 40px; text-align:center; border-bottom:6px solid #f0f4f8; }
.cc-about-hero-inner { max-width:800px; margin:0 auto; }
.cc-about-hero-h1 { color:#0f172a; font-size:2.8rem; font-weight:800; line-height:1.2; margin:12px 0 20px; }
.cc-about-hero-desc { color:#475569; font-size:1.1rem; line-height:1.8; max-width:680px; margin:0 auto; }

.cc-about-mentor-sec { background:#f8fafc; padding:80px 40px; border-bottom:6px solid #f0f4f8; }
.cc-about-mentor-inner { max-width:1100px; margin:0 auto; display:flex; flex-wrap:wrap; gap:50px; align-items:flex-start; }
.cc-about-mentor-photo-col { flex:0 0 auto; width:260px; }
.cc-about-mentor-img { width:220px; height:220px; border-radius:50%; object-fit:cover; border:4px solid var(--cc-blue); display:block; margin:0 auto 20px; box-shadow:0 0 40px rgba(var(--cc-rgb),0.15); }
.cc-about-badge-group { display:flex; flex-direction:column; gap:10px; }
.cc-about-badge { background:var(--cc-tint); border:1px solid var(--cc-tint-bdr); border-radius:10px; padding:12px 16px; text-align:center; }
.cc-about-badge-title { color:var(--cc-blue); font-size:1rem; font-weight:800; }
.cc-about-badge-sub { color:#64748b; font-size:0.75rem; margin-top:2px; }

.cc-about-story { flex:1; min-width:280px; }
.cc-about-story-h2 { color:#0f172a; font-size:2rem; font-weight:800; margin:8px 0 6px; }
.cc-about-divider { width:50px; height:3px; background:var(--cc-blue); border-radius:2px; margin-bottom:24px; }
.cc-about-story-p { color:#475569; font-size:1rem; line-height:1.85; margin:0 0 16px; }
.cc-about-story-p strong { color:#0f172a; }
.cc-about-story-p:last-child { margin-bottom:0; }

.cc-about-section-inner { max-width:1100px; margin:0 auto; }
.cc-about-section-header { text-align:center; margin-bottom:50px; }
.cc-about-section-h2 { color:#0f172a; font-size:2rem; font-weight:800; margin:8px 0 16px; }
.cc-about-section-desc { color:#64748b; font-size:1rem; max-width:680px; margin:0 auto; }
.cc-about-section-desc em { color:#0f172a; font-style:italic; }
.cc-about-text-center { text-align:center; }

.cc-about-mission-sec { background:#ffffff; padding:70px 40px; border-bottom:6px solid #f0f4f8; }
.cc-about-mission-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.cc-about-quote-card { background:#f8fafc; border-left:4px solid var(--cc-blue); border-radius:0 12px 12px 0; padding:28px; }
.cc-about-quote-mark { color:var(--cc-blue); font-size:2rem; font-weight:800; margin-bottom:10px; line-height:1; }
.cc-about-quote-text { color:#0f172a; font-size:1rem; font-weight:600; line-height:1.7; margin:0 0 14px; }
.cc-about-quote-sub { color:#475569; font-size:0.9rem; line-height:1.7; margin:0; }
.cc-about-features { display:flex; flex-direction:column; gap:16px; }
.cc-about-feature { background:var(--cc-tint); border:1px solid var(--cc-tint-bdr); border-radius:12px; padding:20px; display:flex; gap:16px; align-items:flex-start; }
.cc-about-feature-icon { font-size:1.5rem; flex-shrink:0; margin-top:2px; }
.cc-about-feature-title { color:#0f172a; font-weight:700; font-size:0.95rem; margin-bottom:5px; }
.cc-about-feature-desc { color:#475569; font-size:0.86rem; line-height:1.65; }

.cc-about-values-sec { background:#f8fafc; padding:70px 40px; border-bottom:6px solid #f0f4f8; }
.cc-about-values-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:24px; margin-top:44px; }
.cc-about-value-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:14px; padding:28px 20px; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cc-about-value-icon { font-size:2rem; margin-bottom:14px; }
.cc-about-value-title { color:var(--cc-blue); font-size:1rem; font-weight:800; margin-bottom:8px; }
.cc-about-value-desc { color:#475569; font-size:0.86rem; line-height:1.7; }

.cc-about-timeline-sec { background:#ffffff; padding:70px 40px; border-bottom:6px solid #f0f4f8; }
.cc-about-timeline-inner { max-width:800px; margin:0 auto; }
.cc-about-tl-list { display:flex; flex-direction:column; }
.cc-about-tl-item { display:flex; gap:24px; align-items:flex-start; }
.cc-about-tl-dot-wrap { display:flex; flex-direction:column; align-items:center; flex-shrink:0; }
.cc-about-tl-dot { width:44px; height:44px; border-radius:50%; background:var(--cc-tint); border:3px solid var(--cc-blue); display:flex; align-items:center; justify-content:center; font-size:1.2rem; }
.cc-about-tl-line { width:2px; height:60px; background:#e2e8f0; margin-top:8px; }
.cc-about-tl-content { padding-bottom:32px; }
.cc-about-tl-label { color:var(--cc-blue); font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; }
.cc-about-tl-title { color:#0f172a; font-size:1rem; font-weight:700; margin-bottom:6px; }
.cc-about-tl-desc { color:#475569; font-size:0.88rem; line-height:1.7; }

@media (max-width: 768px) {
  .cc-about-hero { padding:50px 20px; }
  .cc-about-hero-h1 { font-size:2rem; }
  .cc-about-mentor-sec { padding:50px 20px; }
  .cc-about-mentor-inner { flex-direction:column; gap:30px; }
  .cc-about-mentor-photo-col { width:100%; }
  .cc-about-mentor-img { width:160px; height:160px; }
  .cc-about-badge-group { flex-direction:row; flex-wrap:wrap; justify-content:center; }
  .cc-about-mission-sec { padding:50px 20px; }
  .cc-about-mission-grid { grid-template-columns:1fr; }
  .cc-about-values-sec { padding:50px 20px; }
  .cc-about-timeline-sec { padding:50px 20px; }
}
@media (max-width: 480px) {
  .cc-about-hero-h1 { font-size:1.8rem; }
  .cc-about-story-h2 { font-size:1.6rem; }
  .cc-about-section-h2 { font-size:1.6rem; }
  .cc-about-values-grid { grid-template-columns:1fr; }
}


/* =============================================
   TEACH WITH US PAGE (cc-teach-*)
   ============================================= */

.cc-teach-section-inner { max-width:1100px; margin:0 auto; }
.cc-teach-text-center { text-align:center; }
.cc-teach-section-h2 { color:#0f172a; font-size:2rem; font-weight:800; margin:10px 0 14px; }
.cc-teach-section-desc { color:#64748b; font-size:1rem; max-width:660px; margin:0 auto 50px; line-height:1.7; }

.cc-teach-hero { background:#ffffff; padding:90px 40px; text-align:center; border-bottom:6px solid #f0f4f8; }
.cc-teach-hero-inner { max-width:820px; margin:0 auto; }
.cc-teach-hero-h1 { color:#0f172a; font-size:2.8rem; font-weight:800; line-height:1.25; margin:12px 0 20px; }
.cc-teach-hero-desc { color:#475569; font-size:1.1rem; line-height:1.8; max-width:680px; margin:0 auto 32px; }
.cc-teach-hero-pills { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.cc-teach-pill { background:var(--cc-tint); border:1px solid var(--cc-tint-bdr); border-radius:30px; color:var(--cc-blue); font-size:0.82rem; font-weight:600; padding:7px 18px; letter-spacing:0.5px; }

.cc-teach-why-sec { background:#f8fafc; padding:70px 40px; border-bottom:6px solid #f0f4f8; }
.cc-teach-why-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:24px; margin-top:44px; }
.cc-teach-why-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:14px; padding:28px 22px; text-align:left; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cc-teach-why-icon { font-size:2rem; margin-bottom:14px; }
.cc-teach-why-title { color:var(--cc-blue); font-size:1rem; font-weight:800; margin-bottom:8px; }
.cc-teach-why-desc { color:#475569; font-size:0.87rem; line-height:1.7; }

.cc-teach-cols-sec { background:#ffffff; padding:70px 40px; border-bottom:6px solid #f0f4f8; }
.cc-teach-cols-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.cc-teach-col-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:16px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cc-teach-col-header { padding:22px 28px; display:flex; align-items:center; gap:14px; }
.cc-teach-col-header-blue { background:var(--cc-tint); border-bottom:1px solid var(--cc-tint-bdr); }
.cc-teach-col-header-gold { background:var(--cc-tint); border-bottom:1px solid var(--cc-tint-bdr); }
.cc-teach-col-icon { font-size:1.5rem; }
.cc-teach-col-title { color:#0f172a; font-size:1.1rem; font-weight:700; margin:0; }
.cc-teach-list { display:flex; flex-direction:column; gap:14px; padding:24px 28px; }
.cc-teach-list-item { display:flex; align-items:flex-start; gap:12px; }
.cc-teach-check { color:var(--cc-blue); font-weight:800; flex-shrink:0; font-size:1rem; margin-top:1px; }
.cc-teach-arrow { color:var(--cc-blue); font-weight:800; flex-shrink:0; font-size:1rem; margin-top:1px; }
.cc-teach-list-item p { color:#475569; font-size:0.9rem; line-height:1.65; margin:0; }

.cc-teach-subjects-sec { background:#f8fafc; padding:70px 40px; border-bottom:6px solid #f0f4f8; }
.cc-teach-subjects-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px; }
.cc-teach-subject-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:16px; padding:32px 24px; text-align:center; position:relative; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cc-teach-subject-featured { border:2px solid var(--cc-blue); box-shadow:0 0 30px rgba(var(--cc-rgb),0.12); }
.cc-teach-subject-badge { position:absolute; top:0; right:0; background:var(--cc-blue); color:#fff; font-size:0.68rem; font-weight:800; padding:5px 14px; border-radius:0 14px 0 10px; letter-spacing:0.5px; }
.cc-teach-subject-icon { font-size:2.2rem; margin-bottom:14px; }
.cc-teach-subject-title { color:#0f172a; font-size:1.1rem; font-weight:800; margin-bottom:10px; }
.cc-teach-subject-desc { color:#475569; font-size:0.86rem; line-height:1.7; margin-bottom:16px; }
.cc-teach-subject-tag { display:inline-block; background:var(--cc-tint); border:1px solid var(--cc-tint-bdr); color:var(--cc-blue); font-size:0.72rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:4px 12px; border-radius:20px; }
.cc-teach-subject-tag-gold { background:var(--cc-tint); border-color:var(--cc-tint-bdr); color:var(--cc-blue); }

.cc-teach-apply-sec { background:#ffffff; padding:70px 40px; border-bottom:6px solid #f0f4f8; }
.cc-teach-steps { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:16px; margin:0 auto 44px; max-width:900px; }
.cc-teach-step { background:#ffffff; border:1px solid #e2e8f0; border-radius:14px; padding:28px 24px; text-align:center; flex:1; min-width:200px; max-width:240px; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cc-teach-step-num { width:44px; height:44px; border-radius:50%; background:var(--cc-blue); color:#fff; font-size:1.2rem; font-weight:800; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; }
.cc-teach-step-title { color:#0f172a; font-size:1rem; font-weight:700; margin-bottom:8px; }
.cc-teach-step-desc { color:#475569; font-size:0.85rem; line-height:1.65; }
.cc-teach-step-arrow { color:var(--cc-blue); font-size:1.8rem; font-weight:700; flex-shrink:0; }
.cc-teach-apply-btns { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-bottom:20px; }
.cc-teach-apply-note { color:#94a3b8; font-size:0.85rem; font-style:italic; margin:0; }

@media (max-width: 900px) {
  .cc-teach-subjects-grid { grid-template-columns:1fr 1fr; }
  .cc-teach-steps { flex-direction:column; }
  .cc-teach-step-arrow { transform:rotate(90deg); }
  .cc-teach-step { max-width:100%; width:100%; }
}
@media (max-width: 768px) {
  .cc-teach-hero { padding:60px 20px; }
  .cc-teach-hero-h1 { font-size:2rem; }
  .cc-teach-why-sec { padding:50px 20px; }
  .cc-teach-cols-sec { padding:50px 20px; }
  .cc-teach-cols-grid { grid-template-columns:1fr; }
  .cc-teach-subjects-sec { padding:50px 20px; }
  .cc-teach-subjects-grid { grid-template-columns:1fr; }
  .cc-teach-apply-sec { padding:50px 20px; }
}
@media (max-width: 480px) {
  .cc-teach-hero-h1 { font-size:1.7rem; }
  .cc-teach-section-h2 { font-size:1.6rem; }
  .cc-teach-why-grid { grid-template-columns:1fr; }
  .cc-teach-list { padding:20px; }
  .cc-teach-col-header { padding:18px 20px; }
}

/* ============================================================
   LEAD CAPTURE SECTION
   ============================================================ */
.cc-lead-capture {
  background: #ffffff;
  padding: 80px 40px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 6px solid #f0f4f8;
}
.cc-lead-inner {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 60px; align-items: start;
}
.cc-lead-form-side {}
.cc-lead-title { color: #0f172a; font-size: 2rem; font-weight: 800; line-height: 1.25; margin: 12px 0 14px; }
.cc-lead-sub { color: #475569; font-size: 0.97rem; line-height: 1.7; margin: 0 0 28px; }
.cc-lead-form { display: flex; flex-direction: column; gap: 16px; }
.cc-lead-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cc-lead-field { display: flex; flex-direction: column; gap: 6px; }
.cc-lead-label { color: #0f172a; font-size: 0.82rem; font-weight: 600; letter-spacing: 0.3px; }
.cc-lead-req { color: var(--cc-blue); font-size: 0.8rem; }
.cc-lead-input {
  width: 100%; box-sizing: border-box;
  background: #ffffff; border: 1px solid #e2e8f0;
  border-radius: 8px; padding: 13px 16px;
  color: #0f172a; font-size: 0.95rem;
  outline: none; transition: border-color 0.2s, box-shadow 0.2s;
}
.cc-lead-input::placeholder { color: #94a3b8; }
.cc-lead-input:focus { border-color: var(--cc-blue); box-shadow: 0 0 0 3px rgba(var(--cc-rgb),0.12); outline: none; }
.cc-lead-select {
  cursor: pointer; appearance: none;
  -webkit-appearance: none; -moz-appearance: none;
  background-color: #ffffff; color: #0f172a;
}
.cc-lead-select:focus,
.cc-lead-select:active { background-color: #ffffff; color: #0f172a; border-color: var(--cc-blue); outline: none; }
.cc-lead-select option { background-color: #ffffff; color: #0f172a; }
.cc-lead-btn {
  background: var(--cc-blue); color: #fff;
  font-weight: 800; font-size: 1rem;
  padding: 15px 24px; border: none; border-radius: 8px;
  cursor: pointer; text-align: center;
  transition: background 0.2s, transform 0.15s;
  margin-top: 4px;
}
.cc-lead-btn:hover { background: var(--cc-tint-txt); transform: translateY(-1px); }
.cc-lead-alt { color: #94a3b8; font-size: 0.82rem; margin: 14px 0 0; }
.cc-lead-alt-link { color: var(--cc-blue); text-decoration: none; font-weight: 600; }
.cc-lead-alt-link:hover { text-decoration: underline; }

.cc-lead-wa-side { display: flex; flex-direction: column; gap: 28px; }
.cc-lead-trust-box { background:var(--cc-tint); border:1px solid var(--cc-tint-bdr); border-radius:16px; padding:32px 28px; }
.cc-lead-trust-heading { color:#0f172a; font-size:1.05rem; font-weight:700; margin:0 0 20px; }
.cc-lead-wa-box { background:#f0fdf4; border:1px solid rgba(37,211,102,0.35); border-radius:16px; padding:32px 28px; text-align:center; }
.cc-lead-wa-icon { font-size:2.4rem; margin-bottom:14px; }
.cc-lead-wa-title { color:#0f172a; font-size:1.15rem; font-weight:700; margin:0 0 10px; }
.cc-lead-wa-text { color:#475569; font-size:0.9rem; line-height:1.65; margin:0 0 22px; }
.cc-lead-wa-btn {
  display: inline-block; background: #25d366; color: #fff;
  font-weight: 700; font-size: 0.95rem; padding: 13px 28px;
  border-radius: 8px; text-decoration: none; transition: background 0.2s;
}
.cc-lead-wa-btn:hover { background: #1ebe57; }
.cc-lead-trust-list { display: flex; flex-direction: column; gap: 10px; }
.cc-lead-trust-item { color: #475569; font-size: 0.9rem; display: flex; align-items: center; gap: 8px; }

@media (max-width: 900px) {
  .cc-lead-inner { grid-template-columns: 1fr; gap: 40px; }
  .cc-lead-title { font-size: 1.7rem; }
}
@media (max-width: 768px) {
  .cc-lead-capture { padding: 60px 20px; }
  .cc-lead-title { font-size: 1.5rem; }
  .cc-lead-row { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .cc-lead-title { font-size: 1.35rem; }
  .cc-lead-btn { font-size: 0.92rem; padding: 14px 18px; }
  .cc-lead-row { grid-template-columns: 1fr; }
}


/* ============================================================
   PAKISTAN TAX — MONTHLY PRICING BOX
   ============================================================ */
.cc-ptax-monthly-box {
  background: var(--cc-tint); border: 1px solid var(--cc-tint-bdr);
  border-radius: 10px; padding: 12px 16px; margin: 12px 0 16px; text-align: center;
}
.cc-ptax-monthly-gold { background: var(--cc-tint); border-color: var(--cc-tint-bdr); }
.cc-ptax-monthly-label { font-size: 0.7rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
.cc-ptax-monthly-pkr { font-size: 1.05rem; font-weight: 800; color: #0f172a; margin-bottom: 2px; }
.cc-ptax-monthly-usd { font-size: 0.88rem; font-weight: 600; color: #64748b; }


/* =============================================
   PAYMENT PAGE — QR CODE + COMING SOON
   ============================================= */
.cc-pay-qr-wrapper { display: flex; flex-direction: column; align-items: center; padding: 20px 0 10px; }
.cc-pay-qr-img { width: 200px; height: 200px; object-fit: contain; border-radius: 12px; background: #fff; padding: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.12); border: 1px solid #e2e8f0; }
.cc-pay-qr-label { margin-top: 10px; font-size: 0.85rem; color: #64748b; letter-spacing: 0.5px; }
.cc-pay-card-muted { opacity: 0.75; }
.cc-pay-coming-soon { text-align: center; padding: 10px 0 6px; }
.cc-pay-coming-badge {
  display: inline-block; background: var(--cc-tint); border: 1px solid var(--cc-tint-bdr);
  color: var(--cc-blue); font-size: 0.75rem; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; padding: 5px 14px; border-radius: 50px; margin-bottom: 14px;
}
.cc-pay-coming-soon p { font-size: 0.95rem; color: #475569; margin-bottom: 16px; line-height: 1.6; }
.cc-pay-wa-inline {
  display: inline-flex; align-items: center; gap: 8px;
  background: #25d366; color: #fff; font-size: 0.88rem; font-weight: 700;
  padding: 10px 22px; border-radius: 50px; text-decoration: none; transition: background 0.2s;
}
.cc-pay-wa-inline:hover { background: #1ebe5d; color: #fff; }
.cc-pay-method-divider {
  font-size: 0.72rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--cc-blue); border-top: 1px solid #e2e8f0; padding-top: 18px; margin-top: 18px; margin-bottom: 4px;
}
.cc-pay-method-divider:first-child { border-top: none; padding-top: 0; margin-top: 0; }
@media (max-width: 600px) { .cc-pay-qr-img { width: 170px; height: 170px; } }


/* =============================================
   SECTION 3 — PAKISTAN TAX HERO OFFER (cc-tax-hero-*)
   ============================================= */
.cc-tax-hero-section { background: #ffffff; padding: 80px 40px; text-align: center; border-bottom: 6px solid #f0f4f8; }
.cc-tax-hero-sub { color: #64748b; font-size: 1.05rem; margin: -20px auto 48px; max-width: 560px; line-height: 1.65; }
.cc-tax-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; max-width: 900px; margin: 0 auto; text-align: left; }

.cc-tax-hero-card {
  background: #ffffff; border: 1px solid #e2e8f0; border-radius: 18px; overflow: hidden;
  display: flex; flex-direction: column; position: relative;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.cc-tax-hero-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(0,0,0,0.12); }
.cc-tax-hero-card-featured { border: 2px solid var(--cc-blue) !important; box-shadow: 0 0 28px rgba(var(--cc-rgb),0.12); }

.cc-tax-hero-featured-badge {
  position: absolute; top: 0; right: 0;
  background: var(--cc-blue); color: #fff;
  font-size: 0.68rem; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase;
  padding: 5px 14px; border-radius: 0 16px 0 10px;
}

.cc-tax-hero-card-header { background: #f8fafc; border-bottom: 1px solid #e2e8f0; padding: 28px 28px 20px; }
.cc-tax-hero-card-featured .cc-tax-hero-card-header { background: var(--cc-tint); border-bottom-color: var(--cc-tint-bdr); }

.cc-tax-hero-badge {
  display: inline-block; background: var(--cc-tint); color: var(--cc-blue);
  border: 1px solid var(--cc-tint-bdr); font-size: 0.68rem; font-weight: 800;
  letter-spacing: 1px; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; margin-bottom: 12px;
}
.cc-tax-hero-badge-orange { background: var(--cc-tint) !important; color: var(--cc-blue) !important; border-color: var(--cc-tint-bdr) !important; }

.cc-tax-hero-card-title { font-size: 1.5rem; font-weight: 800; color: #0f172a; margin: 0 0 8px 0; line-height: 1.2; }
.cc-tax-hero-tagline { font-size: 0.88rem; color: #64748b; margin: 0; line-height: 1.5; }

.cc-tax-hero-card-body { padding: 24px 28px 28px; display: flex; flex-direction: column; flex: 1; }
.cc-tax-hero-list { list-style: none; padding: 0; margin: 0 0 24px 0; }
.cc-tax-hero-list li { font-size: 0.88rem; color: #475569; line-height: 1.75; padding-left: 4px; }

.cc-tax-hero-price-note {
  background: var(--cc-tint); border: 1px solid var(--cc-tint-bdr);
  border-radius: 8px; padding: 12px 16px;
  font-size: 0.84rem; color: #475569; line-height: 1.6; margin-bottom: 20px;
}

.cc-tax-hero-price-block { display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px; }
.cc-tax-hero-price { font-size: 1.8rem; font-weight: 900; color: var(--cc-blue); line-height: 1; }
.cc-tax-hero-price-old { font-size: 1rem; color: #94a3b8; text-decoration: line-through; font-weight: 600; }
.cc-tax-hero-launch-note {
  font-size: 0.8rem; font-weight: 700; color: var(--cc-blue);
  background: var(--cc-tint); border: 1px solid var(--cc-tint-bdr);
  border-radius: 6px; padding: 8px 12px; margin: 10px 0 16px; line-height: 1.5;
}

.cc-tax-hero-btn {
  display: block; text-align: center; padding: 14px 20px; border-radius: 9px;
  font-weight: 700; font-size: 0.95rem; text-decoration: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease; margin-top: auto;
}
.cc-tax-hero-btn:hover { opacity: 0.88; transform: translateY(-1px); }
.cc-tax-hero-btn-wa { background: #25d366; color: #fff !important; box-shadow: 0 4px 16px rgba(37,211,102,0.3); }
.cc-tax-hero-btn-primary { background: var(--cc-blue); color: #fff !important; font-weight: 800; box-shadow: 0 4px 16px rgba(var(--cc-rgb),0.28); }

@media (max-width: 860px) {
  .cc-tax-hero-section { padding: 60px 24px; }
  .cc-tax-hero-grid { grid-template-columns: 1fr; gap: 24px; max-width: 520px; }
  .cc-tax-hero-sub { margin-bottom: 36px; }
}
@media (max-width: 500px) {
  .cc-tax-hero-section { padding: 50px 16px; }
  .cc-tax-hero-card-header { padding: 22px 20px 16px; }
  .cc-tax-hero-card-body { padding: 20px 20px 24px; }
  .cc-tax-hero-card-title { font-size: 1.3rem; }
  .cc-tax-hero-price { font-size: 1.5rem; }
}


/* =============================================
   SECTION 4 — LEAD MAGNET BANNERS (cc-lead-magnets)
   ============================================= */
.cc-lead-magnets { background: #f8fafc; padding: 60px 40px; border-bottom: 6px solid #f0f4f8; }
.cc-lead-magnet-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 900px; margin: 0 auto; }
.cc-lead-magnet-card {
  border-radius: 16px; padding: 32px 28px;
  display: flex; align-items: center; gap: 22px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cc-lead-magnet-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(0,0,0,0.10); }
.cc-lead-magnet-blue { background: #ffffff; border: 1.5px solid #e2e8f0; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.cc-lead-magnet-orange { background: var(--cc-tint); border: 1.5px solid var(--cc-tint-bdr); }
.cc-lead-magnet-icon { font-size: 2.8rem; flex-shrink: 0; line-height: 1; }
.cc-lead-magnet-content { flex: 1; min-width: 0; }
.cc-lead-magnet-title { font-size: 1.05rem; font-weight: 800; color: #0f172a; margin: 0 0 8px 0; line-height: 1.3; }
.cc-lead-magnet-sub { font-size: 0.84rem; color: #475569; line-height: 1.55; margin: 0 0 16px 0; }
.cc-lead-magnet-btn {
  display: inline-block; background: var(--cc-blue); color: #fff !important;
  font-size: 0.84rem; font-weight: 700; padding: 10px 18px; border-radius: 7px;
  text-decoration: none !important; transition: background 0.2s ease, transform 0.2s ease;
}
.cc-lead-magnet-btn:hover { background: var(--cc-tint-txt); color: #fff !important; transform: translateY(-1px); }
.cc-lead-magnet-btn-orange { background: var(--cc-blue) !important; color: #fff !important; }
.cc-lead-magnet-btn-orange:hover { background: var(--cc-tint-txt) !important; color: #fff !important; }

@media (max-width: 780px) {
  .cc-lead-magnets { padding: 50px 24px; }
  .cc-lead-magnet-grid { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 480px) {
  .cc-lead-magnets { padding: 40px 16px; }
  .cc-lead-magnet-card { padding: 24px 18px; gap: 16px; }
  .cc-lead-magnet-icon { font-size: 2.2rem; }
  .cc-lead-magnet-title { font-size: 0.97rem; }
}


/* =============================================
   SECTION 5 — FBR ALERT TEASER STRIP
   ============================================= */
.cc-fbr-strip {
  background: #ffffff;
  border-top: 1px solid rgba(220,38,38,0.18);
  border-bottom: 1px solid rgba(220,38,38,0.18);
  padding: 18px 40px;
}
.cc-fbr-strip-inner {
  max-width: 1100px; margin: 0 auto;
  display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px;
}
.cc-fbr-pill {
  display: inline-block; font-size: 0.68rem; font-weight: 800;
  letter-spacing: 1.5px; text-transform: uppercase;
  padding: 4px 12px; border-radius: 20px; white-space: nowrap; flex-shrink: 0;
}
.cc-fbr-high { background: rgba(220,38,38,0.10); color: #dc2626; border: 1px solid rgba(220,38,38,0.35); }
.cc-fbr-medium { background: rgba(var(--cc-rgb),0.12); color: var(--cc-blue); border: 1px solid rgba(var(--cc-rgb),0.35); }
.cc-fbr-low { background: rgba(100,116,139,0.10); color: #64748b; border: 1px solid rgba(100,116,139,0.3); }
.cc-fbr-strip-text { font-size: 0.88rem; color: #475569; line-height: 1.5; flex: 1; min-width: 200px; }
.cc-fbr-strip-date { font-size: 0.78rem; color: #94a3b8; white-space: nowrap; flex-shrink: 0; }
.cc-fbr-strip-link { color: var(--cc-blue) !important; font-size: 0.84rem; font-weight: 700; text-decoration: none !important; white-space: nowrap; flex-shrink: 0; transition: color 0.2s ease; }
.cc-fbr-strip-link:hover { color: var(--cc-tint-txt) !important; text-decoration: underline !important; }

@media (max-width: 768px) { .cc-fbr-strip { padding: 16px 24px; } .cc-fbr-strip-inner { gap: 8px 14px; } .cc-fbr-strip-date { display: none; } }
@media (max-width: 480px) { .cc-fbr-strip { padding: 14px 16px; } .cc-fbr-strip-text { font-size: 0.83rem; } }


/* =============================================
   SECTION 6 — ACCA & FIA SECTION
   ============================================= */
.cc-acca-section { background: #ffffff; padding: 80px 40px; text-align: center; border-bottom: 6px solid #f0f4f8; }
.cc-acca-section-sub { color: #64748b; font-size: 1rem; margin: -20px auto 44px; max-width: 580px; line-height: 1.65; }
.cc-acca-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 900px; margin: 0 auto 32px; text-align: left; }

.cc-acca-card {
  background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 32px 28px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.cc-acca-card:hover { transform: translateY(-4px); border-color: rgba(var(--cc-rgb),0.45); }
.cc-acca-card-featured { border: 2px solid var(--cc-blue) !important; box-shadow: 0 4px 16px rgba(var(--cc-rgb),0.12) !important; }
.cc-acca-card-featured:hover { border-color: var(--cc-blue) !important; box-shadow: 0 12px 32px rgba(var(--cc-rgb),0.18) !important; }

.cc-acca-badge {
  display: inline-block; font-size: 0.68rem; font-weight: 800;
  letter-spacing: 1px; text-transform: uppercase; padding: 4px 14px;
  border-radius: 20px; margin-bottom: 16px;
}
.cc-acca-badge-gold { background: var(--cc-blue); color: #fff; }
.cc-acca-badge-blue { background: var(--cc-tint); color: var(--cc-blue); border: 1px solid var(--cc-tint-bdr); }

.cc-acca-card-title { font-size: 1.4rem; font-weight: 800; color: #0f172a; margin: 0 0 12px 0; line-height: 1.25; }
.cc-acca-card-desc { font-size: 0.88rem; color: #475569; line-height: 1.7; margin: 0 0 16px 0; }
.cc-acca-card-price { font-size: 0.9rem; color: #475569; margin: 0 0 20px 0; line-height: 1.5; }
.cc-acca-card-price strong { color: var(--cc-blue); }
.cc-acca-card-link { display: inline-block; color: var(--cc-blue) !important; font-weight: 700; font-size: 0.88rem; text-decoration: none !important; transition: letter-spacing 0.2s ease; }
.cc-acca-card-link:hover { letter-spacing: 0.5px; }

.cc-acca-wa-note { font-size: 0.9rem; color: #64748b; max-width: 900px; margin: 0 auto; text-align: center; }
.cc-acca-wa-note a { color: var(--cc-blue) !important; text-decoration: none !important; font-weight: 600; }
.cc-acca-wa-note a:hover { text-decoration: underline !important; }

@media (max-width: 780px) { .cc-acca-section { padding: 60px 24px; } .cc-acca-grid { grid-template-columns: 1fr; max-width: 520px; } }
@media (max-width: 480px) { .cc-acca-section { padding: 50px 16px; } .cc-acca-card { padding: 24px 20px; } .cc-acca-card-title { font-size: 1.2rem; } }


/* =============================================
   SECTION 7 — ACCA UPDATES BLOCK
   ============================================= */
.cc-acca-updates { background: #f8fafc; padding: 80px 40px; border-bottom: 6px solid #f0f4f8; }
.cc-acca-updates-sub { color: #64748b; font-size: 0.95rem; margin: 0 0 36px 0; line-height: 1.6; }
.cc-acca-updates-list { display: flex; flex-direction: column; gap: 0; margin-bottom: 28px; }
.cc-acca-update-item {
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; padding: 22px 0;
  border-bottom: 1px solid #e2e8f0;
}
.cc-acca-update-item:first-child { border-top: 1px solid #e2e8f0; }
.cc-acca-update-left { flex: 1; min-width: 0; }
.cc-acca-update-tag {
  display: inline-block; font-size: 0.65rem; font-weight: 800; letter-spacing: 1.2px;
  text-transform: uppercase; padding: 3px 10px; border-radius: 12px;
  background: var(--cc-tint); color: var(--cc-blue); border: 1px solid var(--cc-tint-bdr); margin-bottom: 8px;
}
.cc-acca-update-title {
  font-size: 0.97rem !important; font-weight: 700 !important;
  color: #0f172a !important; margin: 0 0 5px 0 !important; line-height: 1.35 !important;
}
.cc-acca-update-sub { font-size: 0.82rem; color: #64748b; margin: 0; line-height: 1.5; }
.cc-acca-update-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; flex-shrink: 0; }
.cc-acca-update-date { font-size: 0.78rem; color: #94a3b8; white-space: nowrap; }
.cc-acca-update-link { font-size: 0.82rem; font-weight: 700; color: var(--cc-blue) !important; text-decoration: none !important; white-space: nowrap; transition: color 0.2s ease; }
.cc-acca-update-link:hover { color: var(--cc-tint-txt) !important; }
.cc-acca-updates-footer { text-align: center; margin-top: 8px; }
.cc-acca-updates-all-link { font-size: 0.88rem; font-weight: 600; color: #64748b !important; text-decoration: none !important; transition: color 0.2s ease; }
.cc-acca-updates-all-link:hover { color: var(--cc-blue) !important; }

@media (max-width: 768px) { .cc-acca-updates { padding: 60px 24px; } .cc-acca-update-item { flex-direction: column; align-items: flex-start; gap: 12px; } .cc-acca-update-right { flex-direction: row; align-items: center; gap: 16px; } }
@media (max-width: 480px) { .cc-acca-updates { padding: 50px 16px; } .cc-acca-update-title { font-size: 0.93rem; } }

/* =============================================
   SOCIAL ICONS — CTA SECTION
   Platform colours KEPT EXACTLY as-is
   ============================================= */
.cc-social-icons { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: center; }
.cc-social-icon {
  display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 50%;
  color: #ffffff !important; text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease; flex-shrink: 0;
}
.cc-social-icon:hover { transform: scale(1.15); box-shadow: 0 4px 16px rgba(0,0,0,0.25); text-decoration: none !important; }
.cc-social-icon svg { display: block; flex-shrink: 0; pointer-events: none; }

/* Platform colours — unchanged */
.cc-social-facebook  { background: #1877F2; }
.cc-social-instagram { background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
.cc-social-youtube   { background: #FF0000; }
.cc-social-tiktok    { background: #010101; border: 1px solid rgba(0,0,0,0.15); }
.cc-social-whatsapp  { background: #25D366; }

.cc-cta-social { margin-top: 36px; padding-top: 28px; border-top: 1px solid #e2e8f0; }
.cc-cta-social-label {
  display: block; color: #64748b; font-size: 13px; font-weight: 600;
  text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; text-align: center;
}

@media (max-width: 768px) { .cc-social-icon { width: 42px; height: 42px; } .cc-social-icons { gap: 8px; } }
@media (max-width: 480px) { .cc-social-icon { width: 40px; height: 40px; } .cc-social-icon svg { width: 19px; height: 19px; } .cc-social-icons { gap: 8px; } .cc-cta-social { margin-top: 28px; padding-top: 22px; } }


/* =============================================
   SECTION 4 — FBR UPDATES BLOCK (V8)
   ============================================= */
.cc-fbr-updates { background: #ffffff; padding: 80px 40px; border-bottom: 6px solid #f0f4f8; }
.cc-fbr-updates-sub { color: #64748b; font-size: 0.95rem; margin: 0 0 36px 0; line-height: 1.6; }
.cc-fbr-updates-footer { text-align: center; margin-top: 8px; }

@media (max-width: 768px) { .cc-fbr-updates { padding: 60px 24px; } }
@media (max-width: 480px) { .cc-fbr-updates { padding: 50px 16px; } }


/* =============================================
   TESTIMONIAL AVATAR — SMALLER SIZE (V8)
   ============================================= */
.cc-tavatar-img {
  width: 52px !important; height: 52px !important;
  border-radius: 50% !important; object-fit: cover !important;
  object-position: top center !important;
  border: 2px solid var(--cc-blue) !important;
  margin: 0 auto 12px !important; display: block !important;
}


/* =============================================
   SECTION 8 — TESTIMONIALS + CTA COMBINED (V8)
   ============================================= */
.cc-testi-cta {
  background: #ffffff;
  padding: 90px 40px;
  text-align: center;
  border-top: 3px solid var(--cc-blue);
  border-bottom: 6px solid #f0f4f8;
}
.cc-testi-cta .cc-section-tag { display: inline-block; }
.cc-testi-cta .cc-section-title { display: block; }
.cc-testi-cta-divider {
  border: none; border-top: 1px solid #e2e8f0;
  margin: 56px auto; max-width: 700px;
}
.cc-testi-cta .cc-tcard { background: #ffffff; border: 1px solid #e2e8f0; }

@media (max-width: 900px) { .cc-testi-cta { padding: 70px 24px; } }
@media (max-width: 600px) { .cc-testi-cta { padding: 60px 20px; } .cc-testi-cta-divider { margin: 40px auto; } }


/* =============================================
   SECTION 9 — TAX BLOG STRIP (V8)
   ============================================= */
.cc-blog-strip {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  padding: 22px 40px;
}
.cc-blog-strip-inner { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.cc-blog-strip-icon { font-size: 1.4rem; flex-shrink: 0; line-height: 1; }
.cc-blog-strip-text { flex: 1; font-size: 0.9rem; color: #64748b; line-height: 1.55; min-width: 200px; }
.cc-blog-strip-link { color: var(--cc-blue) !important; font-size: 0.88rem; font-weight: 700; text-decoration: none !important; white-space: nowrap; flex-shrink: 0; transition: color 0.2s ease; }
.cc-blog-strip-link:hover { color: var(--cc-tint-txt) !important; text-decoration: underline !important; }

@media (max-width: 768px) { .cc-blog-strip { padding: 18px 24px; } .cc-blog-strip-text { font-size: 0.87rem; } }
@media (max-width: 480px) { .cc-blog-strip { padding: 16px 16px; } .cc-blog-strip-inner { gap: 12px; } .cc-blog-strip-icon { display: none; } .cc-blog-strip-text { font-size: 0.84rem; min-width: 0; width: 100%; } }


/* =============================================
   WHATSAPP STICKY BUTTON
   Platform colour #25d366 — UNCHANGED
   ============================================= */
.cc-wa-sticky {
  position: fixed; bottom: 28px; right: 28px; z-index: 9999;
  display: flex; align-items: center; gap: 10px;
  background: #25d366; color: #fff !important;
  border-radius: 50px; padding: 12px 20px 12px 14px;
  text-decoration: none !important; font-size: 0.9rem; font-weight: 600;
  box-shadow: 0 4px 18px rgba(37,211,102,0.45);
  transition: transform 0.2s ease, box-shadow 0.2s ease; white-space: nowrap;
}
.cc-wa-sticky:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(37,211,102,0.55); color: #fff !important; text-decoration: none !important; }
.cc-wa-sticky svg { flex-shrink: 0; width: 24px; height: 24px; fill: #fff; }
@media (max-width: 600px) {
  .cc-wa-sticky { padding: 14px; border-radius: 50%; bottom: 20px; right: 20px; }
  .cc-wa-sticky .cc-wa-label { display: none; }
}


/* ============================================================
   PRIVACY POLICY PAGE (cc-pp-*)
   ============================================================ */
.cc-pp-container { max-width: 900px; margin: 0 auto; padding: 0 20px; }
.cc-pp-hero { background: #ffffff; padding: 80px 40px 60px; text-align: center; border-bottom: 6px solid #f0f4f8; }
.cc-pp-badge {
  display: inline-block; background: var(--cc-tint); border: 1px solid var(--cc-blue); color: var(--cc-blue);
  font-size: 0.75rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  padding: 6px 18px; border-radius: 20px; margin-bottom: 20px;
}
.cc-pp-hero-title { font-size: 2.6rem; font-weight: 800; color: #0f172a !important; margin-bottom: 16px; line-height: 1.2; }
.cc-pp-hero-sub { font-size: 1.05rem; color: #475569; max-width: 650px; margin: 0 auto 16px; line-height: 1.7; }
.cc-pp-last-updated { font-size: 0.85rem; color: var(--cc-blue); margin: 0; }

.cc-pp-section { padding: 70px 40px; }
.cc-pp-section-light { background: #ffffff; }
.cc-pp-section-dark { background: #f8fafc; }
.cc-pp-section-contact { background: var(--cc-tint); text-align: center; }

.cc-pp-section-title {
  font-size: 1.6rem; font-weight: 700; color: var(--cc-blue) !important;
  margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--cc-tint-bdr);
}
.cc-pp-text { font-size: 1rem; color: #475569 !important; line-height: 1.8; margin-bottom: 16px; }
.cc-pp-note { background: var(--cc-tint); border-left: 3px solid var(--cc-blue); padding: 14px 18px; border-radius: 0 8px 8px 0; }
.cc-pp-info-box { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px 24px; margin: 20px 0; }
.cc-pp-info-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--cc-blue); margin-bottom: 10px; }
.cc-pp-info-item { font-size: 0.95rem; color: #475569 !important; margin: 4px 0; }

.cc-pp-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 28px 0; }
.cc-pp-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: border-color 0.3s; }
.cc-pp-card:hover { border-color: rgba(var(--cc-rgb),0.4); }
.cc-pp-card-icon { font-size: 1.6rem; margin-bottom: 10px; }
.cc-pp-card-title { font-size: 1rem; font-weight: 700; color: #0f172a !important; margin-bottom: 8px; }
.cc-pp-card-text { font-size: 0.9rem; color: #475569 !important; line-height: 1.6; margin: 0; }

.cc-pp-list-items { margin: 24px 0; display: flex; flex-direction: column; gap: 16px; }
.cc-pp-list-item { display: flex; align-items: flex-start; gap: 16px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 18px 20px; }
.cc-pp-bullet { font-size: 1.2rem; flex-shrink: 0; margin-top: 2px; }
.cc-pp-list-item strong { display: block; font-size: 0.95rem; color: #0f172a !important; margin-bottom: 4px; }
.cc-pp-list-item p { font-size: 0.9rem; color: #475569 !important; margin: 0; line-height: 1.6; }

.cc-pp-rights-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; }
.cc-pp-right-item { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 20px 16px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.cc-pp-right-icon { font-size: 1.5rem; display: block; margin-bottom: 10px; }
.cc-pp-right-item strong { display: block; font-size: 0.9rem; color: var(--cc-blue) !important; margin-bottom: 8px; }
.cc-pp-right-item p { font-size: 0.85rem; color: #475569 !important; margin: 0; line-height: 1.5; }

.cc-pp-contact-title { text-align: center; }
.cc-pp-contact-text { text-align: center; max-width: 600px; margin-left: auto; margin-right: auto; }
.cc-pp-contact-box {
  background: #ffffff; border: 1px solid var(--cc-tint-bdr);
  border-radius: 12px; padding: 24px 30px; display: inline-block; margin: 16px auto 24px;
}
.cc-pp-contact-item { font-size: 1rem; color: #0f172a !important; margin: 6px 0; font-weight: 500; }

@media (max-width: 768px) {
  .cc-pp-hero { padding: 60px 20px 40px; }
  .cc-pp-hero-title { font-size: 1.9rem; }
  .cc-pp-hero-sub { font-size: 0.95rem; }
  .cc-pp-section { padding: 50px 20px; }
  .cc-pp-section-title { font-size: 1.35rem; }
  .cc-pp-cards { grid-template-columns: 1fr; }
  .cc-pp-rights-grid { grid-template-columns: repeat(2,1fr); }
  .cc-pp-contact-box { padding: 18px 20px; }
}
@media (max-width: 480px) {
  .cc-pp-hero-title { font-size: 1.55rem; }
  .cc-pp-section-title { font-size: 1.2rem; }
  .cc-pp-text { font-size: 0.95rem; }
  .cc-pp-rights-grid { grid-template-columns: 1fr; }
  .cc-pp-list-item { flex-direction: column; gap: 8px; }
  .cc-pp-contact-box { padding: 16px; width: 100%; box-sizing: border-box; }
}

/* =============================================
   END OF CSS-V9-LIGHT
   Paste entire file into:
   WordPress → Appearance → Additional CSS
   Replace ALL existing content.
   ============================================= */


/* =============================================
   GLOBAL WORDPRESS BRAND OVERRIDES
   Fixes all conflicts vs locked brand palette.
   Replaces WORDPRESS-LIGHT-THEME-CSS.css — do
   NOT paste that old file alongside this one.
   Master Colour Theme (LOCKED May 2026):
     #ffffff  — page / section backgrounds
     var(--cc-blue)  — ONE orange (CTAs, accents)
     #0f172a  — headings / primary text
     #475569  — body / long-form paragraphs
     #64748b  — UI text / labels / muted
     #94a3b8  — placeholder / very muted
     #e2e8f0  — borders / dividers
     var(--cc-tint)  — trust bar / tag pill bg
     #f8fafc  — footer / surface bg
     #f0f4f8  — 6px separator strips ONLY
   ============================================= */

/* ── PAGE BACKGROUND — always white base ── */
body,
body.page,
body.single,
body.home {
  background-color: #ffffff !important;
}

/* ── HEADINGS ── */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.elementor-heading-title,
.wp-block-heading {
  color: #0f172a !important;
}

/* ── PARAGRAPH TEXT — #475569 (long-form body colour) ── */
/* FIXED: old file wrongly used #64748b here */
p,
.elementor-widget-text-editor p,
.entry-content p,
.wp-block-paragraph {
  color: #475569 !important;
}

/* ── LINKS — orange accent, NO dark-orange var(--cc-tint-txt) ── */
/* FIXED: old file used var(--cc-tint-txt) which is not a brand colour */
a {
  color: var(--cc-blue) !important;
}
a:hover {
  color: var(--cc-blue) !important;
  opacity: 0.85;
}

/* ── NAVIGATION ── */
.site-header,
#masthead {
  background-color: #ffffff !important;
}
.main-navigation a,
.nav-menu a,
.menu-item > a {
  color: #0f172a !important;
}
.main-navigation a:hover,
.nav-menu a:hover,
.current-menu-item > a {
  color: var(--cc-blue) !important;
}

/* ── ELEMENTOR NAV MENU ── */
.elementor-nav-menu a,
.elementor-nav-menu--main a {
  color: #0f172a !important;
}
.elementor-nav-menu a:hover,
.elementor-nav-menu--main .current-menu-item > a {
  color: var(--cc-blue) !important;
}

/* ── SITE TITLE — dark, not orange ── */
/* FIXED: old file set site-title to var(--cc-blue), conflicts with V9 */
.site-title a,
.site-title a:visited {
  color: #0f172a !important;
}
.site-description {
  color: #94a3b8 !important;
}

/* ── FOOTER ── */
.site-footer,
#colophon {
  background-color: #f8fafc !important;
}
.site-footer,
.site-footer p,
.site-footer span,
.site-footer li {
  color: #64748b !important;
}
.site-footer a { color: #64748b !important; }
.site-footer a:hover { color: var(--cc-blue) !important; }
.elementor-location-footer .elementor-heading-title { color: #0f172a !important; }
.elementor-location-footer p,
.elementor-location-footer li,
.elementor-location-footer span { color: #64748b !important; }
.elementor-location-footer a { color: #64748b !important; }
.elementor-location-footer a:hover { color: var(--cc-blue) !important; }

/* ── ELEMENTOR BUTTONS — no var(--cc-tint-txt) hover ── */
/* FIXED: old file used var(--cc-tint-txt) on hover — not a brand colour */
.elementor-button,
.elementor-button-wrapper a {
  background-color: var(--cc-blue) !important;
  color: #ffffff !important;
  border-color: var(--cc-blue) !important;
}
.elementor-button:hover,
.elementor-button-wrapper a:hover {
  background-color: var(--cc-blue) !important;
  color: #ffffff !important;
  opacity: 0.88;
}

/* ── WORDPRESS BLOCK BUTTONS ── */
.wp-block-button__link {
  background-color: var(--cc-blue) !important;
  color: #ffffff !important;
}
.wp-block-button__link:hover {
  background-color: var(--cc-blue) !important;
  opacity: 0.88;
}

/* ── BLOCKQUOTES — text uses #475569, not var(--cc-tint-txt) ── */
/* FIXED: old file set blockquote text to var(--cc-tint-txt) */
blockquote,
.wp-block-quote {
  background-color: var(--cc-tint) !important;
  border-left-color: var(--cc-blue) !important;
}
blockquote p,
.wp-block-quote p {
  color: #475569 !important;
}

/* ── SIDEBAR WIDGETS ── */
.widget-title { color: #0f172a !important; }
.widget, .widget p, .widget li, .widget span { color: #475569 !important; }

/* ── TABLES ── */
th {
  background-color: #f8fafc !important;
  color: #64748b !important;
}
td {
  color: #0f172a !important;
  border-bottom-color: #e2e8f0 !important;
}
tr:hover td { background-color: #f8fafc !important; }

/* ── GENERIC FORM INPUTS ── */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
select {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--cc-blue) !important;
  outline: none !important;
}
label { color: #0f172a !important; }

/* ── ELEMENTOR ICONS ── */
.elementor-icon i,
.elementor-icon svg {
  color: var(--cc-blue) !important;
  fill: var(--cc-blue) !important;
}

/* ── META / LABELS ── */
.entry-meta,
.posted-on,
.byline,
.cat-links {
  color: #64748b !important;
}

/* ── PAGINATION ── */
.page-numbers.current {
  background-color: var(--cc-blue) !important;
  color: #ffffff !important;
}
.page-numbers:hover { color: var(--cc-blue) !important; }

/* ── CALLOUT HELPERS ── */
.callout-orange {
  background-color: var(--cc-tint) !important;
  border-left-color: var(--cc-blue) !important;
  color: #475569 !important;
}

/* ── FOOTER NAV LINKS — muted, orange on hover only ── */
/* FIXED: generic a{var(--cc-blue)} was making all footer links orange */
.site-footer a,
#colophon a,
.cc-footer-links a,
.elementor-location-footer a,
.widget_nav_menu a,
.footer-widget a {
  color: #64748b !important;
}
.site-footer a:hover,
#colophon a:hover,
.cc-footer-links a:hover,
.elementor-location-footer a:hover,
.widget_nav_menu a:hover,
.footer-widget a:hover {
  color: var(--cc-blue) !important;
}
/* Keep footer email address orange */
.cc-footer-email,
.cc-footer-email:hover {
  color: var(--cc-blue) !important;
}

/* ============================================================
   END — CSS-V10-Fixed (CSS-V9-Light + logo fix + brand overrides
   + footer link fix)
   clearconcept.academy — May 2026
   ============================================================ */

/* =============================================
   CONTACT PAGE (cc-contact-*)
   Added: 2026-05-24
   ============================================= */

/* Hero */
.cc-contact-hero { background:#ffffff; padding:80px 40px 60px; text-align:center; border-bottom:6px solid #f0f4f8; }
.cc-contact-hero-inner { max-width:700px; margin:0 auto; }
.cc-contact-hero-h1 { color:#0f172a; font-size:2.6rem; font-weight:800; margin:12px 0 18px; line-height:1.2; }
.cc-contact-hero-desc { color:#475569; font-size:1.05rem; line-height:1.75; max-width:580px; margin:0 auto; }

/* Main 2-col layout */
.cc-contact-main { background:#f8fafc; padding:70px 40px; }
.cc-contact-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1.6fr; gap:48px; align-items:flex-start; }

/* Left column — WhatsApp + info */
.cc-contact-left-title { color:#0f172a; font-size:1.3rem; font-weight:800; margin:0 0 8px; }
.cc-contact-left-desc { color:#475569; font-size:0.95rem; line-height:1.7; margin:0 0 28px; }

.cc-contact-wa-card { background:#ffffff; border:2px solid #25d366; border-radius:16px; padding:28px 24px; margin-bottom:28px; text-align:center; }
.cc-contact-wa-label { color:#64748b; font-size:0.78rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:10px; }
.cc-contact-wa-btn { display:inline-flex; align-items:center; gap:10px; background:#25d366; color:#ffffff !important; text-decoration:none !important; font-weight:800; font-size:1rem; padding:14px 28px; border-radius:10px; margin-bottom:10px; transition:transform 0.2s ease, box-shadow 0.2s ease; }
.cc-contact-wa-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(37,211,102,0.40); color:#ffffff !important; }
.cc-contact-wa-note { color:#64748b; font-size:0.8rem; margin:0; }

.cc-contact-info-list { display:flex; flex-direction:column; gap:14px; }
.cc-contact-info-item { display:flex; align-items:flex-start; gap:14px; background:#ffffff; border:1px solid #e2e8f0; border-radius:12px; padding:16px 18px; }
.cc-contact-info-icon { font-size:1.3rem; flex-shrink:0; margin-top:1px; }
.cc-contact-info-label { color:#94a3b8; font-size:0.72rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:3px; }
.cc-contact-info-val { color:#0f172a; font-size:0.92rem; font-weight:600; }
.cc-contact-info-val a { color:#0ea5e9 !important; text-decoration:none !important; }
.cc-contact-info-val a:hover { text-decoration:underline !important; }

/* Right column — Form */
.cc-contact-form-wrap { background:#ffffff; border:1px solid #e2e8f0; border-radius:18px; padding:36px 32px; box-shadow:0 4px 24px rgba(0,0,0,0.06); }
.cc-contact-form-title { color:#0f172a; font-size:1.2rem; font-weight:800; margin:0 0 6px; }
.cc-contact-form-sub { color:#64748b; font-size:0.9rem; margin:0 0 28px; }
.cc-contact-form-divider { width:44px; height:3px; background:#0ea5e9; border-radius:2px; margin-bottom:28px; }

.cc-contact-form { display:flex; flex-direction:column; gap:18px; }
.cc-contact-field-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.cc-contact-field { display:flex; flex-direction:column; gap:6px; }
.cc-contact-label { color:#0f172a; font-size:0.82rem; font-weight:700; }
.cc-contact-label span { color:#0ea5e9; }
.cc-contact-input,
.cc-contact-select,
.cc-contact-textarea { width:100%; padding:12px 16px; border:1.5px solid #e2e8f0; border-radius:9px; font-size:0.92rem; color:#0f172a; background:#ffffff; font-family:inherit; box-sizing:border-box; transition:border-color 0.2s ease; outline:none; }
.cc-contact-input:focus,
.cc-contact-select:focus,
.cc-contact-textarea:focus { border-color:#0ea5e9; box-shadow:0 0 0 3px rgba(14,165,233,0.12); }
.cc-contact-textarea { min-height:130px; resize:vertical; }
.cc-contact-select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; cursor:pointer; }

.cc-contact-submit { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#0ea5e9; color:#ffffff !important; border:none; padding:15px 36px; border-radius:10px; font-weight:800; font-size:0.95rem; cursor:pointer; transition:transform 0.2s ease, box-shadow 0.2s ease; font-family:inherit; width:100%; }
.cc-contact-submit:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(14,165,233,0.42); }

/* Thank you state */
.cc-contact-thankyou { display:none; text-align:center; padding:40px 20px; }
.cc-contact-thankyou-icon { font-size:3rem; margin-bottom:16px; }
.cc-contact-thankyou-h { color:#0f172a; font-size:1.3rem; font-weight:800; margin:0 0 10px; }
.cc-contact-thankyou-p { color:#475569; font-size:0.95rem; line-height:1.7; max-width:380px; margin:0 auto 24px; }

/* Responsive */
@media (max-width: 900px) {
  .cc-contact-hero { padding:60px 24px 50px; }
  .cc-contact-hero-h1 { font-size:2rem; }
  .cc-contact-main { padding:50px 24px; }
  .cc-contact-inner { grid-template-columns:1fr; gap:36px; }
  .cc-contact-form-wrap { padding:28px 20px; }
}
@media (max-width: 600px) {
  .cc-contact-hero { padding:50px 20px 40px; }
  .cc-contact-hero-h1 { font-size:1.7rem; }
  .cc-contact-main { padding:40px 16px; }
  .cc-contact-field-row { grid-template-columns:1fr; }
  .cc-contact-form-wrap { padding:24px 16px; }
}

/* =============================================
   END CONTACT PAGE
   ============================================= */