/* Base wrapper */
.cp-page { font-family: 'Poppins', sans-serif; color:#595B6B; }

/* All sections: requested spacing */
.cp-section { padding-top: 80px; padding-bottom: 40px; }

/* Alternating backgrounds */
.section-white { background: #f7f7f9; }
.section-light { background: #fff; } /* very light pink/grey feel */

/* Heading row spacing and stronger heading style */
.heading-row { margin-bottom: 48px; } /* larger gap between heading and cards */
.cp-heading { color:#CC002B; font-weight:500; margin:0 0 12px 0; letter-spacing: -.02em; }
.cp-h1 { font-size:52px; line-height:1.03; }
.cp-h2 { font-size:40px; margin-bottom:20px; color:#CC002B; font-weight:500; }
.cp-sub { font-size:18px; color:#5b5b66; margin-bottom:8px; }

/* Panel card common style */
.cp-card {
    background: #fff;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16);
    border: color-mix(in sRGB, #262b43 12%, #fff);
}

/* Soft panel variant (for light bg) */
.cp-card-soft { background:#fff; border-radius:12px; padding:20px; box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16);
    border: color-mix(in sRGB, #262b43 12%, #fff); }

/* Counters style (hero) */
.counters { display:flex; gap:18px; flex-wrap:wrap; margin-top:18px; }
.counter-item { min-width:120px; background:#fff; border-radius:12px; padding:12px 14px; box-shadow:0 12px 26px rgba(12,18,30,0.05); text-align:center; }
.counter-item strong { display:block; font-size:20px; color:#111; }
.counter-item span { display:block; color:#70707a; font-size:13px; }

/* Vision/Mission layout tweaks */
.vision-grid { display:flex; gap:28px; align-items:flex-start; flex-wrap:wrap; }
.vision-card { flex:0 0 360px; }
.vision-pillars { flex:1 1 50%; }

/* Mission accordion style (Bootstrap-based) */
.cp-accordion .card { border-radius:12px; overflow:hidden; margin-bottom:12px; box-shadow: 0 10px 28px rgba(12,18,30,0.04); border:none; }
.cp-accordion .btn-link { display:flex; justify-content:space-between; align-items:center; width:100%; color:#fff; font-weight:700; padding:14px 18px; text-decoration:none; }
.cp-accordion .collapse-body { background:#fff; padding:14px 18px; }

/* Values grid */
.values-grid { display:flex; gap:18px; flex-wrap:wrap; margin-top:18px; }
.value-card { flex:1 1 calc(33.333% - 16px); min-width:240px; background:#fff; border-radius:12px; padding:18px; box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16);
    border: color-mix(in sRGB, #262b43 12%, #fff); transition: transform .28s ease; }
.value-card:hover { transform: translateY(-8px); box-shadow:0 28px 60px rgba(12,18,30,0.12); }
.value-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#fff7f8,#e6f6ff); border-radius:10px; margin-bottom:12px; }

/* Scoped team section styles - safe to include after bootstrap */
.team-section2 { padding-top:80px; padding-bottom:40px; background:#ffffff; }
.team-section2 .heading-row { margin-bottom:48px; }
.team-section2 .cp-heading { color:#CC002B; font-weight:500; }
.team-section2 .cp-h2 { font-size:40px; margin-bottom:8px; }

/* Card */
.team-card-v2 {
  background: #fff;
  border-radius:14px;
  padding:0;
  overflow:hidden;
  box-shadow: 0 20px 50px rgba(12,18,30,0.06);
  transition: transform .28s ease, box-shadow .28s ease;
  border: 1px solid rgba(16,20,30,0.03);
  display:flex;
  flex-direction:column;
  height:100%;
}
.team-card-v2:hover {
  transform: translateY(-10px);
  box-shadow: 0 34px 70px rgba(12,18,30,0.12);
}

/* photo area */
.team-photo-v2 {
  background: linear-gradient(180deg, rgba(204,0,43,0.06), rgba(15,154,214,0.04));
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding: 50px;
}
.team-photo-v2 img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* top accent (thin stripe) */
.team-card-v2::before {
  content:"";
  position:absolute;
  top:0; left:0;
  width:100%;
  height:6px;
  background: linear-gradient(90deg,#CC002B,#0F9AD6);
}

/* body */
.team-body-v2 {
  padding:18px 18px 16px 18px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1 1 auto;
}
.team-name {
    font-size: 18px;
    font-weight: 500;
    color: #111;
    margin: 0;
}
.team-role { font-size:13px; color:#CC002B; font-weight:700; margin:6px 0; display:inline-block; background: rgba(204,0,43,0.06); padding:6px 10px; border-radius:8px; }
.team-bio { color:#595B6B; font-size:15px; line-height:1.45; margin:0 0 10px 0; }

/* footer actions */
.team-actions { margin-top:auto; display:flex; gap:8px; align-items:center; justify-content:flex-start; }
.team-actions .btn {
  font-weight:700;
  padding:8px 12px;
  border-radius:8px;
  text-decoration:none;
}
.btn-contact { background:#CC002B; color:#fff; border:none; }
.btn-linkedin { background:#0e76a8; color:#fff; border:none; }

/* icon badge top-right on photo */
.photo-badge {
  position:absolute;
  right:12px;
  top:12px;
  background: rgba(255,255,255,0.9);
  padding:8px 10px;
  border-radius:12px;
  font-weight:700;
  color:#111;
  box-shadow:0 6px 18px rgba(12,18,30,0.06);
  display:flex;
  gap:8px;
  align-items:center;
}

/* responsive grid spacing (uses bootstrap cols) */
@media (max-width:1199px){ .team-card-v2 { min-height:360px; } }
@media (max-width:991px){ .team-card-v2 { min-height:320px; } }
@media (max-width:575px){
  .team-photo-v2 { height:180px; }
  .team-name { font-size:16px; }
  .team-role { font-size:12px; }
}

/* CTA strip */
.cp-cta {
    margin-top: 28px;
    padding: 18px;
    border-radius: 12px;
    background: linear-gradient(90deg, #fffff7, #ccbeb4);
    box-shadow: 0 12px 30px rgba(12, 18, 30, 0.06);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.cp-cta .cta-btn { background:#CC002B; color:#fff; padding:10px 16px; border-radius:8px; font-weight:700; text-decoration:none; }

/* Fonts & small helpers */
.cp-paragraph { color:#595B6B; font-size:18px; line-height:1.6; margin:0 0 12px 0; }
.muted { color:#777; font-size:14px; }
.icon-large { font-size:28px; color:#CC002B; }
 .text-head{
    color: #cc002b;
    font-size: 22px;
    font-weight: 500;
}
.cp-paracustom {
    color: #595B6B;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 12px 0;
}
.vision-pillars strong{
    font-size: 16px;
}
.vision-pillars .muted {
    color: #777;
    font-size: 16px;
}
.vision-grid .cp-card-soft {
    background: #f7f6fa;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16);
	border: color-mix(in sRGB, #262b43 12%, #fff);
}
.vision-grid .cp-card {
    background: #f7f6fa;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16);
    border: color-mix(in sRGB, #262b43 12%, #fff);
}
/* Responsive tweaks */
@media (max-width:991px) {
  .vision-grid { flex-direction:column; }
  .value-card { flex:1 1 48%; }
}
@media (max-width:576px){
  .cp-h1 { font-size:36px; }
  .value-card { flex:1 1 100%; }
}